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


/* ------------------------------------------------------*/
/*  STRUCTURE */
/* ------------------------------------------------------*/
html {margin:0; min-height:100%;}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#ecede8;
}
#wrapper_container { width:100%; background:#ecede8 url('/images/bg_body.jpg') repeat-x;}
body.home #wrapper_container {background:#ecede8 url('/images/bg_body_home.jpg') repeat-x; }


#wrapper {
	width:990px;
	margin: auto;
	background:url('/images/bg_wrapper.jpg') no-repeat right top;
	clear:both;
	position:relative;
	left:20px;
	padding-right:20px;

}
body.sub #wrapper {	min-height:265px;}
body.home #wrapper {height:867px; background:url('/images/bg_wrapper_home.jpg') no-repeat right top;}

#header {width:990px; position:relative; border-bottom:1px solid #63696b; height:76px; float:left; clear:both;}

body.home #container {height:791px;}
#container { margin:0; padding:0; width:990px; position:relative; float:left; clear:both;}

#footer {background:#176688; padding: 22px 0; text-align:center; width:100%; clear:both; float:left; font-size:10px; color:#93c2d7; border-top:1px solid #299cce;}

a#logo { width:178px; height:40px; display:block; background:url('/images/logo.png'); position:absolute; top:20px; text-indent:-9999px; z-index:1000;}

#menu {position: absolute; right:0; width:585px; height:76px;}

/* ------------------------------------------------------*/
/*  GENERAL  */
/* ------------------------------------------------------*/
a {outline:none; color:#E1054B; text-decoration:none;}
a:hover {color:#299CCE;}
.typeface-js {font-family:League Gothic;}

h1 {font-size:48px; margin: 10px 0 30px 0; color:#94c6dc; font-weight:normal;}
span.dblue{color:#299cce;}
span.red{color:#e8004c;}
span.orange{color:#f9aa1c}

.red{color:#e8004c;}

h2 {margin:0; color:#176688; font-size:30px; border-bottom:1px solid #63696b; width:963px; font-weight:normal; padding-left:27px; background:url('/images/h2.jpg') no-repeat 0 1px; line-height:27px; margin-top:50px;}


ul, p {color:#555; font-size:13px;}
p{line-height:18px;}

ul.process {margin:0; padding:0; width:100%; height:120px; margin-top:25px;}
ul.process li {list-style:none; width:190px; padding-left:26px; float:left; margin-left:30px; line-height:18px;}
ul.process li.one { background:url('/images/one.jpg') no-repeat top left;}
ul.process li.two { background:url('/images/two.jpg') no-repeat top left;}
ul.process li.three { background:url('/images/three.jpg') no-repeat top left;}
ul.process li.four { background:url('/images/four.jpg') no-repeat top left;}


/* ------------------------------------------------------*/
/*  CONTENT  */
/* ------------------------------------------------------*/
#owner {float:left; width:567px; margin-bottom:50px; overflow:hidden;}
#smallleftblock {float:left; width:557px;  overflow:hidden;}
#smallrightblock {float:right; width:394px;  overflow:hidden;}
#testimonials {float:right; width:394px; margin-bottom:50px; overflow:hidden; background:url('/images/quote.jpg') 0 88px no-repeat; position: relative;}
#testimonials p {color:#555; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; padding-left:25px; padding-top:13px;}
#testimonials p.author {float:right; text-align:right; font-weight:bold; font-size:16px; margin:0; padding:0; color:#e8004c; }
#testimonials a.more {font-size:11px; position:absolute; top:63px; right:0; font-weight:bold;}

#testimonials.testleft {float:left; width:470px;}
#testimonials.testright {float:right; width:470px;}
#testimonials.testleft p, #testimonials.testright p {width:190px; float:left; clear:left;}
#testimonials.testleft img, #testimonials.testright img {float:right;}
/* ------------------------------------------------------*/
/*  SLIDER  */
/* ------------------------------------------------------*/

body.sub #slider_container { border-top:4px solid #299BCF;}

#slider_container { width:100%; background:url('/images/bg_slider_top.jpg') repeat-x top left; clear:both; position:relative; float:left;}
#slider_container .btn {background:url('/images/slider_btn.jpg') no-repeat; width:215px; height:15px; cursor:pointer; margin:0 auto; margin-left:-107px; position:absolute; top:-8px; left:50%; z-index:22;}
#slider {height:287px; width:100%; background:url('/images/bg_slider_btm.jpg') repeat-x bottom left; }

#slider_inner {width:960px; margin: 0 auto; padding-top:32px;}
#slider_inner .col {width:179px; padding-right:50px; float:left;}
#slider_inner .col.colform {width:265px; padding:0;}
#slider_inner h3 {color:#034360; font-size:18px; border-bottom:1px dotted #034360; width:100%; padding-bottom:4px; margin:0; margin-bottom:13px; font-weight:normal;}

#slider_inner ul {margin:0; padding:0;}
#slider_inner ul li {margin:0; padding:0; list-style:none; margin-bottom:5px; margin-left:6px;}
#slider_inner ul li a { background:url('/images/footer_arrows.jpg') no-repeat 0 4px; padding-left:10px; color:#666; text-decoration:none;}
#slider_inner ul li a:hover {color:#299cce; text-decoration:none; background-position: 0 -15px; text-decoration:none;}

.form {position:relative; width:275px; height:190px;}
.form input{ background:url('/images/bg_input.jpg') no-repeat 0 -26px; border:none; padding:5px 4px 3px 4px; color:#6d94a3; width:263px; height:18px; margin-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} 
.form input:hover, .form input:focus{ background-position: 0 0; color:#034360;}

.form textarea{ background:url('/images/bg_textarea.jpg') no-repeat 0 -52px; border:none; padding:5px 4px 3px 4px; color:#6d94a3; width:263px; height:44px; margin-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative; top:-1px;}
.form textarea:hover, .form textarea:focus{ background-position: 0 0; color:#034360;}

.form input#submit {height:34px; font-size:0px; width:89px; background:url('/images/bg_submit.jpg') no-repeat; margin:0 !important; padding:0; float:right; margin-right:-0px !important;}
.form input#submit:hover {background-position: 0 -34px; cursor:pointer;}

.form input#submit2 {height:34px; font-size:0px; width:89px; background:url('/images/bg_submit.jpg') no-repeat; margin:0 !important; padding:0; float:right; margin-right:-0px !important;}
.form input#submit2:hover {background-position: 0 -34px; cursor:pointer;}

/* ------------------------------------------------------*/
/*  FORM VALIDATION */
/* ------------------------------------------------------*/
#message { z-index:10; float:left; clear:both; width:275px; margin:0;  padding:0; min-height:0;}
.error_message { display: block;  background: #FBE3E4 url('/images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11; border: 1px solid #FBC2C4; float:right; clear:both; margin:0; margin-bottom:5px; position:absolute; bottom:0; left:0; width:135px; z-index:10;}

#success_page { clear:both; width:265px;}
#success_page h3.success {margin:0; padding:0; border:none;font-size:18px; color:#e8004c; display:block !important; visibility:visible !important; font-family:Arial, Helvetica, sans-serif; margin-bottom:3px;}
#success_page p {margin: 0px 0 12px 0; font-size:12px;}

img.loader{ position:absolute; bottom:20px; right:-25px;}


/* ------------------------------------------------------*/
/*  HOMEPAGE SPECIFIC  */
/* ------------------------------------------------------*/

h1.homeheadline { width:542px; height:100px; text-indent:-9999px; background:url('/images/bg_headline_home.gif') no-repeat; position:absolute; top:58px; left: 30px; margin:0; padding:0;}

p.home_top { font-size:12px; line-height:18px; color:#666; width:426px; position:absolute; top:135px; left:32px; z-index:10;}


#tree {width:692px; height:518px; background:url('/images/tree.png') no-repeat; position:absolute; top:80px; right:-100px; z-index:5;}

#portfolio_home {width:475px; height:171px; position:absolute; left:30px; top:333px;}
#portfolio_home a.one {background:url('/images/bg_home_port.jpg') no-repeat top left; height:171px; width:210px; float:left; text-indent:-9999px;}
#portfolio_home a.two {background:url('/images/bg_home_port.jpg') no-repeat top right; height:171px; width:263px; float:left; text-indent:-9999px;}
#portfolio_home a.one:hover {background-position: bottom left;}
#portfolio_home a.two:hover {background-position: bottom right;}
#portfolio_home span {font-family:Helvetica, Arial, sans-serif; font-size:14px; border-bottom:1px dotted #fff; color:#fff; font-weight:bold;}
#portfolio_home span.one {position:absolute; bottom:-20px; left:10px;}
#portfolio_home span.two {position:absolute; bottom:-20px; right:125px;}

#calltoaction { position:absolute; bottom:0; left:39px; width:490px; height:211px;}
#calltoaction h2 { margin:0; padding:0; height:23px; width:341px; background:url('/images/bg_h2_home.jpg') no-repeat; text-indent:-9999px; border:none;}
#calltoaction p {line-height:18px; color:#fff; font-size:13px;}
#calltoaction a.quote { display:block; height:66px; width:171px; text-indent:-9999px; background:url('/images/btn_requestquote.jpg') no-repeat; position:absolute; bottom:21px; left:120px;}
#calltoaction a.portfolio { display:block; height:66px; width:171px; text-indent:-9999px; background:url('/images/btn_viewportfolio.jpg') no-repeat; position:absolute; bottom:21px; right:15px;}
#calltoaction a.quote:hover, #calltoaction a.portfolio:hover {background-position: 0 -66px;}

#viewblog {position:absolute; bottom:50px; right:-20px; background:url('/images/bg_blog_home.jpg') no-repeat; width:342px; height:126px;}
#viewblog img {float:left; padding: 40px 10px 40px 5px;}
#viewblog h3 {margin:0; padding:0; color:#fff; font-size:18px; margin:34px 0 2px 0; width:248px; float:right; line-height:17px; height:35px; overflow:hidden;}
#viewblog h3 a{margin:0; padding:0; color:#fff; font-size:18px; text-transform:uppercase;}
#viewblog h3 a:hover {color:#f9aa1c;}
#viewblog p {color:#a5d5ea; margin:0; padding:0;line-height:17px;}
#viewblog a.readmore {font-size:12px; color:#003d58; display:block; float:right; text-decoration:none;  font-weight: bold; margin-right:22px; margin-top:10px; font-size:14px;}
#viewblog a.readmore:hover {color:#000000; border-bottom:1px dotted #000000;}


/* ------------------------------------------------------*/
/*  CONTACT SLIDER  */
/* ------------------------------------------------------*/
#container_contact { background:url('/images/bg_contact.jpg'); width:100%; position:relative; display:none;}
#contact_inner{ width:800px; padding-left:250px; padding-top:40px; height:260px; position:relative; margin: 0 auto; background:url('/images/rocks.gif') no-repeat bottom left;}
#contact_inner #btn_close {width:72px; height:33px; text-indent:-9999px; cursor:pointer; background:url('/images/btn_close.jpg') no-repeat; position:absolute; bottom:0; right:10px;}
#contact_inner #salutations { width:197px; height:47px; text-indent:-9999px; background:url('/images/salutations.gif') no-repeat;}
#contact_inner p { width:275px; padding-left:30px;}
#contact_inner h3 {margin:0; padding:0; margin-left:10px; font-size:24px; color:#e8004c; font-weight:normal; margin-top:40px;}

#contact_inner #socialicons {margin-left:35px;}
#contact_inner #socialicons a {width:63px; height:64px; background:url('/images/social_icons_contact.png') no-repeat; display:block; float:left; text-indent:-9999px; padding:0; margin:0;}
#contact_inner #socialicons a.su {background-position: -64px 0;}
#contact_inner #socialicons a.tw {background-position: -128px 0;}
#contact_inner #socialicons a.rss {background-position: -192px 0;}

#contact_inner a.map {width:469px; height:284px; background:url('/images/viewmap.jpg'); position:absolute; top:-2px; right:0;}
#contact_inner a.map:hover { background-position: 0 -284px;}

ul.blogs {margin:0; padding:0; position:relative; top:-4px;}
ul.blogs li {padding-left:17px !important; background:url('/images/comments.jpg') no-repeat 0 3px; margin:0 0 10px 0 !important; font-size:10px; color:#134e69; }
ul.blogs li a { font-size:10px; background:none !important; padding:0 !important; line-height:normal;}

a.moreblogs {font-weight:bold; text-align:right; float:right; color:#134e69; font-size:12px;}
a.moreblogs:hover {color:#e8004c; border-bottom:1px dotted #e8004c;}

/* ------------------------------------------------------*/
/*  MENU  */
/* ------------------------------------------------------*/
#menu ul {margin:0; padding:0;}
#menu ul li {margin:0; padding: 0; float:left; list-style:none; text-align:right;}

#menu ul li a:hover{color:#e8004c; background-position: center bottom;}
#menu ul li a.hover {background-position: center bottom; border:none;}

#menu ul li a:hover > span {color:#555;}
#menu ul li a {color:#299cce; font-family:Helvetica, Arial, sans-serif; font-size:17px; text-transform:uppercase; margin: 0 0 0 0; display:block; text-decoration:none; font-weight:500; padding: 31px 20px 17px 20px; background:url('/images/menu_hover.png') no-repeat 0 -9999px;}
#menu ul li span { font-size:11px; color:#adb0b1; display:block; font-style:italic; text-transform:lowercase; margin-top:-3px;}


#menu ul li a.selected:hover > div span {color:#c0c1c2;}
#menu ul li a.selected {color:#93cde6; background:none;}
#menu ul li a.selected:hover {background:none; cursor:default;}
#menu ul li a.selected span { color:#c0c1c2;}

/* ------------------------------------------------------*/
/*  PORTFOLIO  */
/* ------------------------------------------------------*/


ul#filter {
	font-size: 16px; 
	list-style: none; 
	padding:25px 0 33px 250px; 
	width:780px; height:73x; 
	background:url(images/portfolio/menubg.jpg) no-repeat bottom; 
	margin:auto; 
	float:left; clear:both;
	margin-bottom:20px;
	position:relative;
	left:-16px;
	}
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}

ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; border:none;}
ul#filter a { color: #fff; text-decoration: none; border:none;}
ul#filter li.current a, ul#filter a:hover { text-decoration: none; color:#F9AA1C;}
ul#filter li.current a { color: #F9AA1C;  }

ul#portfolio {list-style: none; margin:0; margin-bottom:150px; padding:0; clear:both; float:left; margin-bottom:90px; width:990px;}
ul#portfolio li { 
	float: left; 
	margin: 0 0px 10px 0;
	padding:0;
	width: 246px;
	height:180px;
	overflow:hidden;
	border:none;
	position:relative;
	text-align:center;
}

ul#portfolio a { display: block; width: 100%; border:none;}
ul#portfolio a:hover { text-decoration: none;border:none; }
ul#portfolio img { display: block; border:none;}

.hidden { display:none; z-index:-99; visibility:hidden;}

ul#portfolio a.launch {position:absolute; bottom:-4px; background:url('/images/launch.gif') no-repeat center top;  text-indent:-9999px; display:block; height:34px; }
ul#portfolio a.launch:hover {background-position: center -31px;}

/* ------------------------------------------------------*/
/*  MISC  */
/* ------------------------------------------------------*/

.jsblend {width: 100% !important;}
#twitter_update_list li {list-style:none; padding-left:23px !important; background:url('/images/twitterquote.jpg') top left no-repeat;}
#twitter_update_list span {color:#666; font-size:10px; line-height:10px;}
#slider_inner #twitter_update_list a {color:#299cce; text-decoration:none; background:none;}
#slider_inner #twitter_update_list a:hover {color:#134257; border-bottom:1px dotted #134257;}

a.fb {font-size:10px; color:#666; background:url('/images/social_icons.jpg') no-repeat; padding-left:20px; padding-top:2px; text-decoration:none; display:block; height:17px;}
a.fb:hover {color:#055CA1;}
a.tw {font-size:10px; color:#666; background:url('/images/social_icons.jpg') no-repeat 0 -38px; padding-left:20px; padding-top:2px; text-decoration:none; display:block; height:17px;}
a.tw:hover {color:#39cbfd;}
a.bl {font-size:10px; color:#666; background:url('/images/social_icons.jpg') no-repeat 0 -19px; padding-left:20px; padding-top:2px; text-decoration:none; display:block; height:17px;}
a.bl:hover {color:#f78124;}
a.ln {font-size:10px; color:#666; background:url('/images/social_icons.jpg') no-repeat 0 -57px; padding-left:20px; padding-top:2px; text-decoration:none; display:block; height:17px;}
a.ln:hover {color:#0470a2;}

#container #contactformmodal {display:none;}
#contactformmodal {width:275px; padding:25px; height:450px; padding-top:12px; padding-bottom:12px; background:#ebece7 url('/images/bg_modal.jpg') repeat-x top left; position:relative; overflow:hidden; }
#contactformmodal h3 {margin:0; padding:0; background:url('/images/requestaquote.jpg') no-repeat; width:197px; height:20px; margin-bottom:23px; text-indent:-9999px;}
#contactformmodal h2 {font-size:15px; border:none; background:none; padding:0; margin:0; width:200px; font-weight:bold;}
#contactformmodal p {text-align:justify;}
#contactformmodal a.close {display:block; text-indent:-9999px; width:17px; height:16px; position:absolute; top:12px; right:10px; background:url('/images/close.jpg') no-repeat;}

#message2 { z-index:10; float:left; clear:both; width:265px; margin:0;  padding:0; min-height:0;}
#message2 .error_message { display: block;  background: #FBE3E4 url('/images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11; border: 1px solid #FBC2C4; float:right; clear:both; margin:0; margin-bottom:5px; position:static; width:220px; z-index:10;}

#success_page { clear:both; width:265px;}
#success_page h2.success {margin:0; padding:0; border:none;font-size:18px; color:#e8004c; display:block !important; visibility:visible !important; font-family:Arial, Helvetica, sans-serif; margin-bottom:3px; width:260px;}
#success_page p {margin: 0px 0 12px 0; font-size:12px;}

img.loader{ position:absolute; bottom:-60px; right:0px;}

form#contactform2 {width:100%; float:left; clear:both;}