@import url("reset.css");

/* main tags */

body { background-image: url(../images/bg.jpg); background-position: center; background-repeat: repeat-y; margin: 0px; padding: 0px; }

.left { float:left; }
.right{ float:right; }
.clear { display:block; clear:both; }


.af { float: left; }
.mi { float: left; width: 200px; margin-top: 10px; margin-bottom: 70px; padding-left: 30px; }

.mi a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

.title { margin: 0 -21px 0 -19px }


p { color: #999999; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; }


#mainLeft  a { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold; }
#mainLeft a:hover { color: #2263AF; }



/* containers */

#outer { width: 100%; background-image: url(../images/bg_swirl.jpg); background-position: center 240px; background-repeat: no-repeat; margin: 0px; padding: 0px; }
#container { width: 993px; margin: 0 auto 0 auto; position: relative; height: auto; border-left: 1px solid #2263af; border-right: 1px solid #2263af; }
	
	#head{ height: 133px; width: 992px; position: relative; }
	
	#main{ width: 992px; position: relative; height: auto; overflow: hidden; }
	
	#mainLeft { float: left; width: 546px; height: auto; padding-left: 20px; padding-right: 20px; position: relative;   }
	#mainRightHome { float: left; width: 405px; height: 392px; background-image: url(../images/steve.jpg); background-position: top; background-repeat: no-repeat;  position: relative; }
	#mainRight { float: left; width: 376px; height: 372px; padding-top: 20px; padding-right: 30px; position: relative; margin-bottom: 70px; }
	#innerRight { float: right; width: 230px; height: 342px; position: relative; }
	
	#innerRight h1 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin-left: 15px; margin-top: 30px; margin-bottom: 15px; color: #666666; }
		
	#innerRight ul { position: relative; padding-left: 15px; float: left; }
	#innerRight ul li { float: left; display: block; background-image: url(../images/arrow.jpg); background-position: left; background-repeat: no-repeat; padding-left: 15px; clear: both; width: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none; line-height: 15px; } 
	#innerRight ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none }
	
	#footer { width: 992px; border-top: 1px solid #2263af; height: 54px; clear: both; }
	
	#top-footer { width: 992px; border: 1px solid green; }

	#left-footer { width: 700px; float: left; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; padding-top: 10px; padding-left: 20px; } 
	
		#left-footer a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color:#999999; }
		#left-footer  a:hover { text-decoration: none; }
		
	#address { width: 546px; float: left; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; padding-top: 10px; padding-left: 20px; } 
	
		#address a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; color:#999999; }
		#address a:hover { text-decoration: none; }
		
	#map { width: 300px; height: 300px; margin-top: 30px; float: right; }
	#map a { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
			
/* navigation */


ul#nav{ width: 992px; display: block; height: 36px; }

#nav li{ height: 36px; display: block; float: left; }

#nav li.home a { height: 36px; width: 154px; float: left; display: block; background-image: url(../images/nav_01.jpg); }
#nav li.econ a { height: 36px; width: 172px; float: left; display: block; background-image: url(../images/nav_02.jpg); }
#nav li.ccon a { height: 36px; width: 171px; float: left; display: block; background-image: url(../images/nav_03.jpg); }
#nav li.elit a { height: 36px; width: 171px; float: left; display: block; background-image: url(../images/nav_04.jpg); }
#nav li.airc a { height: 36px; width: 172px; float: left; display: block; background-image: url(../images/nav_05.jpg); }
#nav li.cont a { height: 36px; width: 152px; float: left; display: block; background-image: url(../images/nav_06.jpg); }

#nav li.home a:hover { background-position: 0 -36px; }
#nav li.econ a:hover { background-position: 0 -36px; }
#nav li.ccon a:hover { background-position: 0 -36px; }
#nav li.elit a:hover { background-position: 0 -36px; }
#nav li.airc a:hover { background-position: 0 -36px; }
#nav li.cont a:hover { background-position: 0 -36px; }

#home li.home a { background-position: 0 -36px; }
#econ li.econ a { background-position: 0 -36px; }
#ccon li.ccon a { background-position: 0 -36px; }
#elit li.elit a { background-position: 0 -36px; }
#airc li.airc a { background-position: 0 -36px; }
#cont li.cont a { background-position: 0 -36px; }

/* form */

.form { margin-top: 20px; width: 546px; float: left;  }
.form li { margin-bottom: 25px; } 

.form label 

{
	display: inline-block;
	width: 80px;
	vertical-align: top;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


textarea { width: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }