/*
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,						{ 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: 5px; background: #f5f5f5 url(../images/header_bg.png) repeat-x; }

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

.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; }

.footer1									{ 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; }

#facebook-box								{ padding: 3px 261px 7px 0px; background: #DFDFDF; }
#facebook-box p								{ padding: 7px 0px 0px 30px; font-size:0.71em; float: right; }
#facebook-box p	a							{ color: inherit; text-decoration: none; }
#facebook-box p a span						{ color: #3B5998; background: url(../images/facebook-small.gif) top left no-repeat; 
											  padding-left: 16px; margin-left: 3px; }
#facebook-box p a span:hover				{ color: #4d75cc; }

/********* MAIN NAV ********/
.navWrap									{ width: 970px;}


#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; }


.head{background: url(../images/heading_bg.png) repeat-x; width: 921px; height: 76px; }

.head h1{
font-size:48px;
color:#666666;
text-align:left;
padding:10px 0px 0px 35px;}

.head h1 span{
color:#333333;
font-weight:bold;}




.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;}

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

.clear-both {
	clear:both;
	margin:0px;
	padding:0px;
}

.sales-bannner {
	width:100%;
	background:#FFFFFF;

}


.sales-bannner-bg {
	width:949px;
	height:515px;
	padding:0px 18px 0px 0px ;
	margin:0px auto;
	background:url(../images/home-banner.jpg) no-repeat;
}

.facebook-recomend {
	width:394px;
	float:left;
	padding:15px 0px 0px 40px ;
}

.ad-links-top {
  float: right;
    padding-top: 10px;
    width: 488px;
	
}

.ad-links-top img {
	float:left;
	
}

.banner-list {
	margin:0px 0px 0px 0px ;
	padding:168px 0px 0px 0px ;
	width:500px;
	float:left;
}

.banner-list ul {
margin:0px 0px 50px 40px ;
padding:0px;
list-style:none;
}

.banner-list li {
	margin:0px 0px 0px 0px ;
	padding:5px 0px 5px 0px ;
	background:url(../images/li-sep.jpg) no-repeat bottom left;
	text-align:left;
	font-size:13px;
}

.logo-link {
	width:156px;
	height:200px;
	float:right;
	margin:190px 20px 0px 0px ;
	
}

.free-design {
	width:250px;
	height:54px;
	background:url(../images/free-design-consultation.png) no-repeat top;
	display:block;
	float:left;
}

.free-design:hover {
	width:250px;
	height:54px;
	background:url(../images/free-design-consultation.png) no-repeat  bottom;
	display:block;
}

.free-design {
	width:250px;
	height:54px;
	background:url(../images/free-design-consultation.png) no-repeat top;
	display:block;
	float:left;
	margin:0px 0px 0px 18px ;
}

.free-design:hover {
	width:250px;
	height:54px;
	background:url(../images/free-design-consultation.png) no-repeat  bottom;
	display:block;
}

.free-estimate {
	width:177px;
	height:46px;
	background:url(../images/free-estimate.png) no-repeat top;
	display:block;
	float:right;
	margin:10px 30px 0px 0px ;
}

.free-estimate:hover {
	width:177px;
	height:46px;
	background:url(../images/free-estimate.png) no-repeat bottom;
}

/* inner banner starts here*/


.sales-bannnerinner-bg {
	width:949px;
	height:336px;
	padding:0px 18px 0px 0px ;
	margin:0px auto;
	background:url(../images/inner-main-banner.jpg) no-repeat;
}

.facebook-recomend-inner {
	width:500px;
	float:left;
	padding-top:15px; 
}
 

.ad-links-inner {
	width:370px;
	float:right;
	padding-top:0px;
	
}

.ad-links-inner img {
	float:left;
	
}

.banner-list-inner {
	margin:80px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
	width:500px;
	float:left;
}

.banner-list-inner ul {
margin:0px 0px 15px 28px ;
padding:0px;
list-style:none;
}

.banner-list-inner li {
	margin:0px 0px 0px 0px ;
	padding:4px 0px 4px 0px ;
	background:url(../images/li-sep.jpg) no-repeat bottom left;
	text-align:left;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}



.logoiner-link {
	width:130px;
	height:161px;
	float:right;
	margin:100px 20px 0px 0px ;

	
}

.free-design-inner {
	width:250px;
	height:54px;
	background:url(../images/free-design-consultation.png) no-repeat top;
	display:block;
	float:left;
	margin:0px 0px 0px 18px ;
}

.free-design-inner:hover {
	width:250px;
	height:54px;
	background:url(../images/free-design-consultation.png) no-repeat  bottom;
	display:block;
}



.free-estimate-inner {
	width:177px;
	height:46px;
	background:url(../images/free-estimate.png) no-repeat top;
	display:block;
	float:right;
	margin:10px 30px 0px 0px ;
}

.free-estimate-inner:hover {
	width:177px;
	height:46px;
	background:url(../images/free-estimate.png) no-repeat bottom;
}

.homecontent-area{width:980px; margin:auto; text-align:left; color:#7a7a7a;
	font-family:Arial, Helvetica, sans-serif;}

.homecontent-area p{ 
     font-size:13px;
     color:#838383;
	 font-weight:normal;
	 padding:0px 0px 10px 0px;
	 line-height:18px;}
	 
.homecontent-area a{
color:#8d8d8d;
text-decoration:underline;}	 
	 
.homecontent-area a:hover{
color:#8d8d8d;
text-decoration:none;}	 

.homecontent-area p strong{
	color:#8d8d8d;}

.homecontent-area h1{
	font-size:19px;
	margin:0px 0px 13px 0px ;
	 padding:18px 0px 5px 0px;
	 border-bottom:1px solid #484848;
	color:#999;}
	
.nav .navWrap .menu-new{
	margin:0px;
	padding:0px;
	list-style:none;}	
	
.nav .navWrap .menu-new li{
	margin:0px; 
	float:left;
	color:#FFF;  
	padding:1px 2px 2px 2px;
	border-right:1px solid #701400;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;}	
	
.nav .navWrap .menu-new li a{
	display:block; 
	font-size:13px;
	padding:13px 12px 10px 12px;
	color:#FFF;
	text-decoration:none;}
	
.nav .navWrap .menu-new li a:visited{
	color:#FFF;
	text-decoration:none;}
	
.top .nav .navWrap .menu-new .active{ 
	display:block; 
	font-size:13px;	
	padding:13px 12px 10px 12px;
	color:#ffaea0;
	text-decoration:none;}

.nav .navWrap .menu-new li a:hover{
	text-decoration:none;
	color:#ffaea0;  }