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

@import url("reset.css");
@import url("typography.css");
@import url("portfolio.css");

h1, h2, h3, h4, h5, h6, ul, li, td, p, a, span, label, textarea, input { font-family:Tahoma, Geneva, Helvetica; }

body { background: url(../images/front/background.gif) top center no-repeat; }
.main { width: 979px; margin:0px auto; }

/* -- header START -- */
.header { width:945px; height:124px; overflow:hidden; margin:0px auto; }
.header img { margin:68px 0 0 0; }
.header span { margin:78px 0 0 0; padding:0 0 10px 0; float:right; border-bottom:4px dotted #c2d82e; overflow:hidden; }
.header .margin { margin:0 0 0 50px; }
/* -- header END -- */

/* -- banner START -- */
.banner { width:945px; height:346px; margin:0px auto; }
.slider { width:607px; height:342px; border:2px solid #c2d82e; float:left; position:relative; }
.tabs { width:332px; height:342px; border-top:2px solid #c2d82e; border-right:2px solid #c2d82e; float:left; border-bottom:2px solid #c2d82e;  }
.case_tab { width:332px; min-height:357px; border-top:2px solid #c2d82e; border-right:2px solid #c2d82e; float:left; border-bottom:2px solid #c2d82e; background:#c2d82e; position:relative; margin-bottom:20px;  }
.right { overflow:hidden; }
.case_tab_image { height:228px; }

/* -- banner END -- */

/* -- content START -- */
.content { width:945px; margin:16px auto; background-color:#f0f5d5; padding:0px; margin-left:17px; overflow:hidden; }
.content .home { padding:23px 0 23px 161px; background:url(../images/front/home_content_bg.jpg) no-repeat left; width:360px; }
.portfolio_nav { width:945px; overflow:hidden; margin:0px auto; margin-top:12px; padding:11px 0 13px 0; border-bottom:4px dotted #c2d82e;  border-top:4px dotted #c2d82e; }
.portfolio_des { width:945px; overflow:hidden; margin:0px auto; margin-top:12px; border-bottom:4px dotted #c2d82e;  border-top:4px dotted #c2d82e; }
.content_base { width:945px; overflow:hidden; margin:0px auto; margin-top:12px; padding:10px 0 25px 0; border-bottom:4px dotted #c2d82e; margin-bottom:12px; }
.content_base .home { padding:23px 0 23px 161px; background:url(../images/front/home_content_bg_white.jpg) no-repeat left; width:360px; }


/* -- content END -- */

.footer { width:945px; height:44px; margin:0px auto; } 
.right_align { float:right; }


.content .tweets { width:339px; height:102px; float:right; background:url(../images/front/twitter_bg.jpg) bottom no-repeat; margin:10px 5px 0 0;}
.content_base .tweets { width:339px; height:102px; float:right; background:url(../images/front/twitter_bg_white.jpg) bottom no-repeat; margin:10px 5px 0 0;}

.case_banner { width:945px; height:342px; border:2px solid #c2d82e; float:left; position:relative; }
.case_right { width:332px; height:342px; border-top:2px solid #c2d82e; border-right:2px solid #c2d82e; float:right;  }
.content_right img { margin:25px 0 25px 0; }
.case_panes div { font-size:14px; background-color:#c2d82e;  }
.case_tabs { list-style:none; margin:0px; padding:0; height:30px; width:166px; border:none; position:absolute; left:166px; top:198px; }
.case_tabs li { background: url(../images/front/tabs.png) no-repeat 0px 0px; font-size:11px; display:block; height: 22px; width: 151px; text-decoration:none; font-size:14px; color:#FFF; padding:8px 0 0 15px; margin:0px; position:relative; top:1px; }
.case_tab_image { height:228px; }
.split_content { width:945px; overflow:hidden; margin:0px auto; background: url(../images/front/split_bg.jpg) repeat-y 0px 0px; }
.content_left { width:611px; float:left; }
.content_right { width:334px; float:left; background-color:#c2d82e; overflow:hidden }
.content_left .thumbs { margin:45px 16px 0 0; padding:13px 0 13px 0; border-bottom:4px dotted #c2d82e;  border-top:4px dotted #c2d82e; }
.content_left .thumbs img { margin:0 13px 0 0; border:1px solid #c2d82e; }

.content_left_who { width:611px; float:left; }
.content_right_who { width:334px; float:left; background-color:#c2d82e; margin:0 0 0 0; padding:12px 0 12px 0; }
.content_right_who .tcd { margin:20px 0 0 20px;  }
.content_left_who .thumbs { margin:45px 16px 0 0; padding:13px 0 13px 0; border-bottom:4px dotted #c2d82e;  border-top:4px dotted #c2d82e; }
.content_left_who .thumbs img { margin:0 13px 0 0; border:1px solid #c2d82e; }
.content_left_who strong { font-weight:bold; color:#c2d82e; font-size:12px; }
.content_left_who .middle { margin-top:30px; }
.content_left_who .senior_team { width:188px; float:left; margin:15px 0 0 0; height:170px; }
.content_left_who img { border: 1px solid #b0c429; }
.content_left_who .margin { margin-left:16px; margin-right:16px; }

.form { width:596px; margin:15px 15px 0 0; }
.form_right { width:396px; float:right; color: #949599; line-height: 20px; font-size:12px; }
.form_right textarea { width:385px; border:1px solid #b0c429; background:#F5F5F5; font-size:12px; padding:5px; }
.form_left { width:200px; float:left; color: #949599; line-height: 20px; font-size:12px; margin:0 0 12px 0; }
.form_left input { width:175px; border:1px solid #b0c429; background:#F5F5F5; padding:5px; }