/* CSS Document */

body{ text-align:center; margin:20px; font-family:"Helvetica Neue", "Helvetica", "Arial"; font-size:13px; color:#535353; background: url(images/back2.jpg) top left repeat; }

#container{background:#fff; width:100%; height:100%; min-width:930px;}

.wrapper{ margin:0 auto; width:900px; }

.clear{clear:both;}

.clear_last{clear:both; margin-bottom:30px;}

p{line-height:1.5em; margin-top:8px; }

h1{color:#b0afaf; font-size:14px; font-weight:bold; margin:0; padding:0; letter-spacing:.1em;}

#content h2, #content2 h2,  #case_study_page h2{ font-size:20px; font-weight:500; margin-bottom:0; padding-bottom:0; color:#3c3c3c; font-family: "museo-slab-1", "Helvetica", "Arial";}

#detail_info h2{font-size:25px; font-weight:500; color:#3c3c3c; font-family: "museo-slab-1", "Helvetica", "Arial";}

.left{float:left;}

.right{float:right;}

a{color:#8dc54f;}

a:hover{color:#b5d448;}

.double_line{background:url(images/twoline.jpg) top left repeat-x; height:9px;}

img{border:none;}

.font {font-family: "museo-slab-1";}

#cssaward{position:absolute; top:0; right:0;}


/* Header + Nav */

#branding{padding-top:20px;}

#nav{margin:0; padding:10px 0 50px 0; font-family:Helvetica;}

#nav li{display:inline; padding:0 25px 0 0; letter-spacing:.1em;}

#nav li a{color:#6a6a68; text-decoration:none;}

#nav li a:hover{color:#b5d448;}

#nav li span{color:#8dc54f; font-size:11px;}

#nav .active a{color:#8dc54f;}


/* Home Intro */

#intro{float:left; width:425px; text-align:center;}

#intro p{text-align:left;}

#intro h1{text-align:left;}

#ugly{margin-bottom:25px;}

.start_p{margin-top:5px;}

#case_study a{display:block; width:212px; height:37px;background:url(images/case.jpg) top left no-repeat; margin:35px auto 0 auto; }

#case_study a:hover{background:url(images/case.jpg) bottom left no-repeat; }

/* Slidesho */
 

#slideshow {float:right; width:440px; height:487px; overflow:hidden;}

#slideshow ul { margin: 0; padding: 0;  list-style-type: none; height: 1%; /* IE fix */}

#slideshow .feat ul{background-color:#FFFFFF;}

#slideshow ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; width:435px; margin:0; padding:0;}            

/* slides */

#slideshow .slides { overflow: hidden; width: 440px; margin:0; padding:0;}

#slideshow .slides ul { width: 1320px; margin:0; padding:0; height:487px;}

#slideshow .slides li { width: 440px; float: left; margin:0; padding:0; }




/* What We Do */

#what_top{margin:0; padding:0; height:150px;}

#what_we_do{background:#3c3c3d; margin:30px 0 30px 0; width:900px; overflow:hidden; }

#what_in{width:830px; margin:0 auto; padding:10px 0; color:#fff; }

#what_in p{margin-top:0; padding-top:0; letter-spacing:1px;}

.dot_line{background:url(images/dot.jpg) top left repeat-x; height:9px; width:830px; margin:35px 0;}

#what_in ul{margin:0; padding:0; color:#bcbcbc; font-size:13px; font-weight:bold; width:260px; margin-bottom:30px;}

#what_in ul li{list-style:none; background:url(images/bullet.jpg) left center no-repeat; text-align:left; padding:0 0 0 20px; margin:0 0 10px 0;}

#what_in ul li span{font-weight:normal; font-size:13px;}

#what_in .mid{margin-left:30px;}

#services a{display:block; width:251px; height:38px;background:url(images/serv.jpg) top left no-repeat; text-align:center; margin:10px auto 30px auto; }

#services a:hover{background:url(images/serv.jpg) bottom left no-repeat; }


/* Work With Us */

.gull{margin:0 30px 20px 30px;}

.work_copy{font-size:16px; float:left; width:640px; text-align:left; font-weight:normal; }

.work{margin:70px 0 15px 0;}


/* Porfolio Landing */

#port_shell{position:relative; margin:20px 0 40px 0; text-align:left;}

#port_copy{width:590px; text-align:left;}

.title_img{margin:0 0 30px 0;}

#port_links{position:absolute; right:0; top:0; font-size:18px; color:#b0afaf; font-weight:bold; font-family:Helvetica; z-index:10;}

#port_links a{color:#808285; text-decoration:none;}

#port_links a:hover{color:#b0afaf;}

#port_links .live, #next .live{color:#b5d448;}

#gulls_web{position:absolute; right:-30px; top:-50px;}

#gulls_print{position:absolute; right:0px; top:20px;}

#gulls_brand{position:absolute; right:70px; top:10px;}

#portfolio{font-family: "museo-slab-1", "Helvetica", "Arial"; font-weight:500;  color:#b0afaf; font-size:12px;}

.portfolio_img{width:265px; height:175px; display:block; background:url(images/port_back.jpg) top left repeat; padding:10px; margin-bottom:10px;}

.portfolio_img2{width:265px; height:175px; display:block; background:url(images/port_back.jpg) top left repeat; padding:10px; margin-bottom:10px;}

.portfolio_img:hover{background:none; background-color:#e1e1e1;}

.left1{float:left; margin-right:20px;}

.left2{float:left;}

.right1{float:right;}

.left1, .left2, .right1{margin-bottom:20px;}


/* Porfolio Detail */


#project{float:right; width:520px; margin:15px 0 50px 0;}

#next{position:absolute; left:380px; top:0; font-size:13px; font-weight:bold; color:#b0afaf;}

#next a{color:#d7d7d7; text-decoration:none;}

#next a:hover{color:#8dc54f;}

#detail_info{float:left; width:350px; text-align:left;}

#detail_info p{}

#launch a{display:block; width:251px; height:38px;background:url(images/launch.jpg) top left no-repeat; text-align:center; margin:30px 0 30px 0px; }

#launch a:hover{background:url(images/launch.jpg) bottom left no-repeat; }


/* Gernal Page - Services + Contact */

#content{text-align:left;}

#content2{text-align:left; padding:20px 0;}

#content_center{text-align:center;}

.serv_img{float:left; margin:0 0px 40px 0;}

.services{padding-top:1px; float:right; width:720px;}

.contact_img{float:left; margin:0 0px 40px 0;}

.contact{padding-top:1px; float:right; width:660px;}


/* Team */

#team{text-align:left;}

.team_photo{float:left; width:300px; text-align:center; margin-bottom:50px;}

.team_bio{float:right; width:590px; margin-bottom:30px;}

.team_bio p{margin:20px 0;}

.dashed_line{border-top:1px dashed #989898; margin:35px 0;}


/* Case Study */

#case_study_page{text-align:left; position:relative;}

#case_left{float:left; width:350px; text-align:left;}

#case_right{float:right; width:520px; margin:15px 0 50px 0;}

.case_space{margin:70px 0;}

.case_space2{margin:30px 0 70px 0;}

.case_logo{padding:0px 0 10px 0;}

#next_arrow a{display:block; width:113px; height:37px;background:url(images/next_arrow.jpg) top left no-repeat; text-align:center; position:absolute; top:0; right:0; }

#next_arrow a:hover{background:url(images/next_arrow.jpg) bottom left no-repeat; }

#back_arrow a{display:block; width:113px; height:37px;background:url(images/back_arrow.jpg) top left no-repeat; text-align:center; position:absolute; top:0; right:118px; }

#back_arrow a:hover{background:url(images/back_arrow.jpg) bottom left no-repeat; }

.quoteme{float:right; width:840px; margin-top:15px;}

.testimonial{font-style:italic; font-family: "Georgia"; font-size:14px; line-height:1.5; color:#797979;}

.quote{color:#d7d7d7; font-family: "Georgia"; font-style:italic; font-size:16px;}

.quote1{float:left; margin-top:15px;}

.name{line-height:3em; font-size:12px;}


/* VIO */

#vio_case_intro{position:relative; height:662px; width:900px; background:url(images/casestudy/vio_website.jpg) top left no-repeat; position:relative; margin-top:25px;}

#vio_case_intro_copy{position:absolute; top:0; right:0; width:345px;}


/* Tims */

#tim_case_intro{position:relative; height:449px; width:900px; background:url(images/casestudy/tim_package.jpg) top right no-repeat; position:relative; margin-top:40px;}

#tim_case_intro_copy{position:absolute; top:0; left:0; width:350px;}

.tim_food{margin-top:-30px; z-index:10; position:relative;}




/* Footer */

#footer{margin:30px 0; padding-bottom:20px; font-family: "museo-slab-1", "Helvetica", "Arial"; font-weight:300;}

#footer span{color:#b1b0b0;}

#footer a{color:#535353; text-decoration:none;}

#footer a:hover{color:#b5d448; text-decoration:underline;}