/*-----------------------------------*/
/*--DESIGN BY: EDWARD LOPEZ----------*/
/*--DEVELOPMENT BY: DAGAN LEV--------*/
/*--COMPANY: HOTSCOT-----------------*/
/*--CLIENT: CRANNOG CONCEPT GROUP----*/
/*--DATE: 11.06.2008-----------------*/
/*-----------------------------------*/

body{
	margin:0px;
	padding:0px;
	background-color:#0A2C52;
	background-image:url(../images/bg_body.jpg);
	background-repeat:repeat-x;
	}
b{
	margin:0px 0px 20px 0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6;
	color:#FFFFFF;
}
	
/*--DEFAULT FONTS-----------------------------------------------------------------------------------------------------*/
	
h1{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:2.3;
	color:#62A4EC;
	}
	
.bold{
	color:#FFB74A;
	font-size:35px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	}
	
h2{
	margin:0px 0px 30px 0px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	font-weight:normal;
	color:#FF9900;
	line-height:normal;
	}

h3{
	margin:0px 0px 10px 0px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	color:#A6CB34;
	line-height:normal;
	}

p{
	margin:0px 0px 20px 0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6;
	color:#98C7E9;
	}
	
ul{
	margin:0px 0px 30px 0px;
	padding:0px;
	}
	
li{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6;
	color:#98C7E9;
	}

a{
	color:#FF9900;
	text-decoration:none;
	}

a:hover{
	color:#FF9900;
	text-decoration:underline;
	}
	
form{
	margin:0px 0px 20px 0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6;
	color:#FFFFFF;
	}
table{
	margin:0px 0px 20px 0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6;
	color:#FFFFFF;
}
	
img{
	margin:0px;
	padding:0px;
	display:block;
	}
	
/*--MAIN HEADER IMAGE AND CAN BE CHANGED FOR SMALL SUB SITE-----------------------------------------------------------*/
	
.painted_men_bg{
	margin:0px;
	padding:0px;
	background:#FF0000;
	background-repeat:no-repeat;
	}
	
/*--MAIN BACKGROUND IMAGE---------------------------------------------------------------------------------------------*/
	
.main_bg_con{
	margin:0px 0px;
	padding:0px;
	background-image:url(../images/bg_main.gif);
	background-repeat:no-repeat;
	background-position:center 423px;
	}
	
/*--MAIN CONTAINER----------------------------------------------------------------------------------------------------*/
	
.main_con{
	margin:0px auto;
	padding:0px;
	width:850px;
	}
.header_image{
	margin:0px; 
	padding:0px; 
 	width:850px;
	background-repeat:no-repeat;
	}
#header_image_home{
	background-image:url(../images/bg_header_home2.jpg);
	}
#header_image_restaurant{
	background-image:url(../images/bg_header_restaurant.jpg);
}

#header_image_menu{
	background-image:url(../images/bg_header_restaurant2.jpg);
}
#header_image_cruises{
	background-image:url(../images/bg_header_cruises.jpg);
}
#header_image_weddings{
	background-image:url(../images/bg_header_weddings2.jpg);
}
#header_image_location{
	background-image:url(../images/bg_header_location2.jpg);
}
#header_image_contact{
	background-image:url(../images/bg_header_contact.jpg);
}
	
/*--HEADER------------------------------------------------------------------------------------------------------------*/
	
.header_con{
	margin:0px;
	padding:0px;
	width:850px;
	height:284px;
	background:url(../images/bg_header.gif) no-repeat;
	}
	
.header_top_row{
	margin:0px;
	padding:0px;
	width:850px;
	height:28px;
	background:url(../images/bg_header_top_row.jpg)
	}
	
.header_top_row p{
	font-size:11px;
	}
	
.header_top_row a{
	color:#FF9900;
	font-weight:bold;
	}
	
.header_top_row .left_col{
	margin:4px 0px 0px 10px;
	color:#FF9900;
	float:left;
	}
	
.header_top_row .right_col{
	margin:4px 10px 0px 0px;
	color:#FFFFFF;
	float:right;
	}

.header_mid_row{
	margin:0px;
	padding:0px;
	width:850px;
	height:184px;
	}

.header_bot_row{
	margin:0px;
	padding:0px;
	width:850px;
	height:72px;
	}
	
/*--MAIN NAVIGATION---------------------------------------------------------------------------------------------------*/
	
.nav{
	margin:0px 10px 0px 0px;
	padding:0px;
	width:467px;
	height:39px;
	float:left;
	}

.nav ul{
	position:relative;
	margin:0px;
	padding:0px;
	list-style-type:none;
	clear:both;
	}
	
.nav li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:left;
	}
	
.nav li a{
	margin:0px;
	padding:0px;
	height:39px;
	display:block;
	}
	
.nav li a:hover{
	margin:0px;
	padding:0px;
	height:39px;
	display:block;
	}
	
.home a{background:url(../images/bg_tabs.jpg) no-repeat; background-position: 0px top; width:54px;}
.home a:hover{background:url(../images/bg_tabs.jpg) no-repeat; background-position: 0px bottom; width:54px;}
#home_active{background:url(../images/bg_tabs.jpg) no-repeat; background-position: 0px bottom; width:54px;}

.restaurant a{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -54px top; width:91px;}
.restaurant a:hover{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -54px bottom; width:91px;}
#restaurant_active{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -54px bottom; width:91px;}

.cruises a{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -145px top; width:67px;}
.cruises a:hover{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -145px bottom; width:67px;}
#cruises_active{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -145px bottom; width:67px;}

.weddings a{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -212px top; width:83px;}
.weddings a:hover{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -212px bottom; width:83px;}
#weddings_active{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -212px bottom; width:83px;}

.location a{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -295px top; width:74px;}
.location a:hover{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -295px bottom; width:74px;}
#location_active{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -295px bottom; width:74px;}

.contact a{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -369px top; width:68px;}
.contact a:hover{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -369px bottom; width:68px;}
#contact_active{background:url(../images/bg_tabs.jpg) no-repeat; background-position: -369px bottom; width:68px;}

.hide{
	display:none;
	}

/*--MAIN SUBNAV-------------------------------------------------------------------------------------------------------*/

.subnav{
	margin:0px;
	padding:0px;
	width:850px;
	height:28px;
	}
	
.subnav ul{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	display:inline;
	}
	
.subnav li{
	margin:0px 0px 0px 0px;
	padding:0px;
	color:#62A4EC;
	list-style-type:none;
	display:inline;
	float:left;
	line-height:2.3;
	}
	
.subnav a{
	margin:0px 10px 0px 10px;
	padding:0px;
	line-height:2.3;
	color:#FFFFFF;
	}
	
#subnav_active{
	text-decoration:underline;
	}
	
.subnav img{
	float:left;
	}
	
/*--MAIN CONTENT AREA-------------------------------------------------------------------------------------------------*/
	
.content{
	position:relative;
	margin:20px auto 0px auto;
	padding:0px;
	width:850px;
	z-index:100;
	min-height:200px;
 	height:auto !important;
  	height:200px;
	}
	
/*--MAIN CONTENT LIST ITEMS-------------------------------------------------------------------------------------------*/
	
.content li{
	margin:0px 0px 10px 10px;
	padding:0px 0px 0px 20px;
	background:#FF0000;
	list-style-type:none;
	background:url(../images/icon_arrow_orange.gif) no-repeat;
	background-position:left 7px;
	}
	
/*--LEFT NARROW/WIDE CONTAINERS ARE REUSABLE ELEMENTS WITH 2 WIDTH OPTIONS--------------------------------------------*/

.left_narrow_con{
	margin:0px 20px 0px 0px;
	padding:0px;
	width:363px;
	float:left;
	}
	
.left_wide_con{
	margin:0px 20px 0px 0px;
	padding:270px 0px 0px 15px;
	width:452px;
	float:left;
	background-repeat:no-repeat;
	}
#left_wide_con_home{
	background-image:url(../images/left_con_img01.jpg);
	}
#left_wide_con_restaurant{
	background-image:url(../images/left_con_img02a.jpg);
}

#left_wide_con_menu{
	background-image:url(../images/left_con_img06.jpg);
}
#left_wide_con_cruises{
	background-image:url(../images/left_con_img03.jpg);
}
#left_wide_con_weddings{
	background-image:url(../images/left_con_img04.jpg);
}
#left_wide_con_mbe{
	background-image:url(../images/left_con_img05.jpg);
}
	
/*--RIGHT NARROW/WIDE CONTAINERS ARE REUSABLE ELEMENTS WITH 2 WIDTH OPTIONS-------------------------------------------*/
	
.right_narrow_con{
	margin:0px;
	padding:0px;
	width:363px;
	float:left;
	}
	
.right_narrow_con li{
	color:#FFFFFF;
	}
	
/*--WIDE CONTAINER SHOULD BE USED TO DISPLAY FULL WIDTH CONTENT-------------------------------------------------------*/
	
.wide_con{
	margin:0px;
	padding:20px 15px 0px 15px;
	width:820px;
	float:left;
	}

.testimonials{
	margin:20px 0px 0px 0px;
	padding:0px;
	float:right;
	}

.testimonials_wedding{
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:14px;
	line-height:120%;
	}

/*--RESUSABLE GREEN CONTAINER -----------------------------------------------------------*/

.small_blue_con{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:363px;
	background-image:url(../images/bg_small_blue_top.gif);
	background-repeat:no-repeat;
	background-color:#115095;
	float:left;
	}
	
.small_blue_con_bot{
	margin:0px;
	padding:20px 20px 20px 20px;
	background:url(../images/bg_small_blue_bot.gif) no-repeat bottom;
	display:block;
	}
.small_blue_con h2{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	font-size:23px;
	}
.small_blue_con p{
	margin:0px 0px 10px 0px;
	padding:0px;
	}
.small_blue_con img{
	margin:0px 20px 10px 0px;
	padding:0px;
	width:128px;
	border:1px solid #FFFFFF;
	float:left;
	}	

	
/*-----------------------*/

#homepage{
 	min-height:374px;
 	height:auto !important;
  	height:374px;
	}
	
/*--FOOTER IMAGE - NOTE: NEGITIVE MARGIN WITH Z-INDEX ALLOWS FOOTER TO SIT BEHIND CONTENT-----------------------------*/
	
.footer{
	position:relative;
	margin:-97px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:auto;
	height:240px;
	background:url(../images/bg_footer.jpg) center;
	z-index:10;
	}
	
.footer_txt{
	margin:0px auto;
	padding:144px 0px 0px 30px;
	width:850px;
	}
	
.footer_txt p{
	font-size:11px;
	color:#86B9F0;
	}
	
.footer_txt a{
	color:#86B9F0;
	}
	
.footer_nav{
	margin:0px auto;
	padding:0px;
	width:850px;
	background:#0A2C52;
	}
	
.footer_nav p{
	font-size:11px;
	color:#1662B6;
	text-align:center;
	}
	
.footer_nav a{
	color:#1662B6;
	}
	
.footer_nav a:hover{
	color:#1662B6;
	}
	
/*-----------*/	

.sitemap li{
	font-family:Georgia, "Times New Roman", Times, serif;
	background-position:0px 10px;
}
.sitemap li a{
	font-size:18px;
}
.sitemap li.sitmap_subnav{
	padding:0px 0px 0px 40px;
	font-size:14px;
	background-position:20px;
}
.sitemap li.sitmap_subnav a{
	font-size:12px;
	color:#A6CB34;
}

/*----- TWITTER ------*/	

#twitter_update_list li{
	background:url(../images/twitter_bird.gif) no-repeat 0px 2px;
	padding-left:35px;
}
#twitter_div a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}



/*--USE WHERE 2 ELEMENTS ARE FLOATING TO CLEAR CONTNET BELOW----------------------------------------------------------*/

.clear{
	margin:0px;
	padding:0px;
	height:0px;
	clear:both;
	}