/* generated by csscreator.com */ 
html, body{ 
 color: #404040;  
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: "Century Gothic", Arial, sans-serif;
} 

a
{
  outline: none;
  color: #404040;
  text-decoration: none;
  font-weight: bold
}

#maincol a:hover
{
  outline: none;
  color: #404040;
  text-decoration:underline;
  font-weight: bold
}


p{
font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif

}

#contact-area {
	width: 600px;
	margin-top: 125px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 14px;
}
 
#pagewidth{ 
 width:1024px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:132px; 
 width:100%;

}



#line{
 position:relative; 
 height:8px; 
 width:100%;
 background-image: url(images/line.jpg);
 z-index: -1;

}

#styleone{position:relative; left: 450px; width: 500px; display:block; height:21px;font-size:12px;font-family: "Century Gothic", Arial, Helvitica, sans-serif;border-bottom:0px solid #FFFFFF;}
#styleone ul{ position:absolute; top:-2px; left: 0; background-color: transparent; margin:0;padding:0;list-style-type:none;width:500px;}
#styleone ul li{float:left;margin:0 1px 0 0; background-color: transparent}
#styleone ul li a{float:left; color:#404040;text-decoration:none;padding:0 10px 10px;height:15px;font-weight:bold;}
#styleone ul li a:hover{border-bottom-style: solid; border-bottom-color: #404040; border-bottom-width:2px;}
/*#styleone ul li a.current{color:#000000;background:transparent url(/code/style1/images/bgON.gif) repeat-x top left;}*/

#leftcol ul {
	font-size: 14px;
	* font-size: 13px;
	font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 165px; /* Width of Menu Items */
	border-bottom: 0px solid #ccc;
	z-index: 200;
	}
	
 ul li {
	position: relative;
	}
	
 li ul {
	position: absolute;
	left: 164px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	width: 170px;
	 z-index: 200;
	}

/* Styles for Menu Items */
#leftcol ul li a {
    opacity:.75;
    filter: alpha(opacity = 75);
	background-color: #fff; 
	color: #000000;
	display: block;
	text-decoration: none; /* IE6 Bug */
	padding: 14px;
	border: 0px solid #ccc; /* IE6 Bug */
	border-bottom: 0;
	font-weight:bold;
	display:block;
	text-decoration: none; 
	height: 1%;
	margin-top: -1px;
	}
	
#leftcol ul li a:hover{
background-color: #cfcfcf;
 z-index: 200;
}
	
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } /* The magic */

#leftcol{
 float:left; 
 position:relative;
 z-index: 10;
 }
 
#maincol{
 background-color: #ffffff;  
 float: right; 
 display:inline; 
 position: relative; 
 width:80%; 
 min-height: 400px;
 }
 
#footer{
 font-size: 12px;
 font-family: "Century Gothic", Arial, sans-serif;
 height:50px; 
 clear:both;
 text-align: center;
 padding-top: 100px
 } 
 
 #footer a{
 font-size: 12px;
 font-family: "Century Gothic", Arial, sans-serif;
 text-align: center;
 color: #404040;
 text-decoration: none;
 } 
 #footer a:hover{
  text-decoration:underline }
 
 
 #homeimg{
 background-repeat: no-repeat;
 position:relative;
 width:400px;
 height:500px;
 float:left;
 left:50px;
 top: 50px;
 z-index: 0
}

 #hometxt{
 font-size: 12px;
 font-family: arial; 
 position:relative;
 width:250px;
 height:300px;
 float:right;
 right:90px;
 top: 30px;
} 


 #maintxt{
 font-size: 12px;
 font-family: arial; 
 position:relative;
 width:600px;
 float:left;
 left:100px;
 top: 30px;
} 


 #maintxt ul {
	font-size: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 300px; 
	border-bottom: 0px solid #ccc;
	}
	
 #maintxt ul li {
	position: relative;
	}
	
 #maintxt li ul {
	position: absolute;
	left: 164px; 	top: 0;
	display: none;
	width: 170px;
	}

.example_1 {
font-size:14px;
text-align:left;
width:625px;
}


H1 {
font-family: "Century Gothic", Helvetica, Verdana, Arial;
font-size:20px;
margin-top: 0px;
margin-bottom:-15px;
      }



 #logo{
 position:relative;
 width:270px;
 height:170px;
 float:left;
 left: 10px;
 top: 5px;
 z-index: 1;
 border:
}

#logo img{
border: none
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}