/* CSS Document */

body {
	margin:0 0 20px 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
a {
	color:#CC0000;
	}
	
a:hover {
	text-decoration:none;
	}
	
#container { 
	width:846px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/bg_main.gif) repeat-y;
	padding:0;
	overflow:hidden;
	}
	
#header {
	float:left;
	width:800px;
	height:108px;
	background:url(../images/header.gif) no-repeat top;
	border-bottom:1px solid #FFFFFF;
	margin-left:23px;
	display:inline;
	border-bottom:3px solid #003663;
	}
	
#phone {
	width:180px;
	height:25px;
	margin:15px 0 0 600px;
	text-align:right;
	color:#003663;
	font-size:20px;
	font-weight:bold;
	}
	
#nav {
	width:395px;
	height:25px;
	margin:40px 7px 0 400px;
	}
	
#nav ul {
	list-style:none;
	padding:0;
	margin:0;
	}
	
#nav li {
	display:inline;
	float:left;
	padding:0;
	margin:0;
	}

li#tab1 {width:65px; height:28px; display:block; background-image:url(../images/nav_01.gif)}
li#tab2 {width:142px; height:28px; display:block; background-image:url(../images/nav_02.gif)}
li#tab3 {width:80px; height:28px; display:block; background-image:url(../images/nav_03.gif)}
li#tab4 {width:108px; height:28px; display:block; background-image:url(../images/nav_04.gif)}

li#tab1 a {width:65px; height:28px; display:block; background-image:url(../images/nav_01.gif)}
li#tab2 a {width:142px; height:28px; display:block; background-image:url(../images/nav_02.gif)}
li#tab3 a {width:80px; height:28px; display:block; background-image:url(../images/nav_03.gif)}
li#tab4 a {width:108px; height:28px; display:block; background-image:url(../images/nav_04.gif)}

li#tab1 a:hover, li#tab1 a.on {width:65px; height:28px; display:block; background-image:url(../images/nav_on_01.gif)}
li#tab2 a:hover, li#tab2 a.on {width:142px; height:28px; display:block; background-image:url(../images/nav_on_02.gif)}
li#tab3 a:hover, li#tab3 a.on {width:80px; height:28px; display:block; background-image:url(../images/nav_on_03.gif)}
li#tab4 a:hover, li#tab4 a.on {width:108px; height:28px; display:block; background-image:url(../images/nav_on_04.gif)}


#flash {
	float:left;
	width:800px;
	height:284px;
	margin-left:23px;
	display:inline;
	}
	
#wrapper {
	float:left;
	width:800px;
	padding:0;
	margin-left:23px;
	display:inline;
	}
	
#content {
	float:left;
	width:457px;
	margin-left:29px;
	color:#003663;
	line-height:20px;
	padding-bottom:20px;
	}

h1 {
	font-size:18px;
	margin:6px 0 0 0;
	padding:0;
	font-weight:normal;
	text-transform:uppercase;
	}	

p {
	margin:1em 0;
	padding:0;
	}

#side {
	float:left;
	width:231px;
	margin-left:41px;
	color:#003663;
	line-height:19px;
	padding-bottom:20px;
	}

#footer {
	clear:both;
	background-color:#003663;
	color:#FFFFFF;
	width:800px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	}
	
#footer div {
	padding:15px 0 0 25px;
	}
	
#footer a {
	color:#FFFFFF;
	text-decoration:none;
	}

	
/* CONTACT FORM */

.red {
	color:#FF0000;
	}

#contact-area {
	width: 450px;
}

#contact-area input, #contact-area textarea,  #contact-area select {
	padding: 5px;
	float:left;
	width: 250px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area select {
	float:left;
	width: 150px;
	margin: 0px 100px 10px 0px;
	border: 1px solid #ccc;
}

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

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #FF0000;
}

#contact-area input.submit-button {
	width: 80px;
	margin-left:115px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
}