/*HTML, BODY, PNG FIX*/
body { background:url(../img/bg_pattern.jpg) #222; text-align:center; font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; color:#FFFFFF; margin:0; padding:0;}
div#wrapper {background:url(../img/bg.png) repeat-x; overflow:auto; text-align:left; margin:0 0 60px 0;}
div#content {width:995px; margin:0 auto; }
.clr { clear:both; }
.png{ azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "http://thompsongraphics.ca/img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true); }

* {outline:none;}

a img {border:none;}

/*HEADER, LOGO AND SLOGAN*/
#header { position:relative; z-index:20; background:url(../img/header_bg.png); width:1000px; height:145px; margin:0 0 20px 0;}
#header img {border:none;}
#logo { float:left; margin:7px 0 0 30px; }
#slogan { float:left; margin:50px 0 0 140px;  }

/* CMS ONTENT DIV */

#cms_content {width:820px; float:right; padding:0;}

/* SUB PAGES */

ul#sub_pages {list-style-type:none; padding:0; margin:0 0 10px 0; float:left; width:100%; background:url(../img/sub_page_bkg.jpg) repeat-x; border-left:2px solid #fff; border-right:2px solid #fff; height:35px;}
ul#sub_pages li {float:left;}
ul#sub_pages a {color:#fff; text-decoration:none; font-weight:bold; font-size:18px; height:37px; display:block; margin:5px 10px 0 0; padding:0 15px; text-align:center; text-transform:capitalize; }
ul#sub_pages a:hover, ul#sub_pages a#current_sub_page {background:url(../img/sub_page_selected_bkg.jpg) repeat-x; color:#900; border:2px solid #fff; margin:-13px 10px 7px 0; padding:7px 13px 0 13px;}


/*CONTENT, FORM, AND GALLERY*/
#nav { float:left; margin:0 20px 0 6px; padding:0; color:#fff; font-size:20px; list-style-type:none; }
#nav li { display:block;width:142px; height:42px; padding:0 0 5px 0;  }
#nav li a { background:url(../img/nav_btn.png) no-repeat; color:#fff; text-decoration:none; width:142px; display:block; padding:5px 0 5px 10px;  }
#nav li a:hover, #nav li a.current_page  { background:url(../img/nav_btn_selected.png) no-repeat; cursor:pointer;}


/*HOME PAGE*/
#home_content p { float:left; width:580px; height: 300px; margin:0; font-size:14px; }
#home_content p a {color:#D90000;}
#home_content img { float:right; margin:0 0 0 5px;}
.get_quote { width:160px; height:191px; float:right; padding:25px 25px 0 25px; margin:0 5px 0 0; position:relative; z-index:10;}
.get_quote img { position:absolute; z-index:-1; top:0; left:0;}
.quotes { font-size:46px; line-height:5px; vertical-align:bottom;}
.get_quote a { background:transparent url(../img/view_gallery_btn.gif) no-repeat; color:#fff; display:block; font-size:18px; height:30px; text-decoration:none; width:166px; padding:3px 0 0 0; text-align:center;}
.get_quote a:hover { color:#000; }

/*ABOUT*/
.about_content { float:left; width:800px; margin:0;}
.about_content h2 { margin:0; padding:0; }

/*FAQ*/
.faq_content { float:left; width:600px; }
.faq_content h2 { margin:0; padding:0; }
.faq_content p { margin:0; }
.faq_content a { color:#fff; }		
.faq_content a:hover { color:#619bdf;}
.faq_content strong { color:#619bdf; }

/*REQUEST A QUOTE AND CONTACT*/		
.request_a_quote { margin:0; padding:0; z-index:10; font-size:13px; }
.request_a_quote .png { position:absolute; z-index:-1; }
.raq_absolute { position:relative; padding:0 0 0 20px; width:420px; height:442px; }
.raq_absolute h2 { float:left; margin:20px 0 0 10px; }		
.email { float:left; margin:20px 0 0 0; }
.request_form { float:left; width:390px; margin:0 20px 30px 0; padding:0; }
.request_form input, .request_form select{ float:left; background:#999; border:none; 
width:262px; font-size:12px; ; margin:0; padding:3px; color:#fff; font-weight:bold;}

.request_form select{ width:267px;}
 
.request_form input:focus, .request_form select:focus{ outline:1px solid #333; }

.request_a_quote label { float:left; margin:0; padding:0 10px 0 0; width:120px; font-weight:bold; text-align:right;}
.request_form p { float:left; padding:10px 0 0 0; margin:0; width:400px;}
.request_form textarea { margin:10px 0 0 0; width:378px; height:85px; padding:10px; background:#999; color: #fff; border:none;  }
.request_form .submit { margin:15px 1px 0 0; padding:0; text-align:left; font-size:17px; background:transparent url(../img/view_gallery_btn.gif) no-repeat; width:166px; height:30px; text-align:center; float:right; font-weight:normal;  font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;}

/*CONTACT MAP, PHONE NO. AND ADRESS*/
#map1 { float:right; width:220px; height:198px; background-color:#666; border:3px solid #666; margin:0 40px 10px 0; }
address {float:right; width:260px; padding:0 0 10px 0;}
.form_contact { padding:0 0 0 20px; width:700px; }
.form_contact h2 { float:left; margin:20px 0 0 10px; }

/*GALLERY*/
.gallery { margin:0 0 20px 0; float:left; padding:0 0 0 0; z-index:10; }
.gallery h2 { margin:0; padding:0 0 15px 0; }
.gallery ul { float:left; margin:0; padding:0; }
.g_thumb { list-style-type:none; float:left; width:139px; height:81px; margin:0 20px 0 0; padding:0; }
.g_thumb a { background:url(../img/thumb_bg.png); width:139px; height:81px; display:block; }
.g_thumb a:hover { width:139px; height:81px; cursor:pointer; background:url(../img/thumb_bg_sel.gif);}		
		

/* PAGINATION */

div.pagination {border:1px solid #555; float:left; clear:left; width:93.5%; text-align:center;}
div.pagination a {color:#ddd; text-decoration:none;}
div.pagination b {color:#f00;}

/* FAQ */

div#faq {font-size: 12px; border:1px solid #555; padding:10px 15px; background:url(../img/bg1by1.png);}
div#faq h2 {padding:20px 0 0 0; margin:0; color:#e00;}
div#faq h3 {font-size: 28px; padding:0; margin:0; color:#fff; border-top:1px solid #fff;}
div#faq p {text-align: justify;}
div#faq ul {padding:0 0 0 15px; list-style-type:square; }
div#faq li {padding:0 0 5px 0;}
div#faq li a {color:#fff; font-size:14px; text-decoration:none; border-bottom:1px solid #fff;}
div#faq a.top {color:#ddd; font-weight:bold; font-size:14px;}
div#faq a.top:hover {color:#fff; text-decoration:none;}

/* NEWS */

ul#news {list-style-type: none; margin:0; padding:0;}
ul#news li {border:1px solid #555; margin:0 0 10px 0; padding:10px 15px; background:url(../img/bg1by1.png); float:left; width:788px;}
ul#news h2 {margin:0; padding:0 0 5px 0;}
ul#news p {font-size:12px; margin:0 0 10px 0;}
ul#news a {color:#f00;}
ul#news img {margin:5px;}
/* ABOUT */

div#about {font-size:12px;}
div#about a {color:#f00;}
div#about a#pdf {background:url(../img/pdf_btn.gif) no-repeat; color:#fff; display:block; font-weight:bold; height:35px; padding:5px 0 0 15px; text-align:center; text-decoration:none; width:165px;}

			
/*FOOTER*/
#footer {margin:0; height:33px; background:url(../img/footer_bg.gif) repeat-x; font-size:12px; line-height:33px; width:100%; position:fixed; bottom:0; left:0; z-index:10; border-top:1px solid #ccc; text-transform:capitalize;}
#footer div {width:995px; margin:0 auto;}
#footer_nav { list-style-type:none; float:left; margin:0 0 0 70px; padding:0; }
#footer_nav li { display:inline; margin:0 0 0 15px; }
#footer_nav li a { color:#fff; text-decoration:none; }
#footer_nav li a:hover { color:#660000; text-decoration:none; }
#footer span { float:left; margin: 0 0 0 15px; }
span#vanquish { float:right; margin:0 15px 0 0; }
span#vanquish a { color:#fff; }

#comsite-xpel-main-container {margin:0 0 40px 0;}
#comsite-xpel-main-container table {margin:0 0 40px 0;}