/*
Elevations Marketing
http://elevations.ca
Coded by Steve Ariss

*/       

/**** 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: #d0d0d0; line-height: 1; text-align: center; color: black; }
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;}
a.learnMore					{ display: block; width: 83px; height: 25px; text-indent: -9999px; margin: 5px 0px 5px 0px; background: url(../images/nav-Sprites.png) left -24px no-repeat; overflow: hidden; }
a:hover.learnMore			{ background: url(../images/nav-Sprites.png) -83px -24px no-repeat; }


/******** STRUCTURE ********/
.clear						{ clear: both; }
.top						{ width: 100%; float: left; background: white url(../images/main-backgroundLoop.png) repeat-x; }
.bottom						{ width: 100%; float: left; background: url(../images/footer-backgroundLoop.png) repeat-x;}

.pageWrap					{ width: 960px; position: relative; margin: 0 auto; } /* Centers the content on the page */
.header						{ width: inherit; height: 112px; float: left; margin: 0px;}
.content					{ width: inherit; float: left; text-align: left;}

.footerWrap					{ width: 963px; height: 239px; position: relative; margin: 0 auto;}
.footerContent				{ width: inherit; float: left;}
.footerBox					{ width: 321px; height: 152px; margin-top: 10px; text-align: left; display: inline-block; float: left; }
.footerBox .top				{ float: left; width: 100%; height: 7px; background: url(../images/nav-Sprites.png) left -49px no-repeat; }
.footerBox .content			{ float: left; width: 274px; height: 125px; margin: 0px 7px 0px 7px; padding: 0px 15px 0px 15px; border-left: 2px solid #f6f6f6; border-right: 2px solid #f6f6f6; background:url(../images/footerBox-background.png) repeat-x;  }
.footerBox .bottom			{ float: left; width: 100%; height: 20px; background: url(../images/nav-Sprites.png) left -56px no-repeat; }
.footerBox .content img		{ float: right;margin: 5px 0px 0px 10px; }
.footerBox.promotion .content img		{ float: none; display:block; margin: 5px 0 0 -10px;  }
.footerBox.mikesGarage .content img		{ float: none; display:block; margin: 5px 0 0 -6px;  }
.footerBox.mikesGarage .content p { margin-top: 5px;}
.footerBox.mikesGarage .content a { text-decoration: none;}
.footerBox.mikesGarage .content a:hover { text-decoration: underline;}
.footerBox p b 				{ color: #df0000;}
/*ul.footer li				{ display: inline-block; }*/


/******** TYPOGRAPHY *******/
.logo						{ float: left; text-indent: -9999px; margin: 14px 0px 0px 30px; background: url(../images/RWGDS-mainLogo.png) no-repeat; }
.logo a						{ display: block; width: 364px; height: 83px; overflow: hidden; }
.tagline					{ display: block; font-size: 16px; line-height: 40px; color: white;}
.copyright					{ font-size: 10px; color: #666666; }
.footerBox h4				{ display: block; font-size: 14px; font-weight: bold; line-height: 20px; color: #df0000; border-bottom: 1px solid #9a9a9a; }
.footerBox p				{ font-size: 11px; line-height: 14px; margin-top: 8px; }
.footerBox.promotion p				{ font-size: 11px; line-height: 14px; margin-top: 0px; text-align: center; }


/********* MAIN NAV ********/
ul.nav						{ width: 334px; height: 14px; float: right; margin: 56px 20px 0px 0px; overflow: hidden; }
ul.nav li					{ float: left; text-indent: -9999px; margin: 0px 20px 0px 0px; }

li.home a:link,
li.home a:visited, 
li.home a:active 			{ display: block; width: 43px; height: 12px; background: url(../images/nav-Sprites.png) 0px top; overflow: hidden; }
li.home a:hover				{ background: url(../images/nav-Sprites.png) 0px -12px; }

li.residential a:link,
li.residential a:visited, 
li.residential a:active		{ display: block; width: 92px; height: 12px; background: url(../images/nav-Sprites.png) -43px top; overflow: hidden; }
li.residential a:hover		{ background: url(../images/nav-Sprites.png) -43px -12px; }

li.commercial a:link,
li.commercial a:visited, 
li.commercial a:active		{ display: block; width: 93px; height: 12px; background: url(../images/nav-Sprites.png) -135px top; overflow: hidden; }
li.commercial a:hover		{ background: url(../images/nav-Sprites.png) -135px -12px; }

li.about a:link,
li.about a:visited, 
li.about a:active			{ display: block; width: 50px; height: 12px; background: url(../images/nav-Sprites.png) -228px top; overflow: hidden; }
li.about a:hover			{ background: url(../images/nav-Sprites.png) -228px -12px; }

li.contact a:link,
li.contact a:visited, 
li.contact a:active			{ display: block; width: 66px; height: 12px; background: url(../images/nav-Sprites.png) -278px top; overflow: hidden; }
li.contact a:hover			{ background: url(../images/nav-Sprites.png) -278px -12px; }


/* Auto Nav Selection */
#home_page li.home a:link,#home_page li.home a:visited, #home_page li.home a:active, 
#residential_page li.residential a:link,#residential_page li.residential a:visited, #residential_page li.residential a:active,
#commercial_page li.commercial a:link,#commercial_page li.commercial a:visited, #commercial_page li.commercial a:active,
#about_page li.about a:link,#about_page li.about a:visited, #about_page li.about a:active,
#contact_page li.contact a:link,#contact_page li.contact a:visited, #contact_page li.contact a:active 
							{ border-bottom: 2px solid #df0000; }

/******* FOOTER NAV ********/
p.footerNav					{ font-size: 11px; line-height: 20px; }
p.footerNav a:link,
p.footerNav a:visited,
p.footerNav a:active		{ color: #666666; margin: 0px 5px 0px 5px; }