/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family:"Myriad Pro", "Myriad", "Trebuchet Ms" Arial, Helvetica, sans-serif;
	}

/************************ Clear Elements to Support IE6 ************************/

.clearit {
	clear: both;
	height: 0;
	overflow: hidden;
	}

/************************ Structural Elelemts *********************/
	
#container-top {
    background:url(img/beach-bg.jpg) repeat-x;
	width: 100%;
	height: 800px;
	margin: 0 auto;
	padding: 0;
	}
#container-bottom {
    background:url(img/bottom-bg.jpg) repeat-x;
	width: 100%;
	height:250px;
	margin: 0 auto;
	padding: 0;
	}
	
/****************************** Site Structure ***********************************/

#web-body{
	width: 850px;
	height: 800px;
	margin: 0 auto;
	padding: 0 0 0 0;
	}
#footer {
	width: 850px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align:center;
	}
#header {
    background:none;
	width: 850px;
	height: 42px;
	margin: 0;
	padding: 0;
	}
	
#logo-nav-holder{
    background:none;
	width: 850px;
	height: 186px;
	margin: 0;
	padding: 0;
	}
	
#content-holder{
    background:none;
	width: 850px;
	height: 500px;
	margin: 0;
	padding: 0;
	}
	
#content{
    background:none;
	width: 675px;
	height: 480px;
	margin: 10px 50px 10px 125px;
	padding: 0;
	}
	
.content-left{
    background:none;
	width: 300px;
	height: auto;
	margin: 0;
	padding: 0;
	float:left;
	
	}
	.content-right{
    background:none;
	width: 375px;
	height: auto;
	margin: 0;
	padding: 0;
	float:right;
	
	}

/******************************Logo & Navigation ***********************************/	

.logo {
	width: 277px;
	height: 186px;
	margin: 0;
	padding: 0;
	float:left;
	}
.navigation {
    background:none;
	width: 573px;
	height: 101px;
	margin: 0 0 0 0;
	padding: 85px 0 0 0;
	float:right;
	text-align:center;
	}

 .navigation a.nav {
	margin:0;
	padding:0 22px 0 0;
	font-size:17px!important;
	color:#fff200!important;
	text-decoration:none;
	}
 .navigation a.nav:hover {
    margin: 0;
	padding:0 22px 0 0;
	font-size:17px!important;
	color:#FF0000!important;
	text-decoration:underline!important;
	}
	
 .navigation a.nav_on, a.nav_on:hover {
	margin: 0;
	padding:0 22px 0 0;
	font-size:17px!important;
	color:#FF0000!important;
	text-decoration:underline!important;
	}
 
 

/******************************Footer Info  ***********************************/ 

#footer ul{
	background:none;
 	padding:15px 0 15px 0px;
 	margin:0;
	}
#footer ul li{
	 padding: 0 0 0 30px;
	 margin:0;
 	 list-style-type:none!important;
 	 display:inline;
	 color:#777!important;
	 font-family:"Myriad Pro", "Myriad", "Trebuchet Ms" Arial, Helvetica, sans-serif!important;
     font-size:12px!important;

	}
	
#footer ul li a:link, a:visited{
   margin:0;
   padding:0;
   text-decoration:none!important;
   color:#1B75BC!important;
   font-family:"Myriad Pro", "Myriad", "Trebuchet Ms" Arial, Helvetica, sans-serif!important;
   font-size:12px!important;

 }
 
#footer ul li a:hover{
   padding:0;
   margin:0;
   color:#333!important;
   text-decoration:underline!important;
   font-family:"Myriad Pro", "Myriad", "Trebuchet Ms" Arial, Helvetica, sans-serif!important;
   font-size:12px!important;
 }
 
#navigation ul li a:active{
   margin:0;
   padding:0;
   text-decoration:none!important;
   color:#1B75BC!important;
   font-family: "Myriad Pro", "Myriad", "Trebuchet Ms" Arial, Helvetica, sans-serif!important;
   font-size:12px!important;
 }
 
 /******************************  ***********************************/ 


.photo{
    margin:0;
	padding:20px 0 40px 0;
	text-align:center;
	}

.smile{
     padding:0;
     margin:0;
     color:#333;
	 font-family:"Myriad Pro", "Myriad", "Trebuchet Ms" Arial, Helvetica, sans-serif!important;
     font-size:30px;
	 text-align:center;

}



.text{
     padding:10px 0 10px 0;
     margin:0;
     color:#333;
	 font-family:"Myriad Pro", "Myriad", "Trebuchet Ms" Arial, Helvetica, sans-serif!important;
     font-size:12px;
	 text-align:left;

}

.text-large{
     padding:0;
     margin:0;
     color:#333;
	 font-family:"Myriad Pro", "Myriad", "Trebuchet Ms" Arial, Helvetica, sans-serif!important;
     font-size:14px;

}

.text-indent{
     padding:10px 0 10px 20px;
     margin:0;
     color:#333;
	 font-family:"Myriad Pro", "Myriad", "Trebuchet Ms" Arial, Helvetica, sans-serif!important;
     font-size:12px;
	 text-align:left;

}