* {
	margin:0px;
	padding:0px;
}
body {
	margin: 0 auto 0 auto;
	padding:0;
	background:#2B2B2B url('images/mainbg.gif') repeat;
}
.clear {
	clear:both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*-------------------------FONTS------------------------------*/
.blue {
	color: #00AEFF;
}
.white {
	color: #ffffff;
}
.bold {
	font-weight:bold;
}
.underline {
	text-decoration:underline;
}
/*-------------------------BORDER------------------------------*/
#border {
	margin:21px auto 0 auto;
	background:url('images/bordermiddle.gif') repeat-y;  
	width:800px;
}
#border p.first {
	vertical-align:top;
	background:#434343 url('images/bordertop.gif') no-repeat center bottom;  
}
#border p.last {
	vertical-align:bottom;
	background:url('images/borderbottom.gif') no-repeat center top;
}
/*-------------------------CONTAINER------------------------------*/
#container {
	margin:0 auto 0 auto;
	padding:0 20px 0 20px;
}
/*-------------------------NAVIGATION------------------------------*/
#navigation {
	margin: 0 auto 0 auto;
	padding:0;
	height:35px;
	width:760px;
	font: normal normal bold 11px/35px Arial;
	background:#000000 url('images/navbar.gif') no-repeat;
	color:#FFFFFF;
}
#navigation ul {
	margin: 0;
	padding:0;
	float:left;
	list-style:none;
}
#navigation ul li {
	float: left;
}
#navigation ul a {
	padding: 0 20px 0 20px;
	font: normal normal bold 11px/35px Arial;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}
#navigation ul a:hover{
	text-decoration:none;
	background:url('images/hoverbar.gif') no-repeat center;
	font: normal normal bold 11px/35px Arial;
	color: #00AEFF;
}
#navigation ul .currentpage a {
	background:url('images/hoverbar.gif') no-repeat center;
	font: normal normal bold 11px/35px Arial;
	color: #00AEFF;
}
#navigation ul .basket a {
	float:right;
}
/*-------------------------HEADER------------------------------*/
#header {
	margin: 2px auto 0 auto;
	padding:0;
	background:#000000 url('images/headerbg.gif') repeat-x;
	width:237px;	
	height:131px;
	float:left;
}
#headerimg {
	margin: 2px auto 0 auto;
	padding:0;
	background:#000000 url('images/headerbg.gif') repeat-x;
	width:521px;	
	height:131px;
	float:right;	
}
/*-------------------------TITLE BAR------------------------------*/
#titlebar {
	margin: 2px auto 0 auto;
	padding:0;
	background:#232323;
	width:760px;
	height:29px;
	border-bottom:5px #000000 solid;
	font: normal normal bold 11px/29px Arial;
	color: #FFFFFF;
}
#titlebar p {
	padding:0 0 0 20px;
	font: normal normal bold 11px/29px Arial;
	color: #FFFFFF;
	float:left;
}
#titlebar p.contact {
	padding:0 20px 0 0;
	font: normal normal bold 11px/29px Arial;
	color: #FFFFFF;
	float:right;
}
#titlebar a {
	color: #FFFFFF;
	text-decoration:none;
}
#titlebar a:hover {
	color: #00AEFF;
	text-decoration:none;
}
/*-------------------------CONTENT------------------------------*/
#content {
	margin: 0 auto 0 auto;
	padding:0;
	width:760px;
	background:#141414 url('images/contentbg.gif') repeat-y;
}
/*-------------------------LEFT------------------------------*/
#left {
	margin:10px 0 0 5px;
	padding:0;
	float:left;
	width:217px;
	background:#232323;
}
#left h1 {
	margin:0;
	padding:0;
	height:35px;
	font: normal normal bold 14px/35px Arial;
	color: #FFFFFF;
	background:#232323 url('images/h1left.gif') no-repeat;
	text-align:center;
}
#left p {
	margin:0;
	padding:20px 20px 20px 20px;
	font: normal normal bold 11px Arial;
	color: #FFFFFF;
	background:#232323;
}
#left p a {
	font: normal normal bold 11px Arial;
	color: #FFFFFF;
	text-decoration:none;
}
#left p a:hover {
	font: normal normal bold 11px Arial;
	color: #00AEFF;
	text-decoration:none;
}
#left p.bullet {
	margin:0 0 20px 20px;
	padding:0 20px 0 20px;
	background:url('images/bullet.gif') no-repeat left top;
	font: normal normal normal 11px Arial;
	color: #FFFFFF;
}
#left p.description {
	padding:0 20px 20px 20px;
	font: normal normal normal 11px Arial;
	color: #868686;
	background:#232323 url('images/footerleft.gif') no-repeat center bottom;
}
/*-------------------------RIGHT------------------------------*/
#right {
	margin:0;
	padding:0;
	float:right;
	width:521px;
}
#right h1 {
	padding:20px 20px 10px 20px;
	font: normal normal bold 14px Arial;
	color: #FFFFFF;
	text-decoration:underline;
}
#right h2 {
	padding:0 0 20px 20px;
	font: normal normal bold 12px Arial;
	color: #FFFFFF;
}
#right p {
	margin:0;
	padding:0 20px 20px 20px;
	font: normal normal normal 11px Arial;
	color: #868686;
}
#right p a {
	font: normal normal bold 11px Arial;
	color: #FFFFFF;
	text-decoration:none;
}
#right p a:hover {
	font: normal normal bold 11px Arial;
	color: #00AEFF;
	text-decoration:none;
}
.carlogos {
	padding:0 9px 10px 0;
	float:left;
}
/*-------------------------SERVICES------------------------------*/
#serviceinfo {
	font: normal normal normal 11px Arial;
	color: #868686;
	width:270px;
	float:left;	
}
#serviceimg2 {
	padding:0 20px 0 0;
	float:right;	
}
#serviceimg {
	padding:30px 20px 0 0;
	float:right;	
}
/*-------------------------SHADES------------------------------*/
#lightsmoke {
	margin:0;
	padding:0 0 20px 20px;
	width:227px;
	font: normal normal normal 11px Arial;
	color: #ffffff;	
	float:left;
}
#lightsmoke h2 {
	margin:0 0 10px 0;
	height:27px;
	background:url('images/lightsmoke.gif') no-repeat;
	font: normal normal normal 14px/27px Arial;
	text-align:center;
	color: #000000;	
}
#medium {
	margin:0;
	padding:0 20px 20px 0;
	width:227px;
	font: normal normal normal 11px Arial;
	color: #ffffff;	
	float:right;
}
#medium h2 {
	margin:0 0 10px 0;
	height:27px;
	background:url('images/medium.gif') no-repeat;
	font: normal normal normal 14px/27px Arial;
	text-align:center;
	color: #000000;	
}
#darksmoke {
	margin:0;
	padding:0 0 20px 20px;
	width:227px;
	font: normal normal normal 11px Arial;
	color: #ffffff;	
	float:left;
}
#darksmoke h2 {
	margin:0 0 10px 0;
	height:27px;
	background:url('images/darksmoke.gif') no-repeat;
	font: normal normal normal 14px/27px Arial;
	text-align:center;
	color: #819CA9;	
}
#limoblack {
	margin:0;
	padding:0 20px 20px 0;
	width:227px;
	font: normal normal normal 11px Arial;
	color: #ffffff;	
	float:right;
}
#limoblack h2 {
	margin:0 0 10px 0;
	height:27px;
	background:url('images/limoblack.gif') no-repeat;
	font: normal normal normal 14px/27px Arial;
	text-align:center;
	color: #ffffff;	
}
/*-------------------------PRODUCTS------------------------------*/
#productbox {
	margin:0 0 20px 20px;
	width:477px;
	background:#232323 url('images/producfooter.gif') no-repeat center bottom;
	font: normal normal normal 11px Arial;
	color:#ffffff;
}
#productbox h3 {
	height:35px;
	width:477px;
	font: normal normal bold 11px/35px Arial;
	color:#ffffff;
	background:#000000 url('images/producth2.gif') no-repeat;
	text-align:center;
}
#productimg {
	background:#232323;
	padding:20px;
	width:95px;
	height:126px;
	float:left;
}
#productdescription {
	background:#232323;
	padding:20px 20px 20px 0;
	width:170px;
	font: normal normal normal 11px Arial;
	color:#ffffff;
	float:left;
}
#productdescription p {
	padding:10px 0 10px 0;
}
.price {
	font: normal normal bold 16px Arial;
	color:#00AEFF;	
}
#productinformation {
	background:#232323;
	padding:20px 20px 0 20px;
	width:100px;
	font: normal normal normal 11px Arial;
	color:#ffffff;
	float:left;
	border-left:2px #000000 solid;
}
#productinformation p {
	padding:0 0 20px 0;
}
option {
	font: normal normal normal 11px Arial;
	color:#ffffff;
	background:#000000;
	border:1px #444444 solid;
}
/*-------------------------GALLERY LOGOS------------------------------*/
.gallerylogo {
	margin:0 0 16px 16px;
	float:left;
}
/*-------------------------GALLERY------------------------------*/
.photo {
	width:475px; 
	height:330px; 
	text-align:left; 
	position:relative; 
	margin:0 0 0 20px;
}
.photo ul.topic {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:475px; 
	position:relative; 
	z-index:10;
}
.photo ul.topic li {
	display:block; 
	width:125px; 
	height:31px; 
	float:left;
}
.photo ul.topic li a.set {
	display:block; 
	font-size:11px; 
	width:124px; 
	height:30px; 
	text-align:center; 
	line-height:30px; 
	color:#fff; 
	text-decoration:none; 
	border:0; 
	border-width:0; 
	background:#232323; 
	font-family:verdana, arial, sans-serif;
}
.photo ul.topic li a ul, 
.photo ul.topic li ul 
{
	display:none;
}
.photo ul.topic li.active a
{
	color:#fff; 
	background:#5F5F5F;
}
.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{
	color:#fff; 
	background:#5F5F5F;
}
.photo ul.topic li.active ul
{
	display:block; 
	position:absolute; 
	left:0; 
	top:31px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	background:#5F5F5F; 
	width:465px; 
	padding:2px; 
	border:2px solid #5F5F5F; 
	z-index:1;
}
.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{
	display:block; 
	position:absolute; 
	left:0; 
	top:31px; 
	list-style:none; 
	padding:0; 
	margin:0;
	background:#5F5F5F; 
	width:465px; 
	padding:2px; 
	border:2px solid #5F5F5F; 
	z-index:100;
}
.photo ul.topic li ul li
{
	display:inline; 
	width:112px; 
	height:87px; 
	float:left; 
	border:1px solid #5F5F5F; 
	margin:1px;
}
.photo ul.topic li ul li a
{
	display:block; 
	width:110px; 
	height:85px; 
	cursor:default; 
	float:left; 
	text-decoration:none; 
	background:#5F5F5F; 
	border:1px solid #5F5F5F;
}
.photo ul.topic li ul li a img
{
	display:block; 
	width:100px; 
	height:75px; 
	border:5px solid #292929;
}
.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{
	white-space:normal; 
	position:relative;
}
.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{
	position:absolute; 
	top:-200px; 
	left:50px;
	width:300px; 
	height:225px; 
	border-color:#292929;
}
/*-------------------------CONTACT------------------------------*/
table {
	margin:0 0 0 20px;
	padding:3px;
	font: normal normal normal 11px Arial;
	color: #ffffff;	
}
td {
	width:120px;	
}
input {
	padding:3px;
	background:#000000;
	width:200px;
	border:1px #333333 solid;
	font: normal normal normal 12px Arial;
	color: #ffffff;	
}
textarea {
	padding:3px;
	background:#000000;
	width:200px;
	border:1px #333333 solid;
	font: normal normal normal 12px Arial;
	color: #ffffff;	
}
.submit {
	margin:5px 0 0 122px;
	text-align:center;
}
/*-------------------------FOOTER------------------------------*/
#footer {
	margin:0 auto 0 auto;
	padding:20px 20px 40px 20px;
	width:760px;
	font: normal normal normal 10px Arial;
	color: #FFFFFF;
	text-align:center;
}
#footer a {
	font: normal normal bold 10px Arial;
	color: #FFFFFF;
	text-decoration:none;
}
#footer a:hover {
	font: normal normal bold 10px Arial;
	color: #00AEFF;
	text-decoration:none;
}
#footer p {
	padding:0 0 10px 0;
}