/* NEW CSS FOR NEW LAYOUT OF WEBSITE (05/02/2009) */


/* layout */


body	{
	margin-left:0;
	margin-top:0; 
	margin-right:0;
	margin-bottom:0;
	}
	


.background {
	background-image: url(Images/background.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #FFFFFF;

}

#body	{
	width: 748px;
	position:relative;
	top:0px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:2px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	background-color: #ffffff;
	height: auto;
	text-align:left;
	border-left:2px solid #ffffff;
	border-right:2px solid #ffffff;
	border-top:2px solid #ffffff;
}

#header	{
	position:relative;
	left:0px;
	width:748px;
	height:90px;
	z-index:2;
	/* background-image: url(Images/header.jpg); */
	background-position: center;
	margin-bottom:2px;
	text-align:center;
	}
	
#navigation	{
	position:relative;
	left:0px;
	width:748px;
	margin-bottom:15px;
	}

.navlink1 {
	width:91px;
	border-right:2px solid #ffffff;
	background-color: #ffffff;
	color:#000000 !important;
	text-decoration:none !important;
	text-align:center;
	line-height:23px;
	height:25px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}		
.navlink1 a	{
	background-color:#000000;
	color:#ffffff !important;
	display:block;
	text-decoration:none !important;
	height:25px;
	width:91px;
	line-height:23px;
	}	
.navlink1 a:hover	{
	background-color: #cccccc;
	color:#000000 !important;
	display:block;
	text-decoration:none !important;
	height:25px;
	width:91px;
	line-height:23px;
	}
.navlink1 a:active	{
	background-color: #cccccc;
	color:#000000 !important;
	display:block;
	text-decoration:none !important;
	height:25px;
	width:91px;
	line-height:23px;
	}

.navlink2 {
	width:93px;
	border-right:2px solid #ffffff;
	background-color: #ffffff;
	color:#000000 !important;
	text-decoration:none !important;
	text-align:center;
	line-height:23px;
	height:25px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}		
.navlink2 a	{
	background-color:#000000;
	color:#ffffff !important;
	display:block;
	text-decoration:none !important;
	height:25px;
	width:93px;
	line-height:23px;
	}	

.navlink2 a:hover	{
	background-color: #cccccc;
	color:#000000 !important;
	display:block;
	text-decoration:none !important;
	height:25px;
	width:93px;
	line-height:23px;
	}
.navlink2 a:active	{
	background-color: #cccccc;
	color:#000000 !important;
	display:block;
	text-decoration:none !important;
	height:25px;
	width:93px;
	line-height:23px;
	}

.navlink3 {
	width:91px;
	background-color: #ffffff;
	color:#000000 !important;
	text-decoration:none !important;
	text-align:center;
	line-height:23px;
	height:25px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}		
.navlink3 a	{
	background-color:#000000;
	color:#ffffff !important;
	display:block;
	text-decoration:none !important;
	height:25px;
	width:91px;
	line-height:23px;
	}	

.navlink3 a:hover	{
	background-color: #cccccc;
	color:#000000 !important;
	display:block;
	text-decoration:none !important;
	height:25px;
	width:91px;
	line-height:23px;
	}
.navlink3 a:active	{
	background-color: #cccccc;
	color:#000000 !important;
	display:block;
	text-decoration:none !important;
	height:25px;
	width:91px;
	line-height:23px;
	}
	
#content	{
	position:relative;
	left:0px;
	width:748px;
	z-index:2;
	background-color:#ffffff;
	height:auto;
	margin-bottom:2px;
	}

#footer	{
	display:block;
	width:100%;
	
	}

.backtotop {
	z-index:4;
	font-family:arial,helvetica,sans-serif;
	font-size: 11px;
	color: #000000;
	background-color:#ffffff;
	height:auto;
	width:auto;
}

.footertext	{
	z-index:4;
	font-family:arial,helvetica,sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	background-color:#ffffff;
}


.icons	{
	vertical-align:bottom;
	}


#footerfill	{
	width:748px;
	height:10px;
	background-image: url(Images/footerfill.jpg);
	overflow:hidden;
	margin-top:15px;
	}
	
/* end layout */


/* general styles */

a:link {
	color: #0000FF;
	text-decoration: none;

}
a:visited {
	color: #0000FF;
	text-decoration: none;

}
a:hover {
	color: #0000FF;
	text-decoration: underline;
}
a:active {
	color: #0000FF;
	text-decoration: underline;
}

.CenterText	{
	position:relative;
	font-family:arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:center;
	left:15px;
	width:718px;
	margin-bottom:15px;
	}

.Text	{
	position:relative !important;
	font-family:arial,helvetica,sans-serif !important;
	font-size: 12px !important;
	color: #000000 !important;
	text-align:justify !important;
	left:15px !important;
	width:718px !important;
	margin-bottom:15px !important;
	}
	



hr	{
	margin-top:15px !important;
	margin-bottom:15px !important;
	}




/* end general styles */



/* home */

#banner	{
	position:relative;
	left:0px;
	z-index:2;
	background:url(Images/banner.jpg);
	color:#ffffff;
	height:25px;
	text-align:center;
	line-height:23px;
	font-family:arial,helvetica,sans-serif;
	font-size: 13px;
	font-weight:bold;
	width:718px;
	margin-bottom:2px;
	}


/* end home */



/* websites */

.Websites	{
	font-family:arial,helvetica,sans-serif !important;
	font-size: 12px !important;
	color: #000000 !important;
	text-align:justify !important;
	line-height:16px;
	}

/* end websites */




/* graphics */

.Graphics	{
	position:relative;
	text-align:center;
	}

.GraphicsText	{
	padding-bottom:15px;	
	}
	
#GraphicsIcons 	{
	position:relative;
	text-align:center;
	}
	
#GraphicsIcons img	{
	width:16px;
	height:16px;
	}


	
/* end graphics */




/* links */

.Links	{
	position:relative;
	width:468px;
	height:60px;
	left:140px;
	margin-bottom:15px;
	}
	
/* end links */
	

/* contact */



	
#ContactForm1	{
	position:relative;
	width:718px !important;
	margin-bottom:15px;
	margin-left:7px;
	}
	
#ContactForm2	{
	position:relative;
	width:718px !important;
	margin-bottom:15px;
	margin-left:7px;
	}
	

fieldset	{
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #000000;

	}

legend	{
	font-family:arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	padding-bottom: 5px;
	}

label	{
	font-family:arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	vertical-align: middle;
	
	
	}
	
.Button	{
	position:relative;
	background-color: #cccccc;
	color: #000000;
	font-size: 13px;
	border:1px solid #000000;
	font-family:arial,helvetica,sans-serif;
	  }

.ButtonOver	{
	position:relative;
	background-color: #000000;
	color: #cccccc;
	font-size: 13px;
	border:1px solid #000000;
	font-family:arial,helvetica,sans-serif;
	

}

.ContactrealnameField {
	font-size: 12px;
	color: #000000;
	width: 270px;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
}

.ContactCompanyField	{
	font-size: 12px;
	color: #000000;
	width: 270px;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
}

.ContactemailField	{
	font-size: 12px;
	color: #000000;
	width: 270px;
	border: 1px solid #cccccc;
	text-transform: lowercase;
	background-color: #FFFFFF;
}

.ContactWebsiteField	{
	font-size: 12px;
	color: #000000;
	width: 270px;
	border: 1px solid #cccccc;
	text-transform: lowercase;
	background-color: #FFFFFF;
}

.ContactPhoneField	{
	font-size: 12px;
	color: #000000;
	width: 270px;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
}

.ContactMobileField	{
	font-size: 12px;
	color: #000000;
	width: 270px;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
}

.ContactSubjectField {
	font-size: 12px;
	color: #000000;
	width: 620px;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
}

.ContactMessageField {
	font-size: 12px;
	color: #000000;
	width: 620px;
	height: 120px;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
}
	
/* end contact */
