﻿/* CSS Document */


/* Page Structure---------------------------------- */

/* reset all elements' margin and padding to 0 to avoid browser inconsistencies */ 
* {
	margin: 0 auto;
	padding: 0;
}
/* force full height page 
html {
	height: 100%;
}*/

/* force scrollbar to prevent page jump in Firefox */
html { 
    min-height: 100%;
    margin-bottom: 1px;
}
body {
	clear: both; /* This fixes the IE5 Mac background-image bug - go figure */
	margin: 0;
    padding: 0;
	height: 100%;
	background-color: #e4e5e4;
	background-image: url(../images/bg_grad.gif);
	background-repeat: repeat-x;
}
/* no borders around linked images */
img.link {
	border: 0 !important;
}
/* removes inherited "a:link" border styles around linked images */
a.noborder { 
	border: 0 !important; 
}
.hide { 
	display: none; 
}

/* Containers
-------------------------------------------------------*/
#container {
	height: 100%;
	margin: 0 auto;
	padding: 0;
}
/* Text & Links
-------------------------------------------------------*/

h1 { 
	margin: 0 0 0 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #617f9f;
}
h2 {
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #617f9f;
	line-height: 110%;
	text-decoration: none;
}
p {
	margin: 5px 0 0 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-size: 11px;
	color: #666666;
	line-height: 120%;
	text-align: left;
}
.subhead1 {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #617f9f;
	line-height: 110%;
	text-decoration: none;
}
.subhead2 {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #617f9f;
	line-height: 100%;
	text-decoration: none;
}
.subhead3 {
	margin: 8px 0px 0px 0px;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #a3907c;
	line-height: 110%;
	text-decoration: none;
}
.emphasis {
	margin: 14px 0px 14px 0px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	font-style:italic;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #89aacb;
	line-height: 120%;
	text-decoration: none;
}
a, a:link, a:visited, a:active {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #3774b3;
	text-decoration: underline;
}

.title_home1 {text-indent:-9000px; background-image:url(../images/spacer.gif);background-repeat:no-repeat;height:0px;}
.title_home2 {text-indent:-9000px;background-image:url(../images/home_text.gif);background-repeat:no-repeat;height:211px;}
.title_about {text-indent:-9000px;background-image:url(../images/title_about.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.title_contact {text-indent:-9000px;background-image:url(../images/title_contact.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.title_specials {text-indent:-9000px;background-image:url(../images/title_specials.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}

.title_employ {text-indent:-9000px;background-image:url(../images/title_employment.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}


.title_sitemap {text-indent:-9000px;background-image:url(../images/title_sitemap.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.title_privacy {text-indent:-9000px;background-image:url(../images/title_privacy.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.titlepr_alumawnings {text-indent:-9000px;background-image:url(../images/titlepr_alumawnings.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.titlepr_alumvenetians {text-indent:-9000px;background-image:url(../images/titlepr_alumvenetians.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.titlepr_canvas {text-indent:-9000px;background-image:url(../images/titlepr_canvas.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.titlepr_folding {text-indent:-9000px;background-image:url(../images/titlepr_folding.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.titlepr_holland {text-indent:-9000px;background-image:url(../images/titlepr_holland.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.titlepr_plantation {text-indent:-9000px;background-image:url(../images/titlepr_plantation.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.titlepr_polycarb {text-indent:-9000px;background-image:url(../images/titlepr_polycarb.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.titlepr_pvc {text-indent:-9000px;background-image:url(../images/titlepr_pvc.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.titlepr_roller {text-indent:-9000px;background-image:url(../images/titlepr_roller.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.titlepr_roman {text-indent:-9000px;background-image:url(../images/titlepr_roman.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.titlepr_security {text-indent:-9000px;background-image:url(../images/titlepr_security.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.titlepr_sunblinds {text-indent:-9000px;background-image:url(../images/titlepr_sunblinds.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.titlepr_timber {text-indent:-9000px;background-image:url(../images/titlepr_timber.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}
.titlepr_vertical {text-indent:-9000px;background-image:url(../images/titlepr_vertical.gif);background-repeat:no-repeat;height:65px;margin-bottom:15px;}

/* List Styles
-------------------------------------------------------*/
.home ul{
	margin: 8px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
.home li{
	margin: 5px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #617f9f;
	line-height: 110%;
	text-decoration: none;
}


.page ul {
	margin: 8px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
.page li {
	margin: 5px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-size: 11px;
	color: #666666;
	line-height: 120%;
	text-align: left;
}
.page li a:link, 
.page li a:visited { 
	text-decoration: none;
	color: #666666;
}
.page li a:hover { 
	text-decoration: underline;
	color: #3774b3;
}
.page li a:active { 
	text-decoration: none;
	color: #666666;
}
/* Left Column
-------------------------------------------------------*/
.leftcolumn {
	height: 100%;	
	padding-bottom: 40px;
	background-color: #d7d1cf;
}
ul#product_nav {
	width: 180px;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#product_nav li.browse {
	background-image: url(../images/pr_browse.gif);
	display: block;
	height: 50px;
	vertical-align: bottom; /* This fixes the IE5 Win/Mac gap! */
}
ul#product_nav li {
	background-image: url(../images/pr_bg2.gif);
	display: block;
	height: 25px; /* This fixes IE6 Win gap! */
	line-height: 25px;
	vertical-align: bottom; /* This fixes the IE5 Win/Mac gap! */
	font-family: Verdana, Arial, Sans-Serif;
  	font-size: 10px;
	text-decoration: none;
	border-bottom: none; /* important for IE6 */
	color: #2f4860;
}
ul#product_nav li a:link, ul#product_nav li a:visited, ul#product_nav li a:active {
	padding-left: 3px;
	display: block;
	height: 25px; /* This fixes IE6 Win gap! */
	line-height: 25px;
	vertical-align: bottom; /* This fixes the IE5 Win/Mac gap! */
	font-family: Verdana, Arial, Sans-Serif;
  	font-size: 10px;
	text-decoration: none;
	border-bottom: none; /* important for IE6 */
	color: #2f4860;
}

ul#product_nav li a:hover {
	background-image: url(../images/pr_bg1.gif);
	display: block;
	height: 25px; /* This fixes IE6 Win gap! */
	line-height: 25px;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
	font-family: Verdana, Arial, Sans-Serif;
  	font-size: 10px;
	text-decoration: none;
	border-bottom: none; /* important for IE6 */
	color: #FFFFFF;
}

.table_bg {
	background-color: #faf9f6;
}

body#sunblinds a#sunbnav, 
body#canvas a#canvnav, 
body#pvc a#pvcnav, 
body#polycarb a#polynav, 
body#alumawnings a#alawnav, 
body#folding a#foldnav, 
body#roller a#rollnav, 
body#security a#secunav, 
body#holland a#hollnav, 
body#vertical a#vertnav, 
body#alumvenetians a#alvenav, 
body#timber a#timbnav, 
body#roman a#romanav, 
body#plantation a#plannav 
{
	color:#FFFFFF;
	background-image: url(../images/pr_bg1.gif);
}

/* Middle Column
-------------------------------------------------------*/
#content_home {
	width: 420px;
	margin: 0;
	padding: 0;
	background-color: #faf9f6;
	vertical-align: top;
}
.body_text {
	margin: 0;
	padding: 0px 20px 20px 20px;
	background-color: #faf9f6;
	vertical-align: top;
}
#content_product {
	width: 237px;
	margin: 0;
	padding: 0;
	background-color: #faf9f6;
	vertical-align: top;
}
#content_extra {
	width: 580px;
	margin: 0;
	padding: 0;
	background-color: #faf9f6;
	vertical-align: top;
}

.prod_text {
	margin: 0;
	padding: 0px 20px 20px 12px;
	vertical-align: top;
}
#image_home {
	height: 365px;	
	width: 420px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.float_left {
	float: left;
}
.title {
	margin-bottom: 15px;
}

/* Right Column
-------------------------------------------------------*/
.rightcolumn {
	width: 160px;
	height: 100%;
	margin: 0;
	padding: 0;	
	background-color: #e7e3e2;
}
#boxes {
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
	text-align:center;
}
#email_form {
	margin: 30px 15px 30px 20px;
	padding: 0px 0px 0px 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-size: 11px;
	color: #ff2222;
	line-height: 120%;
	text-align: left;
}
.email {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 0px 0px 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-size: 11px;
	color: #3774b3;
	line-height: 150%;
	text-align: left;
}
/* Product Pages
-------------------------------------------------------*/
#title_product {
	float: left;
	width: 237px;
	margin: 0 0 0 20px;
	padding: 0;
}
#image_product {
	float: right;
	height: 477px;	
	width: 343px;
	margin: 0;
	padding: 0;
}
#content_text {
	float: left;
	width: 207px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 20px;
}

/* Lower (text) Navigation 
-------------------------------------------------------*/
#footer {
	height: 68px;
}
.designnav {
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 150%;
	text-decoration: none;
	border-bottom: none;
}
.designnav a:link, .designnav a:visited, .designnav a:active {
	color: #666;
	text-decoration: none;
	border-bottom: none;
}
.designnav a:hover{
	color: #3774b3;
	text-decoration: underline;
	border-bottom: none;
}
/* custom styles for Contact page
-------------------------------------------------------*/
fieldset {
	border: 0;
	padding: 0;
}
legend {
	display: none;
}
input {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #3774b3;
  	font-size: 13px;
	color: #333;
}
.contact {
	margin-top: 5px;
	padding: 0px 0px 0px 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-size: 13px;
	color: #3774b3;
	line-height: 150%;
	text-align: left;
}



