@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	top:0;
	left:0;
}

h1{
	color:#036;
	padding: 0px 0px 15px 0px;
	font-size:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
}

#content{
	width: 100%;
	overflow:hidden;
	background: url(images/bg.jpg) repeat-x;
	min-height: 100%;
}

/*Header*/

#header{
	width: 850px;
	height: 354px;
	margin: 0px auto;
	background: url(images/header_smaller.jpg) no-repeat;
}

#header .logo{
	width:500px;
	height: 60px;
	text-transform:lowercase;
	color: #ffffff;
	font-size:55px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0px 0px 20px;
}

#header .slogan{
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	width:200px;
	font-size:17px;
	padding: 0px 0px 0px 85px;
	text-transform:lowercase;
}

/*Menu*/

#menu{
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding: 230px 0px 0px 0px;
}

#menu ul {
	margin: 0px;
	padding: 250px 0px 0px 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin-left: 20px;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover, .active a {
	border-bottom: 1px solid #ffffff;
}

/*Page*/

#border{
	width:842px;
	margin:auto;
	border: solid 10px #ffffff;
	overflow:hidden;
}


#page{
	width:840px;
	margin:auto; 
	background: url(images/bg_page.jpg) repeat-x #ffffff;
	overflow:hidden;	
	border: 1px #c2dee9 solid;
	padding: 0px 0px 10px 0px;
}

#page p{
	font-size: 12px;
	color: #036;
	line-height: 250%;
}

#page .left{
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size:12px;
	font-weight:300;
	text-align:justify;
	line-height: 250%;
	float:left;
	margin: 20px 0px 0px 20px;
	padding: 0px 20px 0px 0px;
	border-right: dashed 1px #036;
}

#page .thankyou{
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size:12px;
	font-weight:200;
	text-align:justify;
	line-height: 250%;
	float:left;
	margin: 40px 0px 40px 20px;
	padding: 0px 20px 0px 0px;

}

#page .thankyoutext{
	color:#036;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

#page .welcome{
	color:#036;
	font-size:26px;
	font-family:Arial, Helvetica, sans-serif;
}

#page .formtitle{
	width: 238px;
	height:45px;
	background: url(images/small.jpg) repeat-x;
	float: right;
	margin: 30px 20px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 26px;
	padding: 10px 0px 0px 20px;
	border: 1px #036 solid;
}

#page .formcontent{
	width: 243px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	margin: 0px 20px 0px 18px;	
	padding: 10px 5px 10px 10px;
	font-size: 12px;
	text-align:right;
	border-bottom: #036 1px solid;
	border-left: #036 1px solid;
	border-right: #036 1px solid;
	background-color: #ffffff;
}

#page .formcontentsubject {
	float: left;
	width:60px;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 12px;
	margin: 0px 0px 0px auto;
	padding: 10px 0px 5px 0px;
	text-align:right;
}

#page .formcontentbox {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 12px;
	padding: 5px 10px 10px 15px;
	text-align:right;
	width: 140px;
}


#page .formbottom{
	width: 250px;
	height: 40px;
	background: #ffffff;
	float: right;
	background:url(images/quote_bg.jpg) repeat-y;
	border-bottom: solid 1px #036;
	padding: 0px 10px 0px 0px;
	margin: 0px 20px 0px 0px;
	text-align:right;
}

#page .services{
	width: 780px;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size:12px;
	font-weight:300;
	text-align:justify;
	line-height: 250%;
	float:left;
	margin: 20px 10px 20px 10px;
	padding: 20px 20px 0px 20px;
	border-top: solid 2px #268fbc;
}

#page .text{
	color:#036;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 250%;
	text-decoration:underline;
	padding: 20px 20px 0px 20px;
}

#page .copy{
	color:#036;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 250%;
	border-bottom: #036 dashed 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 20px
}

#page .wide{
	width: 780px;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size:12px;
	font-weight:300;
	text-align:justify;
	line-height: 250%;
	float:left;
	margin: 20px 20px 0px 20px;
	padding: 0px 20px 0px 0px;
}

#page .clear{
	width: 600px;
	float:left;
	display:inline;
	height:1px;
}

#page .leftimage{
	width:450px;
	margin: 20px auto 0px auto;
}

#page .description{
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size:12px;
	font-weight:300;
	text-align:justify;
	line-height: 250%;
	float:left;
	display:inline;
	margin: 20px 0px 0px 20px;
	padding: 10px 20px 0px 0px;
}

#page .scrollprev{
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 16px;
	text-transform:lowercase;
	float:left;
	display:inline;
	margin: 10px 0px 0px 50px;
}

#page .scrollnext{
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 16px;
	text-transform:lowercase;
	float:right;
	display:inline;
	text-align:right;
	margin: 10px 50px 0px 0px;
}

#page .contact{
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size:12px;
	font-weight:300;
	text-align:justify;
	line-height: 250%;
	float:left;
	margin: 20px 0px 0px 20px;
	padding: 0px 20px 0px 0px;
	border-right: dashed 1px #036;
}


/*Portfolio*/

#portfolio{
	width: 740px;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size:12px;
	font-weight:300;
	text-align:justify;
	float:left;
	display:inline;
	margin: 5px 0px 5px 20px;
	padding: 20px 20px 20px 0px;
	border-bottom: dashed 1px #036;	
}

#portfolio .box{
	width: 185px;
	display:inline;
	float:left;
	padding: 0px 30px 0px 30px;
}

#pagec{
	overflow: hidden;
}

#pagec .contacttitle{
	width: 288px;
	height:45px;
	background: url(images/small.jpg) repeat-x;
	float: right;
	color: #036;
	margin: 30px 20px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	padding: 10px 0px 0px 20px;
	border: 1px #036 solid;
}

#pagec .contactcontent{
	width: 293px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	margin: 0px 20px 0px 18px;	
	padding: 10px 5px 10px 10px;
	font-size: 12px;
	text-align: right;
	display:inline;	
	text-align:right;
	border-bottom: #036 1px solid;
	border-left: #036 1px solid;
	border-right: #036 1px solid;
	background-color: #ffffff;
	
	
}

#pagec .contactbottom{
	width: 280px;
	background: #ffffff;
	float:right;
	background: url(images/contactquote_bg.jpg) repeat-y;
	border-bottom: solid 1px #036;
	padding: 0px 30px 15px 0px;
	margin: 0px 20px 0px 0px;
	display:inline;
	text-align: right;
}

#pagec .contactcontentsubject{
	float: left;
	width:100px;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 12px;
	margin: 0px 5px 0px auto;
	padding: 10px 20px 10px 0px;
	text-align:right;
}

#pagec .contactcontentbox{
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 12px;
	padding: 10px 10px 6px 0px;
	text-align:right;
	width: 140px;
}

#form{
	width:280px;
	display:inline;
}



#page .contactleft{
	width: 170px;
	float:left;
	display:inline;
	margin: 10px 20px 20px 30px;
}

#page .contactright{
	width: 160px;
	float:left;
	display:inline;
	margin:10px 30px 20px 0px;
	padding-left: 30px;
	border-left: 1px dashed #036;
	line-height: 210%;
}

/*Footer*/

#footer{
	width: 840px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #036;
	display:inherit;
	margin: 25px auto 0px auto;
	text-align: center;
	padding: 10px 0px 0px 0px;
	background: url(images/footer.jpg) repeat-x;
	overflow: hidden;
}

#links{
	overflow: hidden;	width: 750px;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size:12px;
	font-weight:300;
	text-align:justify;
	line-height: 250%;
	float:left;
	margin: 20px 0px 0px 20px;
	padding: 0px 20px 0px 0px;
}

#linksleft{
	width: 350px;
	float:left;
	display:inline;
	margin: 10px 20px 20px 30px;
}

#linksright{
	width: 250px;
	float:left;
	display:inline;
	margin:10px 30px 20px 0px;
	padding-left: 50px;
	border-left: 1px dashed #036;
	line-height: 210%;
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size:12px;
	font-weight:300;
}