/* ============= Screen areas ================= */

body {
	margin-top: 0px;
	margin-right: 05px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color:Black;
}

.outerframe {
	width: 100%;
	height: 100%;
	text-align: center;
}

.contentframe {
	background-image: url(../img/crescent_moon_top.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	width: 780;
}

.bottommenuframe {
	width: 780;
	height: 73;
	background-image: url(../img/crescent_moon_bottom.jpg);
	background-repeat: no-repeat;
}

.smallmenuframe {
	font-family: verdana;
	font-size: 6pt;
	color: white;
}

.maincontentarea {
	height: 341px;
	width: 780px;
	padding-top: 18px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 80px;
}


.left_area {
	text-align:left;
	vertical-align:text-top;
	padding-left:15px;
	padding-right:15px;
	background-image:url(../img/background_area_left.gif);
	background-repeat:no-repeat;
	width=196px;
}


.right_area {
	text-align:left;
	vertical-align:text-top;
	padding-left:15px;
	padding-right:15px;
	
}

.options_left_row {
	vertical-align:text-bottom;
}

.options_left {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	vertical-align:text-top;
	padding-bottom:5px;
	color:White;
}

.options_left:hover {
	color:#00CC99;
}




/* ============= Content text types ================= */

.descriptive {
	font-family: verdana;
	font-size: 11pt;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	margin-top: 5pt;
	margin-bottom: 5pt;
	line-height: 15pt;
}

.descriptive:first-letter {
	font-family: book antiqua;
	font-size: 22pt;
}


.descriptivesmall {
	font-family: verdana;
	font-size: 8pt;
	line-height: 12pt;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	margin-top: 5pt;
	margin-bottom: 1pt;
}





/* ============= Images ================= */

.logo {
	margin-left: 15px;
}





/* ============= Tags ================= */

a {
	background-repeat: no-repeat;
}


form {
	border-style: none;
	border-size: 0px;
	border-color: white;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

img {
	border-style: none;
}


/* ============= Home elements ================= */

.home,.homecurrent {
	color: #FFCC66;
	background-repeat: no-repeat; 
}
a.home {
	width: 88px;
	height: 20px;
	background-image: url(../img/link_home_off.gif);
	display: block;
}
a.home:hover,a.home:active {
	background-image: url(../img/link_home_hover.gif);
}
a.homecurrent {
	width: 88px;
	height: 20px;
	background-image: url(../img/link_home_on.gif);
	display: block;
}


/* ============= products elements ================= */

.products,.productscurrent {
	color: #FFCC66;
	background-repeat: no-repeat; 
}
a.products {
	width: 101px;
	height: 20px;
	background-image: url(../img/link_products_off.gif);
	display: block;
}
a.products:hover,a.products:active {
	background-image: url(../img/link_products_hover.gif);
}
a.productscurrent {
	width: 101px;
	height: 20px;
	background-image: url(../img/link_products_on.gif);
	display: block;
}



/* ============= Service elements ================= */

.services,.servicescurrent {
	color: #FFCC66;
	background-repeat: no-repeat; 
}
a.services {
	width: 98px;
	height: 20px;
	background-image: url(../img/link_services_off.gif);
	display: block;
}
a.services:hover,a.services:active {
	background-image: url(../img/link_services_hover.gif);
}
a.servicescurrent {
	width: 98px;
	height: 20px;
	background-image: url(../img/link_services_on.gif);
	display: block;
}



/* ============= Company elements ================= */

.company,.companycurrent {
	color: #FFCC66;
	background-repeat: no-repeat; 
}
a.company {
	width: 95px;
	height: 20px;
	background-image: url(../img/link_company_off.gif);
	display: block;
}
a.company:hover,a.company:active {
	background-image: url(../img/link_company_hover.gif);
}
a.companycurrent {
	width: 95px;
	height: 20px;
	background-image: url(../img/link_company_on.gif);
	display: block;
}



/* ============= Contact elements ================= */

.contact,.contactcurrent {
	color: #FFCC66;
	background-repeat: no-repeat; 
}
a.contact {
	width: 109px;
	height: 20px;
	background-image: url(../img/link_contact_off.gif);
	display: block;
}
a.contact:hover,a.contact:active {
	background-image: url(../img/link_contact_hover.gif);
}
a.contactcurrent {
	width: 109px;
	height: 20px;
	background-image: url(../img/link_contact_on.gif);
	display: block;
}












h1 {
	font-family: verdana;
	font-size: 16pt;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	margin-top: 10pt;
	margin-bottom: 10pt;
}

h1:first-letter {
	font-family: book antiqua;
	font-size: 26pt;
}

h2 {
	font-family: verdana;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	margin-top: 10pt;
	margin-bottom: 10pt;
}

h2:first-letter {
	font-family: book antiqua;
	font-size: 18pt;
}


a:link,a:visited {
	color: white;
	text-decoration: underline;
	font-family: verdana;
}
a:hover {
	color:#CCCCCC;
	text-decoration: underline;
	font-family: verdana;
}

textarea {
	border-color: #ffffff;
	background-color: #333333;
	font: 10pt courier new;
	line-height: 11pt;
	color: white;
	border: 1px solid white;
	padding-left: 2px;
	scrollbar-face-color: white; 
	scrollbar-shadow-color: black; 
	scrollbar-highlight-color: black; 
	scrollbar-3dlight-color: black; 
	scrollbar-darkshadow-color: black; 
	scrollbar-track-color: black;  
	scrollbar-arrow-color: black;
}

div {
	scrollbar-face-color: black; 
	scrollbar-shadow-color: black; 
	scrollbar-highlight-color: black; 
	scrollbar-3dlight-color: black;
	scrollbar-darkshadow-color: black; 
	scrollbar-track-color: black;  
	scrollbar-arrow-color: white;
	offsetWidth: 50px;
}


.fieldcaption {
	color: #999966;
	font-family: verdana;
	font-size: 10pt;
}

.fieldtext {
	height: 17px; 
	border-color: white;
	background-color: #333333;
	font: 9pt Courier new;
	color: white;
	border: 1px solid white;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}

.fielderror {
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	margin-top: 3pt;
	margin-bottom: 3pt;
	visibility: hidden;
}

.formbutton {
	color: black;
	font-family: verdana;
	font-size: 8pt;
	line-height: 8pt;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #999966;
	border: 2px solid;
	border-color: white;
	height: 17px;
}





.separatorsmall {
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
	height: 0px;
	text-align: left;
	color: #FFFFFF;
	margin-top: 1pt;
	margin-bottom: 1pt;
}