@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(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(MarketingWerks_logo.jpg) left top no-repeat;
background-position:0 18px;
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;
overflow:hidden;
border-right:10px solid #9fcf67;
position:relative;
}
#sorg_flash{
width:493px;
height:331px;
float:left;
border:1px solid #F89828;
margin-right:5px;
}

.image_a{
background:#F89828;
color:#F89828;
width:495px;
height:333px;
margin-right:5px;
float:left;
}
.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;
}
.image_d{
background:#F89828;
color:#F89828;
width:164px;
height:164px;
float:left;
}

/*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;
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:10px;
margin-bottom:20px;
text-indent:60px;
}
#clear{
clear:both;
}

.clearfix:after{
content: "___";
display: block;
height:0;
clear:both;
visibility: hidden;
}
/* This declaration is necessary for Safari!! */
.clearfix { display: block; }



/*--------LISTS--------*/
#main_nav{
/*width:657px;*/
width:110px;
/*list-style:inside;*/
font-family: "Arial", "Helvetica", "Verdana", sans-serif;
padding-left:18px;
position:relative;
top:20px;
float:left;
}
#main_nav li{
width:110px;
float:left;
/*SADLY DOES NOT WORK IN IE
list-style-image:url(../images/cog.jpg);*/
font-size:12px;
color:#000;
text-decoration:none;
font-weight:700;
letter-spacing:1px;
padding-bottom:4px;
list-style-type:none;
}
#main_nav li img{
margin-right:5px;
}
#main_nav li a:link, #main_nav li a:visited {
font-size:12px;
color:#000;
text-decoration:none;
font-weight:700;
letter-spacing:1px;
}
#main_nav li a:hover, #main_nav li a:active{
color:#f89828;
text-decoration:none;
}


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

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

#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:40px;
}

.page_4{
padding-top:40px;
}

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


#top_nav{
text-align:right;
float:right;
padding-right:9px;
}
#top_nav li{
float:left;
}

#top_nav img{
float:left;
padding-right:13px;
}
#top_nav li a:link, #top_nav li a:visited {
color:#999999;
float:left;
}
#top_nav li a:hover, #top_nav li a:active, #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;
}

.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(header_bg_repeat.jpg) repeat-x;
padding-bottom:35px;
}

.home_title_holder{
}


.indent{
padding-left:20px;
}