@charset 'utf-8';

/*--Banner--*/

.banner{
clear:left;
width:882px;
overflow:hidden;
}
#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;
}

#services_banner{
padding-top:25px;
height:210px;
}
#services_banner h1{
width:240px;
float:left;
padding:10px 0 0 20px;

}
#services_banner_image{
float:right; 
width:556px; 
height:168px;
margin:0 30px 0 0;
padding:0;
overflow:hidden;
}

#portfolio_banner{
height:196px;
margin-top:15px;
}
#portfolio_banner_text{
width:390px; 
padding:30px 0 0 0;
float:left;
}
#portfolio_banner h1{
width:390px;
float:left;
margin:14px 0 0 0;
padding:0;
line-height:1em;
}
#portfolio_banner h2{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#727272;
float:left;
margin:0;
padding:0;
width:390px;
}
#portfolio_banner_image{
float:left; 
margin:0 15px 0 20px; 
width:457px; 
height:196px;
}

#about_banner{
height:239px;
margin:24px 0 30px 0;
}
#about_banner_image{
float:right;
width:317px; 
height:239px;
margin-right:70px;
}
#about_banner_text{
float:left; 
width:400px;
height:200px;
padding-left:70px;
margin-top:50px;
}
#about_banner_text h1{
width:400px;
float:left;
}

#blog_banner{
height:139px;
margin:0 0 0 50px;
overflow:hidden;
}
#blog_banner_text{
width:400px; float:left;
}
#blog_banner_text h1{
color:#fff;
width:300px;
margin-top:20px;
}
#blog_banner_text h2{
color:#eee; 
font-size:0.95em;
}

#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;
}

/*--Template_content--*/

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


/*--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;
}

h3.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.4em;
padding:30px 0 30px 80px;
}
.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-top:2px;
}
* 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;
}
* 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--*/

#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;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ps_tabs a span {float:none;}
/* End IE5-Mac hack */

#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--*/

#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);
}

/*--About--*/

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

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

/*--Blog--*/

#blog_wrapper{
background:url(../images/blog_banner_bg.jpg) no-repeat;
width:982px;
height:316px;
position:absolute;
top:0px;
}

#blog_col1{
float:left;
width:548px;
padding:30px 30px 0 4px;
margin-top:26px;
}

#blog_col2{
float:left;
background:url(../images/blog_sidebar_shadow.png) no-repeat;
width:300px;
margin-top:-15px;
}
* html #blog_col2{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blog_sidebar_shadow.png', sizingMethod='crop');
}

#blog_col2_inner{
background:url(../images/blog_sidebar_bg.jpg) no-repeat;
width:278px;
margin:8px 0 0 11px;
}

/*--blog_post--*/
#blog_col1 h3{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:normal;
color:#eee;
}
#blog_col1 h3 a{
color:#eee;
font-size:0.9em;
}
#blog_col1 h3 a:hover{
color:#8cffe5;
}
.blog_post{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
padding-bottom:50px;
}
.blog_post a img{
float:left;
border:5px solid #171a1b;
margin:5px 20px 20px 0;
}
.blog_post a:hover img{
border:5px solid #26292a;
}
.blog_post img{
float:left;
margin:5px 20px 10px 0;
}
.blog_post h2{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#555;
line-height:1.5em;
}
.blog_post h4{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
color:#ccc;
line-height:1.5em;
}
.blog_post p{
margin-bottom:25px;
}
.blog_post strong{
font-weight:bold;
color:#ddd;
}
.blog_post_footer_bg{
clear:left;
background-color:#000;
margin:30px 0 0 0;
}
.blog_post_footer{
clear:left;
background:url(../images/blog_footer_bg.png) no-repeat;
width:548px;
height:27px;

font-size:0.9em;
color:#777;
}

*html .blog_post_footer{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blog_footer_bg.png', sizingMethod='scale');
}


.post_footer_comments{
width:200px;
height:23px;
float:left;
padding:4px 0 0 10px;
}
.post_footer_comments a{
color:#639e9e;
}
.post_footer_comments a:hover{
color:#44e5e5;
}
.post_footer_link{
width:90px;
float:right;
border-left:2px solid #0e1112;
}
.post_footer_link a{
display:block;
color:#639e9e;
height:23px;
padding:4px 0 0 25px;
}
.post_footer_link a:hover{
color:#44e5e5;
}

/*--blog_comments--*/
h4.blog_comments_header, h4.blog_comments_form_header{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:1.25em;
color:#bbb;
margin-bottom:10px;
}
ol.comments, ol.comments_preview{
border-top:1px solid #222;
}

ol.comments li, ol.comments_preview li{
margin:0 0 0 0;
padding:25px 15px 25px 2px;
border-bottom:1px solid #222;
font-size:0.9em;
color:#aaa;
list-style:none;
}

p.blog_comment_info{
margin-bottom:10px;
}
p.blog_comment_info strong{
color:#f4784d;
}
ol.comments li a, ol.comments_preview li a{
color:#f4784d;
}

ol.comments_preview li{
background-color:#1a1a1a;
padding:25px 25px 25px 25px;
}
ol.comments_preview li span{
font-size:1.2em;
color:#ddd;
font-style:italic;
}
h4.blog_comments_form_header{
border-bottom:1px solid #222;
padding-bottom:10px;
margin-bottom:20px;
}
#txpCommentInputForm{
margin-top:28px;
}
#blog_comment_form_left, #blog_comment_form_right{
width:274px;
float:left;
}

#blog_comment_form_left label, .txpCommentInputMessage label{
display:block;
color:#aaa;
}
#blog_comment_form_right label{color:#aaa;}

#txpCommentInputForm input{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:1em;
color:#333;
}

.comment_name_input, .comment_email_input, .comment_web_input{
padding:4px 2px 2px 2px;
border:1px solid #777;
display:block;
width:240px;
height:20px;
margin:4px 0 15px 0;
}

.txpCommentInputMessage{
float:left;
display:block;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:1em;
color:#333;
border:1px solid #777;
padding:4px 2px 2px 2px;

width:268px;
height:150px;
margin:4px 0 10px 0;
}

.checkbox{
float:left;
margin-right:6px;
}
#blog_comment_form_right label{
float:left;
}

#txpCommentPreview, #txpCommentSubmit{
float:right;
}
#txpCommentSubmit{
margin-left:6px;
}
#txpCommentSubmit:disabled{
color:#aaa;
}
#txpCommentInputForm textarea:focus, #txpCommentInputForm input:focus {
background-color:#fbfdbb;
}

ul.comments_error{
list-style:none;
padding:15px 20px 10px 20px;
background-color:#FFFFCC;
color:#990000;
margin-bottom:20px;
}
ul.comments_error li{
margin-bottom:7px;
}

/*--blog_searchbar--*/
#blog_searchform {
padding:25px 15px 0 15px;
height:100px;
}
#blog_searchform h3 {margin:0 0 10px 10px;}
#searchform input{
float:left;
border:none;
}
#livesearch{
background:url(../images/blog_searchbar.jpg) no-repeat;
width:210px;
height:43px;
padding:13px 0 0 13px;
}
#livesearchsubmit{
background:url(../images/go_button_hoverstate.jpg) no-repeat;
width:26px;
height:25px;
margin:9px 0 0 -10px;
}
#LSResult{
position:relative;
top:-10px;
background-color:#fff;
margin-left:9px;
width:230px;
border:1px solid #999;
}
#LSShadow{
padding:0;
}
#LSRes{
background-color: #fff;
}
.LSRow{
padding:9px 15px 9px 15px;
}
.LSRow a{
color:#0000CC;
text-decoration:none;
}
.LSRow a:hover{
color:#0099FF;
text-decoration:underline;
}
#LSHighlight{
background-color:#aaa;
}
#LSHeader{
padding:5px 10px 10px 10px;
}
.lsDate{
display:block;
color:#aaa;
}


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

#blog_poparticles li{
background:url(../images/blog_sidebar_sep.png) no-repeat bottom;
list-style:none;
padding:1px 0 2px 0;
}
*html #blog_poparticles li{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/blog_sidebar_sep.png', sizingMethod='scale');
}
#blog_poparticles a{
display:block;
padding:13px 0 13px 25px;
color:#79b3b1;
}
#blog_poparticles a span{
font-size:0.8em;
color:#444;
line-height:1.5em;
}

#blog_poparticles a:hover, #blog_poparticles a:hover span{
background-color:#222;
color:#87e0dd;
}
#blog_poparticles a:hover span{
color:#777;
}

/*--Flickr Badge--*/
#flickr_badge_uber_wrapper{
width:250px;
padding:35px 25px 25px 25px;
}
#flickr_badge_wrapper{
padding-top:20px;
}
.flickr_badge_image{
float:left;
margin:0 15px 15px 0;
}
.flickr_badge_image img{
border: 4px solid #222 !important;
}
.flickr_badge_image img:hover{
border: 4px solid #384043 !important;
}
#flickr_badge_source{
text-align:left; 
}
#flickr_badge_icon{
float:left; margin-right:5px;
}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}

#flickr_badge_source{
padding:0 !important; 
font: 11px Arial, Helvetica, Sans serif !important; 
color:#666666 !important;
}


/*--Contact--*/

#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--*/

#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;
}