@charset "utf-8";
/* CSS Document */

/************************************

		  MAIN CONTENT

************************************/

#mainContent{
	width:700px;
	height:370px;
	font-size:9pt;
	float:right;
	margin-right: 25px;
	margin-top:-15px;
	
}




.illuminated:hover, .intext:hover, .digital:hover, .vehicle:hover
{
	color:#fff;
	background-position: 0 -15px;
}

#portfolio #on .illuminated, #portfolio #on .intext, #portfolio #on .digital, #portfolio #on .vehicle
{
	color:#fff;
	background-position: 0 -15px;
}

.illuminated{
	background: url(../Images/Buttons/BTN_Exterior.jpg) 0 0 no-repeat;
		
}

.intext{
	background: url(../Images/Buttons/BTN_Interior.jpg) 0 0 no-repeat;
}

.digital{	
	background: url(../Images/Buttons/BTN_DigitalMedia.jpg) 0 0 no-repeat;
}

.vehicle{	
	background: url(../Images/Buttons/BTN_Vehicles.jpg) 0 0 no-repeat;
}



#leftCont{
	width:135px;
	height:330px;
	margin-top:15px;
	float:left;
	border-bottom:#999999 1px solid;
	border-top:#999999 1px solid;
}



#rightCont{
	width:545px;
	height:330px;
	margin-top:15px;
	margin-left: 152px;
	background-color:#262626;
}

* html #rightCont{
	margin-left: 140px;
}
 * html #leftCont{
 	height:325px;
 	margin-top: 15px;
}

#subNav{
	float:right;
	margin-right:-32px;
}

* html #subNav{
	margin-right: -22px;
}

* html #subNav a{
	margin-right: 3px;
}


ul{
	padding: 0;
	list-style:none;
	float:left;
	width:580px;
}


ul li{
	float:left;
}


.illuminated, .intext, .digital, .vehicle{
	margin-right:5.7px;
	width:132px;
	height:15px;
	float:left;
	display:block;
}



#thumb{
	margin-left:9px;
	margin-top: 11px;
}


* html #thumb{
	margin-top: 10px;
}


#thumb li{
	list-style:none;
	width:55px;
	height:55px;
	margin-right: 5px;
	margin-top: 5px;
	background-color:#262626;
	float:left;
}

#thumb img{
	width:51px;
	height:51px;
	margin-left:2px;
	margin-top:2px;
	border-style:none;
}

#thumb li:hover{
	background-color:#EB1C24;
}

#bigImage{
	width:535px;
	height:320px;
	margin: 5px 5px;
}