body { background: #ffffff; color: #78797b;	font-family:Arial, Helvetica, sans-serif; font-size:100%; /* 1em=16px*/
line-height:130%; margin:20px 0; padding:0; }

div { margin: 0; padding: 0; }
img { border: 0; }
p { margin: 0.5em 0 1em 0; }


.hide { display:none;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}

.block { display:table;  width: 100%; clear: both;}
.colleft { float: left; }
.colright { float: right; }
.w50 { width: 50%; }
.w100 { width: 100%; }
.red { color: #ff0000; }

a:link, a:active, a:visited {  color: #69b9db; text-decoration: none; }
a:hover { color: #69b9db; text-decoration: underline; }

#skiplinks { position:absolute;  width:1px;  height:1px;  overflow:hidden; }

#wrapper { width: 955px; margin: auto;  text-align: left;  }
#header {width: 955px; height: 166px; border-bottom: 10px solid #cbcdc8; margin-bottom: 3px;}
#header.home { background: url(/images/header_home.jpg) top right no-repeat;}
#header.about { background: url(/images/header_about.jpg) top right no-repeat;}
#header.law { background: url(/images/header_law.jpg) top right no-repeat;}
#header.contact { background: url(/images/header_contact.jpg) top right no-repeat;}
#header.supaglass { background: url(/images/header_supaglass.jpg) top right no-repeat;}
#header.franchise { background: url(/images/header_franchise.jpg) top right no-repeat;}
#header.tint_shades { background: url(/images/header_tint_shades.jpg) top right no-repeat;}
#header.window_tinting { background: url(/images/header_window_tinting.jpg) top right no-repeat;}
#header.videos { background: url(/images/header_videos.jpg) top right no-repeat;}
#logo { float: left; width: 240px; height: 80px; margin-top: 40px; margin-left: 40px; background: #78797b; }

#columns { width: 955px; display: inline-table; }
#col1 { float: left; width: 210px;  }
#col2 { float: left; display: inline-table; width: 741px; margin-left: 4px; }
#col3 { float: left; font-size: 12px; line-height: 130%; width: 508px;  }
#col4 { float: right; width: 222px; margin-left: 8px; padding: 3px 3px 0 0;  text-align: left; }


#col3 p { padding-left: 8px; }
#col3 h1 { margin: 0.5em 0 1em 0; font-size: 17px; padding-left: 8px; font-weight: bold; line-height: 115%; } 
#col3 h2 { margin: 0.5em 0 1em 0; font-size: 17px; padding-left: 8px; font-weight: normal; line-height: 115%; }


#menu { width: 210px; }
#menu ul { margin:0; padding:0; list-style:none;  }
#menu li{ display:inline; margin:0; padding:0; }
#menu ul li a { display: block; width: 210px; height: 31px; text-decoration: none; overflow: hidden; text-indent: -65em; margin-bottom: 2px;}
#menu ul li a.home { background: url(/images/menu_home.gif) top left no-repeat;}
#menu ul li a.supaglass { background: url(/images/menu_supaglass.gif) top left no-repeat;}
#menu ul li a.tint_shades { background: url(/images/menu_tint_shades.gif) top left no-repeat;}
#menu ul li a.contact { background: url(/images/menu_contact.gif) top left no-repeat;}
#menu ul li a.opportunities { background: url(/images/menu_opportunities.gif) top left no-repeat;}
#menu ul li a.law { background: url(/images/menu_law.gif) top left no-repeat;}
#menu ul li a.video { background: url(/images/menu_video.gif) top left no-repeat;}
#menu ul li a.window_tinting { background: url(/images/menu_window_tinting.gif) top left no-repeat;}
#menu ul li a:hover, #menu ul li a.selected  { background-position: 0px -31px; text-decoration: none;}

#title { width: 741px; height: 31px; }

.small_ad { font-size: 12px; width: 222px; padding-bottom: 17px; background: url(/images/adsm_bottom.gif) bottom left no-repeat; margin-bottom: 8px;} 
div.small_ad img { border: solid 0.083em #78797b; } 
div.small_ad h1, div.small_ad h2, div.small_ad p { border: solid 0.083em #78797b; border-top: none; 
border-bottom: none;  margin: 0; font-size: 1em; font-weight: normal; line-height: 16px; background: #e4e4e5; } 
div.small_ad h1{ margin-top:-4px; padding: 15px 0 0 14px; font-weight: bold; background: #e4e4e5; } 
div.small_ad h2 { padding: 0 0 0 14px;   } 
div.small_ad p{ padding: 10px 0 0 14px;  }

div.cleaner_ad { font-size: 12px; width: 222px; height: 194px; 
background: url(/images/adsm_cleaner.jpg) top left no-repeat; margin-bottom: 8px;} 
div.cleaner_ad h1, div.cleaner_ad h2, div.cleaner_ad p { margin: 0; font-size: 1em; font-weight: normal; line-height: 115%;} 
div.cleaner_ad h1{ font-size: 20px; font-weight: bold; color: #ff0000; padding: 24px 0 0 14px;   }
div.cleaner_ad h2 { font-size: 20px; font-weight: bold; padding: 0 0 0 14px;   } 
div.cleaner_ad p{ padding: 10px 0 0 14px;  }


#banner { width: 496px; height: 126px; padding-top: 84px; padding-left: 12px; margin-top: 24px; }
#banner.tinting {
	background-image: url(/images/adlg_windowtinting.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#banner.cleaner{
	background-image: url(/images/adlg_glasscleaner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#banner.shades {
	background-image: url(/images/adlg_tint_shades.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#banner h1 { margin: 0 0 0.5em 0; font-size:18px; font-weight: bold;  }
#banner h2 { margin: 0 0 0.5em 0; font-size: 14px; font-weight: normal;  }
#banner p { margin: 0 0 0.5em 0; font-size: 12px;   }


.press_ad { font-size: 12px; width: 190px; margin-top:50px; margin-bottom: 8px; padding: 0 10px; } 
div.press_ad p { font-size: 1em; font-weight: normal; line-height: 115%;} 
div.press_ad img { margin-top: 12px; }

#videoplayer { text-align: left; margin-bottom: 12px; margin-left: 20px;}
#videoselector img { border: solid 0.083em #78797b; margin-bottom: 6px; }
#videoselector { text-align: left; height: 190px; margin-left: 20px; }
#videoselector ul { margin:0; padding:0; list-style:none;  }
#videoselector li{ display: inline; margin:0; padding:0; }
#videoselector ul li a { width:158px;  text-decoration: none; color: #78707b; }
#videoselector span { display: block; float: left; width: 154px; text-align: left; margin-right: 4px;}
#videoselector a:hover span { color: #69b9db; text-decoration:none; }


form { margin: 0; padding: 0; }
#contact_form p { margin: 0; line-height: 24px; clear: left; }
#contact_form label { float: left; width: 110px; }
#contact_form input { border: 1px solid #78797b; width:312px; background-color: #ffffff; color: #78797b; margin: 4px 0px 8px 0px;}
#contact_form input.radio { border: none; width: 30px; background-color: #ffffff; color: #78797b;  margin: 0; }
#contact_form textarea { border: 1px solid #78797b; width:312px; height: 72px; background-color: #ffffff; color: #78797b; margin: 4px 0px 8px 0px;}
#contact_form select { border: 1px solid #78797b; width:312px; background-color: #ffffff; color: #78797b;}
#contact_form input.submit { margin-top:8px; width:60px; border: 1px solid #78797b; background-color: #ffffff; color: #78797b; line-height: 20px;} 




#contact_form textarea { border: 1px solid #78797b; width:312px; height: 72px; background-color: #ffffff; color: #78797b; margin: 4px 0px 8px 0px;}
#contact_form select { border: 1px solid #78797b; width:312px; background-color: #ffffff; color: #78797b;}
#contact_form .submit { margin-top: 8px; width: 60px; border: 1px solid #78797b; background-color: #ffffff; color: #78797b; line-height: 20px;} 



#footer { width: 955px; padding-top: 11px; background: url(/images/footer_bkgd.gif) top left repeat-x;  font-size: 11px; line-height: 13px;}
#footer p { width: 508px; text-align: center; margin: 0; padding: 0; margin-left: 214px; }
#footer a { color: #78797b; text-decoration: none; }
#footer a:hover { color: #78797b; text-decoration: underline; }






#tintshades{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	width: 508px;
	height: 413px;
	background-color: #f0f0f0;
}

#tintshades img{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#tintshades .main{
	height: 284px;
	width: 483px;
	background-repeat: no-repeat;
	border: none;
	margin: 0 auto 0 auto;
	padding: 0;
}

#tintshades .tintselector{
	height: 53px;
	padding-left: 7px;
	margin-top: 5px;
	line-height: 29px;
	color: #888888;

}

#tintshades .tintselector div{
	float: left;
	line-height: 12px;
	font-size: 10px;
}
#tintshades .tintselector div p{
	margin: 0;
	padding: 0 0 0 5px;
	
}
#tintshades .tintselector a{
	display: block;
	height: 29px;
	width: 69px;
	margin: 0 3px 3px 3px;
}

#tintshades .tintselector a:link, #tintshades .tintselector a:visited, #tintshades .tintselector a:active{
	border: 2px solid #f0f0f0;

}
#tintshades .tintselector a:hover{
	border: 2px solid #9f2d30;
}



#tintshades .tintselector table{
	border-collapse: collapse;
	border: none;
	height: 20px;
	margin: 0;
}
#tintshades .tintselector td{
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

#tintshades .tintselector td a{
	display: block;
}

#tintshades .tintselector td a:hover{
	text-decoration: none;
}

#tintshades .carselector{
	padding: 9px 15px 3px 110px;
	margin: 0;
	height: 57px;
	line-height: 57px;
	color: #888888;
}
#tintshades .carselector span{
	font-weight: bold;
	color: #9f2d30;
}

#tintshades .carselector table{
	border-collapse: collapse;
	border: none;
	margin: 0;
}

#tintshades .carselector a{
	display: block;
	float: right;
	height: 45px;
	width: 77px;
	margin: 3px;
}

#tintshades .carselector a:link, #tintshades .carselector a:visited, #tintshades .carselector a:active{
	border: 2px solid #f0f0f0;

}

#tintshades .carselector a:hover{
	border: 2px solid #9f2d30;
}