/****** HTML elements *********/
body
{
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
}
hr
{
	color: #cccc99;
}
a
{
	font-family: Arial,Calibri;
	color: #333300;
	font-size: 8pt;
}
a:hover
{
	font-family: Arial,Calibri;
	color: #000000;
	font-size: 8pt;
}

/******** Divs ****************/
div#product_container
{
	border-width: 0px;
	border-style: solid;
	padding: 3px 3px 3px 3px;
	background-color: #999966;
	
}

div#main_nav
{
	padding: 2px 2px 2px 2px;
	background-color: #eee8aa;
	border-width: 0px;
	border-style: solid;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 300px;
}
div#main_nav a
{
	color: #336666;
	font-family: verdana,arial;
	font-size: 14px;
	text-decoration: none;
	padding: 0px 0px 5px 70px;
	font-weight: bold;
}
div#main_nav a:hover
{
	color: #000;
}

div#description
{
	font-family: Arial,Verdana;
	font-size: 12px;
	color: #000000;
	height: 130px;
	background: url(images/light_vbar_big.jpg)  repeat-x ;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 390px;
	border-right: #cccc99 1px solid;
	border-top: #cccc99 1px solid;
	border-left: #cccc99 1px solid;
	border-bottom: #cccc99 1px solid;
}

div#submittal
{
	font-family: Calibri,Arial, Verdana;
	font-size: 16px;
	color: #6699ff;
	height: 60px;
	width: 80px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration: none;
	text-align: center;
	background: url(images/light_vbar.jpg) repeat-x;
	border-right: #cccc99 1px solid;
	border-top: #cccc99 1px solid;
	border-left: #cccc99 1px solid;
	border-bottom: #cccc99 1px solid;
}
div#submittal a
{
	text-decoration: none;
	font-family: Calibri,Arial;
	color: #000000;
	font-size: 15px;
}
div#dwg
{
	font-family: Calibri,Arial, Verdana;
	font-size: 16px;
	color: #6699ff;
	height: 60px;
	border-right: #cccc99 1px solid;
	border-top: #cccc99 1px solid;
	border-left: #cccc99 1px solid;
	border-bottom: #cccc99 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 80;
	text-align:center;
	background: url(images/light_vbar.jpg)  repeat-x ;
	
}
div#dwg a
{
	text-decoration: none;
	font-family: Calibri,Arial;
	color: #000000;
	font-size: 15px;
}
	

div#div10
{
	font-family: Calibri,Arial, Verdana;
	font-size: 16px;
	color: #6699ff;
	height: 60px;
	width: 80px;
	border-right: #cccc99 1px solid;
	border-top: #cccc99 1px solid;
	border-left: #cccc99 1px solid;
	border-bottom: #cccc99 1px solid;
	background: url(images/light_vbar.jpg)  repeat-x ;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align:center;
	
}
div#div10 a
{
	text-decoration: none;
	font-family: Calibri,Arial;
	color: #000000;
	font-size: 15px;
}
div#div15
{
	font-family: Calibri,Arial, Verdana;
	font-size: 16px;
	color: #6699ff;
	height: 60px;
	width: 80px;
	background: url(images/light_vbar.jpg)  repeat-x ;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align:center;
	border-right: #cccc99 1px solid;
	border-top: #cccc99 1px solid;
	border-left: #cccc99 1px solid;
	border-bottom: #cccc99 1px solid;
	
}
div#div15 a
{
	text-decoration: none;
	font-family: Calibri,Arial;
	color: #000000;
	font-size: 15px;
}

div#header_container
{
	border-width: 0px;
	border-style: solid;
	width: 685px;
	height: 270px;
	position: relative;
}

div#main_menu
{
	padding: 0px 0px 0px 0px;
	background-color: Transparent;
	border-width: 0px;
	border-style: solid;
	margin-bottom: 0px;
	margin-top: 0px;
	position: absolute;
	left: 370px;
	top: 10px;
}

div#main_menu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font: bold 11px Arial, Verdana, sans-serif;
}

div#main_menu li
{
	display: inline;
	margin: 0 1px 0 0;
	padding: 0;
}

div#main_menu a
{
	float: left;
	color: #000066;
	background: #ffffff;
	margin: 0 2px 0 0;
	padding: 0 0 1px 3px;
	text-decoration: none;
	letter-spacing: 1px;
}

div#main_menu a span
{
	float: none;
	display: block;
	background: transparent;
	padding: 4px 9px 2px 6px;
}

div#main_menu a:hover
{
	background-color: #fff;
}

div#main_menu a:hover span
{
	background-color: #fff;
}

div#main_menu .current a, #main_menu .current span ,  div#main_menu .current a:hover , div#main_menu .current a:hover span
{
	background-color: #eee8aa;
	color: #000066;
}

div#main_menu_line
{
	padding: 0px 0px 0px 0px;
	width: 661px;
	border-width: 1px;
	border-style: solid;
	height: 8px;
	line-height: 2px;
	margin-top: 2px;
	margin-bottom: 5px;
	background: #653D0C;
}

div#shadedbar
{
	border-bottom: #999999 1px solid;
	line-height: 1px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 0px;
	top: 274px;
	width: 685px;
	background-color: #999999;
	height: 5px;
}
div#projectarchitect
{
	font-size: 18px;
	font-weight: bold;
	font-family: Calibri,Arial, Verdana;
	color: #000;
	text-align: center;
	width:100%;
	border-right: silver thin solid;
	border-top: silver thin solid;
	border-left: silver thin solid;
	border-bottom: silver thin solid;
	
}
div#projectlouverview
{
	font-size: 18px;
	font-weight: bold;
	font-family: Calibri,Arial, Verdana;
	color: #000;
	text-align: center;
	width: 100px;
	border-right: silver thin solid;
	border-top: silver thin solid;
	border-left: silver thin solid;
	border-bottom: silver thin solid;
	background-color: #cccccc;
	padding-bottom:2px;
}

div#sheetmetaltypes
{
	border-width:5px;
	border-style:groove;
}
div#projectlist a
{
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Verdana;
	color: #000;
	text-decoration:none;
	
}
div#projectlist a:hover
{
	font-size: 15px;
	font-weight: bold;
	font-family:Arial, Verdana;
	color: #000;
	text-decoration:underline;
}

div#adminheaderimage
{
	position:relative;
	
}

div#userid
{
	position: absolute;
	left: 650px;
	top: 10px;
	height: auto;
	color: #fff;
	width:100%;
	padding: 2px 5px 2px 5px;
	font-size: 13px;
	font-family: Calibri, Arial;
}

/************ Labels **********/
.LabelVerySmall
{
	font-size: 8pt;
	color: #254657;
	font-family: Verdana,Tahoma,Arial;
}
.LabelSmall
{
	font-size: 9pt;
	color: #254657;
	font-family: Verdana,Tahoma, Arial;
}

.Label
{
	font-size: 10pt;
	color: #000000;
	font-family: Verdana,Tahoma, Arial;
	text-decoration:none;
	
}
.LabelBold
{
	font-size: 10pt;
	color: #254657;
	font-family: Verdana,Tahoma, Arial;
	height: 10px;
	font-weight: bold;
}
.LabelCalibriBold
{
	font-size: 12pt;
	color: #254657;
	font-family: Calibri,Tahoma, Arial;
	height: 10px;
	font-weight: bold;
}
.LabelCalibri
{
	font-size: 12pt;
	color: #254657;
	font-family: Calibri,Tahoma, Arial;
	height: 10px;
	
}
.LabelMedium
{
	font-size: 11pt;
	color: #333399;
	font-family: Verdana,Tahoma, Arial;
	font-weight: bold;
}
.LabelBig
{
	font-size: 12pt;
	color: #333399;
	font-family: Arial,Tahoma, Arial;
	font-weight: bold;
}

.LabelBigUnderline
{
	font-size: 12pt;
	color: #333399;
	font-family: Arial,Tahoma, Arial;
	font-weight: bold;
	text-decoration: underline;
}
.news
{
	font-family: Verdana,arial;
	font-size: 11px;
}
/************* Heading Classes *************/
.smallerheading
{
	font-size: 13px;
	font-weight: bold;
	font-family: Arial,Verdana;
	color: #653D0C;
	margin: 0px 10px 10px 0px;
	padding: 0px 10px 2px 0px;
}
.smallerheadingblack
{
	font-size: 13px;
	font-weight: bold;
	font-family: Arial,Verdana;
	color: #000;
	margin: 0px 10px 10px 0px;
	padding: 0px 10px 2px 0px;
}

.biggerheading
{
	font-size: 16px;
	font-weight: bold;
	font-family: Calibri,Arial, Verdana;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*********** Textboxes, dropdowns and radiobuttons ************/
.textBox
{
	border-right: 1px solid;
	border-top: 1px solid;
	font-size: 10pt;
	border-left: 1px solid;
	width: 170px;
	border-bottom: 1px solid;
	font-family: Tahoma, Arial;
	padding-left:2px;
}

.textboxlarge
{
	border-right:  1px solid;
	border-top:  1px solid;
	font-size: 10pt;
	border-left:  1px solid;
	width: 200px;
	border-bottom:  1px solid;
	font-family: Tahoma, Arial;
	padding-left:2px;
}
.textboxsmall
{
	border-right: #ffcc33 1px solid;
	border-top: #ffcc33 1px solid;
	font-size: 10pt;
	border-left: #ffcc33 1px solid;
	width: 50px;
	border-bottom: #ffcc33 1px solid;
	font-family: Calibri, Tahoma, Arial;
}

.textboxmulti
{
	border-right: 1px solid;
	border-top: 1px solid;
	font-size: 10pt;
	border-left: 1px solid;
	border-bottom: 1px solid;
	font-family: Calibri,Tahoma, Arial;
	background-color: moccasin;
}

.textboxforfileupload
{
	border-right: 1px solid;
	border-top: 1px solid;
	font-size: 8pt;
	border-left: 1px solid;
	border-bottom: 1px solid;
	font-family: Tahoma, Arial;
	height: 19px;
	width: 240;
}
.dropdown
{
	font-size: 8pt;
	font-family: Verdana, Arial;
}
.radiobutton
{
	font-size: 8pt;
	font-family: Verdana, Arial;
}

/*********** Grid and Tables ***********/

.Table
{
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: whitesmoke;
}

.TableHeader
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: Tahoma, verdana;
	height: 20px;
	background-color: #cccc99;
	text-align: left;
}

.TableItem
{
	padding-right: 1px;
	padding-left: 1px;
	font-size: 9pt;
	padding-bottom: 1px;
	color: #000000;
	padding-top: 1px;
	font-family: Tahoma, Arial;
	height: 20px;
	background-color: #ffffff;
}

.TableAltItem
{
	padding-right: 1px;
	padding-left: 1px;
	font-size: 9pt;
	padding-bottom: 1px;
	color: #000000;
	padding-top: 1px;
	font-family: Tahoma, Arial;
	height: 20px;
	background-color: #efefef;
}

.TableFooter
{
	font-weight: bold;
	font-size: 10pt;
	color: white;
	font-family: Tahoma, verdana;
	height: 20px;
	background-color: #ff6501;
}
.TablePager
{
	font-weight: bold;
	font-size: 10pt;
	color: white;
	font-family: arial, verdana;
}


.displaynone
{
	display: none;
}
.displayfine
{
	display: block;
}


/************* Paging Classes ************/
a.pagenavigator
{
	font-family: Arial, Verdana;
	font-size: 12px;
	padding-right: 5px;
	color: #cc6633;
}
a.pagenavigator:hover
{
	font-family: Arial, Verdana;
	font-size: 12px;
	padding-right: 5px;
	color: #6699ff;
}
.currentpage
{
	font-family: Arial, Verdana;
	font-size: 15px;
	padding-right: 5px;
	color: #990000;
}
.itemnav
{
	font-family: Verdana;
	font-size: 12px;
	text-decoration:none;
	font-weight:bold;
}

/**************** OTHER CLASSES *************/
.louver_product_list
{
	font-family: Arial, Verdana;
	font-size: 14px;
	color: #000000;
	background-color: #f1f5de;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}


.louvercontentheading
{
	font-family: Tahoma, Arial;
	font-size: 14px;
	color: #333300;
	
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration: none;
	font-weight: bold;
	background: url(images/brown_img.jpg) repeat-x;
}
.louvercontent
{
	font-family: Verdana,arial;
	font-size: 11px;
	color: #000;
	background-color: floralwhite;
	padding-right: 5px;
	padding-left: 1px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration: none;
	border: solid 1px #999966;
}
.product_heading
{
	background-color: #a3a39a;
	color: #000;
	font-size: 15px;
	font-family: Arial,verdana;
	font-weight: bold;
	padding-left: 5px;
}

.moredetails
{
	padding-right: 10px;
	font-family: Verdana;
	font-size: 12px;
	text-align: right;
	
	
}
.moredetails a
{
	font-family: Verdana;
	font-size: 12px;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
.moredetails a:hover
{
	font-family: Verdana;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
.newsevets
{
	font-family: Verdana,arial;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	
}
.marketing
{
	padding: 10px 10px 2px 10px;
	font-family: 'Lucida Handwriting' , Verdana;
	font-size: 20px;
	text-align: right;
	background-color: #eee8aa;
	height: 150px;
	border-right: 2px groove;
	border-top: 2px groove;
	border-left: 2px groove;
	border-bottom: 2px groove;
}
.marketingtext
{
	font-family: 'Bernard MT Condensed' , Verdana;
}

a.modeltext
{
	font-size: 10pt;
	color: #254657;
	font-family: Verdana,Tahoma, Arial;
	height: 10px;
}
a.modeltext:hover
{
	font-size: 10pt;
	color: #254657;
	font-family: Verdana,Tahoma, Arial;
	height: 10px;
	text-decoration: none;
}
.left_space
{
	padding-left:1px;
	font-size: 14pt;
	font-family: Calibri,Tahoma, Arial;
	
}
.left_space_small
{
	padding-left:1px;
	font-size: 13pt;
	font-family: Calibri,Tahoma, Arial;
	
}


.seperator
{
	border-width: 1px;
	border-style: solid;
	line-height: 1px;
	margin-top: 0px;
	color: #666633;
}
.footer
{
	background-image: url(images/footer.jpg);
	height: 38px;
	text-align: center;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 15px 0px 0px 0px;
	vertical-align: middle;
}
.projectlistborder
{
	border-width:1px;
	border-style:solid;
	border-color:dimgray;
	padding-left:3px;
	padding-top:3px;
	
}
.skmMenu
{
	padding-right: 20px;
	background-color: #cccc99;
	font-size: 13px;
	font-family: Verdana,Arial;
	cursor:pointer;
	font-weight:bold;
}

.skmsubmenu
{
	
	background-color: #cccc99;
	font-size: 13px;
	font-family: Verdana,Arial;
	cursor:pointer;
	
}
.louverproductgallery
{
	
}

.louverproductgallery ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.louverproductgallery li
{
	display: inline;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border-style:solid;
	border-width:1px;
	width:100px;
}
.imgbutton
{
	margin-bottom:0px;
	padding-bottom:0px;
}
.catspecs
{
	padding-right: 2px;
	padding-left: 2px;
	font-family: Calibri, arial;
	font-size: 15px;
	min-height:200px;
}

* html .catspecs{height:200px;}
/*************** END OF OTHER CLASSES *************/




/********** Rounding corners for image ***********/
.t
{
	background: url(images/dot.gif) 0 0 repeat-x;
}
.b
{
	background: url(images/dot.gif) 0 100% repeat-x;
}
.l
{
	background: url(images/dot.gif) 0 0 repeat-y;
}
.r
{
	background: url(images/dot.gif) 100% 0 repeat-y;
}
.bl
{
	background: url(images/bl.gif) 0 100% no-repeat;
}
.br
{
	background: url(images/br.gif) 100% 100% no-repeat;
}
.tl
{
	background: url(images/tl.gif) 0 0 no-repeat;
}
.tr
{
	background: url(images/tr.gif) 100% 0 no-repeat;
	padding: 10px;
}


/**************************************************/
/*********** Project Specific CSS Classes *********/
/**************************************************/


/******* Project Pages *******/


.projectname
{
	font-size: 20px;
	font-weight: bold;
	font-family: Calibri,Arial, Verdana;
	color: #000;
	
}
.projectnotes
{
	font-size: 15px;
	font-weight: bold;
	font-family: Calibri,Arial, Verdana;
	color: dimgray;
	text-align:left;
}
.projectmodel
{
	font-size: 19px;
	font-weight: bold;
	font-family: Calibri,Arial, Verdana;
	color: #000000;
}
a.projectviewmodellink
{
	font-size: 18px;
	font-weight: bold;
	font-family: Calibri,Arial, Verdana;
	color: #000000;
}
a.projectviewmodellink:hover
{
	font-size: 18px;
	font-weight: bold;
	font-family: Calibri,Arial, Verdana;
	color: #000000;
	text-decoration:none;
}