* {margin: 0; padding: 0;}
body {background:#fff; color:#4d5a51; font:14px Arial, Helvetica, sans-serif;}
img	{border:0; display:block;}
table {border-collapse:collapse;}
input, textarea {padding:2px;}

a {outline:none; color:#bf2304;}

.lightBlue {color:#9fad9e;}
.orange {color:#f60;} 

/* TOP REGION */
#topWrapper {width:100%; height:35px; background:#161614;}
#top {margin:0 auto; width:800px; height:35px; }
#top p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#fff; float:right; line-height:35px; padding-right:12px; letter-spacing:1px;}
#social {float:right; width:125px;}

/* HEADER REGION */ 
#header {margin:0 auto; width:960px; height:117px; background:url(/m/img/logo-2nd-Floor.png) top left no-repeat; background-position:0 41px; clear:left;}
#header h1 {text-indent:-123456px; float:left; height:38px; width:200px; margin-top:37px;}
#header h1 a {display:block; width:200px; height:38px; float:left;}
/* main navigation */
#navMain {width:960px; height:40px; background:url(/m/img/navMainBG.gif) bottom repeat-x; z-index:0; float:left; clear:left;}
#navMain #nav-overlay {width:300px; height:36px; left:900px; display:none; position:absolute; z-index:10;}
body.what-we-do #navMain #nav-overlay {background:url(/m/img/navMainBG.png) top right no-repeat; display:block;}
#navMain ul {margin:0 0 0 184px; z-index:20; list-style:none; float:right;}
#navMain ul li {float:left; background:url(/m/img/navMainSpacer.gif) left no-repeat; height:36px; padding:0 36px; letter-spacing:1px; text-transform:uppercase; font-weight:bold; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#navMain ul li a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; display:block; line-height:28px; color:#928e8b; outline:none; text-decoration:none;}
#navMain ul li.active a {color:#4a4a4a;}
#navMain ul li a:hover {color:#bf2304;}
#navMain ul li.active a:hover {color:#4a4a4a;}
#navMain ul li#navMainHome {background:none;}
#navMain ul li#navMainCommunity {padding-right:0;}

#home-right-column {width:296px; float:left; background:url(/m/img/home-right-column-bg.png) no-repeat;}
.home-right-entry, .home-right-social {width:290px; float:left; margin:0 0 15px 70px;}
.home-right-entry {border-bottom:1px dotted #6a756e;}
.home-right-entry p {margin-bottom:10px;}
.home-right-entry h5 {font-size:30px; margin-bottom:10px; color:#31322c;}
.home-right-entry:first-child {}
.home-right-social .blog-links {list-style:none;}
.home-right-social .blog-links li {font-size:12px; padding:0 6px; line-height:21px; float:left;}
.home-right-social .blog-links li a {font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic;}
.home-right-social .blog-links li a.rss-icon {padding-right:26px; background:url(/m/img/icon_rss_whiteBG.png) right center no-repeat;}
.home-right-social .blog-links li:first-child {padding-left:0; border-right:1px dotted #6a756e;}
.home-right-social .social-bar {float:left; list-style:none; height:30px; margin:9px 0 8px 0; padding:0 12px 0 0; background:url(/m/img/home-right-social-bar-bg.png) top right no-repeat;}
.home-right-social .social-bar li {float:left; height:30px; line-height:30px; padding-right:8px; padding-top:3px;}
.home-right-social .social-bar li:first-child {width:115px; padding-right:0; background:url(/m/img/home-right-social-bar-title.png) left top no-repeat;}
.home-right-social .social-bar li img {display:inline;}
.home-right-social p {padding:0; line-height:14px;clear:both;}

.home-right-twitter {background:url(/m/img/home-twitter.png) left top no-repeat; float:left; margin:0 0 15px 70px; width:290px;}
.home-right-twitter p {margin: 60px 0 0 0;}
.home-right-twitter a {display:block; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; font-weight:bold;}

/* TWEET */
.tweet, .query {color: #4d5a51; margin:60px 0 0 0; line-height:21px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.tweet .tweet_list, .query .tweet_list {-webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0; overflow-y: hidden; background-color: #ffffff;}

.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {text-transform: uppercase;}

.tweet .tweet_list li, .query .tweet_list li {overflow-y: auto; overflow-x: hidden; padding: .5em;}

.tweet .tweet_list li a, .query .tweet_list li a {color: #0C717A;}

.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {background-color: #ffffff;}

.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {padding-right: .5em; float: left;}

.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {vertical-align: middle;}
		
/* CONTENT REGION */
#content {margin:0 auto; width:960px;}
#content h2 {color:#222; font-size:61px; line-height:61px; text-transform:uppercase; padding:0 14px 10px 14px; letter-spacing:3px;}
#content p {font-size:12px; line-height:21px; font-family:Arial, Helvetica, sans-serif; color:#45524a; padding:0 14px 12px 0;}
#content p a, #content a {color:#bf2304; text-decoration:underline;}
#content p a.highlight {color:#fff; background-color:#f60; text-decoration:none; padding:2px 4px;}

/* home featured social */
#content #homeFeatured-social p {font-size:14px; line-height:21px; padding:155px 0 0 418px; }
#content #homeFeatured-social {width:960px; height:288px; background:url(/m/img/home-feature-social.jpg) no-repeat; margin-bottom:15px;}

/* home featured berkeley */
#content #homeFeatured-berkeley p {font-size:14px; line-height:21px; padding:155px 0 0 0; width:300px;}
#content #homeFeatured-berkeley {width:925px; height:288px; background:url(/m/img/home-feature-busted.jpg) no-repeat; margin-bottom:15px;}

/* NEW home featured social */
#content div.foo {width:960px; height:288px; position:relative; z-index:100; background:url(/m/img/rotation-bg.png) no-repeat;}
#content div.foo ul {width:960px; height:288px; position:relative;}
#content div.foo li {width:960px; height:288px; float:left; list-style:none;}
#content div.foo .arrow {position:absolute; width:23px; height:27px; z-index:101; bottom:28px; display:inline; cursor:pointer;}
#content div.foo .arrow-prev {right:23px; background:url(/m/img/arrow-prev.png) no-repeat;}
#content div.foo .arrow-prev:hover {background-position:0 -27px;}
#content div.foo .arrow-next {right:0; background:url(/m/img/arrow-next.png) no-repeat;}
#content div.foo .arrow-next:hover {background-position:0 -27px;}

#content .newFeatured-social-media {background:url(/m/img/rotation-social-media.jpg) no-repeat; width:960px; height:288px;}
#content .newFeatured-social-media p {font-size:14px; line-height:21px; margin:155px 0 0 418px; width:465px; display:block;}
#content .newFeatured-cop-car {background:url(/m/img/rotation-cop-car.jpg) no-repeat; width:960px; height:288px;}
#content .newFeatured-cop-car p {font-size:14px; line-height:21px; margin:130px 0 0 24px; width:330px; display:block;}
#content .newFeatured-fight-night {background:url(/m/img/rotation-fight-night.jpg) no-repeat; width:960px; height:288px;}
#content .newFeatured-fight-night p {font-size:14px; line-height:21px; margin:130px 0 0 440px; width:520px; display:block;}
#content .newFeatured-clutch {background:url(/m/img/rotation-clutch-1.jpg) no-repeat; width:960px; height:288px;}
#content .newFeatured-clutch p {font-size:14px; line-height:21px; margin:230px 0 0 780px; width:520px; display:block;}


/* home left column */
#content #leftColumn {width:565px; float:left;}
#content #leftColumn p {padding-right:56px; padding-left:10px;}
/* home right column */
#content #rightColumn {width:360px; float:left;}
#content #rightColumn h3 {color:#222; font-size: 18px;}
#content #rightColumn img.title {margin-bottom:15px; float:left;}
#content #rightColumn #clientList {width:340px; float:left; clear:left;}
#content #rightColumn #clientList p {font-size:11px; color:#222; line-height:18px; padding:0;}
#content #rightColumn #clientList #column1 {width:160px; float:left;}
#content #rightColumn #clientList #column2 {width:170px; margin-left:10px; float:left;}

/* WORK PAGE */

/* work feature image */
#content #workText {width:375px; height:120px; margin-left:10px; margin-top:40px; float:left; color:#000000;}
#content #workText h3 {font-size:14pt; padding-left:15px;}
#content #workText p {font-size:12pt; color:#000000; padding-top:5px; padding-left:14px;}

body.work #content .workFeatureBox div.links {width:392px; height:24px; border-top:1px #ddd solid; border-bottom:1px #ddd solid; margin-top:15px; margin-bottom:30px;}
body.work #content .workFeatureBox div.links p {line-height:24px; font-size:11px; color:#000000; float:left; padding-left:6px; padding-right:15px;}
body.work #content .workFeatureBox div.links p a {color:#97a595; text-decoration:none; background-color:#fff;	}
body.work #content .workFeatureBox div.links img { float:left; border:none;}

#content .workFeatureBox {width:900px; float:left;}
#content .workFeatureBox p {padding-left:6px; color:#000000;}
#content .workFeatureBox img { border-style:solid; border-width:6px; border-color:#bfbfbf; margin-bottom:15px;}
#content .odd .workFeatureBox {margin-left:105px;}
#content .even .workFeatureBox {margin-left:10px;}
#content .clientTxt {font-weight:bold; color:#97a595;}

/* NEW WORK PAGE */

body.work #content .worksImg {width:520px; float:left; padding:20px 10px 0 10px;}
body.work #content .worksImg img { border-style:solid; border-width:10px; border-color:#d3d3d3; margin-bottom:15px;}
body.work #content .smImg { border-style:solid; border-width:5px; border-color:#d3d3d3; margin: 0 10px 15px 0; float:left;}
body.work #content .worksTxt {width:370px; float:left; padding: 20px 0 0 10px;}
body.work #content .worksTxt .title {font-size:18pt; font-weight:bold;}
body.work #content .worksTxt .subTitle {color:#bf2304; font-size:12pt; font-weight:bold;}
body.work #content hr {color:#e6e6e6; height: 3px; border:0; width:850px;}



/* FIRM PAGE */

/* firm feature image and title */
#content #firmHeader {width:904px; height:373px; background:url(/m/img/headerOurfirm.jpg) no-repeat; margin-left:10px; margin-top:40px;}
#content #firmTitle {width:363px; height:56px; background:url(/m/img/titleFirm.gif) no-repeat; margin: 0 0 5px 10px;}
#content #cookin {width:904px; height:401px; background:url(/m/img/cookin.jpg) no-repeat; margin-left:10px;}
#content #typewriter {width:904px; height:401px; background:url(/m/img/typewriter.jpg) no-repeat; margin-left:10px;}

body.firm #content h4 {font-size:14px; font-weight:bold; padding:20px 0 10px 10px;}

/* firm right column */
body.firm #content #rightColumn h5 {width:203px; height:21px; background:url(/m/img/titleInside.gif) no-repeat; margin: 20px 0 20px 0;}
body.firm #content #rightColumn h6 {width:317px; height:153px; background:url(/m/img/rightMonkeys.jpg) no-repeat; border-style:solid; border-width:3px; border-color:#c5c5c5; margin: 15px 0 15px 0;}
body.firm #content #rightColumn p {font-size:11px; color:#000000; line-height:12pt;}
body.firm #content #rightColumn table {margin-top:15px;}
body.firm #content #rightColumn td img {padding: 0 5px 5px 0;}
body.firm #content #rightColumn img {border:solid #c5cc46 3px; margin: 0 17px 0 0; float:left;} 

body.firm #content #rightColumn #bio {width: 115px; height:140px; float:left;}
body.firm #content #rightColumn #bio img {margin-bottom:7px; margin-right:0;}
body.firm #content #rightColumn #bio .orange {color:#ef6000;}
body.firm #content #rightColumn #last {width: 130px; height:140px; float:left;}
body.firm #content #rightColumn #last img {margin-bottom:7px;} 

/* CONTACT PAGE */

/* contact feature image */
#content #contactHeader {width:491px; height:142px; background:url(/m/img/headerContact.gif) no-repeat; margin-top:40px;}
/* contact left column */
body.contact #content #leftColumn {width:520px; float:left;}
body.contact #content #leftColumn td p {text-align:right;}
/* contact right column */
body.contact #content #rightColumn {width:400px; float:left;}
body.contact #content #rightColumn h3 {width:252px; height:19px; background:url(/m/img/titleFind.gif) no-repeat; margin: 0 0 25px 0;}
body.contact #content #rightColumn #address1 {width:160px; float:left; padding-top:30px;}
body.contact #content #rightColumn #address1 p {font-size:11px; line-height:14pt; color:#000000;}
body.contact #content #rightColumn #address2 {width:200px; float:left; padding-top:30px;}
body.contact #content #rightColumn #address2 p {font-size:11px; line-height:14pt; color:#000000;}
body.contact #content #rightColumn #find {width:360px; float:left; clear:left; padding:20px 0 0 0;}

#content .txtField {width:252px; border-left:1px solid #ccc; border-bottom:none; border-right:none; border-top:1px solid #ccc; padding:6px; background-color:#eee;}
#content .txtAreaField {width:329px; height:161px; padding:6px; border-left:1px solid #ccc; border-bottom:none; border-right:none; border-top:1px solid #ccc; padding:6px; background-color:#eee;} 
#content label {display:block; font-size:12px; color:#222;}


/* FOOTER REGION */
#footerWrapper {width:100%; height:325px; background:#31322c; float:left; margin-top:50px;} 
#footer {margin:0 auto; width:925px; height:290px; background:url(/m/img/footer-bg.png) no-repeat;}

.footer-box-1 {float:left; width:285px; padding:27px 65px 0 0;}
.footer-box-1 h3 {font-size:36px; color:#fff; line-height:28px; font-weight:normal; padding-top:5px;}
.footer-box-1 p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#bebebe; padding:15px 0 0 0; line-height:14pt;}
.footer-box-1 a {color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold;}
.footer-box-1 a:hover {color:#bf2304;}
.footer-box-1 h5 {color:#fff; font-size:14px; padding-top:25px;}

.footer-box-2 {float:left; width:571px; padding:27px 0 0 0;}
.footer-box-2 ul {list-style-type:none;}
.footer-box-2 span {font-size:12px; color:#fff; font-weight:bold;}
.footer-box-2 h5 {color:#fff; font-size:14px; padding-top:25px;}
.footer-box-2 h4 {color:#fff; font-size:36px; padding-top:5px;}
.footer-box-2 p {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#bebebe; padding:15px 0 0 0; line-height:14pt;}

.footer-box-2 .txtField {width:252px; border-left:none; border-bottom:none; border-right:none; border-top:none; padding:6px; background-color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-style:italic; color:#31322c;}
.footer-box-2 .txtAreaField {width:524px; height:80px; padding:6px; border-left:none; border-bottom:none; border-right:none; border-top:none; padding:6px; background-color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-style:italic; color:#31322c;} 
.footer-box-2 label {display:block; font-size:12px; color:#222;}

/* BOTTOM REGION */
#bottomWrapper {width:100%; height:38px; background:#161614; float:left;} 
#bottom {margin:0 auto; width:925px; height:38px;}
#bottom p {line-height:40px; font-size:11px; color:#fff;}
#bottom p a {color:#fff; text-decoration:none; padding-right:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-style:italic; color:#fff; font-weight:bold;}
#bottom p a:hover {text-decoration:underline;}
#bottom p a.orange {color:#fff; background-color:#f60; padding:2px 3px;}
#bottom p a.orange:hover {text-decoration:none;}
#bottom p.top {font-size:12px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; letter-spacing:1px; line-height:38px; padding:0 0 0 30px;}
#bottom p.top a {color:#fff;}
#bottom p.news {background:url(/m/img/footer-news-icon.gif) center left no-repeat;}
#bottom p.quote {background:url(/m/img/footer-quote-icon.gif) center left no-repeat; float:right; padding-left:36px;}
#bottom #bottomLeft {width:348px; height:38px; float:left;}
#bottom #bottomRight {width:577px; height:38px; float:right; text-align:right;}