/*
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, body, #bg, #bg table, #bg td, #cont		{ height: 100%; width: 100%; overflow: hidden;}
html									{ overflow: auto; }

body 									{ background: #3f71db; line-height: 1; text-align: center; color: #3a5a8a;}
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, a:visited				{ color: #5692eb; font-weight: bold; }
a:hover									{ color: #3a5a8a; text-decoration: underline; }
strong									{ font-weight: bold;}
hr										{ display: none; }
p										{ font-size: 12px; line-height: 18px; padding-bottom: 14px; }

.floatleft								{ float: left; }
.floatright								{ float: right; }
.clear									{ clear: both; }
.center									{ position: relative; margin: 0 auto;} /* Centers any content on the page */


/******** STRUCTURE ********/
/**      Backgrounds      **/
#bg 									{ position: fixed; *left: 0; }
#bg div 								{ height:200%; width:200%; left:-50%; top:-50%; position:absolute; }
#bg td 									{ text-align:center; vertical-align:middle; }
#bg img 								{ margin:0 auto; min-height:50%; min-width:50%; }

/**      Page Wrap (Makes content Scrollable      **/
#cont									{ right: 0px; top: 0px; overflow: auto; position: absolute; z-index: 70; }
#page-wrap								{ height: 100%; position: relative; z-index: 80; /* overflow: auto */overflow: hidden; min-width: 1000px; min-height: 450px;}


/******** HEADER *******/
.top									{ width: 100%; height: 172px; position: absolute; z-index: 10; left: 0px; padding-top: 35px; background: url(../images/top_grad_loop.png) repeat-x; }
.logoWrap								{ width: 404px; height: 82px; float: left; background:url(../images/sprites.png) 0px 0px no-repeat; }
.logoWrap_cap							{ width: 10px; height: 82px; float: left; background: url(../images/sprites-png24.png) -128px 0px no-repeat; }
h1.logo	a								{ width: 120px; height: 133px; float: left; margin: -22px 12px 0px 32px; text-indent: -9999px; background: url(../images/sprites-png24.png) 0px 0px no-repeat;}
h2.tag									{ width: 234px; height: 44px; float: left; margin: 20px 0px 0px 0px; text-indent: -9999px; background: url(../images/sprites.png) 0px -83px no-repeat;}

/********* MAIN NAV ********/

#welcome, #products, #showroom, 
#history, #contact						{ position: absolute; top: 0px; z-index: 100; }

#news, #clearance						{ position: absolute; bottom: 0px; z-index: 10; }

#welcome a, #products a, #showroom a,
#history a, #contact a, #news a, 
#clearance a							{ height: 30px; display: block; text-indent: -9999px; background: url(../images/sprites-png24.png) no-repeat; }

#news a, #clearance a					{ height: 24px; }

#welcome, #welcome a					{ right: 440px; width: 93px; background-position: 0px -272px; }
#products, #products a					{ right: 345px; width: 88px; background-position: 0px -136px; }
#showroom, #showroom a 					{ right: 237px; width: 101px; background-position: 0px -170px; }
#history, #history a					{ right: 151px; width: 79px; background-position: 0px -204px; }
#contact, #contact a					{ right: 40px; width: 104px; background-position: 0px -238px; }
#news, #news a							{ right: 280px; width: 205px; background-position: 0px -314px; }
#clearance, #clearance a				{ right: 65px; width: 205px; background-position: 0px -341px; }


#products a:hover, #showroom a:hover,
#history a:hover, #contact a:hover		{ background-position-x: -108px; }

#news a:hover, #clearance a:hover		{ background-position-x: -216px; }

a#close									{ background-position-x: -216px; }
a#close:hover							{ background-position-x: -324px; }


/********* PHOTO NAV ************/
#photoNav								{ bottom: 41px; left: 40px; height: 21px; overflow: hidden; position: absolute; z-index: 5; }
#photoNav a								{ background: #5692eb; color: white; float: left; font-weight: bold; margin-right: 3px; padding: 3px; overflow: hidden; width: 21px; }
#photoNav a:hover, 
#photoNav a.activeslide					{ background: white; color: #7098c2; text-decoration: none; }

/********* FOOTER NAV ************/
.footer									{ bottom: 20px; left: 40px; position: absolute; z-index: 5; font-size: 10px; color: white;}


/********CONTENT AREA************/
#welcomeLoad							{ position: absolute; top: -500px; right: 20px; z-index: 50; overflow: auto; overflow-x: hidden; }
#productsLoad							{ position: absolute; top: -500px; right: 20px; z-index: 50; overflow: auto; overflow-x: hidden; }
#showroomLoad							{ position: absolute; top: -500px; right: 20px; z-index: 51; overflow: auto; overflow-x: hidden; }
#historyLoad							{ height: 360px; position: absolute; top: -500px; right: 20px; z-index: 52; overflow: auto; overflow-x: hidden;}
#contactLoad							{ position: absolute; top: -500px; right: 20px; z-index: 53; overflow: auto; overflow-x: hidden;}
#newsLoad								{ position: absolute; bottom: -600px; right: 45px; z-index: 54; overflow: auto; overflow-x: hidden;}
#clearanceLoad							{ position: absolute; bottom: 0px; right: 65px; z-index: 55; overflow: auto; overflow-x: hidden;}

.contentWrap							{ width: 550px; float: left; background: white; padding: 20px; text-align: left; }
.newsContentWrap						{ width: 440px; float: left; background: white; padding: 15px; text-align: left; }
.clearanceContentWrap					{ width: 175px; float: left; background: white; padding: 15px; text-align: left; }
.topFade								{ width: 545px; height: 18px; position: fixed; z-index: 55; background: url(../images/topFade.png) repeat-x; overflow: hidden; }
.btmFade								{ width: 545px; height: 23px; position: fixed; margin-top: 337px; z-index: 55; background: url(../images/btmFade.png) repeat-x; overflow: hidden;}


#welcomeContent h2						{ width:131px; height: 39px; display: block; text-indent: -9999px; margin-bottom: 10px; background:url(../images/sprites.png) 0px -161px; }

#productsContent h2						{ width:122px; height: 39px; display: block; text-indent: -9999px; margin-bottom: 10px; background:url(../images/sprites.png) 0px -128px; }
#productsContent ul						{ float: left; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; display:inline;}
#productsContent ul li a				{ width: 100%; padding: 0px; line-height: 18px; float: left; margin: 0px; border-bottom: dotted 1px white; border-top: dotted 1px white;}
#productsContent ul li a:hover			{ text-decoration: none; background: #f6faff; border-bottom: dotted 1px #5692eb; border-top: dotted 1px #5692eb;}
#productsContent #prodLogos				{ width:auto; float: left; border: 2px solid #5692eb; margin: 0px 0px 0px 5px; padding: 15px 0px;}

#showroomContent h2						{ width:153px; height: 39px; display: block; text-indent: -9999px; margin-bottom: 10px; background:url(../images/sprites.png) -124px -128px; }

#showroomContent ul						{ *margin-left:-5px;}
#showroomContent ul li					{ *float: left; }
#showroomContent ul li a				{ float: left; *float:none; display: inline; *display: block; border: 2px solid #fff;}
#showroomContent ul li img				{ border: 5px solid #fff; }
#showroomContent ul li a:hover			{ border: 2px solid #5692eb;}

#historyContent h2						{ width:98px; height: 39px; display: block; text-indent: -9999px; margin-bottom: 10px; background:url(../images/sprites.png) -278px -128px; }
#historyContent p						{ padding-right: 10px; }
#historyContent img						{ float: right; margin: 10px 5px; }

#contactContent h2						{ width:154px; height: 39px; display: block; text-indent: -9999px; margin-bottom: 10px; background:url(../images/sprites.png) -379px -128px; }
#contactContent h3						{ font-size: 14px; font-weight: bold; color: #5692eb; display: block; margin: 3px -5px 5px -5px; padding: 5px; border-bottom: dotted 1px #5692eb; background: #f6faff;}
#contactContent .column					{ width: 250px; float: left; }
#contactContent p span					{ font-size: 9px; font-weight: normal; color: #3a5a8a; }
#contactContent #map					{ float: right; margin: -55px -5px 5px 10px; border: 2px solid #5692eb;}

#newsContent h3							{ width: 430px; font-size: 12px; font-weight: bold; color: #5692eb; float: left; clear: both; display: block; margin-bottom: 5px; padding: 5px;  
										border-bottom: dotted 1px #5692eb; background: #f6faff;}
#newsContent h3 span					{ width: 100%; font-size: 10px; font-weight: normal; color: #3a5a8a; float: left; clear: both; padding-top: 4px; }
#newsContent p							{ padding: 0px 5px 15px 5px; font-size: 10px; line-height: 14px;}

/******* FOOTER NAV ********/