/* basic elements */

html { height: 100% }
body  { 
	color: black; 
	font: 12px "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; 
	background-color: #ECE8DF; 
	margin: 0px;
	height: 100%;
	}
td { font: 12px "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif }
p { 
	font: 12px "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin-top: 0px; 
	text-align: left;
	}
h3 { 
	font: bold 14px "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin-bottom: 0px; 
	color: black;
	text-align: left;
	}
a:link { 
	text-decoration: none; 
	color: black;
	}
a:visited { 
	text-decoration: none; 
	color: black;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #666666;
	}

/* specific divs */
#wrapper {
	height: 100%;
	width: 100%;
	}
	
#header  { 
	background-color: #CCC6C0; 
	text-align: center; 
	vertical-align: middle; 
	margin-top: 0px; 
	padding: 20px 0px; 
	border-bottom: 1px solid gray; 
	width: 100%; 
	height: 92px;
	}

#page { 
	width: 512px; 
    background-color: gray;
	}

#products, #services, #support, #company, #productsActive, #servicesActive, #supportActive, #companyActive {
	width: 128px;
	height: 25px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	}
	
#products {
	background-color: #c9b4dd;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	}
	
#productsActive {
	background-color: #c9b4dd;
	border-left: 1px solid gray;
	border-bottom: 0px;
	border-right: 1px solid gray;
	}
	
#services {
	background-color: #aabedd;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	}
	
#servicesActive {
	background-color: #aabedd;
	border-bottom: 0px;
	border-right: 1px solid gray;
	}
	
#support {
	background-color: #9cddac;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	}

#supportActive {
	background-color: #9cddac;
	border-bottom: 0px;
	border-right: 1px solid gray;
	}
		
#company {
	background-color: #bbdd85;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	}

#companyActive {
	background-color: #bbdd85;
	border-bottom: 0px;
	border-right: 1px solid gray;
	}

#mezzaninePrimaryProducts, #mezzaninePrimaryServices, #mezzaninePrimarySupport, #mezzaninePrimaryCompany {
	height: 8px;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	}

#mezzaninePrimaryHome {
	border: 0px;
	height: 0px;
	}

#mezzaninePrimaryProducts { background-color: #c9b4dd }
#mezzaninePrimaryServices { background-color: #aabedd }
#mezzaninePrimarySupport { background-color: #9cddac }
#mezzaninePrimaryCompany { background-color: #bbdd85 }
#mezzaninePrimaryHome { background-color: #c0c0c0 }
	
#content {
	padding: 20px; 
	background-color: white;
	border-right: 1px solid #c0c0c0; 
	border-bottom: 1px solid #c0c0c0; 
	border-left: 1px solid #c0c0c0;
	}

#contentHome {
	text-align: center;
	}
	
#intro {
	font-weight: bold;
	}

#footer {
	text-align: center;
	vertical-align: bottom;
	color: gray;
	padding: 10px 0px;
	}