@import url('reset.css');
/*------------------------------------------------------------
Trademark Productions - STA 

version:	1.0
author:		Trademark Productions
email:		development@tmprod.com
website:	www.tmprod.com
-------------------------------------------------------------*/

/* =General/HTML Elements
-------------------------------------------------------------*/
.clear {
	clear: both
}

.right {
	float:right;
}

.left {
	float:left;
}
	
img.right {
  	clear: left;
  	margin: 5px 0 10px 15px;
}

img.left {
  	clear: right;
  	margin: 5px 15px 10px 0;
}

body { 
	margin: 0 auto;
	background: #eee url(/images/body-bg.jpg) repeat top left;
	text-align: center;
	font: 10px/1.2 Arial, Helvetica, sans-serif;
}

/* =Typography
-------------------------------------------------------------*/
p, li {
	text-align: left;
	font-size: 140%;
	line-height: 1.4em;
}

p {
	margin: .5em 0;
}

p.heading {	
	font-size: 14px;
	margin:.5em 0;
	color:#a21325;
	text-transform:uppercase;
	font-weight:bold;
}

/* =Headings
-------------------------------------------------------------*/
h1, h2, h3 {
	margin-bottom: .5em;
	color:#a21325;
	font-weight:bold;
	text-transform:uppercase;
}

h1, div#thanks h2 {
	font-size: 20px;
}


h2 {
	font-size: 14px;
	color: #000;
	margin:.5em 0;
}


h3 {
	font-size: 14px;
	color:#000;
}

h3.news { margin-top:25px; margin-bottom:10px; }
h2.heading, h3.heading {
	color:#000;
	line-height: 1.4em;
}
h2.heading { margin:0 0 .5em 0; }

/* =Links
-------------------------------------------------------------*/
a, a:visited {
	color:#a21325;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* =Layout
-------------------------------------------------------------*/
div#mastWrapper {
	float: left;
	width: 100%;
	height: 111px;
	border-bottom:solid 1px #000;
}

div#mastContainer {
	background: url(/images/overlay-bg.png) repeat top left;
	width: 980px;
	padding:0 10px;
	margin: 0 auto;
	height: 111px;
}

div#mast {
	float: left;
	width: 978px;
	height: 111px;
	background: url(/images/head-bg.png) no-repeat 3px 20px;
	margin-bottom: 10px;
	position:relative;
	z-index:1000;
}

div#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}

div#container {
	background: url(/images/overlay-bg.png) repeat top left;
	width: 980px;
	padding:10px;
	float: left;
}

div#banner {
	float: left;
	width: 965px;
	height: 207px;
	background: url(/images/banner-bg.png) no-repeat top center;
	padding:13px 0 13px 17px;
	position: relative;
	margin:5px auto 15px auto;
}

div#content {
	width: 980px;
	float: left;
	margin: 10px 0;
}

div#main {
	float: left;
	margin-left:7px;
	width: 637px;
}

div#sidebarTop, div#sidebar, div#sidebarBottom {
	clear:right;
	width: 309px;
	padding:5px 0 5px 15px;
	float: right;
	background: url(/images/side-bg.png) repeat-y top center;
}

div#sidebarTop, div#sidebarBottom {
	height:5px;
	background: url(/images/side-top-bg.png) no-repeat bottom center;
}

div#sidebarBottom {
	background: url(/images/side-bottom-bg.png) no-repeat top center;
}

div#feedback {
	position:fixed;
	top:200px;
	right:-1px;
	width:29px;
	height:102px;
	z-index:500;
	display:none;
}

div#footerWrapper {
	float: left;
	width: 100%;
	border-top:solid 1px #000;	
	background: url(/images/footer-bg.png) repeat-x top left;
	z-index:100;
	position:relative;
}

div#footerContainer {
	background: url(/images/overlay-bg.png) repeat top left;
	width: 980px;
	padding:0 10px;
	margin:0 auto;
	height:130px;
}

div#footer {
	float: left;
	width: 980px;
}
	
/* =Branding/Banner/Masthead Styling
-------------------------------------------------------------*/
a#homeLink {
	display: block;
	width: 164px;
	height: 79px;
	position: absolute;
	margin-top: 20px;
	text-decoration: none;
	left:0;
}

p.call {
	font-size:20px;
	font-weight:bold;
	text-align:right;
}

div#banner div p {
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	position:absolute;
}

div#banner div p.noScript {
	top:13px;
	left:17px;
}

p.rotatorTop {
	background: url(/images/rotator-left-bg.png) repeat-y top left;
	font-size:30px;
	padding-left:10px;
	height:45px;
	line-height:45px;
	top:0;
	margin:0;
	width:948px;
	left:0;
}

p.rotatorLeft {
	background: url(/images/rotator-left-bg.png) repeat-y top left;
	padding-left:10px;
	height:30px;
	line-height:30px;
	bottom:2px;
	margin:0;
	width:450px;
	left:0;
	display:none;
}

p.rotatorRight {
	background: url(/images/rotator-right-bg.png) repeat-y top right;
	right:0;
	padding-right:10px;
	height:30px;
	line-height:30px;
	bottom:2px;
	margin:0;
	width:450px;
	text-align:right;
	display:none;
}

p.rotatorLeft a, p.rotatorRight a, p.rotatorTop a {
	color:#FFF;
	display:block;
	height:30px;
	line-height:30px;
	cursor:pointer;
}

p.rotatorRight a { text-align:right; }

p.rotatorTop a {
	height:45px;
	line-height:45px;
}

p.rotatorLeft a:hover, p.rotatorRight a:hover, p.rotatorTop a:hover { color:#A21325; text-decoration:none; }

h2.Testimonials{
	background: url(/images/bg_dot.png) repeat-x scroll left bottom;
	padding:0 0 15px;
}

p.clientTestimonial {
		float: right;
		font-weight: bold;
}

p.postDate {
		color: #A21325;
}

/* =Main Content Styles
-------------------------------------------------------------*/
hr {
	background: url(/images/line-bg.png) no-repeat center top;
	border:0 none;
	height:4px;
	clear:both;
	margin:12px 0 5px 0;
}

div.halfLeft, div.halfRight {
	width:300px;
	float:left;
	padding-bottom:12px;
}

div.halfRight {
	float:right;
	margin-left:10px;
	width:320px;
}

a.check, a.holm, a.improvement, a.testimonial { margin-top:10px; display:block; }
a.holm {margin-top:4px; }
a.improvement {margin-top:13px; }
a.testimonial {margin-top:12px; }

ul.checks li {
	background: url("/images/list-bg.png") no-repeat left 3px;
	padding-left:30px;
	line-height:26px;
}

ul.checks a { color:#000; }

ul.checks a:hover { color:#A21325; }
ul.sitemap { width:315px; float:left; }
ul.sitemap li ul {
	list-style-type:disc;
	margin-left:15px;
}

ul.bullets li {
	background: url("/images/bullet-bg.png") no-repeat left 3px;
	padding-left:30px;
	line-height:26px;
}

ul.bullets a { color:#000; }
	
ul.sitemap li li {
	font-size:1em;
	background:none;
	padding:0;
}

ol li {
	margin-left:30px;
	line-height:26px;
	list-style-type:decimal;
}

ol.photo {
	float:left;
	width:420px;
}

div#feedback a {
	display:block;
	width:29px;
	height:102px;
}

div.galLeft, div.galRight, div.bioLeft, div.bioRight {
	width:316px;
	float:left;
	padding-top:10px;
	clear:both;
}
div.galLeft .top, div.galRight .top, div.bioLeft .top, div.bioRight .top {
	background:url(/images/gal-top-bg.png) top left no-repeat;
	height:10px;
	width:316px;
}
div.galLeft .middle, div.galRight .middle, div.bioLeft .middle, div.bioRight .middle, div.third .middle {
	background:url(/images/gal-bg.png) top left repeat-y;
	padding:2px 12px;
}
div.bioLeft .middle, div.bioRight .middle { min-height:175px; }
div.testimonials div.bioLeft .middle, div.testimonials div.bioRight .middle { min-height:80px; }

div.galLeft .bottom, div.galRight .bottom, div.bioLeft .bottom, div.bioRight .bottom {
	background:url(/images/gal-bot-bg.png) top left no-repeat;
	height:10px;
	width:316px;
}
div.galRight, div.bioRight {
	float:right;
	clear:right;
}
div.galLeft p, div.galRight p, div.bioLeft p, div.bioRight p {
	margin:0;
}
div.galLeft img, div.galRight img {
	padding-top:7px;
	width:287px;
	height:206px;
}
div.bioLeft p.name, div.bioRight p.name { float:right; color:#A21325; text-transform:uppercase; font-weight:bold; padding-right:5px; }
p.gallery { clear:both; padding-top:5px; float:left; width:637px; }
p.gallery img { float:left; }
p.gallery span { float:left; font-size:16px; font-weight:bold; padding:12px 0 0 5px; }
p.gallery a { float:right; padding:14px 0 0 5px; }

.hide {
	display:none;
}
img.border {
	border:#999 1px solid;
}
.clearLeft { clear:left; }
.clearRight { clear:right; }

div.third {
	width:204px;
	float:left;
	padding-top:10px;
	margin-right:10px;
}

div.third .top {
	background:url(/images/third-top-bg.png) top left no-repeat;
	height:10px;
	width:204px;
}

div.third .middle {
	background:url(/images/third-bg.png) top left repeat-y;
	min-height:200px;
}
div.roofing div.third .middle { min-height:171px; }

div.third .bottom {
	background:url(/images/third-bot-bg.png) top left no-repeat;
	height:10px;
	width:204px;
}

div.last { margin-right:0; }
div.block { display:block; height:10px; width:637px; float:left; }

/* =Secondary Content Styles
-------------------------------------------------------------*/
div#flashPlayer {
	position:relative;
}

div#flashPlayer p.rotatorTop {
	font-size:14px;
	position:absolute;
	font-weight:bold;
	height:25px;
	line-height:25px;
}

div#flashPlayer p.rotatorTop a {
	height:25px;
	line-height:25px;
}

#about h2 {
	line-height:1.2em;
}

ul.news {
	clear:left;
	margin:0 0 0 5px;
}

div.mapRight {
	float:right;
	width:215px;
}
div.mapRight img {
	width:215;
}

div#testimonialsNew {
	background: #E1E1E1 url(/images/even-bg.png) repeat-x scroll left top;
	padding: 10px;
	float: left;
	margin-top: 20px;
}

/* =Sidebar Content Styles
-------------------------------------------------------------*/


/* =Footer Styles
-------------------------------------------------------------*/
div#footer p {
	font-size:10px;
	text-transform:uppercase;
	line-height:21px;
}

p.links { float:left; }
.links a { margin-right:15px; color:#000; }

p.copy { float:right; }

div.links {	clear:both; float:left; margin:15px 0; }

div.social { float:right; }
div.social p { margin-top:15px; }
div.social a { float:right; margin-left:8px; }

/* =Main Navigation Styles
-------------------------------------------------------------*/
ul#mainNav {
	float:left;
	height:29px;
	text-align:center;
	position:absolute;
	left:186px;
	top:44px;
}

ul#mainNav li {
	float:left;
	height:29px;
}

ul#mainNav li a {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	line-height:29px;
	height:29px;
	margin:0 1px;
	padding:0 8px;
	display:block;
}

ul#mainNav li a:hover, ul#mainNav li:hover a, ul#mainNav li a.active {
	background-color:#300;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-decoration:none;
}

ul#mainNav li ul.dropNav {
	position: absolute;
	width: auto;
	left: -999em;
	background: url(/images/dropnav-bg.png) repeat left top;
	border-radius-bottomleft:10px;
	border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-radius-bottomleft:10px;
	-webkit-border-radius-bottomright:10px;
}

ul#mainNav li:hover ul.dropNav { left: auto; }

ul#mainNav li ul.dropNav li {
	width: auto;
	padding: 0;
	line-height:29px;
	height:29px;
	background: none;
	border-right:none;
	float:none;
}

ul#mainNav li ul.dropNav li a {
	background-color: transparent;
}

ul#mainNav li ul.dropNav li a:hover {
	background-color: #300;
}

/* =Secondary Navigation Styles
-------------------------------------------------------------*/
ul#subNav {
	float:left;
	height:30px;
	text-align:center;
	position:absolute;
	top:81px;
	right:0;
}

ul#subNav li {
	float:left;
	height:30px;
}

ul#subNav li a {
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	margin:0 10px;
}

ul#subNav li a:hover, ul#subNav li a.active {
	color:#a21325;
	text-decoration:none;
}
ul#subNav li a.last {
	margin-right:0;
}

ul#subNav li ul.dropNav {
	position: absolute;
	width: auto;
	background-color:#fff;
	border: 1px solid #000000;
	top:30px;
	left:-9999em;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-radius-bottomleft:10px;
	-webkit-border-radius-bottomright:10px;
}
ul#subNav li:hover ul.dropNav { left: auto; }
ul#subNav li ul.dropNav li {
	width: auto;
	padding: 0;
	line-height:25px;
	height:auto;
	background: none;
	border-right:none;
	float:none;
}
ul#subNav li ul.dropNav li a {
	background-color: transparent;
	display:block;
	line-height:25px;
	margin:0;
	padding:0 10px;
}
ul#subNav li ul.schedule li a {
	line-height:16px;
	padding:4px 10px;
}
ul#subNav li ul.dropNav li a:hover {
	background-color: #a21325;
	color:#FFF;
	-moz-border-radius-bottomleft:9px;
	-moz-border-radius-bottomright:9px;
	-webkit-border-radius-bottomleft:9px;
	-webkit-border-radius-bottomright:9px;
}
/* =Form Styles
-------------------------------------------------------------*/
form p {
	line-height:31px;
	margin-bottom:10px;
}
select, textarea, input {
	width:234px;
	padding: 6px;
	border:solid 1px #999;
	float:left;
}
textarea {
	width:220px;
	height:100px;
}
form input {
	width: 220px;
	font-size:14px;
	float:right;
	margin-right:17px;
}
form input.submitNews, form input.submit {
	width: auto;
	margin-bottom:0;
	padding:0;
	border:none;
}
form#contact { float:left; }
form#contact div, form#appointment div {
	clear:both;
	position:relative;
}
form#contact p, form#appointment p {
	float:left;
	width:160px;
	margin:5px 0;
}
form#contact input, form#appointment input {
	float:left;
	width:220px;
	margin:5px 0;
}
select, textarea { margin:5px 0; }
form#contact input.submit, form#appointment input.submit { width:auto; }
form#contact .error, form#appointment .error {
	color:#A21325;
	font-size:12px;
	float:left;
}
form#contact input.error, form#contact textarea.error, form#appointment input.error, form#appointment textarea.error, form#appointment select.error {
	font-size:14px;
	background-color:#ffeef0;
}
form#contact p.error, form#appointment p.error  { width:auto; }
form#contact p.full, form#appointment p.full {
	width:152px;
	margin-left:160px;
}
form#contact label.error, form#appointment label.error {
	position:absolute;
	right:17px;
	float:none;
	text-align:right;
	width:auto;
	top:14px;
}
form#appointment label.error {
	right:220px;
}
form#quickcontactretry p {
	width:251px;
	float:left;
	clear:both;
}
form#appointment p {
	width:190px;
}
form#appointment p.full {
	margin-left:190px;
}
form#searchform input {
	float:left;
	margin-top:15px;
}
form#searchform input.search {
	width:auto;
	padding:1px 0 0 0;
	border:none;
}
form#contact p.submit, form#appointment p.submit { width:auto; }

form#quickcontactretry, div#spammer, div#noMoreChances, div#thanks, div.loading { display:none; }
.cont400 { width:400px; }

div.loading { background:url(/images/loading.gif) 213px bottom no-repeat; height:25px; display:block; }

div#thanks {
	margin-top:5px;
	padding:0 10px 10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:solid 1px #A21325;
	background:url("/images/table-bg-1.png") repeat top left;
}

/* =Table Styles
-------------------------------------------------------------*/
table { 
  	border-spacing: 0;
	border-collapse: collapse;
}
td {
  	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	padding:5px;
	font-size:12px;
}
table.warranty {
	border:solid 1px #999;
}
table.warranty td {
	border-bottom:solid 1px #999;
}
table td.h2 {
	vertical-align:bottom;
	border-bottom:none;
}
table h2 {
	line-height:1.2em;
	margin:0;
}
table td.head {
	background-image:url(/images/dropnav-bg.png);
	color:#fff;
	text-align:center;
	border-bottom:none;
}
table td.head img {
	display:block;
	margin:0 auto 5px auto;
}
table td.red {
	background-color:#A21325;
}
table td.red h3 {
	color:#FFF;
	margin:0;
}
table td.bg3, table td.bg2, table td.bg1 {
	text-align:center;
}
table td.bg3 {
	background-image:url(/images/table-bg-3.png);
}
table td.bg2 {
	background-image:url(/images/table-bg-2.png);
}
table td.bg1 {
	background-image:url(/images/table-bg-1.png);
}
	

/* =Miscellaneous Styles
-------------------------------------------------------------*/
div.embed { margin-top:15px; }

/* -- Greybox -- */
#GB_overlay {
  background-image: url(/images/overlay.png); 
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 1000;
  width:  100%;
  height: 100%;
}

#GB_window {
  top: 10px;
  left: 0px;
  position: fixed;
  background-image: url(/images/overlay.png); 
  border: 1px solid #aaa;
  overflow: auto;
  width: 920px;
  height: 580px;
  z-index: 1500;
  padding:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 506px;
}

div#GB_window .gallery {
  height: 362px;
  background-color:#000;
}

div#GB_window .system {
  width:840px;
  padding-left:5px;
  background-color:#003;
}

#GB_caption {
  font-size: 12px;
  font-weight:bold;
  color: #fff;
  background: #A21325;
  padding: 5px 0 5px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}

div#bannerTestimonials {
	float: left;
	width: 370px;
	background: url(/images/testimonials-banner-bg.png) no-repeat top center;
	padding:15px 0 10px 0px;
	margin-left:140px;
}

div#SliderHome .sliderContainer {
	width:500px;
	height:200px;
	overflow:hidden;
	position:relative;
	float: left;
}

.sliderContainer {
	float:left;
	overflow:hidden;
	position:relative;
	height: 191px;
}

#loopedSliderHome, #newsSlider {
	clear:both;
	margin:0 auto;
	position:relative;
	width:360px;
}

div#SliderHome div.slides {
	position:absolute;
	top:0;
	left:0;
}

div#SliderHome div.slides div {
	position:absolute;
	top:0;
	width:342px;
	display:none;
	padding:0;
	margin:0;
}

#SliderHome, #newsSlider {
	margin:0 auto;
	width:342px;
	position:relative;
	clear:both;
}

div#previousButton {
	float: left;
	width: 30px;
	margin-right: 10px;
	padding-top: 75px;
}

div#nextButton {
	float: right;
	width: 30px;
	padding-top: 40px;
}

div#SliderHome div.sliderContainerHome div.slidesHome div p {
	margin-left: 65px;
}

div#loopedSliderHome a.previous, div#loopedSliderHome a.previous:visited, div#loopedSliderHome a.next, div#loopedSliderHome a.next:visited {
margin-top:100px;
}


/* Faq List */
#faq div { padding:5px 15px; border:1px solid #999; background-image:url(/images/table-bg-1.png); }
#faq div p { margin:0; padding-top:.5em; }
#faq div.faqcontent { padding:0 15px 6px 15px; border-top:none; margin-bottom:5px; }
#faq h2 { color:#000; line-height:1.25em; }
#faq h2.faqopened, #faq h2.faqclosed { cursor:pointer; padding:5px 0 5px 15px; border-bottom: 1px solid #999; margin:0; }
#faq h2.faqclosed:hover { color:#a21325; }
#faq h2.faqclosed { background:url(/images/plus.gif) no-repeat left 10px; }
#faq h2.faqopened { color:#a21325; background:url(/images/minus.gif) no-repeat left 10px; }
#faq div img { float:right; border:1px solid #999; margin:10px 0 5px 15px; width:100px; }
#faq div div { padding:0; border:none; background:none; }

/* ListNav Plugin */
#glossary li { border-bottom:1px solid #a21325; padding:4px 0; text-indent:-15px; padding-left:15px; }
.listNav { margin:0 0 10px; padding-top:5px;}
.ln-letters { overflow:hidden; }
.ln-letters a { font-size:12px; display:block; float:left; width:22px; border:1px solid #999; border-right:none; text-decoration:none; text-align:center; height:17px; line-height:17px; }
.ln-letters a.all { width:36px; }
.ln-letters a.ln-last { border-right:1px solid #999; }
.ln-letters a:hover { background-color:#999; color:#fff; }
.ln-letters a.ln-selected { background-color:#a21325; color:#fff; border:1px solid #a21325; }
.ln-letters a.ln-disabled { color:#999; }
.ln-letters a.ln-disabled:hover { cursor:default; background-color:transparent; color:#999; }






/* =Print Styles
-------------------------------------------------------------*/
@media print { 

}