@charset "UTF-8";
/* CSS Document */
html {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font: 12px arial;
	background: #fff;
	width: 100%;

}


a img {border: none;}

div.container {
	width: 900px;
	_width: 905px;
	
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0 0 0 -450px;
	padding: 0 0 40px 0;
}

div.container div.menu {
	position: relative;
	float: left;
	width: 154px;
	height: 450px;
	/*height: 523px;*/
	background: url(images/menu_background.gif) no-repeat;
	margin: 0 0 0 18px;
	_margin: 0 0 0 4px;
	
}




div.container div.menu h2, div.container div.panels h2 {
	font-weight: bold;
	text-transform: uppercase;
	font: 14px arial;
	color: #fff;
	margin: 0;
	padding: 9px 0 10px 18px;

}

div.container div.panels h2 {
	font-size: 12px;
	line-height: 18px;
}


div.container div.menu ul {
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
}

div.container div.menu ul li.selected a {
	color: #999;
}

div.container div.menu ul li a {
	font-size: 16px;
	color: #717074;
	text-decoration: none;
	font-weight: bold;
}

div.container div.menu ul li {
	text-align: right;
	margin: 0;
}

div.container div.menu ul li ul {
	margin: 0 1px 0 0;
}


div.container div.menu ul.sub li a {
	font-size: 12px;
}

div.container div.menu ul li ul li.selected a  {
	color: #FFDB78;
}

div.container div.main ul.spotNav{
	margin: 50px 0 0 0;
	padding: 0;
	list-style: none;	
}

div.container div.main ul.spotNav li {
	margin: 0 5px;
	float: left;
}

div.container div.main ul.spotNav li a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

div.container div.main a.link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}



div.container div.main {
	margin: 6px 0 0 0;
	float: left;
	width: 561px;
	background: url(images/content_background.gif) repeat-y;
	height: 435px;
	_height: 439px;
	
	_overflow: hidden;
}



body.hot div.container div.main {
	float: left;
	width: 561px;
	background: url(images/content_hot_background.gif) repeat-y;
	height: 699px;
	_border: 1px solid red;

}

div.container div.main img {
	margin: 0;/* 10px 10px 10px;*/
}

div.container div.main h1 {
	
	background: url(images/content_top.gif) no-repeat;
	width: 561px;
	height: 19px;
	font-weight: bold;
	text-transform: uppercase;
	font: 14px arial;
	color: #fff;
	margin: 0;
	padding: 3px 0 0 18px;
	_width: 543px;

}

div.container div.main div.contentFooter {
	background: url(images/content_bottom.gif) no-repeat;
	width: 561px;
	height: 7px;
}
body.hot div.container div.main div.contentFooter {
	background: url(images/content_hot_bottom.gif) no-repeat;
	width: 561px;
	height: 7px;
}


div.container div.main div.content br {
	height: 0;
	line-height: 0;
}

div.container div.main div.content a img {
	border: none;
}
div.container div.main div.content p {
	padding: 0;
	margin: 0 0 0 6px;
}
div.container div.main div.content div.contentWrapper {
	margin: 6px 0 0 0;
}
div.container div.main div.content {
	padding: 0 19px;
	overflow: auto;
	height: 406px;
	line-height: 16px;
	
}

div.container div.main div.hotcontent {
	padding: 0 15px 15px 15px;
	height: 140px;
	overflow: auto;
	margin: 1px 0 0 0;
}



div.container div.panels {
	float: left;
}

div.container div.panels div div {
	margin: 0 7px;
	padding: 0;
	
	display: block;
}

div.container div.panels div.hot {
	background: url(images/panel_hot.gif) no-repeat;
	width: 154px;
	height: 197px;
	
	
}

div.container div.panels div.hot div div {
	height: 140px;

	overflow: hidden;
}


div.container div.panels div.hot div div p {
	margin-top: 0;
}

div.container div.panels div.gespot {
	background: url(images/panel_gespot.gif) no-repeat;
	width: 154px;
	height: 244px;
	margin: 8px 0 0 0;
}

div.container div.panels div.gespot a,
div.container div.panels div.hot a {
	text-decoration: none;
	color: #333; 
	
	width: 123px;
	
	display: block;
}

div.thumbs {
	width: 561px;
	height: 160px;
	background: url(images/portfolio_thumbs.gif) no-repeat;
	padding: 22px 3px;
	margin: 8px 0 0 0;
	overflow: hidden;
	position: absolute;
	
	_width: 555px;
}

div.thumbs h1 {
	position: absolute;
	left: 0;
	top: 0;
	height: 12px;
	line-height: 12px;
	overflow: hidden;
	z-index: 12;
	margin: 0;
	padding: 0;
	
}

div.thumbs div.scroller {
	height: 168px;
	overflow: auto;
	width: 555px;
}



img.logo {
	position: absolute;
	top: 56px;
	left: 50%;
	margin: 0 0 0 -530px;
}

body.portfolio img.logo,
body.hot img.logo {
	top: 33px;
}

body.portfolio div.menu, body.portfolio div.container div.panels div.hot,
body.hot div.menu, body.hot div.container div.panels div.hot { 
	margin: 265px 0 0 0;
}

body.portfolio div.menu, 
body.hot div.menu  { 
	margin: 265px 0 0 18px;
}




body.portfolio div.main,
body.hot div.main {
	background: none;
}

div.hidden {
	height: 0;
	width: 0;
	overflow: hidden;
}

ul.sitemap li a {
	color: #000;
	font-weight: bold;
}

ul.footerLinks {
	list-style: none;

	margin: 0 0 0 172px;
	padding: 0;
	width: 707px;
	clear: both;
	font-weight: bold;
	color: #444;
	font-size: 11px;
}

ul.footerLinks li {
	float: left;
	
}


ul.footerLinks li.av {
	width: 140px;
}
ul.footerLinks li.sitemap {
	width: 450px;
}
ul.footerLinks li.sitemap a {
	padding: 0 19px 0 0;
}

ul.footerLinks li.copy {

	text-align: right;
	width: 115px;
	
}

ul.footerLinks li a {
	
	color: #444;
	text-decoration: none;
	font-weight: bold;
}

a.subSub {
	padding: 0 16px 0 0;
}