@import url("reset.css");
html{height:100%;}
body{background:#fff url('/images/bg_main_red.gif') top left repeat-y;}
#container{height:100%;}

/* Left Column */
#column{float:left;width:450px;padding-top:1em;background:transparent url('/images/bg_ghosted_logos.gif') top right repeat-y;font:11px Helvetica, Arial, sans-serif;color:#737373;line-height:1.6em;height:99%;position:relative;}
#logo {margin:30px 0 0 20px;}
#column a:link,#column a:visited{color:#fe1501;text-decoration:none;}
#column a:hover,#column a:active{color:#737373;}
#column p.link{text-align:right;}
#column h2{color:#fe1501;font-size:12px;font-weight:bold;padding-bottom:2px;}
#column h2 span{font-weight:normal;}
#column h2.speach{background:transparent url('/images/home_redballoon.png') top right no-repeat;padding:55px 0 0 0;position:relative;z-index:10;}
#column h2.blackcloud{background:transparent url('/images/home_blackcloud.png') 0px 0 no-repeat;padding:60px 0 0 0;position:relative;z-index:10;text-indent:-9999px;}
#column .box{margin:0 30px;position:relative;}
#column .box hr{clear:both;background:transparent url('/images/divider_gray.png') bottom center no-repeat;height:2px;border:none;}
#column .box hr.special{position:absolute;top:23px;width:100%;z-index:0;}
#column .box .left{float:left;width:180px;padding-bottom:20px;}
#column .box .right{float:right;width:180px;padding-bottom:20px;}
#footer{clear:both;text-align:center;margin:25px 0;}
#footer span{color:#fe1501;}

/* Nav */
#nav{margin:58px 30px 30px;}
#nav a:link,#nav a:visited{color:#737373;}
#nav a:hover,#nav a:active{color:#fe1501;}
#nav ul, #nav ul ul{display:none;}
#nav ul{margin-left:15px;}
#nav ul a:link,#nav ul a:visited{color:#fe1501;}
#nav ul a:hover,#nav ul a:active{color:#737373;}
#nav ul ul a:link,#nav ul ul a:visited{color:#adadad;}
#nav ul ul a:hover,#nav ul ul a:active{color:#fe1501;}
#nav ul ul{float:right; margin-right:170px;}

/* Sub Nav */
#subnav{position:absolute;right:0;top:8px;}
#subnav .subscribe{margin-bottom:110px;}

/* Red Column */
#content{margin-left:450px;position:relative;height:100%;background:transparent url('/images/bg_largelogo.png') 130% 130% no-repeat;height:100%;}
#grad-left{background:transparent url('/images/bg_red_darker_left.png') bottom left no-repeat;}
#grad-right{background:transparent url('/images/bg_red_darker_right.png') top right no-repeat;}
#content #subnav{left:0;top:6px;width:160px;}
#content #subnav .subscribe{margin-bottom:11px;}
#content #subnav .blog{padding-top:78px;}
#content #subnav .facebook{padding-top:12px;}
#content #subnav .twitter{padding-top:12px;}
#content #subnav li{height:31px;}
#content #subnav li img{display:none;}
#content #subnav form{background:transparent url('/images/form_search_bg.png') top left no-repeat;display:block;width:159px;height:39px;padding-top:5px;margin-bottom:30px;}
#content #subnav input.text{width:120px;border:0;padding:3px;margin:5px 0 0 0;float:left;color:#737373;}
#content #subnav input.image{margin:8px 15px 0 0;float:right;}

#content h1{position:absolute;right:30px;top:42px;}
#content .girl{position:absolute;right:10%;bottom:0;}
#content .redefining{position:absolute;left:20px;bottom:10px;}

/* Red Text Content */
#text{position:relative;z-index:1000;line-height:1.8em !important;color:#fff;font:12px Helvetica,Arial,sans-serif;padding-left:100px;font-weight:bold;}
#text .box{float:left;width:40%;margin:140px 0 0 0;padding:20px;}
#text .box.twitter{background:transparent url('/images/bg_twitter.png') 0 10px no-repeat;padding:20px 50px 0 30px;min-height:617px;width:280px;}
#text .box.facebook{background:transparent url('/images/bg_facebook.png') 0 10px no-repeat;padding:20px 50px 0 30px;min-height:617px;width:280px;}
#text .box.clunkers{background:transparent url('/images/bg_clunkers.png') 0 10px no-repeat;padding:150px 50px 0 230px;min-height:617px;width:450px;}
#text .divider{background:transparent url('/images/divider_vertical.png') top center no-repeat;height:614px;float:left;margin-top:140px;}

#text h2{font-size:22px;margin-bottom:0.5em;}
#text p{margin:0 0 2em 0;}
#text strong{font-weight:bold;}

hr{height:0px; border:0px; border-top:1px solid #949494;}

#text .clunkers p{color:#888888; font-weight:normal;}
#text .clunkers h3{color:#888888; font-weight:bold; font-size:14px;}

#text a:link,#text a:visited{color:#bcbcbc;text-decoration:none;}
#text a:hover,#text a:active{color:#9E9E9E;}

#text .box.twitter a.followus{margin-left:80px;}
#text .box.twitter{color:#fe1501;}
#text .box.twitter h2{margin-top:130px;}

#text .box.facebook{color:#fe1501;}
#text .box.facebook h2{margin-top:130px;}

#text .box.clunkers a{color:#fe1501;}
#text .box.clunkers a:hover{color:#737373;}


/* Blog */
#text .post{position:relative;}
#text .post p.date{float:left;width:40px;font:30px Georgia, serif;text-align:center;margin:-6px 10px 5px 0;font-weight:normal;}
#text .post p.date span{display:block;font:16px Helvetica, Arial, sans-serif; font-weight:bold;}
#text .post h3{font-size:17px;font-weight:bold;}
#text .alignright{float:right;}
#text .alignleft{float:left;}
#commentform p{margin-bottom:0.5em;}
#commentform input.text,#commentform textarea.text{width:120px;padding:3px;margin:5px 0 0 0;color:#737373;}
#commentform textarea.text{width:250px;}
.girlsword{position:absolute;bottom:0;right:0;z-index:0;}

/* Twitter */
#twitter .readmore{display:none;}
#twitter li{border-bottom:1px solid #737373;padding:5px 0;}

/* Work */
#work{position:relative;z-index:1000;line-height:1.8em !important;color:#fff;font:11px Helvetica,Arial,sans-serif;}
#samples{float:left;margin:140px 0 0 0;width:100%;}
#samples .header{width:400px;height:66px;background:transparent url('/images/bg_work_header.png') center top no-repeat;margin:0 auto;padding:10px 120px 0 25px;line-height:1.2em;font-size:10px;}
#samples .header p{margin-bottom:0.5em;}
#samples .header span{font-size:11px;}
#samples .image{width:537px;height:345px;background:transparent url('/images/bg_work_image.png') top right no-repeat;padding:0 0 5px 17px;margin:0 auto;}
#samples .image img{float:left;}
#samples .image .alt{float:right;clear:right;width:11px;}
#samples .image .alt a{display:block;width:11px;height:11px;background-color:#fff;margin-top:5px;}

#wnav{float:left;position:relative;width:100%;margin:30px 0 0 0;background:transparent url('/images/bg_work_nav.png') 0 0 repeat-x;}
#thumbs{width:720px;overflow:hidden;margin:0 auto;}
#thumbs li{width:720px;height:160px;overflow:hidden;}
#wnav #slideBtnLeft{position:absolute;top:30px;left:0;outline:none;}
#wnav #slideBtnRight{position:absolute;top:30px;right:0;outline:none;}
#wnav .thumb{width:30.5%;display:block;float:left;text-align:center;padding:18px 10px 10px 10px;}
#wnav .thumb.selected,#wnav .thumb:hover{background:transparent url('/images/bg_work_thumb_selected.png') center center no-repeat;}

/* Fixes */
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}