/* --------------------------------------------------
CSS Document For AustinHaven : Created by Korine Martinez
-------------------------------------------------- */
body {
margin:0px;
padding: 0px;
background-image:url(images/bg.gif);
background-position:top left;
background-repeat:repeat;
height:100%;}



/* CONTAINER */

#container {
width: 900px;
margin: 0 auto;
font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
font-size: 13px;
line-height: 1.6em;
color: #666;
background-color: #cde2e7;
		}
		
/* GENERAL */

		.preload{display:none;}
		
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 32px;
			color: #0b3240;
			margin-bottom: 30px;
			
		}
		
		h2 {
			color: #203841;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			
		}
		
		a {
			color:#0d475c;
			text-decoration: none;
		}

		a:hover {
			color:#1d7a9d;
			}

		
		form {
			float:right;
			margin-top: -35px;
			font-size: 9px;
		}
		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}

		img {border:none}
		
		.floated {float:left;
		padding-right: 15px}
		
 /* NAVIGATION GRAPHICS */
		
		.home {background-image: url(images/home.png); width:122px; height:120px;}
		.home:hover {background-image: url(images/home2.png);}
		.home  a{display:block;width:122px;height:120px;}
		
		.about {background-image: url(images/about.png); width:122px; height:120px;}
		.about:hover {background-image: url(images/about2.png);}
		.about  a{display:block;width:122px;height:120px;}
		
		.events {background-image: url(images/events.png); width:122px; height:120px;}
		.events:hover {background-image: url(images/events2.png);}
		.events  a{display:block;width:122px;height:120px;}
		
		.partners {background-image: url(images/partners.png); width:122px; height:120px;}
		.partners:hover {background-image: url(images/partners2.png);}
		.partners  a{display:block;width:122px;height:120px;}
		
		.services {background-image: url(images/services.png); width:122px; height:120px;}
		.services:hover {background-image: url(images/services2.png);}
		.services  a{display:block;width:122px;height:120px;}
		
		.testimonials {background-image: url(images/testimonials.png); width:122px; height:120px;}
		.testimonials:hover {background-image: url(images/testimonials2.png);}
		.testimonials  a{display:block;width:122px;height:120px;}
		
		
		
		
/* HEADER ELEMENTS */

		#header {
			border-bottom: 4px solid #fff;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-right: 20px;
			margin-top: 30px;
			clear: both;
			margin-bottom: 25px;
			background-color: #0e4753;
			text-align:right;
		}
		
/*LEFT NAVIGATION*/
	
		 #navigation ul {
			margin-left: 0;
			padding-left: 15px;
			list-style-type: none;			
			float: left;
			width: 165px;
		}

		#navigation a {
			display: block;
			padding: 5px;
			width: 165px;
}

		#navigation a:link, .navlist a:visited {
			text-decoration: none;
		}
	
		
/* CONTENT ELEMENTS */

		#content {
			width: 540px;
			margin-left: 180px;
			margin-right: 180px;
		}
		
		#content p {
			padding-bottom: 5px;
			text-align: justify;
			
		}
		
		.contentleft {float:left;
		width: 240px;
		padding-top: 10px;
		padding-left: 5px;
		padding-right: 10px;
		padding-bottom: 10px;
		text-align: left;}
		
		.contentright {float:right;
		width: 240px;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 5px;
		padding-bottom: 10px;
		text-align: center;}
		
		.centered {padding: 0px 40px 0px 40px;}

/* RIGHT NAVIGATION */

		#sidebar {
			float: right;
			width: 175px;
		}
		
		#sidebar p {
			margin-top: 75px;
			padding-left: 25px;
			
		}

	 	#sidebar ul {
			margin-right: 0;
			padding-right: 15px;
			list-style-type: none;			
			float: left;
			width: 175px;
		}

		#sidebar a {
			display: block;
			padding: 5px;
			width: 175px;
			
		}

		#sidebar a:link, a:visited {
			text-decoration: none;
		}
		
	

/* FOOTER ELEMENTS */

		#footer {
			margin-top: 5px;
			height: 75px;
			clear: both;
			background-color:#170923;
			padding: 0px 10px 0px 10px;
			border-top:4px solid #fff;
		}
		
		#footer p {
			color:#fff;
		}

	
		#footer p a {
			color: #ccc;
			
		}
		
		#footer p a:hover {
			color: #FFFFFF;
			
		}