/* --defaults--*/

* {
	margin:0;
	padding:0;}
	
html {
	font-size:100%;
	height:101%;}

body {
	font-size:62.6%;
	font-family: Arial, Helvetica, sans-serif;
	background:#ce9327;
	 }
	 
a {color:#582905;
	text-decoration:none;
	}
	
a:hover {color:#582905;
	text-decoration:underline;
	}
	
img {border:none;}

li {
	vertical-align:middle;}

address {
	font-style:normal;
	padding-left:30px;
	font-size:120%;}
	
h6 {color:#ce9327;
	font-size:100%;
	padding:10px 0 5px 40px;}

h5 {
	color:#ce9327;
	font-size:120%;
	padding:30px 0 5px 40px;}
	
h5 span {
	color:black;
	padding-left:5px;
	font-weight:normal;}

h4 {
	font-size:140%;
	padding-left:30px;
	margin:0;
	color:#ce9327;}
	
h3 {
	font-size:150%;
	color:#ce9327;
	padding:10px 0 10px 30px;}
	
.con {
	font-size:160%;}
	
	
h2 {
	font-size:200%;
	padding:3em 0 0 0;
	color:#ce9327;
	float:left;
	width:auto;}
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*--structure--*/

div#wrapper {
	width:850px;
	margin: 2em auto;
	padding:0 10px;}
	
div#header {
	width:850px;
	margin-top:5px;
	position:relative}
	
div#logo {
	background:url(../images/logo.png) 0 0 no-repeat;
	width:184px;
	height:118px;
	position:absolute;
	top:13px;
	left:50px;}
	
div#logo span{
	display:none;}
	
	
div#topwrap{
	width:905px;
	}
	
div#topleft {
	background: #fff url(../images/topleft.gif) 0 0 no-repeat;
	width:250px;
	height:105px;
	float:left;}
	
div#topmid{
	background:url(../images/topright.png) 0 0 no-repeat;
	width:77px;
	height:105px;
	float:left;}
	
div#topstrip{
position:relative;
	background:url(../images/topstrip.png) 0 0 repeat-x;
	width:400px;
	height:105px;
	float:left;}
	
div#striptext{
	position:absolute;
	background:url(../images/h1quality.png);
	width:352px;
	height:22px;
	top:75px;
	left:20px;}
	
div#striptext span{
	display:none;}

div#topright {
	background:url(../images/toprightcorner.png) 0 0 no-repeat;
	height:105px;
	width:36px;
	float:left;}
	
div#midleft{
	background: url(../images/midleft.png) 0 0 no-repeat;
	height:39px;
	width:20px;
	float:left;
	clear:left;}
	
	
div#midstrip{
	background: url(../images/midstrip.png) 0 0 repeat-x;
	height:39px;
	width:810px;
	float:left;}
	
div#midright{
	background: url(../images/midright.gif) 0 0 no-repeat;
	height:39px;
	width:20px;
	float:left;}
	
	
	



/*--navigation--*/

div#nav {
	position:relative;
	height:30px;
	margin-left:65px;
	}
	
div#nav li#home, div#nav li#serv,	div#nav li#about, div#nav li#why, div#nav li#contact, div#nav li#consult{
	float:left;

	}

div#nav li a span {
	display:none;}
	
div#nav li#home a, div#nav li#serv a, div#nav li#about a, div#nav li#contact a, div#nav li#why a {
	width:115px;
	height:20px;
	display:block;
}

div#nav li#consult a {
	width:125px;
	height:20px;
	display:block;
}

div#nav li#home a.current, div#nav li#serv a.current, div#nav li#about a.current, div#nav li#why a.current, div#nav li#contact a.current, div#nav li#consult a.current{
	position:relative;
	width:125px;
	background-position: 0 -47px;
	margin-right:-10px;}


	
div#nav li#home a {
	background: url(../images/homebut.gif) 0 0 no-repeat;

}

div#nav li#serv a {
	background: url(../images/servbut.gif) 0 0 no-repeat;
	}

div#nav li#about a {
	background: url(../images/aboutbut.gif) 0 0 no-repeat;
	}

div#nav li#contact a {
	background: url(../images/contactbut.gif) 0 0 no-repeat;
	}

div#nav li#consult a {
	background: url(../images/consultbut.gif) 0 0 no-repeat;
	}

div#nav li#why a {
	background: url(../images/whybut.gif) 0 0 no-repeat;
	}

div#nav li#home a:hover, div#nav li#serv a:hover, div#nav li#about a:hover, div#nav li#contact a:hover, div#nav li#consult a:hover, div#nav li#why a:hover {
 position:relative;
 width:125px;
 margin-right:-10px;
	height:20px;
	background-position: 0 -47px;
	}

	
div#nav ul {
	list-style:none;}
	
div#nav ul a {
	padding-bottom:1em;
	display:block;

}
	
/*--forms--*/

div#forminp {
	width:350px;
	margin-left:30px;}
	
label {
	display:block;
	width:60px;
	float:left;
	margin:5px;
	clear:left;
	}
	
div.submit {
	margin-left:65px;
	}
	
div.formfoot {
	width:300px;
	clear:left;}
	
div.formfoot p#req {
	float:left;
	width:100px;
	padding:0;}
	
	
div.submit input{
	margin:5px 0;
	width:100px;
	padding:0;
	
	}
	
.marg {
	margin-top:40px;}
	
select, input {
	display:block;
	width:220px;
	margin:5px;
	}
	

textarea {
	width:260px;
	margin:5px 0;
	}
	
#button {
	margin-left:5px;}

/*--main content--*/

div#mainwrap {
 	width:860px;
	clear:left;
	margin-top:5px;
	}
	
div#topcolwrap {
	width:860px;}
	
div#topcol1 {
	text-align: right; 
	margin: 0;
  	background: white url(../images/col1left.gif) top left no-repeat;
	width:423px;
	height:36px;
	float:left;}
	
div#topcol2 {
	text-align: right; 
	margin: 0;
  	background: white url(../images/col1left.gif) top left no-repeat;
	width:423px;
	height:36px;
	margin-left:1px;
	float:left;}
	
div#colwrap {
	height:600px;
	}
	
div#col1 {
	clear:left;
	width:423px;
	background-color:white;
	float:left;
	height:inherit;
	}
	
div#col2 {
	width:423px;
	background-color:white;
	float:left;
	height:inherit;
	margin-left:1px;
	}


div#col1pic img{
	float:left;
	padding: 10px 10px 0px 0;}
	
div#col1pic img#conimg {
	padding: 10px 10px 0px 20px;}
	
div#col1pic p {
	padding-right: 25px;
	padding-top:45px;}
	
div#col1pic p.intro {
	font-size:140%;
	padding:1em 2em 0 2em;
	color:#ce9327;
	float:left;
	width:180px;
	}
	
div#col1main {
	width:423px;
	clear:left;
	
	}
	

div#col1main p {
	width:350px;
	font-size:120%;
	padding:0px 0px 10px 30px;
	}
	
div#col1main p.maintext {
	padding-top:26px;}
	
	
div#col1 li {
	padding:3px;}
	
div#col1 ul{
	padding-left:4em;
	padding-top:20px;
	width:320px;
	font-size:120%;}
	
div#col1 ul#cons {
	margin-left:2.5em;
	margin-bottom:2em;
	padding-left:0;}
	
div#col1 ol {
	margin-left:1.5em;
	width:350px;
	font-size:120%;}
	
div#col1 h2 {
	padding:70px 40px 0 30px;
	width:120px;}
	
div#col1 li.con {
	list-style:none;}
	
div#col1 li.con a {
	display: block;
	width:200px;
	background:white;
	border-bottom:1px dotted #ccc;
	color:#999;
	text-decoration:none;
	padding-left:15px;
	}
	
div#col1main ul#cons li.con a span {
	font-size:70%;
	color:#999;}
	
div#col1 li.con a:hover {
	border-left: 5px solid #ce9327;
	color:#ce9327;
	padding-left:10px;}
	
	
div#col1 li.con a#cur {
border-left: 5px solid #ce9327;
color:#ce9327;
padding-left:10px;}
	
	
div#col1 h4 {
	padding-top:20px;
	padding-bottom: 10px;}


div#col1bot {
	text-align: right; 
	margin: 0;
  	background: white url(../images/col1botleft.gif) top left no-repeat;
	width:423px;
	height:36px;
	float:left;}
	
/*--COLUMN 2--*/
	
	

	
div#col2 {
	width:423px;
	background:white;
	float:left;

	}
	
div#icons {
	margin-left:40px;
	height:145px;}
	
div#icon1, div#icon2, div#icon3 {
	float:left;
	width:105px;
	height:105px;
	padding:20px 5px;
	margin:0;}
	
div#col2main h4 {
clear:left;
}
	
div#col2 h4 {
	margin:0 25px;
	padding:2em 0 20px 1em;
	color:#ce9327;
	font-size:140%;}
	

	
div#col2 h3 {
	padding:4em 0 0 2em;}
	


div#col2 ul {
	padding:0;
	font-size:120%;
	margin:0 0 0 50px;
	}
	
div#col2 h4.con2 {
	margin-bottom:5px;
	padding-bottom:0px;
	}
	
div#col2 li {
	padding:2px;
	width:325px;
	}
	
div#col2 li.none {
	list-style:none;
	padding:5px 0;}

div#col2 li.nonetop {
	list-style:none;
	padding-top:20px;}
	
div#col2 p {
	font-size:120%;
	padding:1em 2em 0 3.2em;}
	
div#col2 p.price {
	font-size:120%;
	padding:0em 2em 1em 3.2em;}
	
div#col2 p#vat {
font-style:italic;}

div#col2 p#col2top{
padding-top:0;}
	
div#col2 p a {
	color:#660000;}

div#php p{
	margin-left:5px;
	font-size:110%;}
	
div#col2bot {
	text-align: right; 
	margin: 0;
  	background: white url(../images/col1botleft.gif) top left no-repeat;
	width:423px;
	height:36px;
	float:left;
	margin-left:1px;
}


/*--FOOTER--*/

div#footer {
	width:300px;
	margin:0 auto;
	clear:both;
	padding: 10px 0;
	text-align:center;
	color: #000;
	}
	
div#footer a {
color: #333333;}

div#footer a:hover {
color: #666;}

#footer p#creds {
	clear:left;
	margin:0 auto;
	text-align:center;
	font-size:90%;
	color:#4c2600;}
	
#footer p#weblink a {
	color:black;
	width:83px;
	position:relative;
	z-index:1;
	font-size:3px;
	}
	
#footer p#weblink a span{
	width:83px;
	height:19px;
	background: url(../images/linkicon.jpg) 0 0 no-repeat;
	display: inline-block;
	position:absolute;
	top:-8px;
	z-index:2;
	padding-left:3px;}
	
#footer p#weblink {
	position:relative;
	margin:0 auto;
	padding-top:10px;
	font-size:90%;
	color:#4c2600;
	
	}
