body {
 background: #ffffff url(images/background.png) repeat-x;
 margin: 0;
 padding: 0;
 font-family: Arial, Helvetica, sans-serif;
}
/*-------------------
DEFAULT STYLES
-------------------*/
h1 {
 margin: 0;
 padding: 5px 0;
}
h2 {
 font-size: 12pt;
 font-weight: normal;
}
h3 {
 font-size: 12px;
 font-weight: normal;
 line-height: 2.5em;
}
a, a:link, a:visited  {
 color: #f89d3a;
 text-decoration: none;
 font-size: 12px;
}
a:hover {
 text-decoration: underline;
}
a img {
 border: 3px solid #838383;
}
hr {
 clear: both;
 padding: 0 20px;
 color: #ececec;
 border: 0.5px solid #ececec;
}
/*-------------------
EXTRA STYLING
-------------------*/
#wrapper {
 margin: 0 auto;
 width: 800px;
}
#logo {
 float: left;
 background: url(images/logo.png) no-repeat;
 width: 237px;
 height: 125px;
}
#navigation {
 float: right;
 margin-top: 15px;
 background: url(images/menubg.png) no-repeat;
 width: 451px;
 height: 98px;
}
#navigation ul {
 margin-top: 26px 0 0 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
 width: 451px;

}
#navigation li {
 padding: 10px;
 display: inline;
 font-family: 'Century Gothic', 'Arial';
}
.selected {
 background: url(images/selected.png) no-repeat;
 background-position: center top;
}
#navigation a {
 margin: 0;
 padding: 0;
 color: #b1b1b1;
 font-size: 15px;
}
#navigation a:hover {
 border-bottom: 3px solid #f89d3a;
 text-decoration: none;
}
#navigation a:hover {
 color: #f89d3a;
}
#contentarea {
 clear: both;
 padding-top: 20px;
}
.content {
 float: left;
 width: 500px;
}
#welcome h1 {
 background: url(images/text_1.png) no-repeat;
 width: 250px;
 height: 18px;
}
#welcome a {
 color: #f9af5e;
}
#welcome .readmore {
 padding-left: 50px;
}
#recent {
 width: 500px;
 margin: 0;
 padding: 0;
}
#recent h2 {
 font-weight: bold;
}
#recent h3 {
 margin-top: -10px;
 line-height: 1.5em;
}
.een, .twee, .vier, .vijf {
 float: left;
 width: 166px;
}
.drie, .zes {
 float: right;
 width: 166px;
}
#clients h1 {
 background: url(images/text_2.png) no-repeat;
 width: 140px;
 height: 14px;
}
#clients ol {
 font-size: 12px;
 margin: 0 0 0 10px;
 padding: 0 0 0 10px;
}
#clients li {
padding: 4px;
}
#clients a {
 color: #5a5a5a;
}
#clients a:hover {
 text-decoration: none;
}
#clients li:hover {
 color: #f9af5e;
}
#clients h3 a {
 color: #f89d3a;
}
#clients h3 a:hover {
 text-decoration: underline;
}
#sidebar {
 float: right;
 width: 280px;
}
#testimon h1 {
 background: url(images/text_3.png) no-repeat;
 width: 165px;
 height: 19px;
}
.clientname {
 display: block;
 margin-top: -30px;
}
#thanks h1 {
 background: url(images/text_4.png) no-repeat;
 width: 187px;
 height: 17px;
}
#thanks ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#thanks a {
 color: #5a5a5a;
}
#footer {
 clear: both;
 text-align: center;
 background: url(images/footerbg.png) repeat-x;
 height: 175px;
}
#footer h3 {
 padding-top: 125px;
}
/*-------------------
OTHER PAGES
-------------------*/
.wide {
 width: 800px;
}
/*-------------------
ABOUT
-------------------*/
.about h1 {
 background: url(images/text_5.png) no-repeat;
 width: 96px;
 height: 14px;
}
.about a {
 color: #f9af5e;
}
.about .readmore {
 padding-left: 50px;
}
/*-------------------
PORTFOLIO
-------------------*/
.portfolio h1 {
 background: url(images/text_6.png) no-repeat;
 width: 85px;
 height: 14px;
}
.portfolio a img {
 border: none;
}
.templates h1 {
 background: url(images/text_7.png) no-repeat;
 width: 97px;
 height: 13px;
}
.logos h1 {
 background: url(images/text_9.png) no-repeat;
 width: 161px;
 height: 18px;
}
.other h1 {
 background: url(images/text_10.png) no-repeat;
 width: 42px;
 height: 11px;
}
/*-------------------
CLIENTS PAGE
-------------------*/
.clients center {
 margin-left: auto;
 margin-right: auto;
 width: 800px;
}
.clients h1 {
 background: url(images/text_13.png) no-repeat;
 width: 50px;
 height: 11px;
}
.thumb {
 float: left;
 width: 110px;
 text-align: center;
}
.thumb p {
 font-style: italic;
 font-weight: bold;
 font-size: 12px;
}
.thumb p a {
 font-style: none;
}
/*-------------------
CLIENT PAGE
-------------------*/
#clientinfo {
 float: left;
 width: 300px;
}
.client51 {
 background: url(images/clients/client_51/client_51.png) no-repeat;
 width: 76px;
 height: 14px;
}
#clientinfo h2 {
 background: url(images/text_8.png) no-repeat;
 width: 90px;
 height: 16px;
}
#clientinfo ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 font-size: 12px;
}
#clientinfo li {
 line-height: 1.5em;
}
#clientimg {
 float: right;
 width: 500px;
}
#clientimg h3 {
 padding-left: 20px;
}
/*-------------------
CONTACT
-------------------*/
#contactme h1 {
 background: url(images/text_12.png) no-repeat;
 width: 113px;
 height: 14px;
}
#contactinfo h1 {
 background: url(images/text_11.png) no-repeat;
 width: 122px;
 height: 14px;
}
p#tip {
	font-weight: bold;
	font-size: 13px;
}
#contact_us {
	width: 460px;
	margin: 25px 0px 0px;
}

p.label_name, p.input_form {
	float: left;
}

p.label_name {
	width: 80px;
	clear: both;
	color: #7f7e7e;
	font-size: 14px;
}

#contact_us input, #contact_us textarea {
	width: 370px;
	background: #f3f3f3;
	border: 1px solid #eae9e9;
	font-size: 13px;
	padding: 4px;
	margin-bottom: 15px;
	color: #797676;
}

#contact_us input.button {
	text-transform: uppercase;
	color: #fbfbfb;
	background: #f89d3a;
	padding: 5px 10px;
	display: inline-block;
	font-size: 11px;
	width: 60px;
	border: 0px;
	cursor: pointer;
}

div#feedback {
	margin-top: 20px;
}

p.error {
	display: none;
	padding: 5px 0px;
	color: #8dadc7;
	font-weight: bold;
}

p#submit {text-align:right;}

p#success {
	display: none;
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
	cursor: pointer;
	color: #9e9595;
	font-style: italic;
}
#contactinfo ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 font-size: 13px;
}
#contactinfo li {
line-height: 1.5em;
}