@charset 'utf-8';

/*--clear --*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*--Header --*/

body{
background:url(../images/bg.gif) repeat-x;
background-color:#100e0b;
}

a{
outline:none;
text-decoration:none;
}

.blank{
clear:both;
height:1px;
}

#wrapper{
background:url(../images/wrapper_bg.png) repeat-y;
width:1000px;
margin:0 auto;
padding:40px 9px 0 9px;
}

*html #wrapper{
background:url(../images/wrapper_bg.gif) repeat-y;
}

#wrapper_topleft{
position:absolute;
top:0px;
background:url(../images/wrapper_topleft.jpg) no-repeat;
width:364px;
height:331px;
}
#wrapper_topright{
position:absolute;
top:0px;
margin-left:350px;
background:url(../images/wrapper_topright.png) no-repeat;
width:632px;
height:286px;
}

.wrapper_inner{
padding: 0 50px 0 50px;
width:882px;
position:relative;
}

#header{
width:100%;
height:101px;
}

#logo{
float:left;
padding:0px 0 0 10px;
}

/*--Navbar--*/

#nav{
float:right;
height:81px;
width:508px;
padding-top:20px;
overflow:hidden;
}
/*
#nav li{
float:left;
display:inline;
list-style:none;
line-height:14px;
margin-right:1px;
}

#nav li a{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
color:#8d8d8d;
padding:29px 15px 25px 15px;
}

#nav li a span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:-0.1px;
color:#303030;
}

#nav li a:hover, #nav li a.selected{
color:#fff;
background:url(../images/nav_highlight.png) repeat-x;
}

*html #nav li a:hover, #nav li a.selected{
background:url(../images/nav_highlight.jpg) repeat-x;
}

#nav li a:hover span, #nav li a.selected span{
color:#717171;
}
*/

/*--Footer--*/

#legalnote, #legalnote a{
color:#4f4f4f;
line-height:1.6em;
}
#legalnote a:hover{
color:#777;
text-decoration:underline;
}


/*--Index_content--*/


#content{
clear:left;
margin-top:10px;
}

#col1{
width:250px;
float:left;
padding:23px 42px 0 0;
}

#col1 h3{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
color:#eee;
}

#col1 p{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:25px;
color:#777;
}

#col1 a{
color:#318881
}
#col1 a:hover{
color:#85e4dc;
}
#col1 strong{
color:#ccc;
font-weight:bold;
}

#col2{
float:left;
padding:23px 30px 0 30px;
background:url(../images/index_latestprojectsbg.jpg) repeat-x;
width:530px;
}

#col2-index{
float:left;
background:url(../images/index_latestprojectsbg.jpg) repeat-x;
width:590px;
}

#col2_inner_wrapper{
background:url(../images/index_latestprojectsbg_top.jpg) no-repeat;
width:590px;
position:relative;
padding: 23px 0px 20px 30px;
}

#col2_inner_wrapper h3{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
color:#6dcfcc;
margin-bottom:30px;
}

#col2_inner_wrapper p{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
width:550px;
color:#777;
padding-top: 10px;
padding-bottom: 10px;
}

#col2_inner_wrapper strong {
color:#bbb;
}

#col2_inner_wrapper a{
padding:2px;
text-decoration:none;
text-align:right;
width:530px;
height:161px;
display:block;
margin-bottom:24px;
}
#col2_inner_wrapper a:hover{
background-color:#222;
}

#col2_inner_wrapper a:hover img{
border:1px solid #ccc;
}

.index_project img{
border:1px solid #555;
}
.index_project span{
padding:4px 14px 0 0;
float:right;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:13px;
color:#808080;
}

.index_project strong{
font-size:13px;
font-weight:normal;
color:#fff;
padding-right:20px;
}

/*--Index_Bottombar--*/

#bottombar_bg{
background:url(../images/footer_bg.png) no-repeat;
margin-top:-190px;
width:982px;
height:228px;
}

#bottombar{
border-top:1px solid #444;
border-bottom:1px solid #444;
height:240px;
width:982px;
background:url(../images/index_bottombarbg.jpg) repeat-x;
}
#bottombar_wrapper{
width:882px;
}

#bottombar_bg_l{
float:left;
background:url(../images/index_bottombarbg_left.jpg) no-repeat;
width:48px;
height:240px;
}
#bottombar_bg_r{
float:right;
background:url(../images/index_bottombarbg_right.jpg) no-repeat;
width:48px;
height:240px;
}

#bottombar_bg2{
padding-top:14px;
background:url(../images/footer_bg2.jpg) no-repeat;
width:248px;
height:61px;
}

#bottombar_col1{
float:left;
width:600px;
margin-top:15px;
}
#bottombar_col1 img{
float:left;
}

#bottombar_col1 h3{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#814301;
font-weight:normal;
}
#bottombar_col1 h3 strong{
font-size:1.2em;
color:#c97011;
font-weight:normal;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
}

#bottombar_col1 p{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:21px;
color:#6b6b6b;
}

#bottombar_col1 a{
text-decoration:none;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:13px;
color:#2d7d05;
}

#bottombar_col2{
float:right;
background:url(../images/index_bottombar_blog.jpg) no-repeat;
width:233px;
height:240px;
overflow:hidden;
}
#blog_header{
margin:15px 0 0 15px;
}

#bottombar_col2 ul{
height:160px;
border-top:1px solid #cecda9;
margin-top:7px;
overflow:hidden;
}
#bottombar_col2 li{
list-style:none;
border-bottom:1px solid #cecda9;
float:left;
}
#bottombar_col2 ul li{
list-style:none;
border-bottom:1px solid #cecda9;
float:left;
}

#bottombar_col2 a{
background:url(../images/li-bullet.png) 27px 12px no-repeat;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#818181;
display:block;
width:174px;
padding:9px 0 12px 59px;
}

#bottombar_col2 a span{
font-size:13px;
color:#434343;
}

#bottombar_col2 a:hover{
background-color:#ece4c4;
}

#footnote, #legalnote{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
width:982px;
}

#footnote{
color:#787878;
}
#legalnote{
color:#4f4f4f;
line-height:18px;
}


/*--Banner--*/

.banner{
clear:left;
width:882px;
overflow:hidden;
top: -20px;
position: relative;
}
#banner_text{
float:left;
width:494px;
margin:86px 0 0 20px;
overflow:hidden;
}
.banner h1{
float:left;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:45px;
color:#fff;
margin:0;
padding:0;
}
.banner h2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1em;
color:#727272;
clear:left;
margin:0;
padding:0;
line-height:1em;
}

/*--Banner--*/

#index_banner{
clear:left;
}

#index_banner_image{
float:right;
width:224px;
height:224px;
margin:0 100px 0 0;
padding:0;
overflow:hidden;
}

#index_banner_text{
float:left;
width:494px;
margin:60px 0 0 20px;
overflow:hidden;
}
#index_banner h1{
float:left;
font-family:Tahoma, Geneva, Helvetica, sans-serif;
font-weight:normal;
font-size:45px;
color:#fff;
margin:0;
padding:0;
width:494px;
}
#index_banner h2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:0.9em;
color:#727272;
clear:left;
margin:0;
padding:0;
line-height:1.3em;
}
#index_banner h2 strong{
color:#ccc;
font-weight:normal;
}
#index_banner a{
font-size:1em;
color:#318881;
float:right;
margin-right:8px;
}
#index_banner a:hover{
color:#85e4dc;
}
#index_banner a#testimonial{
	float:none;
}

#page_banner{
clear:left;
}

#page_banner_image{
float:right;
width:224px;
height:224px;
margin:0 100px 0 0;
padding:0;
overflow:hidden;
}

#page_banner_text{
float:left;
width:494px;
margin:60px 0 0 20px;
overflow:hidden;
}
#page_banner h1{
float:left;
font-family:Tahoma, Geneva, Helvetica, sans-serif;
font-weight:normal;
font-style: italic;
font-size:45px;
color:#fff;
margin:0;
padding:0;
width:494px;
}
#page_banner h2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:0.9em;
color:#727272;
clear:left;
margin:0;
padding:0;
line-height:1.3em;
}
#page_banner h2 strong{
color:#ccc;
font-weight:normal;
}

#about_banner{
clear:left;
}
#about_banner_image{
position: absolute;
float:right;
width:266px;
height:224px;
margin-right:70px;
}
#about_banner_text{
float:left; 
width:494px;
height:174px;
padding-left:70px;
margin-top:50px;
}
#about_banner_text h1{
float:left;
font-family:Tahoma, Geneva, Helvetica, sans-serif;
font-weight:normal;
font-style: italic;
font-size:45px;
color:#fff;
margin:0;
padding:0;
width:494px;
}

#contact_banner{
margin-top:40px;
height:115px;
}
#contact_banner_text{
width:882px;
height:115px;
}
#contact_banner_text h1{
width:800px;
padding-left:80px;
}
#contact_banner_text h2{
padding-left:507px;
}

#legal_banner{
height:160px;
margin-top:36px;
}
#legal_banner_text{
margin:0 0 0 80px;
float:left; 
width:500px; 
height:160px;
}
#legal_banner_text h1{
width:500px;
}

/*--main_page_content--*/

#page_content{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
clear:left;
}
#page_content h3{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:1.25em;
font-weight:normal;
color:#eee;
}
#page_content p{
color:#888;
line-height:1.5em;
padding-top: 10px;
padding-bottom: 10px;
}
#page_content p em{
font-style:italic;
}
#page_content a.textlink, #page_content p a{
color:#318881;
}
#page_content a.textlink:hover, #page_content p a:hover{
color:#85e4dc;
}

#page_content .learn_more {
    float:right;
    margin-top: -15px;
}

#page_content ul {
    padding: 2px 0px 2px 5px;
    margin-left: 10px;
}

#page_content li {
    color:#888;
    list-style: square;
    margin-left: 15px;
}

#page_content li a{
color:#318881;
}
#page_content li a:hover{
color:#85e4dc;
}

/*--page columns --*/

#page_col1{
float:left;
padding:0 42px 0 0;
width:580px;
}

#page_col2{
background:url(../images/index_latestprojectsbg.jpg) repeat-x;
width:260px;
float:left;
padding:23px 0 0 0;
}

#page_col2_item{
padding:50px 25px 0 25px;
}

h2.page_heading{
background:url(../images/services_sepshadow.jpg) no-repeat top center;
border-top:1px solid #333;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#85e4dc;
font-size:1.6em;
padding:12px 0 10px 0px;
}


/*--services_sidemenu--*/
#page_sidemenu h3{
margin:0 0 10px 25px;
}
#page_sidemenu ul{
background:url(../images/blog_sidebar_sep.png) no-repeat top;
padding: 2px 0px 0px 0px;
margin-left: 0px;
}
* html #page_sidemenu ul{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blog_sidebar_sep.png', sizingMethod='crop');
}

#page_sidemenu li{
background:url(../images/blog_sidebar_sep.png) no-repeat bottom;
list-style:none;
padding:1px 0 2px 0;
margin-left: 0px;
}
* html #page_sidemenu li{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blog_sidebar_sep.png', sizingMethod='crop');
}
#page_sidemenu a{
display:block;
padding:13px 0 13px 25px;
color:#79b3b1;
width:235px;
}
#page_sidemenu a:hover{
background-color:#222;
color:#87e0dd;
}
#page_sidemenu a.selected{
background-color:#222;
color:#87e0dd;
}

/*--Services--*/

#services_col1{
float:left;
padding:0 42px 0 0;
width:580px;
}

#services_col2{
background:url(../images/index_latestprojectsbg.jpg) repeat-x;
width:260px;
float:left;
padding:23px 0 0 0;
}

#services_col2_item{
padding:50px 25px 0 25px;
}

h2.services_heading{
background:url(../images/services_sepshadow.jpg) no-repeat top center;
border-top:1px solid #333;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#85e4dc;
font-size:1.6em;
padding:12px 0 10px 0px;
}
.services_item{
clear:both;
}
.services_item_faq{
border-bottom:1px solid #222;
}
.services_icon{
float:left;
width:80px;
}
.services_text{
float:left;
width:500px;
}



/*--services_sidemenu--*/
#services_sidemenu h3{
margin:0 0 10px 25px;
}
#services_sidemenu ul{
background:url(../images/blog_sidebar_sep.png) no-repeat top;
padding: 2px 0px 0px 0px;
margin-left: 0px;
}
* html #services_sidemenu ul{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blog_sidebar_sep.png', sizingMethod='crop');
}

#services_sidemenu li{
background:url(../images/blog_sidebar_sep.png) no-repeat bottom;
list-style:none;
padding:1px 0 2px 0;
margin-left: 0px;
}
* html #services_sidemenu li{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blog_sidebar_sep.png', sizingMethod='crop');
}
#services_sidemenu a{
display:block;
padding:13px 0 13px 25px;
color:#79b3b1;
width:235px;
}
#services_sidemenu a:hover{
background-color:#222;
color:#87e0dd;
}
#services_sidemenu a.selected{
background-color:#222;
color:#87e0dd;
}

/*--Portfolio--*/
/*
#portfolio_col1{
width:640px;
float:left;
}
#portfolio_col2{
width:212px;
float:left;
padding-left:30px;
}

#portfolio_col1 h2, #portfolio_col2 h2{
font-weight:normal;
color:#999;
padding:5px 0 24px 0;
}



#portfolio_subnav{
background:url(../images/portfolio_subnavbg.jpg) no-repeat;
width:882px;
height:44px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
clear:left;
}
#ps_tabs {
float:left;
width:550px;
line-height:normal;
}
#ps_tabs ul {
margin:0;
padding:9px 10px 0 50px;
list-style:none;
}
#ps_tabs li {
display:inline;
margin:0;
padding:0;
}
#ps_tabs a {
float:left;
background:url(../images/ps_tableft.gif) no-repeat;
background-position:100% -42px;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#ps_tabs a span {
float:left;
display:block;
background:url(../images/ps_tabright.gif) no-repeat;
background-position:0% -42px;
padding:5px 20px 14px 12px;
color:#888;
}


#ps_tabs a span {float:none;}


#ps_tabs a:hover, #ps_tabs a.ps_selected{
background-position:top left;
}
#ps_tabs a:hover span, #ps_tabs a.ps_selected span{
background-position:top right;
color:#ff6623;
}
#ps_tabs a:hover span {
color:#ccc;
}


#portfolio_searchbar{
width:300px;
height:42px;
float:right;
padding:0 20px 0 0;
}
#portfolio_searchbar label{
float:left;
color:#ff6623;
padding:4px 14px 0 0;
}
#portfolio_text{
background:url(../images/portfolio_searchbar.jpg) no-repeat;
width:183px;
height:25px;
float:left;
border:none;
}
#portfolio_button{
background:url(../images/go_button_hoverstate.jpg) no-repeat;
width:26px;
height:25px;
float:left;
border:none;
}



#portfolio_col2 ul{

}

#portfolio_col2 li{
list-style:none;
border-bottom:1px solid #222;
}

#portfolio_col2 li a {
height:58px;
margin:0 0 1px 0;
padding:8px 0 0 10px;

display:block;

text-decoration: none;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
color:#444;
line-height:2.3em;
}	
#portfolio_col2 li a span{
font-size:0.85em;
color:#222;
line-height:0.1em;
}
#portfolio_col2 a img{
float:left;
border:4px solid #333;
margin-right:11px;
opacity: .4;
filter: alpha(opacity=40);
}

#portfolio_col2 li a:hover{
background-color:#181818;
color:#bbb;
}
#portfolio_col2 li a:hover span{
color:#444;
}
#portfolio_col2 a:hover img{
border:4px solid #999;
opacity: .8;
filter: alpha(opacity=80);
}


#portfolio_col2 li a.portfolio_sidebar_selected{
background-color:#222;
color:#ddd;
}
#portfolio_col2 li a.portfolio_sidebar_selected span{
color:#777;
}
#portfolio_col2 a.portfolio_sidebar_selected img{
border:4px solid #ddd;
opacity: 1.0;
filter: alpha(opacity=100);
}



#contact_col1{
width:560px;
float:left;
}
#contact_col2{
width:272px;
float:left;
background:url(../images/contact_form_bg.jpg) repeat-x;
padding:25px;
}

.contact_item{
width:525px;
padding:32px 0 32px 0;
border-top:1px solid #444;
margin-bottom:1px;
}

.contact_item:hover{
background-color:#1c1c1c;
margin-bottom:1px;
}

.contact_icon{
width:60px;
float:left;
}
.contact_icon img{
float:right;
}

.contact_text{
width:430px;
padding:0 15px 0 20px;
float:left;
}

.contact_text h3{
font-size:1.3em;
font-weight:normal;
color:#97faf6;
}

a#contact_email_link{
font-size:18px;
color:#bbb;
text-decoration:underline;
}
a#contact_email_link:hover{
color:#fff;
}


#contact_form{
margin-top:30px;
}

.zemContactForm, .zemText, .zemTextarea{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#444;
}

#contact_form label{
color:#aaa;
display:block;
line-height:1.4em;
}

#contact_name, #contact_email, #contact_phone, #contact_message{
margin-bottom:15px;
margin-top:3px;
border:1px solid #999;
padding:3px 2px 0 2px;
}

#contact_name, #contact_email, #contact_phone, #contact_select{
width:266px;
height:21px;
}

#contact_message {
width:266px;
}

#contact_select{
width:272px;
border:1px solid #aaa;
margin-bottom:20px;
margin-top:3px;
border:none;
outline:none;
}

#contact_form textarea:focus, #contact_form input:focus {
background-color:#fbfdbb;
}

#contact_form legend{display:none;}

ul.zemError{
background-color: #ffcccc;
margin-bottom:20px;
padding:15px;
color: #231212;
}

ul.zemError li{
margin:0 0 8px 14px;
}

ul.zemError strong{
font-weight:bold;
}

.zemThanks{
background-color:#222;
padding:17px;
}
*/
/*--Legal--*/

#legal_col1{
padding:23px 30px 0 30px;
background:url(../images/index_latestprojectsbg.jpg) repeat-x;
width:822px;
}

#legal_col1 strong{
font-weight:bold;
color:#aaa;
}

#legal_col1 li{
color:#888;
margin-left:20px;
}

/*--Template Footer--*/

#footer_bg{
background:url(../images/footer_bg.jpg) no-repeat;
margin-top:-100px;
width:982px;
height:228px;
}

#footer{
background-color:#000;
height:66px;
margin-right:18px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#footnote, #legalnote{
font-size:0.8em;
text-align:center;
width:982px;
}

#footnote{
color:#787878;
padding-top:15px;
}

/*--Kwicks menu --*/
 .kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0; 
	/* background-image:url(../images/kwicks_no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/
 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 100px;
	height: 40px;
	margin-right: 0px;
	background-image:url(../images/kwicks_sprite.png);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-150px 0px;
}
#kwick3 {
	background-position:-300px 0px;
}
#kwick4 { 
	background-position:-450px 0px;
}
#kwick5 { 
	background-position:-600px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -150px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -300px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -450px bottom; 
}
#kwick5.active, #kwick5:hover {
	background-position: -600px bottom; 
}