* { padding: 0; margin: 0; } /*global definition for padding and margin*/

html { height: 101%; }

body { font-size: 100%; height: 100%; background: url('/images/bg_header.jpg') repeat-x 0 0; }

h1, h2, h3, h4, h5 { font: normal 100%/100% "Lucida Grande", arial, verdana, sans-serif; color: #000; padding: 0 0 5px 0; }
h1 { font-size: 1.6em; line-height: 100%; }
h2 { font-size: 1.4em; line-height: 100%; }
h3 { font-size: 1.2em; line-height: 100%; }
h4 { font-size: 1.0em; line-height: 100%; padding:10px 0 10px 0; font-weight:bold;}
h5 { font-size: 0.9em; line-height: 100%; }

h2.case_studies { color:#B20000; font-size:1.1em; padding-bottom:10px; text-transform:uppercase; }
h2.case_studies a { color:#B20000; text-decoration:none; }
h3.home_tag { /*color:#B0C2C0;*/ color:#B3B3B3; padding:15px 17px 0 0px; font-size:1.10em; line-height:140%;}

p, ol, ul, table, dl { font: normal .75em/150% "Lucida Grande", Arial, Verdana, sans-serif; padding: 0 0 10px 0; /*color:#000407;*/ color:#4A494A; }

a, a:visited { color: #BB0000; }
a:hover { color: #BB0000; text-decoration: none; }

dl { padding: 0 0 5px 10px; }
dt { font-weight: bold; }
dd { margin: 0 0 5px 0; }

ol { padding: 0 0 0 15px; }
ol li { padding: 0 0 5px 0; }

ul { padding: 0 0 0 20px; }
ul li { padding: 0 0 5px 0; }

th { font-weight: bold; }
td { padding: 3px 0; }

img { border: none; }

#wrapper { width: 1000px; margin: 0 auto; }
#inner_wrapper { width:920px; }

#header { height:157px; width:820px; background:url('/images/header_tagline.gif') 100% 100% no-repeat; }
#logo { width:371px; height:157px; position:relative;  }
#logo_b { width:107px; height:157px; position:relative; text-align:right; }

#nav { float:left; width:107px; padding: 44px 0 0 0px; }
#nav ul, #subnav ul { padding:0px; margin:0;}
#nav li { width:107px; height:31px; display:block; padding: 0; margin:0;}
#nav a { width:107px; padding:31px 0 0 0; height:0px; display:block; overflow:hidden; }

#nav a#welcome { background: url('/images/bg_nav_welcome.gif') no-repeat 0 0; }
#nav a#welcome.active { background: url('/images/bg_nav_welcome_act.gif') no-repeat 0 0; }
#nav a#who { background: url('/images/bg_nav_who.gif') no-repeat 0 0; }
#nav a#who.active { background: url('/images/bg_nav_who_act.gif') no-repeat 0 0; }
#nav a#what { background: url('/images/bg_nav_what.gif') no-repeat 0 0; }
#nav a#what.active { background: url('/images/bg_nav_what_act.gif') no-repeat 0 0; }
#nav a#case { background: url('/images/bg_nav_case.gif') no-repeat 0 0; }
#nav a#case.active { background: url('/images/bg_nav_case_act.gif') no-repeat 0 0; }
#nav a#work { background: url('/images/bg_nav_work.gif') no-repeat 0 0; }
#nav a#work.active { background: url('/images/bg_nav_work_act.gif') no-repeat 0 0; }
#nav a#contact { background: url('/images/bg_nav_contact.gif') no-repeat 0 0; }
#nav a#contact.active { background: url('/images/bg_nav_contact_act.gif') no-repeat 0 0; }
#nav a#blog { background: url('/images/bg_nav_blog.gif') no-repeat 0 0; }
#nav a#blog.active { background: url('/images/bg_nav_blog_act.gif') no-repeat 0 0; }

#subnav { float:left; width:164px; padding: 44px 0 0 0px; }
#subnav li { padding:0; margin:0; width:151px; height:31px; display:block; }

#subnav ul.who { padding:31px 0 0 0px; }
#subnav ul.case_studies { padding:93px 0 0 0px; }
#subnav ul.work { padding:124px 0 0 0px; }

#subnav a { width:107px; width:164px; padding:31px 0 0 0; height:0px; display:block; overflow:hidden; }
#subnav a#approach { background: url('/images/bg_subnav_approach.gif') no-repeat 0 0; }
#subnav a#approach.active { background: url('/images/bg_subnav_approach_act.gif') no-repeat 0 0; }
#subnav a#history { background: url('/images/bg_subnav_history.gif') no-repeat 0 0; }
#subnav a#history.active { background: url('/images/bg_subnav_history_act.gif') no-repeat 0 0; }
#subnav a#client { background: url('/images/bg_subnav_client.gif') no-repeat 0 0; }
#subnav a#client.active { background: url('/images/bg_subnav_client_act.gif') no-repeat 0 0; }
#subnav a#staff { background: url('/images/bg_subnav_staff.gif') no-repeat 0 0; }
#subnav a#staff.active { background: url('/images/bg_subnav_staff_act.gif') no-repeat 0 0; }
#subnav a#service { background: url('/images/bg_subnav_service.gif') no-repeat 0 0; }
#subnav a#service.active { background: url('/images/bg_subnav_service_act.gif') no-repeat 0 0; }
#subnav a#image { background: url('/images/bg_subnav_image.gif') no-repeat 0 0; }
#subnav a#image.active { background: url('/images/bg_subnav_image_act.gif') no-repeat 0 0; }
#subnav a#media { background: url('/images/bg_subnav_media.gif') no-repeat 0 0; }
#subnav a#media.active { background: url('/images/bg_subnav_media_act.gif') no-repeat 0 0; }
#subnav a#print { background: url('/images/bg_subnav_print.gif') no-repeat 0 0; }
#subnav a#print.active { background: url('/images/bg_subnav_print_act.gif') no-repeat 0 0; }
#subnav a#branding { background: url('/images/bg_subnav_branding.gif') no-repeat 0 0; }
#subnav a#branding.active { background: url('/images/bg_subnav_branding_act.gif') no-repeat 0 0; }
#subnav a#television { background: url('/images/bg_subnav_television.gif') no-repeat 0 0; }
#subnav a#television.active { background: url('/images/bg_subnav_television_act.gif') no-repeat 0 0; }

#copy { float:left; width:300px; padding: 50px 15px 0 55px; }
#copy p {width:275px;}
#copy_b { float:right; width:478px; padding: 45px 80px 0 0px; }
#copy_full { float:left; width:650px; padding: 10px 80px 0 55px; }
#copy_work { float:left; /*width:550px;*/ padding: 0px 0px 0 0px; }

.caption { width:450px;}

#right_col { float:right; width:296px; padding:0 100px 0 0; }

#right_half { float:right; width:200px;}
#left_half { float:left; width:400px;}

#contact_box { border:1px solid #ccc; padding:10px; }

#footer { width:920px; height:50px; margin:15px 0 0 0; display:block; }
#footer p { color: #B3B3B3;}
#footer p a { color: #B3B3B3; text-decoration:none; }

#box1 { margin:30px 0 0 0; }
#box2 { margin:18px 0 0 0; }

.box { width:296px; background:url(/images/bg_box.gif) repeat-y 0 0; }
.box_top { width:100%; background:url(/images/bg_box_top.gif) no-repeat 0 0; padding:26px 18px 0 21px; }
.box_bottom { width:296px; height:8px; font-size:0px; background: url(/images/bg_box_bottom.gif) no-repeat 0 100%; }
.box h2 { color:#323232; text-transform:lowercase; float:left; padding: 26px 0 0px 0; margin:0 0 10px 0; text-decoration:none; overflow:hidden; display:block;}

.box h2#recent_work { background:url(/images/hed_recent_work.gif) no-repeat 0 0; height:0px;}
.box h2#bressler_blogs { padding:0; }
.box h2 a#bressler_blogs { background:url(/images/hed_bressler_blogs.gif) no-repeat 0 0; display:block; height:0px; padding:26px 0 0 0; }

.box h3  { font-size:.9em; padding: 0 0 10px 0; width:260px; }
.box h3 a { color:#B20000; text-decoration:none; }
.box p { width:256px; color:#B3b3b3; line-height:130%; }
.box p a { color:#B2B4B4; }

h4 { color:#B2B4B4;}

#navarrows { float:right; width:75px; height:40px; text-align:right; margin:0 40px 0 0; }
#recentwork { padding:5px 0 15px 0; }

.tagged { color:#8EA2A1; font-weight:bold; }
.tagged h3 a { color:#B20000; text-decoration:none; }
.logopng { position:relative; right:0; bottom:0; }

#services_box { width: 90%; border:1px solid #B3B3B3; margin:0 0 25px 55px; }
#services_box_top { height:5px; background:#B3B3B3; }
#services_box_left { width:50%; border-right: 1px solid #B3B3B3; float:left; }
#services_box_right { width:49%; float:left; }
#services_box ul { padding: 25px 0 20px 35px; }
p#services { margin:0 0 0px 55px; }

#quotes { height:350px; width:290px; position:relative; padding:0 0 0 0; margin:0; }
.quote_item { position:absolute; left: 0px; top: 0px; padding:0 0 0 30px; margin:0; }
.quote_source { font-size:.85em; padding: 0 0 0 25px; }


#client_nav { width:80%; text-align:center; background:#eeeeee; border:1px solid #bbb; }
#client_nav ul { padding:5px 0 5px 0;}
#client_nav li { list-style-type:none; display:inline; padding:0 5px 0 5px; }
#client_nav li a { list-style-type:none; display:inline; padding:0 5px 0 5px; }
#client_nav li a:hover { color:#BB0000; }
#client_body { min-height:600px; padding-top:25px; }
#client_body ul.clients { padding-top:5px; }

.comment_hdr { background: url(/images/img_comments.gif) no-repeat 0 50%; padding: 0 0 0 20px; margin: 0 0 5px 0; }
.comment_author { color: #333; padding: 0; }
.comment_content { padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #C7ECFB; }
.add_comment_hdr { background: url(/images/img_add_comment.gif) no-repeat 0 50%; padding: 0 0 0 20px; margin: 0 0 10px 0; }
.comment_form { width:350px; margin: 0 0px; background-color: #F7F7F7; padding: 25px 35px; color: #333; }
.comment_form label { font-weight: bold; }
.comment_form .comment_input { width: 100%; }

.tagged_h2 { font-size: .85em; color: #666; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #CCC; margin: 0 0 5px 0; }
.tagged_show { padding: 3px 10px; margin: 0 0 15px 0; font-weight: bold; background-color: #EFEFEF; border: 1px solid #ccc; }
.tagged_name { background-color: #FFC; font-style: italic; padding: 0 5px; }
.tagged_date { font-size: .8em !important; line-height: 200%; color: #666; padding: 0 0 5px 0; }
.tagged_title { font-size: 1.15em !important; padding: 0; }
.tagged_tags { padding: 0 0 25px 0; }
.tagged_title a:hover, .tagged_tags a:hover { border:none; }

#staff_image_holder { float:left; width:100px; height:140px; padding: 8px 15px 10px 0; }
#staff_image_holder a { display:block; }
#staff_large_image_holder { float:left; padding: 0 15px 10px 0;}
.jobtitle { color:#999; font-size:1.1em; font-weight:bold; }
.profile_item { padding-bottom: 20px; }
.profile_item h2 { padding:0; margin:0; }

/*.post_tagged a {text-decoration:none; font-weight:bold; color:#B0C1C1;}*/

/*.feedfooter { margin:20px 0 0 0; background-color:#efefef; width:420px; border-collapse: collapse; }
.feedfooter tr { vertical-align:middle; }
.feedfooter td{ padding:5px 10px; }
.feedstext { padding:0 0 0 3px; text-align:right; }*/

#feedfooter { margin:20px 0 0 0; padding:10px 10px; background-color:#efefef; width:650px; border-collapse: collapse; vertical-align:middle; }
#feedicons { float:left;}
#feedstext { padding:10px 0 0 3px; text-align:right; float:right; }

.floated_pic_l { float:left; margin: 0 20px 0 0 ; }
#case_study_pic_holder { display:block; float:right; margin:20px 0 20px 20px; width: 200px;}
#case_study_pic { display:block; float:right; margin: 0 0px 0 0px; width:200px;}
#case_study_pic p.caption { display:block; width:200px;}
.case_item { margin-bottom:20px;}


.rss_link {  margin:0 30px 0px 0; display:block;}

.portfolio_thumbnails {float:left; width:130px; padding-top:45px;}
.portfolio_thumbnail_holder {width:100px; padding:0px 0 11px 0; }
.portfolio_thumbnail_holder a img { display:block; border: 1px solid #ccc; }

#large_pix_div { float:left; }
#large_pix_div p { width:450px; }

.thumb_div {  width:250px; float:left; text-align:center; }
.thumb_div img { margin:0 auto; padding:0; }
.arrow_div { height:15px; float:right; }
.visible { position:relative; z-index:2; }
#thumbnail_window, #thumbnails { width:250px; padding: 0; position:relative; }
#thumbnail_window { width: 250px; height:200px; overflow:hidden; }
#thumbnail_wrapper { width:250px; position:relative; }
#thumbnails { width:10000px; }

.framed_photo {  background: url(/images/photo_frame.gif) no-repeat 0 0;  height: 91px; padding: 0 0 7px 0; }
.framed_photo_teaser {  background: url(/images/photo_frame_teaser.gif) no-repeat 0 0;  height: 91px; }
.framed_photo img {  padding: 4px 0 10px 4px; }

.unframed_photo { height: 79px; width:79px; padding: 0 0px 0px 0;  position:absolute; left:-4px; top:-4px; }
.unframed_photo_teaser {  background: url(/images/photo_frame_teaser.gif) no-repeat 0 0;  height: 91px; }
.unframed_photo img {  padding: 0px; }


.photo_small { float: left; width: 79px; height:79px; padding:0 0px 0px 0 ; margin: 15px 15px 0 10px; position:relative; background:#ddd; }
.photo_small p .count { font-size: 0.75em; color: #333; }
.photo_small img { /*margin: 4px 0 10px 4px;*/ }

.photo_large { float: left; width: 130px; margin: 0 20px 10px 0;text-align:center; }
.photo_large p { font-size: 11px; font-weight: normal; font-family: "Lucida Grande", "Lucida Sans MT", helvetica, arial, sans-serif; padding: 0px 0 15px 0;line-height:110%; }
.photo_large img { padding:0 0 7px 0; }


/************ styles for notice/error divs ************/
#notice { background-color: #A4E7A0; border: 1px solid #26722D; }
#error { background-color: #F0A8A8; border: 1px solid #900; }
#notice, #error { width: 90%; margin: 0 auto 10px auto; padding: 5px; }
#notice p, #error p { margin-left: 20px; padding: 0; font-size: .75em; color: #000; }
#notice a, #error a { text-decoration: none; padding: 0 3px; }
#notice a { border: 1px solid #26722D; color: #26722D; }
#error a { border: 1px solid #900; color: #900; }
#notice a:hover, #error a:hover { color: #333; border: 1px solid #333; }


/**************************************************
						CLASSES
**************************************************/
.clear { clear: both; }
.formfield { width: 250px; font-size: 16px; margin: 0; padding: 2px; }
.right { float:right; }
.center { text-align:center; }
.underline { text-decoration:underline; }
.blog_title, .blog_title a { text-decoration:none; color:#BB0000; }


/************ styles for pagination ************/
.pagination {
	font: normal .75em/150% Arial, Verdana, Arial,sans-serif;
	padding: 3px;
	margin: 3px;
	text-align: center;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	text-decoration: none;
	color: #666;
	font-size: 1.0em !important;
}
.pagination a:hover, .pagination a:active { border: 1px solid #000; color: #000; }
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	font-weight: bold;
	background-color: #666;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #DDD;
	color: #999;
}
/************************/