/* CSS Document */
* {margin:0;padding:0}
/* commented backslash hack v2 \*/ 
html, body
{
	background: url(../images/layout/background.jpg) #FFFFFF fixed repeat-y 50% 0px;
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

td
{
	font-size:12px;
}

a 
{
	color: #56797E; 
	text-decoration:none;
	font-size:12px;
}
a:visited {color:#56797E;}
a:hover {color: #999999; text-decoration:none}
a:active { color:#000000;}
/* end hack */ 

#lights
{
	position:absolute;
	height:20px;
	width:100%;
	top:83px;
	z-index:200;
	left:0;
	font-size:1px;
	width:expression(document.body.clientwidth < 790? "790px" : "100%" );jujfurfj
}

/* ---------------- STYLES FOR MAIN LAYOUT (BOTTOM ALIGNED FOOTER) -------------- */
body {
	color:#000000;
	text-align:center;
}
#outer{
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	margin-bottom:-71px;
	min-height:100%;
	width:100%;
	width:790px;
	background-color:#F2EBE4;
	z-index:10;
}
#headerStripe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:90px;
	background:url(../images/layout/header_repeat.jpg) repeat-x;
	width:expression(document.body.clientwidth < 790? "790px" : "100%" );
}
#header
{
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	width:790px;
	/*background:url(../images/layout/header.jpg);*/
	height:90px;
	
}
#headerText
{
	margin-top:45px;
	margin-left: 5px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
#footer {
	width:100%;
	clear:both;
	height:71px;
	text-align:center;
	position:relative;

	background-image: url(../images/layout/footer_background.gif);
	background-attachment:fixed 50%;

	
	z-index:200;
	width:expression(document.body.clientwidth < 790? "790px" : "100%" );
}

#clearheader{height:90px;}/*needed to make room for header*/
#clearfooter{clear:left;height:72px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}/* ie mac styles */
#centrecontent {
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	width:790px;
	z-index:1;
}


/* --------------left navi------------- */
#leftMenu
{
float:left;
width: 183px;
margin-top:10px;
margin-left:5px;
padding: 0;
}

ul#navList
{
text-align: left;
list-style: none;
padding: 0;
width: 70%;
}

ul#navList li
{
display: block;
margin: 0;
padding: 0;
}

ul#navList li a
{
display: block;
width: 183px;
padding: 9px 7px 10px 20px;
background-image:url(../images/layout/button.gif);
background-repeat:no-repeat;
text-decoration: none;
background-position:0 50%;
color:#FFFFFF;
}
ul#navList li a:visited
{
	color:#FFFFFF;
}


ul#navList li#active a
{
background-image:url(../images/layout/button.gif);
background-repeat:no-repeat;
}

ul#navList li a:hover, ul#navList li#active a:hover
{
background-image:url(../images/layout/button.gif);
background-repeat:no-repeat;
color:#FFCC00;
}

/*---------------- MAIN COLUMN ----------------*/
#mainColumn
{
	padding:0;
	margin-left:10px;
	margin-top:11px;
	margin-bottom:30px;
	float:left;
	width:575px;
	color:#30484D;
}

#mainColumn h1
{
	margin-top:10px;
	margin-bottom:15px;
	font-size:24px;
	font-style:italic;
	color:#283A3D;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
#mainColumn h2
{
	margin-top:10px;
	margin-bottom:15px;
	font-size:22px;
	font-style:italic;
	color:#283A3D;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
#mainColumn h3
{
	margin-top:10px;
	margin-bottom:15px;
	font-size:18px;
	font-style:italic;
	color:#283A3D;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

#mainColumn hr
{
	margin-top:15px;
}
#mainColumn p
{
	margin-bottom:10px;
}

#mainColumn img
{
	margin-top:10px;
	margin-bottom:15px;
}

/* -----------products--------------------------- */
#productHolder
{
	height:25px;
	widows:520px;
	background-color:#e8e8e8;
	border: 1px solid;
	border-left-color:#e8e8e8;
	border-top-color:#f3f3f3;
	border-right-color:#e8e8e8;
	border-bottom-color:#d1d1d1;
	padding: 0px 0px 0px 3px;
}

#navOver
{
	background-color: #E6E6E6;
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
}
#navOut
{
	background-color: #ffffff;
	border-bottom:1px solid #999999;
}

/* -----------inputs--------------------------- */
.textarea
{
	padding-left:2px; BORDER-TOP-WIDTH: 1px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; WIDTH: 412px; COLOR: #333333; BORDER-TOP-COLOR: #cccccc; FONT-FAMILY: Arial, Helvetica, sans-serif; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc; margin-bottom:10px;
}
.inputarea
{
	padding-left:2px; BORDER-TOP-WIDTH: 1px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; WIDTH: 412px; COLOR: #333333; BORDER-TOP-COLOR: #cccccc; FONT-FAMILY: Arial, Helvetica, sans-serif; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc; margin-bottom:10px;
}
.uploadarea
{
	padding-left:2px; BORDER-TOP-WIDTH: 1px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; WIDTH: 412px; COLOR: #333333; BORDER-TOP-COLOR: #cccccc; FONT-FAMILY: Arial, Helvetica, sans-serif; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc; margin-bottom:10px;
}
.optionarea
{
	padding-left:0px; BORDER-TOP-WIDTH: 1px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 11px; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; COLOR: #333333; BORDER-TOP-COLOR: #cccccc; FONT-FAMILY: Arial, Helvetica, sans-serif; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc; margin-bottom:10px;
}
.optionareasame
{
	width:285px; height:200px; padding-left:0px; BORDER-TOP-WIDTH: 1px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; COLOR: #333333; BORDER-TOP-COLOR: #cccccc; FONT-FAMILY: Arial, Helvetica, sans-serif; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc; margin-bottom:10px;margin-top:5px;
}