@import 'feature.css';

.logo {  position:relative;  z-index:1004;}

#nav-menu { position:relative;  z-index:1004;}


.home-bleed{border-bottom:3px solid #ccc;color:#fff;height:350px;background:#A01212;}
.logo a{background:url("../images/logo.png") 0 -60px no-repeat;}
.logo a:hover{background:url("../images/logo.png") 0 -120px no-repeat;}
#nav-menu{font-size:1.3em;}
#nav-menu li a{color:#fff; }
#nav-menu li a:hover{color:#fff;border-bottom:1px solid #D80000;}
.top_nav{border-bottom:1px dotted #ddd;margin-bottom:0; }

.dot{float:right;margin-top:-19px;margin-right:10px;position:relative;z-index:1009;height:12px;}
.dot a{background:url("../images/dots.png") 2px 2px no-repeat;display:block;width:11px;height:11px;text-decoration:none;text-indent:-9999px;float:left;border:none;margin:0 2px;padding:0;}
.dot a:hover{background:url("../images/dots.png") 2px -18px no-repeat;}
.dot .active,.dot .active:hover{background:url("../images/dots.png") 2px -38px no-repeat;}

.features{position:relative;z-index:900;margin-top:15px;}
.features small{color:#888;font-size:1.1em;display:block;margin:0 0 5px;}
.features h4{font-size:1.3em;display:block;font-weight:600;margin:0 0 5px;}
.features h4 a{color:#000;border:none;}

.blog img{height:150px;width:340px;margin:0 0 5px;}
.blog #com-count{text-align:center;text-decoration:none;min-width:15px;float:right;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
background:#fff;border:1px solid #eee;border-bottom:1px solid #ddd;border-right:1px solid #ccc;margin:-3px 0 0;padding:3px 4.6px;}
.blog #com-count:hover,.text-only:hover #com-count{color:#A01212;border:1px solid #ddd;border-bottom:1px solid #bbb;border-right:1px solid #bbb;}


.work img{height:150px;width:280px;margin:0 0 10px;}
.work span{height:95px;overflow:hidden;display:block;}
.text-only h4{font-size:4em;height:140px;color:#fff;overflow:hidden;position:relative;z-index:1;padding:10px 5px 0;}
.text-only div{height:150px;background:#ddd;overflow:hidden;margin:0 0 10px;}
.text-only #com-count{margin-top:-40px;margin-right:5px; height:20px}
.text-only span{height:115px;}
.blog,.work{height:280px; cursor:pointer;}

.pitch{margin-top:20px;border-top:1px dotted #ddd;padding-top:20px;}
.pitch .vcard{text-align:right;margin-top:-4px;}
.pitch .vcard .fn{display:none;}
.pitch .vcard .email{display:inline-block;font-size:1.3em;line-height:1.2em;}
.pitch .vcard .tel{background:url("../images/home-phone.png") top right no-repeat;display:block;text-indent:-9999px;height:27px;width:338px;overflow:hidden;text-align:left;margin:5px 0 0;padding:0;}

.footer{margin-top:5px;}

.blog #com-count a,.work a,.blog a{border:none;}