@charset "UTF-8";



/* Clear Marketing CSS Document */



/* General Styles */

*	{
	margin: 0;
	padding: 0;
	}
	
 html, body {
     height: 100%;
 }

body	{
	font-size: 62.5%;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #FFFFFF;
	background-position: center;
	background-color: #666666;
	}
	
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -50px;
 }
 
 #legal, .push {
    height: 50px; }
	
p	{
	font-size: 1.2em;
	line-height: 1.8em;
	padding-bottom: 1em;
	}

hr	{
	display: none;
	}
	
object	{
	margin-top: 35px;
	display: block;
	}
	

/* Layout Styles */

img#background	{
	color: #FFFFFF;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: -1;
	margin-top: -20px;
	}

#container	{
	background: #FFFFFF;
	width: 912px;
	padding: 0 24px;
	margin: 0 auto;
	}

#header	{
	width: 912px;
	height: 93px;
	}

#navs	{
	float: right;
	}
	
#topper	{
	height: 25px;
	}	
	
#content	{
	height: 432px;
	width: 882px;
	background: #7b7773;
	padding: 15px;
	top: 10px;
	
	}
	
#content.nopad	{
	height: 462px;
	width: 912px;
	background: #7b7773;
	padding: 0;
	}

#footer	{
	height: 50px;
	
	}


	
.leftcol{
	width: 130px;
	background: url(../img/leftcol2_bg.jpg) top left repeat-y;
	float: left;
	height: 462px;
	}


#rightcol	{
	float: left;
	width: 622px;
	padding: 15px
	}


/* Logo homepage link styles */	

h1	{
	display: inline;
	float: left;
	margin-top: 18px;
	}

h1 a span	{
	display: none;
	}

h1 a	{
	display: block;
	width: 129px;
	height: 57px;
	background: url(../img/logo.jpg) top left no-repeat;
	}

h1 a:hover	{
	background: url(../img/logo_over.jpg) top left no-repeat;
	}
	
/* Navigation Styles */

#navs ul	{
	list-style: none;
	width: 434px;
	padding-top: 60px;
	}
	
#navs ul li	{
	display: inline;
	}
	
#navs ul li a	{
	display: block;
	background: url(../img/nav.gif);
	float: left;
	height: 15px;
	text-indent: -9999px;
	}

#navs ul li a span	{
	display: none;
	}	
	
#navs ul li.about a	{
	background-position:left bottom;
	width: 65px;
	}
	
#navs ul li.about a:hover,#navs ul li.about a.current	{
	background-position: left top;
	}

#navs ul li.work a	{
	background-position: -65px bottom;
	width: 63px;
	}

#navs ul li.work a:hover,#navs ul li.work a.current	{
	background-position: -65px top;
	}
	
#navs ul li.clients a	{
	background-position: -128px bottom;
	width: 77px;
	}

#navs ul li.clients a:hover,#navs ul li.clients a.current		{
	background-position: -128px top;
	}
	
#navs ul li.news a	{
	background-position: -205px bottom;
	width: 62px;
	}

#navs ul li.news a:hover,#navs ul li.news a.current	{
	background-position: -205px top;
	}
	
#navs ul li.awards a	{
	background-position: -267px bottom;
	width: 85px;
	}

#navs ul li.awards a:hover,#navs ul li.awards a.current	{
	background-position: -267px top;
	}
	
#navs ul li.contact a	{
	background-position: -352px bottom;
	width: 82px;
	}

#navs ul li.contact a:hover,#navs ul li.contact a.current	{
	background-position: -352px top;
	}
	
/* footer navigation styles */

#footer ul	{
	list-style: none;
	float: right;
	font-size: 1em
	}

#footer ul li	{
	display: inline;
	}

#footer ul li a	{
	display: block;
	float: left;
	color: #999999;
	text-decoration: none;
	}
	
#footer ul li.clearpres a	{
	background: url(../img/clearpreslogo.jpg) right 11px no-repeat;
	padding: 20px 40px 8px 0;
	margin-right: 50px;
	}
	
#footer ul li.clearpres a:hover	{
	background: url(../img/clearpreslogo_hover.jpg) right 11px no-repeat;
	color: #666666;
	}

#footer ul li.substance a	{
	background: url(../img/substance.gif) right 11px no-repeat;
	padding: 20px 100px 8px 0;
	margin-right: 50px;
	}
	
#footer ul li.substance a:hover	{
	background: url(../img/substance_over.gif) right 11px no-repeat;
	color: #666666;
	}

#footer ul li.youtube a	{
	background: url(../img/youtube.gif) right 15px no-repeat;
	padding: 20px 52px 8px 0;
	}
	
#footer ul li.youtube a:hover	{
	background: url(../img/youtube_over.gif) right 15px no-repeat;
	color: #666666;
	}

#footer ul li a span	{
	display: none;
	}

/* legal styles */

#legal	{
	margin: 0 auto;
	background:url(../img/op70.png);
	text-align: center;
	width: 100%;
	}
	
#legal p	{
	color: #ccc;
	padding-top: 13px;
	font-size: 1.1em;
	}

#legal p a {
	color:#8dd4dc;
	text-decoration: none;
	border-bottom: 1px dotted #8dd4dc;
	}

#legal p a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
	}

#legal p strong {
	color: #8dd4dc;
	}
	
/* sub nav styles */	
	
	
.leftcol ul {
	list-style: none;
	
	font-weight: bold;
	}

.hoverBtn	{
	position: relative;
	background: url(../img/navbg.png) repeat-x 0 0 scroll;
	overflow: hidden;
	background-image: url(../img/navbg.png);
	}
	
.hoverBtn a {
	position: relative;
	z-index: 2;
	display: block;
	height: 30px;
	background:	transparent none repeat-x 0 0 scroll;
	width: 130px;
	padding: 10px 0 10px 8px;
	color: #FFFFFF;
	text-decoration: none;
	overflow: hidden;
	cursor:pointer;
	border-top: 1px solid #666;
	

}

.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	color: #333;
	overflow: hidden;
}

li a.selected	{
	padding: 10px 0 5px 10px;
	display: block;
	width: 120px;
	text-decoration: none;
	color: #333;
	border-top: 1px solid #666;
	
}



/* Misc. Styles */

.clearer	{
	clear: both;
	}
	
	.toggle	{
	width: 600px;
	padding-left: 10px;
	clear: both;
	}