/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




html, body{ 
	background:#d6dedc;
	background-image:url(images/bg.png); background-repeat:repeat-x;
	font-family: 'Century Gothic',CenturyGothic,Lato,'Trebuchet MS',Helvetica,sans-serif;
	color:#FFFFFF;
	font-size:14px;
	
}
a,a:link,a:active,a:visited{
	text-decoration:none;
	color:#581D1A;
}



h1{font-size:19px; text-transform:uppercase; font-weight:700;}
h2{font-size:21px; text-transform:uppercase; font-weight:700;}
h3{font-size:18px; font-weight: 700; text-transform: uppercase; color:#6f1200;}
.wrapper{
	width:960px; 
    -webkit-box-shadow:  0px 0px 30px 5px rgba(0, 0, 0, 1);
    box-shadow:  0px 0px 30px 5px rgba(0, 0, 0, 1);
	height:100%;
	min-height:100%;
	background:#b2c5c1;
	margin:0 auto;
}

#header{
	width:960px;
	height:116px;
	background-color:#FFFFFF;
}
#header .logo{margin-top:14px;margin-left:20px; float:left;}
#darkbar{width:100%; position:absolute; height:16px; background-color:#000000;top:100px;}
div.sidebar{width:280px; min-height:200px; float:left;}
div.sidebar ul.submenu{font-size:18px;}
div.sidebar ul.submenu li{margin-bottom:40px;width:253px; height:38px;  margin-left:-10px;padding-left:10px; line-height:38px; background-position:top center; background-repeat:no-repeat; }
div.sidebar ul.submenu li:hover, div.sidebar ul.submenu li.current{background:url(../images/main-menu-itembg.png); background-position:bottom center; background-repeat:no-repeat; }
div.sidebar ul.submenu li.painted:hover, div.sidebar ul.submenu li.current.painted{background:url(../images/main-menu-itembg_highlighted.png); background-position:bottom center; background-repeat:no-repeat; }
div.sidebar ul.submenu li.current a,div.sidebar ul.submenu li.current a:link,div.sidebar ul.submenu li.current a:active,div.sidebar ul.submenu li.current a:visited{}
div.sidebar ul.submenu li a,div.sidebar ul.submenu li a:link,div.sidebar ul.submenu li a:active,div.sidebar ul.submenu li a:visited{
	color:#ffffff;
}
div.sidebar ul.submenu li:hover a, div.sidebar ul.submenu li a:hover{}

#nav{ height:40px;  font-size:18px; float:left; margin-top:56px; font-weight:700;}
#nav ul li{float:left;width:130px; line-height:40px; color:#A7A9AC; text-align:center; text-transform:uppercase;}
#nav a,#nav a:link,#nav a:active,#nav a:visited{
	text-decoration:none;
	color:#A7A9AC; 
}
#nav ul li:hover a, body.home  #nav ul li.home a, body.products  #nav ul li.products a, body.gallery  #nav ul li.gallery a{color:#6f1200;}

.sidebar .content{padding:20px; font-size:15px;}
body.home .sidebar > .content, body.gallery .sidebar > .content{line-height:30px; color:#333333;}
.sidebar h2{background:#000000; height:48px; padding-left:20px; line-height:40px; padding-right:20px; width:240px;}
#main > .content{
background: #7a7979; /* Old browsers */
background: -moz-linear-gradient(left,  #7a7979 0%, #dad7d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7a7979), color-stop(100%,#dad7d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #7a7979 0%,#dad7d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #7a7979 0%,#dad7d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #7a7979 0%,#dad7d8 100%); /* IE10+ */
background: linear-gradient(left,  #7a7979 0%,#dad7d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7979', endColorstr='#dad7d8',GradientType=1 ); /* IE6-9 */



	width:664px;
	min-height:500px;
	float:left;
	color:#000000;
	font-size:14px;
	border-left:8px solid #000000;
	border-right:8px solid #000000;
	}
#main > .content h1{
	background-color:#414042;
	color:#FFFFFF;
	width:624px;
	height:40px;
	padding-left:20px;
	padding-right:20px;
	line-height:40px;
	border-bottom:8px solid #000000;
	position:relative;
	
}

div.copyright{
	width:100%;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	font-size:9px;
}
br.cl{clear:both;height:0px;}
img.big {border-bottom:8px solid #000000;}
#main > .content .feature{
	border-bottom:8px solid #000000;
	position:relative;
}

.content .feature .bottom.semi{
	position:absolute;
	bottom:0px;
	width:664px;
	height:70px;
	background:rgba(35,31,32,.9);
	color:#ffffff;
	font-size:12px;
	line-height:18px;
	}
	
	.content .feature.weatherstripping .bottom.semi, 	.content .feature.lites .bottom.semi{
	position:absolute;
	bottom:0px;
	width:624px;
	height:60px;
	background:rgba(35,31,32,.9);
	color:#ffffff;
	font-size:12px;
	line-height:18px;
	padding-top:10px;
	padding-left:20px; padding-right:20px;
	}
	.bottom.semi .columns{width:196px; float:left; height:60px; padding-left:20px;padding-top:10px;}
	.bottom.semi .columns.border{border-right:8px solid #000000;}
	.bottom.semi .series-name{font-size:23px; font-weight:700; text-transform:uppercase; margin-right:8px;}
	.bottom.semi .series-desc{font-size:14px; padding-top:4px; display: block;}
	.feature.lites  .bottom.semi .series-desc{padding-top:8px; }

	.bottom.semi .model-number{font-size:11px;}
	.content .feature .bottom.semi.big {padding-top:10px; padding-left:15px; padding-right:15px; height:60px; width:634px; font-size:11.5px; }/*used on pages that have only one column in the bottom */
	a.download-link{font-size:14px; font-weight:700; color:#FFFFFF;}
	
	/* slimfold area */
	.feature .three-columns{height:448px;width:664px; background:#58595B;}
	.feature .three-columns .columns{width:216px;float:left;}
	.feature .three-columns .columns img{zoom:1; opacity:.2}
	.feature .three-columns .columns:hover img{zoom:1; opacity:1}	
	.feature .three-columns .columns.border{border-right:8px solid #000000;}
	.content .feature .three-columns  .bottom.semi{	width:216px;}
	.content .feature .three-columns  .bottom.semi	.series-name{text-transform:none; margin-right:0px; text-align:center; margin-top:10px; display:block;}
	
	.three-columns .bottom a, .three-columns .bottom a:link, .three-columns .bottom a:active, .three-columns .bottom a:visited{
		color:#ffffff;
	}
	.three-columns .columns:hover .bottom a, .three-columns .bottom a:hover{color:#DD1A22;}
	
	/* mirror doors and mirror bifolds areas */
	.feature .five-columns{height:448px;width:664px; background:#58595B;}
	.feature .five-columns .columns{width:126px;float:left;}
	.feature .five-columns .columns.first{width:128px;}	
	.feature .five-columns .columns img{zoom:1; opacity:.2}
	.feature .five-columns .columns:hover img{zoom:1; opacity:1}	
	.feature .five-columns .columns.border{border-right:8px solid #000000;}
	.content .feature .five-columns  .bottom.semi{	width:126px; }
	.content .feature .five-columns  .first .bottom.semi{	width:128px;}
	
	
	.feature .two-columns{height:448px;width:664px; background:#58595B;}
	.feature .two-columns .columns{width:324px;float:left;}
	.feature .two-columns .columns.first{width:324px;}	
	.feature .two-columns .columns img{zoom:1; opacity:.2}
	.feature .two-columns .columns:hover img{zoom:1; opacity:1}	
	.feature .two-columns .columns.border{border-right:8px solid #000000;}
	.content .feature .two-columns  .bottom.semi{	width:324px; }
	.content .feature .two-columns  .first .bottom.semi{	width:324px;}
	
	
	.content .feature .five-columns  .bottom.semi	.series-name{font-size:17px; text-transform:none;    padding-left: 5px;
    padding-top: 10px; display:block;}
	
	.five-columns .bottom a, .five-columns .bottom a:link, .five-columns .bottom a:active, .five-columns .bottom a:visited{
		color:#ffffff;
	}
	.five-columns .columns:hover .bottom a, .five-columns .bottom a:hover{color:#999999;}

    /* mirror bypass doors mod to allow for six columns */
    .feature .five-columns.six .columns.border{border-right:5px solid #000000;}
    .feature .five-columns.six .columns{width:105px;float:left;}
    .feature .five-columns.six .columns.first{width:107px;}
    .content .feature .five-columns.six  .bottom.semi{	width:112px; }
    .content .feature .five-columns.six  .first .bottom.semi{	width:107px;}
	
	
/* Responsive styling 
@media only all and (min-width: 1024px) and (min-height: 768px) {
	  body.front .sidebar > .content{
	  line-height:40px;
  }
}
*/

/* specific pages */

span.riviera-button{
	
	background: #ffffff; /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #a7a9ac 100%); /* FF3.6+ */

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#a7a9ac)); /* Chrome,Safari4+ */

background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#a7a9ac 100%); /* Chrome10+,Safari5.1+ */

background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#a7a9ac 100%); /* Opera 12+ */

background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#a7a9ac 100%); /* IE10+ */

background: radial-gradient(center, ellipse cover,  #ffffff 0%,#a7a9ac 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a7a9ac',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


width:190px; position:absolute; right:0px; height:36px;  color:#000000;  font-size:9px; line-height:13px; text-align:center; padding-top:4px; font-weight:400; text-transform:none;}
span.riviera-button a{font-size:11px; font-weight:700;}
span.riviera-button a, span.riviera-button a:link, span.riviera-button a:active, span.riviera-button a:visited{color:#000000;}
span.riviera-button:hover{background:none; background-color:#DD1A22; color:#ffffff;}
span.riviera-button:hover a,span.riviera-button:hover a:link,span.riviera-button:hover a:active,span.riviera-button:hover a:visited{color:#ffffff;}

body.contact .sidebar .content{padding:0px;}
body.contact #main .feature{background-color:#ffffff;
width:664px;
height:288px;
border-bottom:8px solid #000000;
text-align:center;
padding-top:80px;
padding-bottom:80px;
line-height:40px;
font-size:15px;
}
body .red{color:#6F1200;}
body.resources .sidebar .content{padding:0px;}
body.resources #main .feature{background-color:#ffffff;
width:584px;
height:428px;
border-bottom:8px solid #000000;
padding-top:20px;
padding-left:20px;
padding-right:60px;
line-height:21px;

}
body.resources .feature h3{margin-top:20px;}
body.resources .feature h3:first-child{margin:0px;}



a.download-link:link, a.download-link:active, a.download-link:visited{color:#fFFFFF;
}
a.download-link:hover{color:#000000;}


.bottom.semi .download-icons{ position: absolute;    right: 12px;
    top: 9px;}
.bottom.semi .right{float:right;margin-left:20px;margin-right:6px;}

/* styling the right side of bifold or mirror pages */
.right.semi{width:318px; position:absolute; right:0px; top:0px; height:428px; background:#ffffff; padding:10px;}
.right.semi h3{color:#000000; font-size:23px; text-transform: uppercase;}
.right.semi h4{ color:#000000; font-size:17px;}
.right.semi ul{ list-style: disc; margin:10px 0px; font-family: Arial, sans-serif; font-size:12px;}
.right.semi .smaller ul{margin-top:0px;}
.right.semi ul.tighter li{margin-bottom: 3px;}
.right.semi ul li{margin-left:15px; margin-bottom:8px;}
.right.semi .smaller, .right.semi .smaller ul{font-size:10px; font-family: Arial, sans-serif;  }
.right.semi img.diagram{margin-top:20px;margin-bottom:10px;}

body.gallery #main .feature {background: none; background-color: #222222;}


.bottom.semi.painted {left:-326px;}
.feature.painted ul{font-size:14px; line-height:28px;}
/*#main > .content .feature.painted{height:508px; border-bottom:0;}*/

.contact .feature p.red {
    line-height: 19px;
    padding: 0 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.contact .feature p.location {
    margin-top: 30px;
}