/*
Elevations Marketing
http://elevations.ca
*/       

/******** GLOBALS & RESETS *****/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}

html										{ overflow-y: scroll; overflow-x: hidden; }
html, body									{ height: 100%;	}
body 										{ background: #232323; line-height: 1; text-align: center; color: #3d3d3d; }
ol, ul 										{ list-style: none; }
table 										{ border-collapse: separate; border-spacing: 0; }
caption, th, td 							{ font-weight: normal; text-align: left; }
a											{ outline: none; text-decoration: none; }
a:link, a:active							{ color: #df0000; }
a:visited									{ color: #982325; }
a:hover										{ text-decoration: underline; }
strong										{ font-weight: bold;}

.floatleft									{ float: left; }
.floatright									{ float: right; }


/******** STRUCTURE ********/
.clear										{ clear: both; }
.center										{ position: relative; margin: 0 auto;} /* Centers any content on the page */
.header										{ width: 100%; float: left; padding-top: 31px; background: #f5f5f5 url(../images/header_bg.png) repeat-x; }

.nav										{ width: 100%; float: left; background: url(../images/nav_bg.png) repeat-x; }

.content									{ width: 100%; float: left; border-top: #dcdcdc 1px solid; border-bottom: #e9e9e9 2px solid; background: url(../images/contentAreaWrap_bg.png) repeat; }
#home_page .content							{ display: none; }

.footer										{ width: 100%; float: left; background: url(../images/footer_bg.png) repeat-x; } 
.footerWrap									{ width: 930px; height: 90px; text-align: center; padding: 20px 0px 0px 0px;}


/******** HEADER *******/
.header h1									{ width: 970px; height: 345px; text-indent: -9999px; background: url(../images/header.jpg) no-repeat; }
.logos										{ width: 970px; height: 125px; background: url(../images/header_btm.jpg) no-repeat; }
.logos .homeStars							{ width: 111px; height: 52px; float: left; margin: 36px 0px 0px 159px; }
.logos .rwdoors								{ width: 303px; float: left; margin: 20px 60px; }
.logos .BBB									{ width: 111px; float: left; margin-top: 36px; }


/********* MAIN NAV ********/
.navWrap									{ width: 970px;}
.navWrap .left								{ width: 75px; height: 54px; float: left; background: url(../images/nav-sprites.png) 0px 0px; }
.navWrap .right								{ width: 78px; height: 54px; float: left; background: url(../images/nav-sprites.png) -76px 0px; }

#navigation 								{ width: 817px; height: 54px; float: left;}
#navigation li								{ float: left; text-indent: -9999px; }
#navigation a,
#navigation a .hover						{ height: 54px; position: relative; display: block; background: url(../images/nav-sprites.png) 0 0 no-repeat; overflow: hidden; }


#navigation a.home							{ width: 79px; background-position: 0px -54px; }
#navigation .highlight a.home:hover,
#navigation a.home .hover 					{ background-position: 0px -108px; }

#navigation a.doors							{ width: 156px; background-position: -79px -54px }
#navigation .highlight a.doors:hover,
#navigation a.doors .hover					{ background-position: -79px -108px; }

#navigation a.openers						{ width: 94px; background-position: -235px -54px; }
#navigation .highlight a.openers:hover,
#navigation a.openers .hover				{ background-position: -235px -108px; }

#navigation a.gallery						{ width: 84px; background-position: -329px -54px; }
#navigation .highlight a.gallery:hover,
#navigation a.gallery .hover				{ background-position: -329px -108px; }

#navigation a.why							{ width: 206px; background-position: -413px -54px; }
#navigation .highlight a.why:hover,
#navigation a.why .hover					{ background-position: -413px -108px; }

#navigation a.service						{ width: 86px; background-position: -619px -54px; }
#navigation .highlight a.service:hover,
#navigation a.service .hover				{ background-position: -619px -108px; }

#navigation a.contact						{ width: 112px; background-position: -705px -54px; }
#navigation .highlight a.contact:hover,
#navigation a.contact .hover				{ background-position: -705px -108px; }


/* AUTO NAV SELECTION */
#doors_page #navigation a.doors				{ background-position: -79px -162px; }
#openers_page #navigation a.openers			{ background-position: -235px -162px; }							
#gallery_page #navigation a.gallery			{ background-position: -329px -162px; }							
#why_page #navigation a.why					{ background-position: -413px -162px; }
#service #navigation a.service				{ background-position: -619px -162px; }													
#contact_page #navigation a.contact			{ background-position: -705px -162px; } 


/******* Z-INDEX ELEMENTS ********/

#corner-badge								{ width: 241px; height: 143px; z-index: 99; position: fixed; top: 0px; right: 0px; background: url(../images/corner-badge.png) no-repeat; }
#corner-badge h2							{ text-indent: -9999px }


/********CONTENT AREA************/
/* HEADINGS*/
.heading									{ width: 923px; float: left; }
.heading .top								{ width: 923px; height: 10px; float: left; background: url(../images/png24-Sprites.png) 0px -28px no-repeat; }
.heading .pageTitle							{ width: 921px; height: 76px; float: left; border: #f7f7f7 1px solid; border-bottom-color: #d5d5d5; background: url(../images/heading_bg.png) repeat-x; }
.heading .bottom							{ width: 923px; height: 6px; float: left; background: url(../images/png24-Sprites.png) 0px -38px no-repeat; }

.pageTitle h2								{ width: 600px; height: 55px; float: left; margin: 15px 0px 0px 40px; text-indent: -9999px; background: url(../images/heading-Sprites.png) 0px 0px no-repeat; }
h2.products									{ background-position: 0px 0px;}
h2.promotions								{ background-position: 0px -55px;}
h2.openers									{ background-position: 0px -353px;}
h2.gallery									{ background-position: 0px -408px;}
h2.why										{ background-position: 0px -110px; }
h2.service									{ background-position: 0px -298px; }
h2.contact									{ background-position: 0px -165px; }

/* CONTENT */
.contentShadow								{ width: 923px;}
.contentWrapper								{ padding: 0 20px; float: left; background: url(../images/contentShadow.png) repeat-y;}
.contentBtm									{ width: 923px; height: 28px; float: left; background: url(../images/png24-Sprites.png) 0px 0px; }

.contentWrapper p							{ line-height: 20px; text-align: left; margin-bottom: 20px; }

/******* FOOTER NAV ********/
.footerTop									{ width: 100%; height: 10px; float: left; background: url(../images/footer_shadow.png) }
.footerNav									{ font-size: 12px; color: white; line-height: 30px; text-align: center; }
.footerNav a:link,
.footerNav a:visited,
.footerNav a:active							{ color: white; margin: 10px 10px 0px 10px; }

.footerNav p.copyright						{ font-size: 10px; line-height: 10px; color: #666666; }

img.footer_AllCityLogo						{ float: left; margin-left: 10px; }
img.footer_rwLogo							{ float: right; margin-right: 10px;  }