@charset "utf-8";
*{margin:0; padding:0;}

h1, h2, h3 {
margin:0;
}

#main {
margin: 0px auto;
width:960px;
}

#header { 
margin:0px; 
border:0px; 
padding:0px; 
line-height:0px;
background-image:url(/images/latest.png); 
height: 350px;
}
	   
ul#navlist {
margin-top:6px;
padding-top:0px;
white-space: nowrap;
float:left;
}

#navlist li {
display: inline;
list-style-type: none;
padding-left:50px;
margin-right:0px;
margin-top:8px;
text-align:left;
}

#navlist a {
padding-right: 10px;
color: #fff;
font-size:large;
}

#navlist a:link, #navlist a:visited {
color: #fff;
text-decoration: none;
}

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

#content { 
margin: 0;
padding-left:10px;
padding-right:10px;
background-image:url(/images/what.png);
text-align:left;
height:436px;
}

#content p{
padding-top: 20px;
padding-left: 10px;
margin: 0;
text-indent:10px;
}
		
#content img{
}

#content h2, h3 {
background-image:url( );
color:#000;
margin-bottom:-20px;
padding-top:20px;
text-indent:0px;
}

#content table{
}

#content table a:link img { 
}

#content #imgleft {
}

#footer { 
background-image:url(/images/interested.png );
height:604px;
text-align:left;
padding-top:60px;
}

.main_image {
width: 467px;
height: 259px;
float: right;
margin-top:0px;
margin-right:0px;
background: #000000;
position: relative;
overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
color: #fff;
}

.main_image h2 {
font-size: 2em;
font-weight: normal;
margin: 0 0 5px;
color:#fff;
}

.main_image p {
font-size: 1.2em;
line-height: 1.6em;
padding: 10px;
margin: 0;
}

.block small { /*--We'll be using this same style on our thumbnail list--*/
font-size: 1em;
padding: 0 0 0 0px;
}

.main_image .block small {
margin-left: 0px;
}
                       
.main_image .desc{
position: absolute;
bottom: 0;
left: 1px; /*--Stick the desc class to the bottom of our main image container--*/
width: 100%;
display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}

.main_image .block{
background: #111;
border-top: 1px solid #000;
height:75px;
text-align:left;
}

.main_image a.collapse { /*--This is our hide/show tab--*/
background: url(/images/show_bn.png) no-repeat left top;
height: 27px;
width: 93px;
text-indent: -99999px;
position: absolute;
top: -25px;
right: 20px;
}

.main_image a.show {
background-position: left bottom;
}

.image_thumb {
float: left;
position:absolute;
left:0px;
top:0px;
width: 180px;
margin-top:0px;
	/* background: #b4cacc; */
border:none;
}

.image_thumb img {
border:none;
padding: 0px;
float: left;
}

.image_thumb ul {
margin: 0;
padding:0;
list-style: none;
}

.image_thumb ul li{
margin: 0;
width: 163px;
float: left;
list-style:none;
display:inline;
background:#DAD8D8 url(../images/cp_spotinactive.jpg) repeat-x;
height:59px;
padding:6px 0px 0px 4px;
font:11px/16px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:left;
behavior:url(/iepngfix.htc);
}

.image_thumb ul li.hover { /*--Hover State--*/
background:url(../images/cp_spotredactive.png);
height:59px;
background-repeat:no-repeat;
color:#FFF;
cursor: pointer;
width:180px;	
behavior:url(/iepngfix.htc);
}

.image_thumb ul li.active { /*--Active State--*/
float:left;
width:180px;
background:url(../images/cp_spotredactive.png) no-repeat;
height:59px;
font:11px/16px Verdana, Arial, Helvetica, sans-serif; 
text-decoration:none;
color:#ffffff;
behavior:url(/iepngfix.htc);
}

html .image_thumb ul li h2 {
font-size: 1.5em;
margin: 5px 0;
padding-bottom: 11.7px;
}

.image_thumb ul li .block {
float: left;
margin-left: 10px;
padding: 0;
text-align:left;
}

.image_thumb ul li p{
display: none;
}

.image_thumb ul li img{
display: none;
}

.image_thumb ul li h2{
display: none;
}
#overlay_cont{
padding:0px 10px 0px 25px;
}

#overlay_cont h2{
font-size:22px;
padding:10px 10px 0px 0px;
}

#overlay_cont p{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
}

#overlay_cont img{
position:absolute;
left:350px; top:52px;
}