body {
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	background: no-repeat top left;
	overflow-y : hidden;
	margin: 0;
	padding: 0;
}

h1, h2, h3 { margin: 0; padding: 0; font-weight: bold; }

h1 { font-size: 30px; line-height: 40px; }
h2 { font-size: 18px; line-height: 20px; }
h3 { font-size: 11px; text-transform: lowercase; margin-bottom: 3px; }

h1 span, h2 span { font-weight: normal; margin-left: 14px; }
h3 span { font-weight: normal; }

a { color: #000; text-decoration:none;}
a:hover { color: #666; text-decoration:none;}

img, a img { border: 0; }
p {margin:0; padding:0;}

/* PANE LAYOUT */
#last {width: 874px;}


div.pane {
	position: absolute;
	top: 120px;
	/*width: 889px;*/
	height: 440px;
	padding-left: 35px;
	padding-right: 50px;
	left: 490px;
	/*background-color:#0099FF; */
}

div.pane2 {
	position: absolute;
	top: 120px;
	/*width: 889px;*/
	height: 440px;
	padding-left: 20px;
	padding-right: 50px;
	left: 470px;
	/*background-color:#0099FF; */
}

div.post_image {
	position: absolute;
	top: 150px;
	padding-left: 80px;
	text-align:center;
	width:420px;
}

#news img{ position: absolute; bottom: 55px;}
#news .headline{ position: absolute; bottom: 0px;}

div.news_date { font-size:11px; color:#000; font-weight: bold;}
div.news_text { font-size:11px; color:#000; }

div.event_date { font-size:11px; color:#000; }
div.event_text { font-size:11px; color:#000;font-weight: bold; }

div.news_next{ float:right; font-size:9px; line-height:9px; padding-top:15px;}
div.news_prev { float:left; font-size:9px; line-height:9px; padding-top:15px;}
div.news_next a, div.news_prev a {/*background-color: #000;*/ color:#000;}


div.pane .below_nav { margin-top: 0px; }/* ?? under menu?? */
div.pane h1 { margin-top: 20px; margin-bottom: 14px; }
div.pane h2 { margin-top: 30px; margin-bottom: 14px; width:400px; }

div.pane a { color: #000; }
div.pane a:hover {color: #666;}
div.para_text a { color: #666; }
div.para_text a:hover {color: #000;}
div.news_para a { color: #666; }
div.news_para a:hover {color: #000;}
div.page_nav  { padding-top: 14px;  width: 200px; margin-right:20px; }
div.pane_nav { clear: both; padding-top: 3px; }

div.back_nav { padding-top: 14px; width: 330px;}
div.back_nav a {background-color: #000; color:#FFFFFF; padding:2px 5px;}

div.sub_nav { padding-top: 14px; width: 330px;}
div.sub_nav a {background-color: #000; color:#FFFFFF; padding:2px 5px;}

div.brand {
	position: relative; 
	margin-left:-20px;
	float:left;
	top: 30px;
	height: 410px;
	padding-left: 85px;
	padding-right: 0px;
	/*background-color:#0099FF; */
}

div.cms_news {
	position: relative; 
	margin-left:-30px;
	float:left;
	top: 30px;
	height: 410px;
	padding-left: 85px;
	padding-right: 0px;
	/*background-color:#0099FF; */
}

div.event {
	position: relative; 
	margin-left:-20px;
	float:left;
	top: 30px;
	/*width: 889px;*/
	height: 410px;
	padding-left: 85px;
	padding-right: 0px;
	/*background-color:#0099FF; */
}
div.event2 {
	position: relative; 
	margin-left:-20px;
	float:left;
	top: 30px;
	/*width: 889px;*/
	height: 410px;
	padding-left: 0px;
	padding-right: 0px;
	/*background-color:#0099FF; */
}
div.work {
	position: relative; 
	margin-left:-20px;
	float:left;
	top: 30px;
	height: 410px;
	padding-left: 85px;
	padding-right: 0px;
	/*background-color:#0099FF; */
}
div.flash {
	position: relative; 
	float:center;
	text-align:center;
	top: 30px;
	height: 410px;
}

/* NAVIGATION */

#logo {
	position: fixed;
	/*float:right; */
	top: 25px;
	left: 45px;
	z-index: 1001;
}


#top_navigation {
	position: fixed;
	top: 41px;
	left: 190px;
	z-index: 350;
}
#top_navigation a {
	margin-right: 20px;
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	text-transform: lowercase;24px;
	color: #999;
}

#mid_navigation {
	position: fixed;
	top: 70px;
	left: 175px;
	z-index: 340;
}
#mid_navigation a {
	padding: 2px;
	margin-right: 4px;
	font-size: 11px;
	text-transform: lowercase;
	color: #999;
}
#top_navigation a:hover, #mid_navigation a:hover { color: #333; }
a#top_selected { color: #000 !important; font-weight:normal; }
a#mid_selected, a.selected { color: #000 !important; font-weight:bold; }
a.toggle { color: #999 !important; font-weight: bold; text-decoration: none; }
a.toggle.chosen, a.toggle:hover { color: #FFF !important; background-color: #BBB; }


/* ICONS */

#compe {
	position: fixed;
	top: 5px;
	left: 580px;
	z-index: 1001;
}

#ml {
	position: fixed;
	top: 535px;
	left: 30px;
	z-index:1000;
}

#twitter {
	position: fixed;
	top: 535px;
	left: 0px;
	z-index:1000;
}


#bottom_nav, #bottom_nav_fluid {
	position: fixed;
	top: 430px;
	left: 100px;
}
#bottom_nav_fluid { position: absolute; }

/* PORTFOLIO OVERVIEW / POST LONG CONTENT */
div.pane#full_content {
	margin-top: 92px;
	width: 1536px;
	line-height: 42px;
	text-transform: lowercase;
}	

div.thumb_pane {
	position: absolute;
	top: 60px;
	margin: 14px;
	width: 266px;
}
div.thumb_strip {
	float: left;
	width: 266px;
	height: 42px;
	background: #FFF center center;
	margin: 0px 7px 7px 0px;
}
div.thumb_strip a { 
	display: none;
	width: 231px;
	color: #000;
	background-color: #FFF;
	padding: 3px;
	margin: 4px;
}
div.thumb_strip:hover a { display: block; }

/* BLOGS */
div.blog_post {
	float: left;
	width: 350px;
	margin-right: 14px;
	background: #FFF;
	line-height: 14px;
}
div.blog_post img {
	float: right;
	margin-left: 7px;
	opacity: 0.6;
}
div.blog_post:hover > img {
	opacity: 1;
}

/* IMAGES */
div.vert_crop {
	background: no-repeat center center #FFF;
	width: 245px;
	height: 504px;
}
div.skinny_pane {
	position: absolute;
	top: 0px;
	margin-left: -413px;
	width: 245px;
}
div.skinny_pane div.blurb { top: 160px; }
.flickr_box {
	display: block;
	float: left;
	width: 75px;
	height: 75px;
	margin: 0px 7px 7px 0px;
	background-color: #000;
	color: #FFF;
}

/* AUDIO CLIPS */
a.audio {
	padding: 10px;
	background: url('../images/talk.gif') no-repeat center center;
	text-decoration: none;
}

/* MISC REUSABLE CLASSES */
div.para_text { width: 330px; float: left; text-align:justify;}
div.news_para{ width: 400px; height: 335px; overflow: auto; text-align:justify; padding-right:10px;}

div.store_list { float:left; width:150px;}
div.store_list ul, div.store_list li{ padding:0; margin-left:10px; list-style: outside; }

div.brand_name { float: left; font-size:10px; font-weight:bold; margin-right:10px;}
div.brand_url { float: left; font-size:10px; color:#666666; }
div.brand_url2 { float: left; font-size:10px; color:#666666; left:150px; position: absolute;}

div.year { float: left; font-size:10px; margin-right:10px; margin-top:5px;}
div.title { float: left; font-size:10px; font-weight:bold; margin-top:5px;}

.xtra { color: #999; line-height: 12px; margin-bottom: 7px; }
div.xtra_tracking { line-height: 21px; }
div.col { float: left; width: 329px; }
div.invert { color: #FFF; background-color: #000; }
img.bordered { border: 1px solid #000; }
a.button {
	padding: 4px;
	background-color: #000;
	color: #FFF;
	text-transform: uppercase;
	font-size: 14px;
}
a.button:hover { background-color: #999; }

div.download ul { margin:0; padding:0px;}
div.download li { 
	padding-left:15px;
	background:url(../images/public/down_arrow.jpg) no-repeat left 4px; list-style:none;}
div.download a { color: #666; }
div.download a:hover {color: #000;}