@charset "utf-8";
/* CSS Document */

/*---------------GENERAL--------------*/
* {
margin:0;
padding:0;
border:none;
list-style:none;
}

a:link,a:visited,a:hover,a:active,a:visited:hover, a:link img, a:visited img, a:hover img, a:active img, a:visited:hover img{
border:none;
font-weight:700;
color:#000;
text-decoration:none;
}

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

body {
background:url(../images/MarketingWerks_bg_repeat.jpg) repeat-x;
font-family: "Arial", "Helvetica", "Verdana", sans-serif;
font-size:12px;
color:#000;
font-weight:normal;
text-align:justify;
}
.sky{
color:#333333;
font-family:verdana,arial, sans-serif;
font-size:12px;
font-weight:normal;
line-height:18px;
text-align:justify;
}

p{
margin-bottom:10px;
}

/*green italic centered quote*/
blockquote{
text-indent:30px;
color:#a0cf67;
font-size:14px;
font-weight:700;
font-style:italic;
margin-bottom:10px;
text-align:left;
text-indent:40px;
}

strong{
font-weight:700;
}

/*--------LAYOUT-----*/
/*WRAPPER*/
#wrapper {
background:#FFFFFF;
width:819px;
border:none;
/*TO CENTER, UN-COMMENT and add widths back to divs
left:50%;
margin-left:-400px;
width:800px;*/
position:relative;
padding-left:1px;
height:auto;
}

/*HEADER*/
#header_wrap{
background:url(../images/MarketingWerks_logo2.jpg) left top no-repeat;
background-position:0 8px;
padding-top:18px;
width:804px;
height:96px;
}
#header_wrap2{
background:url(../images/MarketingWerks_logo2.jpg) left top no-repeat;
background-position:0 8px;
padding-top:18px;
width:804px;
height:96px;
}
.float_left{
float:left;
}
.address{
font-family:Helvetica, Arial,  Geneva, sans-serif;
font-size:10px;
color:#231f20;
letter-spacing:1px;
font-weight:700;
text-align:right;
padding-right:11px;
border-right:1px solid #9fcf67;
margin-bottom:6px;
}
.tall{
line-height:15px;
}

/*IMAGE WRAPPER*/
#image_wrap{
width:804px;
height: 333px;
border-right:10px solid #9fcf67;
position:relative;
z-index: 3000;
}
#sorg_flash{
width:493px;
height:331px;
float:left;
border:1px solid #F89828;
margin-right:5px;
}

.image_a{
background:#F89828;
z-index: 1000;
position: relative;
color:#F89828;
width:495px;
height:333px;
margin-right:5px;
float:left;
}
.image_a img { position: relative; z-index: 2000; }

.image_b{
background:#F89828;
color:#F89828;
width:124px;
height:333px;
margin-right:5px;
float:left;
}
.image_c{
background:#F89828;
color:#F89828;
width:164px;
height:164px;
margin-bottom:5px;
float:left;
}
.nobg { background: none; }
.image_d{
background:#F89828;
color:#F89828;
overflow: hidden;
width:164px;
height:164px;
float:left;
}

#locations { padding-top: 40px; }
div.location { background: url(../images/header_bg_repeat.jpg) repeat-x bottom left; padding-bottom: 60px; margin-bottom: 40px; }
div.last { background: none; }
div.locAddr p { font-size: 16px; line-height: 1.4; }
div.locAddr { float: right; width: 200px; }
div.locAddr h3 { font-size: 18px; margin-bottom: 6px; clear: both; float: none; text-align: left; white-space: nowrap; }
#locMap1, #locMap2 { float: left; width: 220px; height: 200px; }


/* THE WERKERS NEW IMAGE A, B, C, D LAYOUT
---------------------------------------------------- */

.imageA, .imageB, .imageC, .imageD { position: absolute; overflow: hidden; }
.imageA { top: 0; left: 0; width: 494px; height: 332px; border: #BCBEC0 solid 1px; }
.imageB { top: 0; left: 500px; width: 123px; height: 333px; }
.imageC { top: 0; left: 628px; width: 171px; height: 164px; }
.imageD { top: 169px; left: 628px; width: 171px; height: 164px; }



/* ------------------------------------------------- */

/*SUB NAVIGATION*/
#sub_nav_wrap{
background:url(../images/left_nav_bg.jpg) no-repeat;
background-position:0 50px; 
width:120px;
height:316px;
float:left;
margin-top:25px;
line-height:12px;
font-size:12px;
}

#sub_nav_wrap_case{
background:url(../images/left_nav_bg.jpg) no-repeat;
background-position:0 0px; 
width:120px;
height:316px;
float:left;
margin-top:25px;
line-height:12px;
font-size:12px;
}

#sub_nav_wrap_empty{
width:120px;
height:316px;
float:left;
margin-top:25px;
}

/*MAIN CONTENT*/

/*HOME PAGE CONTENT*/
#home_content_wrap, #content_wrap{
width:804px;
height:auto;
padding-bottom: .5in;
float:left;
margin-top:10px;
line-height:20px;
}

/*-----STYLES------*/
.wlk_distext{
display:none;
}
.black{
color:#252525;
}
/*and more*/
.emphasized{
font-size:13px;
font-weight:700;
color:#252525;
margin-bottom:10px;
}
/*active links in main_nav*/
.main_active{
display:inline;
font-size:12px;
color:#f89828;
text-decoration:none;
font-weight:700;
letter-spacing:1px;
}
/*this is marketing works*/
.this_is{
font-weight:700;
font-size:19px;
color:#f89828;
text-align:left;
padding-top:42px;
margin-bottom:20px;
text-indent:60px;
}
#clear{
clear:both;
}

.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%;
}


/*--------LISTS--------*/
ul#main_nav{
/*width:657px;*/
width:110px;
/*list-style:inside;*/
font-family: "Arial", "Helvetica", "Verdana", sans-serif;
padding-left:18px;
line-height: 2;
top:20px;
margin-bottom: 0;
position: relative;
float:left;

}
ul#main_nav li{
width:110px;
/*SADLY DOES NOT WORK IN IE
list-style-image:url(../images/cog.jpg);*/
font-size:12px;
*height: 20px;
color:#000;
text-decoration:none;
font-weight:700;
}
ul#main_nav li img{
margin-right:5px;
}
ul#main_nav li a:link, ul#main_nav li a:visited {
font-size:12px;
color:#000;
text-decoration:none;
font-weight:700;
letter-spacing:1px;
}
ul#main_nav li a:hover, ul#main_nav li a:active{
color:#f89828;
text-decoration:none;
}


#roll_over_holder{
float:left;
width:36px;
position:relative;
top:20px;
}

#roll_over_holder_wwa {
float:left;
width:36px;
position:relative;
top:-25px;
}

#roll_over_holder_wwd {
float:left;
width:36px;
position:relative;
top:50px;
}

#roll_over_holder_cs {
float:left;
width:36px;
position:relative;
top:47px;
}

#sub_nav {
width:160px;
float:left;
/*background:#FFFFCC;*/
padding-left:5px;
display:block;
position:relative;
top:20px;
}

#sub_nav_cs {
width:160px;
float:left;
/*background:#FFFFCC;*/
padding-left:5px;
display:block;
position:relative;
top:61px;
}

#home_nav{
width:640px;
float:left;
position:relative;
left:36px;
}

#home_content{
width:615px;
float:right;
padding-right:11px;
}

#content{
width:454px;
float:right;
height:auto;
position:relative;
top:20px;
/*background:#CCFFFF;*/
padding-right:11px;
padding-bottom:100px;
}

.page_2{
padding-top:64px;
}

.page_4{
/* padding-top:40px; */
margin-top: 22px;
}

ul#left_nav{
text-align:left;
width:160px;
line-height:12px;
font-size:12px;
}
ul#left_nav li{
width:160px;
padding-bottom:17px;
}
ul#left_nav li a:link, ul#left_nav li a:visited, ul#left_nav br {
font-size:11px;
color:#404040;
text-decoration:none;
}
ul#left_nav li a:hover, ul#left_nav li a:active, ul#left_nav li a:visited:hover {
color:#f89828;
}


ul#top_nav{
text-align:right;
overflow: hidden;
}
ul#top_nav li{
float:left;
}

ul#top_nav img{
float:left;
padding-right:13px;
}
ul#top_nav li a:link, ul#top_nav li a:visited {
color:#999999;
float:left;
}
ul#top_nav li a:hover, ul#top_nav li a:active, ul#top_nav li a:visited:hover {
color:#f89828;
}



/*--------HEADINGS-----*/
/*big grey home page links*/
/*h1, h2, h3{
font-weight:700;
color:#959595;
font-size:17px;
text-align:right;
letter-spacing:2px;
}*/
h1, h2, h3, h4, h5, h6{
color:#f89828;
font-weight:700;
line-height:normal;
}

h1, h2, h3{
float:left;
font-size:19px;
}
h4, h5, h6{
font-size:14px;
margin-bottom: 8px;
}

.pad_right{
padding-right:10px;
}

/*for 20 years...*/
.twenty_years{
font-size:13px;
font-weight:700;
color:#f89828;
margin-bottom:10px;
text-align:justify;
margin-top:5px;
}

/*current page in left nav*/
.current{
font-size:11px;
font-weight:700;
color:#252525;
line-height:12px;
}

/*orange content titles*/
.orange_title{
color:#f89828;
font-size:22px;
font-weight:700;
float:right;
padding-left:10px;
background:#FFFFFF;
text-align:right;
line-height:24px;
}

.orange, a.orange{
color:#f89828;
font-weight:700;
}

.orange_title_holder{
background:url(../images/header_bg_repeat.jpg) repeat-x;
padding-bottom:35px;
}

.home_title_holder{
position: absolute;
right: 31px;
}


.indent{
padding-left:20px;
}

/*
BLOG PAGE,
DATE: 01-15-09
THE OCEAN AGENCY, BJA
-------------------------------------------------- */

#news { padding: 20px 0; }
#news div.post p { text-align: left; margin-bottom: 20px; }

#news a:link,
#news a:visited,
#news a:active { color: #0066CC; font-weight: normal; text-decoration: underline; }
#news a:hover { color: #387BCD; text-decoration: none; }

#news div.post { margin-bottom: 32px; }
#news div.post h3 { float: none; font-size: 17px; margin-bottom: 6px; }
#news div.post h3 a:link,
#news div.post h3 a:visited,
#news div.post h3 a:hover,
#news div.post h3 a:active { color: #F89828; font-weight: 700; text-decoration: none; }

#news div.post div.postInfo { margin-bottom: 6px; }
#news div.post.sub { margin-bottom: 0; }

#news div.postInfo, #news div.meta { font-size: 11px; }
#news div.meta { position: relative; padding: 6px 0; border-top: #666 dotted 1px; border-bottom: #666 dotted 1px; }
#news div.meta.sub { border-top: none; zoom: 1; }
#news div.meta p { width: 50%; margin: 0; }
#news div.meta #sharethis_0 { position: absolute; right: 0; top: 6px; }

div.orange_title_holder.comments { margin-top: 48px; }
div.orange_title_holder.comments span.orange_title{ float: none; padding: 0 10px 0 0; }

#news ol.userComments { font-size: 11px; }
#news ol.userComments li { line-height: 1.5; padding: 28px 12px 6px; border-bottom: #D6DBC7 solid 1px; }
#news ol.userComments li cite { font-style: normal; }
#news ol.userComments li cite a:link,
#news ol.userComments li cite a:visited,
#news ol.userComments li cite a:hover,
#news ol.userComments li cite a:visited { color: #000; }

#news fieldset.comments input, #news fieldset.comments textarea { padding: 3px; background: #FFF; border: #CCC inset 1px; }
#news fieldset.comments input { width: 290px; }
#news fieldset.comments textarea { height: 180px; width: 400px; overflow: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#news fieldset.comments input.submit { background: #E2E2E2; border: #999 solid 1px; width: auto; }
#news fieldset.comments li { position: relative; height: 32px; }
#news fieldset.comments li.textarea { height: 197px; }
#news fieldset.comments label { position: absolute; display: block; left: 308px;  }

#news div.navigation { margin-top: 24px; overflow: hidden; font-size: 16px; }

#news div.navigation div.alignleft { float: left; }
#news div.navigation div.alignright { float: right; }

div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #88AF3F;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #85BD1E;
	color: #638425;
	background-color: #F1FFD6;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #B2E05D;
	font-weight: bold;
	background-color: #B2E05D;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}


/*
BLOG SIDEBAR,
DATE: 01-15-09
THE OCEAN AGENCY, BJA
-------------------------------------------------- */

#sidebar { float: left; width: 312px; padding: 20px 0 0 20px; }
#sidebar ul { top: 0; line-height: 2; margin-bottom: 24px; }
#sidebar ul, #sidebar h2 { float: none; padding: 0; float: none; }
#sidebar ul#main_nav li { float: none; }
#sidebar ul.excerptArticles { width: 224px; text-align: left; }
#sidebar ul.excerptArticles li { line-height: 1; padding-bottom: 1em; }
#sidebar ul.excerptArticles div.date { font-size: 11px; margin: 0; padding: 0; }
#sidebar h2 { margin-bottom: 10px; color: #8FBA37; font-size: 13px; font-weight: 700; }

#sidebar #newsletter { border: #F89828 solid 2px; width: 130px; margin: 24px 0 32px; }
#sidebar #newsletter form { padding: 6px; }
#sidebar #newsletter legend { font-size: 17px; color: #8FBA37; font-weight: 700; margin: 0; }
#sidebar #newsletter label { font-size: 11px; display: block; }
#sidebar #newsletter input { font-size: 11px; width: 110px; background: #FAFAF0; border: #C0C0B4 solid 1px; padding: 3px; }

#sidebar #newsletter li.submit { position: relative; margin-top: 6px; height: 23px; }
#sidebar #newsletter li.submit input { width: auto; position: absolute; top: 0; right: 0; font-size: 10px; margin: 0; }

#sidebar a:link,
#sidebar a:visited,
#sidebar a:hover,
#sidebar a:active { color: #DF7600; font-weight: normal; text-decoration: underline; }
#sidebar a:hover { text-decoration: none; }

#sidebar fieldset.search { position: relative; margin-bottom: 18px; }
#sidebar fieldset.search input { background: #FAFAF0; border: #C0C0B4 solid 1px; width: 118px; font-size: 10px; padding: 2px; }
#sidebar fieldset.search input.search { width: auto; }
#sidebar fieldset.search label { display: block; position: absolute; top: -9999px; }

#sidebar p.rss { padding: 2px; background: #F6F6F6 ; width: 145px; margin-bottom: 18px; }
#sidebar p.rss a { background: url(../images/feed-icon-14x14.png) no-repeat 0 0; padding-left: 20px; }
#sidebar p.rss a:link,
#sidebar p.rss a:visited,
#sidebar p.rss a:hover,
#sidebar p.rss a:active { color: #000; }

#sidebar div.search { margin-top: 32px; }

/* OPPORUNITIES
-------------------------------------------------- */

#staffOpp { padding-bottom: 30px; margin-bottom: 32px; border-bottom: #cee6b4 solid 2px; }
#staffOpp h4, #internOpp h4 { margin-bottom: 8px; }
ul.postings { width: 80%; }
ul.postings a { display: block; border-top: #333 dotted 1px; padding: 6px; }
ul.postings a:hover { background: #000; }

p#brandIntro { float: left; width: 50%; text-align: left; line-height: 1.6; padding-right: 20px; padding-bottom: 10px; margin-bottom: 0; font-size: 18px; }

/*
THE WERKERS
-------------------------------------------------- */

ul#staff li { text-align: right; font-size: 11px; padding-right: 18px; }
ul#staff a:link,
ul#staff a:visited,
ul#staff a:active { color: #404040; font-weight: normal; }
ul#staff a:hover { color: #F89728; }
ul#staff li.current_page_item a:link,
ul#staff li.current_page_item a:visited,
ul#staff li.current_page_item a:active { color: #F89728; }

#profile h3.title { width: 50%; text-align: left; }
#profile h3.title span { display: block; }
#profile blockquote { color: #666; font-size: 10px; width: 45%; float: right; margin: 0; }
#profile blockquote p { margin: 0; line-height: 1.6; text-align: right; }

#profile ul { margin: 1.5em 0; }
#profile ul li { margin-bottom: 10px; }
#profile ul li strong { color: #7CC242; }

#scrollScreen { position: relative; border: #F9A119 solid 1px; height: 331px; margin-right: 5px; overflow: hidden; }
#scrollMask { margin: 106px auto !important; width: 647px !important; height: 120px; overflow: hidden !important; }

#scrollMask ul { overflow: hidden; background: #FFF; }
#scrollMask li { float: left; margin: 0 20px; width: 120px; height: 120px; overflow: hidden; }
* html #scrollMask li { display: inline; }

#scrollScreen div.prev,
#scrollScreen div.next { position: absolute; top: 148px; width: 31px; height: 36px; }

#scrollScreen div.prev { left: 24px;  }
#scrollScreen div.next { right: 24px; }

#scrollScreen div.prev a,
#scrollScreen div.next a { display: block; text-indent: -9999px; width: 31px; height: 36px; }

#scrollScreen div.prev a { background: url(../images/prev.gif) no-repeat 0 0; }
#scrollScreen div.next a { background: url(../images/next.gif) no-repeat 0 0; }