/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset, fieldset legend,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
li { margin-left: 25px; }
fieldset,img { border: none; }
fieldset legend{color:#000;}
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
html {overflow-y:scroll;}
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.hidden { display: none; }
.left{
	float: left;
}
.right{
	float: right;
}
.right-align{
	text-align: right;
}
.spacer{
	height: 25px;
	clear: both;
}
.bold{
	font-weight: bold;
}
.grey {
	color: #888;
}
.red {
	color: red;
}
.min_height {
	width: 1px;
	float:left;
}

p{
	margin-top: 6px;
	margin-bottom: 6px;
}

/* Layout */
body, html {
	font-size: 12px;
	font-family: Arial;
	color: #000;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	line-height: 1.35;
}
html {
	background: #a7a7a7 url('images/layout/bg_rpt.jpg') top left repeat-x;
}
body {
	width: 967px;
	margin: 0 auto;
}
a { outline: none; }

#left_col h1 {
	text-transform: uppercase;
	margin-top: 10px;
	font-weight: bold;
	font-style:italic;
	font-size: 14px;
	color: #3382b9;
}

#left_col a, #right_col_bg a {
	font-weight: bold;
	color: #3382b9;
}
#left_col a:hover, #right_col_bg a:hover {
	color: #21618e;
}

#right_col_bg h1 {
	font-size: 13px;
	color: #4b9cd3;
	font-style: italic;
	font-weight: bold;
}
#right_col_bg h2, #left_col h2 {
	font-size: 12px;
	color: #eee;
	font-weight: bold;
}
#left_col h2 { color: #000; }

#EmailForm input, #EmailForm textarea {
	width: 300px;
}
#EmailForm textarea {
	height: 100px;
}
#EmailForm select {
	width: 303px;
}
#EmailForm #cfContact {
	width: auto;
}

#map_canvas {
	width: 100%;
	height: 400px;
}

#head {

	width: 967px;
	height: 31px;
	padding-top: 88px;
	background: url('images/layout/banner.jpg') top left no-repeat;
	z-index: 5;

}

#home_link {
	position: absolute;
	top: -36px;
	left: 372px;
	display: block;
	height: 16px;
	width: 57px;
	background: url('images/layout/home_link.png') top left no-repeat;
}
#home_link:hover {
	background-image: url('images/layout/home_link_ovr.png');
}
#logo_link {
	position: absolute;
	top: -86px;
	left: 0px;
	display: block;
	height: 85px;
	width: 360px;
}
#contact_link {
	position: absolute;
	top: -36px;
	left: 435px;
	display: block;
	height: 16px;
	width: 96px;
	background: url('images/layout/contact_link.png') top left no-repeat;
}
#contact_link:hover {
	background-image: url('images/layout/contact_link_ovr.png');
}

#body {
	width: 100%;
	background: #5babe2 url('images/layout/body_rpt.jpg') top left repeat-x;
	padding-top: 12px;
}

#col_container {

	background: url('images/layout/left_content_rpt.jpg') top left repeat-y;
	width: 100%;

}

.content #col_container {

	background: url('images/layout/fullwidth_rpt.jpg') top left repeat-y;
	width: 100%;

}

#left_col { 
	float: left;
	width: 559px;
	background: url('images/layout/left_top_rpt.jpg') top left repeat-x;
	padding: 20px;
	position: relative;
	z-index: 0;
}

#left_col #corner {
	position: absolute;
	top: 0;
	right: -2px;
	background: url('images/layout/left_top_r.jpg') top left no-repeat;
	height: 17px;
	width: 17px;
}

#right_col {
	float: right;
	width: 368px;
	margin-top: -3px;
}

#right_col_bg {
	width: 366px;
	background: url('images/layout/right_rpt.jpg') top right repeat-y;
	float: right;
	position: relative;
}
#right_col_bg #top{
	position: absolute;
	top: 0;
	left: 0px;
	height: 10px;
	width: 100%;
	background: url('images/layout/right_top.jpg') top left no-repeat;
}
#right_col_bg #btm{
	width: 326px;
	padding: 20px;
	background: url('images/layout/right_btm.jpg') bottom right no-repeat;
}
#right_col_bg .min_height {
/* 	height: 490px; */
}
#right_col_bg p {
	clear: right;
	font-size: 12px;
}

#right_col_bg {
	color: #eee;
	text-align: left;
	font-size: 10px;
}
#right_col_bg .errors {
	color: red;
	text-align: left;
}
#right_col_bg form {
	font-size: 12px;
	text-align: left;
}

.right_box {
	width: 363px;
	height: 175px;
	margin: 0 auto;
	display: block;
}

.right_box span {
	display: block;
	color: #eee;
	width: 145px;
	float: right;
	text-align: right;
	margin-bottom: 0;
	margin-top: 10px;
	margin-right: 13px;
	font-size: 11px;
}
#box1 {
	background: url('images/layout/box1.jpg') top left no-repeat;
	text-decoration: none;
}
#box2 {
	background: url('images/layout/box2.jpg') top left no-repeat;
	text-decoration: none;
}
#box3 {
	background: url('images/layout/box3.jpg') top left no-repeat;
	text-decoration: none;
}

#footer {
	width: 100%;
	height: 189px;
	background: url('images/layout/footer.jpg') top left no-repeat;
	position: relative;
	font-size: 11px;
}
#footer_content {
	width: 100%;
	height: 189px;
	background: url('images/layout/footer_content.jpg') top left no-repeat;
	position: relative;
	font-size: 11px;
}

#copy {
	position: absolute;
	top: 120px;
	right: 0;
	width: 655px;
}

#footer ul {
	position: absolute;
	bottom: 10px;
	right: 0;
}
#footer ul li {
	list-style: none;
	float: left;
	padding-left: 3px;
	margin-left: 0;
	margin-right: 3px;
	border-left: 1px solid white;
}
#footer ul li.first {
	border-left: 0;
}
#footer a {
	color: #fff;
	text-decoration: none;
}

#footer_content ul {
	position: absolute;
	bottom: 10px;
	right: 0;
}
#footer_content ul li {
	list-style: none;
	float: left;
	padding-left: 3px;
	margin-left: 0;
	margin-right: 3px;
	border-left: 1px solid white;
}
#footer_content ul li.first {
	border-left: 0;
}
#footer_content a {
	color: #fff;
	text-decoration: none;
}
.browser_error {
	background: #ffc9c9;
	border: solid 1px red;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}
.browser_error a {
	font-weight: bold;
}
#intro_video{
	width: 360px; /*559*/
	height: 240px; /*360*/
	margin-left: auto;
	margin-right: auto;
	background: url('images/noflash_v2.jpg') top center no-repeat;
	margin-left: 3px;
}
#flash_warn {
	background: url('images/noflash_v2.jpg') top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 360px;
	height:240px;
	padding: 5px;
	position: relative;
	top: 70px;
	font-size: 12px;
	text-align: center;
}
#flash_warn h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

/**/
#tintingVideo {
    display: block;
    overflow: visible;
    margin: 10px 0 25px 0;
}
#side_video{
	width: 326px; /* 345px; /*559*/
	height: 230px; /*360*/
/*	margin-left: auto;
	margin-right: auto;
	background: url('images/noflash_v3.jpg') top center no-repeat;
	margin-left: 3px;
	position: absolute;
	top:170px;
	left:8px;*/
}
#side_flash_warn {
	border: solid 2px red;
	background: #fff;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 300px;
	padding: 5px;
	position: relative;
	top: 70px;
	font-size: 12px;
	text-align: center;
}
#side_flash_warn h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
#side_colm {
/* position: relative; top: 300px; */
}

.paint {
background: url('images/paintprotection_btn.png') top center no-repeat;
width:530px;
height:103px;
}
	.paint:hover {
	background: url('images/paintprotection_btn_hover.png') top center no-repeat; 
	}
	
.headlight {
background: url('images/headlightprotection_btn.png') top center no-repeat;
width:530px;
height:103px;
}
	.headlight:hover {
	background: url('images/headlightprotection_btn_hover.png') top center no-repeat; 
	}
	
.window {
background: url('images/windowtinting_btn.png') top center no-repeat;
width:530px;
height:103px;
}
	.window:hover {
	background: url('images/windowtinting_btn_hover.png') top center no-repeat; 
	}
	
.deodorizing {
background: url('images/deodorizing_btn.png') top center no-repeat;
width:530px;
height:103px;
}
	.deodorizing:hover {
	background: url('images/deodorizing_btn_hover.png') top center no-repeat; 
	}
	
div.articles {
    display: block;
    margin: 10px 0 25px 0;
}

#right_col_bg div.articles h2 {
    text-transform: uppercase;
    font-size: 14px;
    font-style: italic;
}

div.articles h3 {
    margin: 5px 0; 
	margin-top: 10px;
	font-weight: bold;
	font-size: 11px;
	color: #3382b9;
}

#left_col div.articles h3 a:link, #left_col div.articles h3 a:visited,  #right_col_bg div.articles h3 a:link, #right_col_bg div.articles h3 a:visited {
	font-weight: bold;
	color: #3382b9;
}
#left_col div.articles h3 a:hover, #left_col div.articles h3 a:active, #right_col_bg div.articles h3 a:hover, #right_col_bg div.articles h3 a:active {
	color: #ffffff;
}