/*
Theme Name: Film
Description: Custom Template for Ameritint.com
Version: 1.0
Author: William Hall
*/

/* Begin page styling */

@import url(type/fontface.css);
.DMedium {font-weight: normal; font-style: normal; line-height:normal; font-family: 'DiavloMedium', sans-serif;}
.DLight {font-weight: normal; font-style: normal; line-height:normal; font-family: 'DiavloLight', sans-serif;}
.DBold {font-weight: normal; font-style: normal; line-height:normal; font-family: 'DiavloBold', sans-serif;}
.DBook {font-weight: normal; font-style: normal; line-height:normal; font-family: 'DiavloBook', sans-serif;}
.DBlack {font-weight: normal; font-style: normal; line-height:normal; font-family: 'DiavloBlack', sans-serif;}
.amp {font-weight: normal; font-style: normal; line-height:normal; font-family: 'DINPro-LightRegular', sans-serif; margin: 0; padding: 0;}
strong .amp {font-weight: bold;}

html, body {background: #fff url(img/pagewrapbg.jpg) top left repeat; margin: 0; padding: 0;}

.clear {width: 100%; height: 1px; overflow: hidden; background: transparent; clear: both;}

a {outline: none; border: 0; text-decoration: none; color: #c05831}
a:hover {color: #333;}
a.buttonthis {color: #000; background: transparent url(img/buttonthis.jpg) top left repeat-x; text-align: center; padding: 4px 10px; border: 1px solid #999;} 
a.buttonthis:hover {color: #fff; background: #666;} 

img {outline: none; border: 0; }

#headwrap {width: 100%; height: 130px; background: transparent url(img/headwrapbg.jpg) top left repeat-x;}
 #header {width: 960px; margin: 0 auto;}
  #logo {float: left; width: 298px;}
  #headtop {float: left; width: 662px; height: 70px;}
   #headtop  #serving {width: 405px; float: left; text-align: center; color: #c05831; font-size: 18px; font-style: italic; padding: 30px 0 0 0;}
   #headtop #payphone {width: 210px; float: left; text-align: center;}
   #headtop #payphone #pay {width: 156px; height: 21px; background: url(img/payment.png) top left no-repeat; margin: 15px 0 15px 35px;}
   #headtop #payphone #phone a {font-size: 20px; color: #c05831; margin: 0 15px 0 30px;}
   #headtop #payphone #phone a:hover {color: #000;}
   #headtop #bbb {margin: 15px 0 15px 35px; }
   
   #nav {width: 652px; float: left; height: 50px; margin: 0 0 0 0; margin-top: 8px;}
   #nav ul {width: 100%; float: left; list-style: none; text-align: right;}
   #nav ul li {float: left; display: inline; padding: 0 15px;}
   #nav ul li a {color: #333; font-size: 18px;}
   #nav ul li a:hover {color: #000; border-bottom: 1px solid #c05831;}
   #nav ul li a .amp {font-size: 14px;}
    #nav ul ul {position: absolute; margin: 0 0 0 -210px; display: none;}
    #nav ul ul li {padding: 0 8px;}
	#nav ul ul li a {font-size: 14px;}

#spotwrap {width: 100%; height: 234px; background: transparent url(img/spotwrapbg.jpg) top left repeat-x;}
 #spotlight {width: 960px; height: 234px; margin: 0 auto; background: transparent url(img/slidebg.jpg) bottom left no-repeat;}
 #spotlight #shadowframe {width: 960px; height: 234px; background: transparent url(img/shadowframebg.png) top left no-repeat; position: absolute; z-index: 10;}
 #whytint {width: 311px; height: 233px; float: left; background: transparent url(img/whytintbg.png) top left repeat; margin: 1px 0 0 0;}
 #whytint .benefitsbox {width: 281px; margin: 0 auto;}
 #whytint .widgettitle {font-size: 16px; color: #fff; border-bottom: 1px solid #fff; margin: 10px 0 0 0; padding: 0 0 3px 0; position: relative; z-index: 20;}
 #whytint .textwidget {font-size: 14px; line-height: 15px; color: #000; margin: 5px 0 0 0; position: relative; z-index: 20;}
 #whytint .textwidget p {margin: 2px 0 0 0;}
 #whytint .textwidget ul{float: left; margin: 0px 0 0 15px; text-align: left; padding: 0;}
 #whytint .textwidget ul li{margin: 4px 0;}
 #whytint .textwidget .buttonrow {margin: 0px 0 0 0;}
 #whytint .textwidget .buttonrow a {background: #c05831; padding: 4px 10px; border: 1px solid #999; float: right; margin: 0 0 3px 0; color: #fff;}
 #whytint .textwidget .buttonrow a:hover {background: #666;}
 
 #specials {height: 150px; width: 270px; float: right; margin: 83px 0 0 0;}
 #specials .item {background: transparent url(img/whytintbg.png) top left repeat; width: 270px; height: 150px; float: left; margin: 1px 0 0 0; font-size: 20px; text-align: center; position: relative; z-index: 5; }
 #specials .item2 {background: transparent url(img/specialbg.png) top left repeat; width: 270px; height: 150px; float: left; margin: 1px 0 0 0; font-size: 20px; text-align: center; position: relative; z-index: 5;}
 #specials .item a {color:#000;}
 #specials img { padding-top: 10px; }
 #specials .item a:hover {color:#c05831;}
 #specials .textwidget {position: relative; z-index: 20; text-align: center; }
 #specials .item h1 {font-size: 60px; margin: 15px 0 0 0; padding: 0;}
 #specials .item h1 span {font-size: 44px;}
 #specials .item h2 {font-size: 16px; margin: 30px 0 10px 0; padding: 0;}
 #specials .item2 h1 sup {font-size: 14px; margin: 0; padding: 0;}

#titlewrap {width: 100%; height: 50px; background: transparent url(img/spotwrapbg.jpg) top left repeat-x;}
 #pagetitle {width: 960px; margin: 0 auto;}
 #pagetitle h2 {float: left; margin: 15px 0 0 0; color: #fff;}

#pagewrap {width: 100%; background: transparent url(img/pagewrapbg.jpg) top left repeat; padding: 0 0 15px 0;}
 #page {width: 960px; margin: 0 auto;}
 
.pagecontent {width: 100%; float: left; background: #fff; border: 1px solid #999; margin: 15px 0 0 0;}
.pagecontent .pageinner {width: 940px; margin: 5px 0 0 8px; padding: 5px 0 2px 0; color: #333; font-size: 13px; line-height: 16px; text-align: justify;}
.pagecontent .pageinner h3 {margin: 5px 0 0 0; padding: 0 0 3px 0; border-bottom: 1px solid #c05831;}
.pagecontent .pageinner p {margin: 3px 0 15px 0; padding: 0;}

.productsbox {width: 285px; float: left; background: #fff; border: 1px solid #999; margin: 15px 5% 0 0;}
 .productsbox h2 {width: 94%; margin: 10px 0 0 8px; padding: 0 0 2px 0; color: #c05831; font-size: 16px; border-bottom: 1px solid #666; font-family: 'DiavloMedium', sans-serif;}
 .productsbox p {width: 94%; margin: 5px 0 0 8px; padding: 0 0 2px 0; color: #333; font-size: 12px; line-height: 14px; text-align: justify;}
 .productsbox a {float: right; font-size: 11px; margin: 5px 10px 5px 0;}
 
 .recentbox {width: 285px; float: left; background: #fff; border: 1px solid #999; margin: 15px 5% 0 0;}
 .recentbox h2 {width: 94%; margin: 10px 0 0 8px; padding: 0 0 2px 0; color: #c05831; font-size: 16px; border-bottom: 1px solid #666; font-family: 'DiavloMedium', sans-serif;}
 .recentbox #vids {width: 94%; margin: 5px 0 0 8px;}
 
 .testimonialbox {width: 285px; float: left; background: #fff; border: 1px solid #999; margin: 15px 0 0 0;}
 .testimonialbox h2 {width: 94%; margin: 10px 0 0 8px; padding: 0 0 2px 0; color: #c05831; font-size: 16px; border-bottom: 1px solid #666; font-family: 'DiavloMedium', sans-serif;}
 .testimonialbox .person {float: left; width: 100%; border: 0; color: #333; margin: 4px 0 4px 8px; font-size: 14px; font-weight: bold;}
 .testimonialbox p {width: 94%; margin: 5px 0 0 8px; padding: 0 0 2px 0; color: #333; font-size: 12px; line-height: 14px; text-align: justify;}
 .testimonialbox h4 {float: right; font-size: 12px; width: 94%; margin: 5px 10px 0px 0px; color: #000; text-align: right;}

 #footwrap {width: 100%; height: 37px; background: transparent url(img/spotwrapbg.jpg) top left repeat-x;}
 #footwrap a {color: #fff;}
 #footwrap a:hover {text-decoration: underline;}
  #footer {width: 960px; margin: 0 auto; padding: 10px 0 0 0; font-size: 14px;}
   #footleft {width: 60%; float: left; color: #fff;}
   #footright {width: 40%; float: right; text-align: right; color: #fff;}

 .tpage h2 {width: 100%; margin: 10px 0 0 8px; padding: 0 0 2px 0; color: #c05831; font-size: 16px; border-bottom: 1px solid #666; font-family: 'DiavloMedium', sans-serif;}
 .tpage .person {float: left; width: 100%; border: 0; color: #333; margin: 4px 0 4px 8px; font-size: 14px;}
 .tpage p {float: left; width: 100%; margin: 5px 0 0 8px; padding: 5px 0 0px 0; color: #333; font-size: 14px; line-height: 14px; text-align: justify;}
 .tpage h4 {float: left; font-size: 12px; width: 100%; margin: 0px; color: #000; text-align: right; border-bottom: 1px solid #666;}

#pictemp {float: left; width: 275px; margin: 0 10px 0 0; }
#picfog {float: left; width: 275px; margin: 100px 10px 0 0; }
#coupon {position: absolute; width: 240px; margin: 80px 0 0 420px; }
#cwrap {float: left; width: 655px;}