/*

DESIGNER: EDDIE LOPEZ

PROJECT: SEA KNOYDART

DATE: 31/10/07

*/



/*BODY ---------------------------------------------------------------------------------------------------*/

body {

	margin:0px;

	padding:0px;

	}



/*MAIN CON -----------------------------------------------------------------------------------------------*/	

#main_con{

	position:relative;

	width:800px;

	margin:0px auto 0px auto;

	padding:0px;

	}



/*MAIN BG ------------------------------------------------------------------------------------------------*/	

.bg_con{

	position:relative;

	margin:0px auto;

	background:url(images/vis_main_bg.jpg) no-repeat center top;

	}



/*HEADER -------------------------------------------------------------------------------------------------*/

#header{

	margin:0px;

	padding:0px;

	width:800px;

	height:228px;

	}

	

.logo{

	margin:0px;

	padding:0px;

	border-top:#FFFFFF solid 10px;

	border-bottom:#FFFFFF solid 10px;

	}



/*CONTENT CONTAINER --------------------------------------------------------------------------------------*/	

.content_con{

	margin:0px;

	padding:0px 0px 200px 0px;

	width:800px;

	background:url(images/content_bot_bg.jpg) bottom no-repeat #FFFFFF;

	}



/*LEFT CON ----------------------------------------------------------------------------------------------*/	

.left_con{

	margin:0px;

	padding:0px 0px 0px 0px;

	width:160px;

	float:left;

	}

	

.left_con h4{

	margin:0px;

	padding:10px;

	font-family:"Times New Roman", Times, serif;

	font-size:12px;

	background:#008080;

	color:#FFFFFF;

	}

	

.left_con h5{

	margin:20px 0px 0px 0px;

	padding:0px 20px 0px 20px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#008080;

	line-height:1.5;

	background:url(images/news_bullet.gif) left no-repeat;

	}

	

.left_con a{

	color:#008080;

	text-decoration:none;

	}

	

.left_con a:hover{

	color:#008080;

	text-decoration:underline;

	}



.date{

	color:#008080;

	font-size:10px;

	font-weight:bold;

	}

	

.left_con p{

	margin:0px;

	padding:0px 20px 0px 20px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#004242;

	line-height:1.5;

	}

	

/*NAVIGATION ---------------------------------------------------------------------------------------------*/

.left_con ul{

	margin:0px 0px 10px 0px;

	padding:0px;

	list-style-type:none;

	font-family:"Times New Roman", Times, serif;

	font-style:italic;

	font-weight:bold;

	font-size:12px;

	background:#008080;

	}

	

.left_con li{

	display:inline;

	margin:0px;

	padding:0px;

	color:#FFFFFF;

	}

	

.left_con li a{

	margin:0px;

	padding:7px 20px 7px 20px;

	display:block;

	color:#FFFFFF;

	text-decoration:none;

	background:url(images/bullet.gif) left no-repeat;

	border-bottom:#339999 solid 1px;

	}



.left_con li a:hover{

	color:#FFFFFF;

	text-decoration:none;

	background:url(images/bullet_over_dark.gif) left no-repeat #006F6F;

	}

div#nav ul li a:hover {
	color:#FFFFFF;

	text-decoration:none;

	background:url(images/bullet_over_dark.gif) left no-repeat #006F6F;
}
	

div#nav ul li.active a {
	color:#FFFFFF;

	text-decoration:none;

	background:url(images/bullet_over.gif) left no-repeat #339999;
}
	

/*NEWS CON -----------------------------------------------------------------------------------------------*/

.news_con{

	margin:0px;

	padding:0px 0px 20px 0px;

	width:160px;

	background:#E9F0FB;

	}



/*MIDDLE CON ---------------------------------------------------------------------------------------------*/	

#middle_con{

	margin:0px;

	padding:26px 20px 20px 20px;

	width:346px;

	background:url(images/middle_con_bg.jpg) top no-repeat;

	float:left;

	}

	

#middle_con h1{

	margin:0px;

	font-family:"Times New Roman", Times, serif;

	font-style:italic;

	font-size:40px;

	font-weight:normal;

	line-height:1;

	color:#003333;

	}

	

#middle_con h2{

	margin:8px 0px 0px 0px;

	font-family:"Times New Roman", Times, serif;

	font-size:20px;

	font-style:italic;

	line-height:1.4;

	color:#008080;

	}

	

#middle_con h3{

	margin:8px 0px 0px 0px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:normal;

	line-height:1.4;

	color:#008080;

	}

	

#middle_con h4{

	margin:8px 0px 0px 0px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:normal;

	line-height:1.4;

	color:#008080;

	}

	

#middle_con p{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:1.7;

	color:#000000;

	}

	

#middle_con a{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	line-height:1.5;

	text-decoration:none;

	color:#FF6600;

	}

	

#middle_con a:hover{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	line-height:1.5;

	text-decoration:underline;

	color:#FF6600;

	}

	

#middle_con ul{

	margin:10px 0px 0px 10px;

	padding:0px;

	}

	

#middle_con li{

	display:block;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:2;

	margin:0px;

	padding:0px 0px 0px 25px;

	list-style-type:none;

	background:#003399;

	background:url(images/body_bullet.gif) left top no-repeat;

	}



/*RIGHT CON ----------------------------------------------------------------------------------------------*/		

#right_con{

	position:relative;

	margin:-30px 0px 0px 0px;

	padding:0px;

	width:254px;

	float:left;

	z-index:1000;

	}

	

.inset_img_con{

	margin:0px 0px 20px 0px;

	padding:0px;

	width:254px;

	/*background:#99CC66;*/

	}



.inset_img_1{

	margin:0px;

	padding:0px;

	width:200px;

	border:#FFFFFF solid 2px;

	/*float:left;*/

	}

	

.inset_img_2{

	margin:-20px 0px 0px 0px;

	padding:0px;

	width:200px;

	border:#FFFFFF solid 2px;

	border-right:none;

	/*float:right;*/

	}

	

/*FOOTER -------------------------------------------------------------------------------------------------*/	

.footer{

	margin:0px;

	padding:10px;

	width:780px;

	height:42px;

	background:url(images/footer_bg.jpg) no-repeat;

	text-align:center;

	}

	

.footer p{

	margin:0px;

	padding:0px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	line-height:1.5;

	color:#FFFFFF;

	}

	

.footer a{

	color:#FFFFFF;

	text-decoration:none;

	}

	

.footer a:hover{

	color:#FFFFFF;

	text-decoration:underline;

	}



/*COPYRIGHT ----------------------------------------------------------------------------------------------*/	

.copyright{

	margin:0px;

	padding:10px;

	width:780px;

	text-align:center;

	}

	

.copyright p{

	margin:0px;

	padding:0px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#666666;

	}

	

.copyright a{

	color:#666666;

	text-decoration:none;

	}

	

.copyright a:hover{

	color:#666666;

	text-decoration:underline;

	}

	

/*CLEARS AND FIXES ---------------------------------------------------------------------------------------*/		

.clear{

	margin:0px;

	padding:0px;

	clear:both;

	}

	

.quote_space{

	margin:40px 0px 0px 0px;

	padding:0px;

	}