/*
Project Name: Venice2Dubrovnik
Version: 1.0
Design: Karlo Domic ( karlodomic@gmail.com )
Code: Slicejack ( www.slicejack.com // info@slicejack.com )
*/

body { background: #0382b2 url('../images/layout/body.gif') top repeat-x; font-family: Arial, Helvetica, sans-serif; }

#container { width: 848px; margin: 0 auto; }

/* =Header
----------------------------------------------- */
#header { background: url('../images/layout/header.jpg') no-repeat; height: 160px; position: relative; }
	#header h1 a { display: block; font-size:24px; color:#ffffff; position: absolute; top: 40px; left: 37px; }
	/*	#header h1 a { display: block; text-indent: -5000px; background: url('../images/layout/logo.gif') no-repeat; width: 236px; height: 81px; position: absolute; top: 13px; left: 37px; }*/
	#header ul { position: absolute; top: 117px; left: 45px; }
	#header li { float: left; background: url('../images/menu/divider.gif') left no-repeat; padding: 10px 20px; }
	#header li.nav-item-1 { padding-left: 0; background: none; }
	#header li a { display: block; height: 20px; float: left; text-indent: -5000px; }
	#header li.nav-item-1 a { background: url('../images/menu/home.gif') no-repeat; width: 36px; }
	#header li.nav-item-2 a { background: url('../images/menu/dubrovnik.gif') no-repeat; width: 61px; }
	#header li.nav-item-3 a { background: url('../images/menu/venice.gif') no-repeat; width: 40px; }
	#header li.nav-item-4 a { background: url('../images/menu/route.gif') no-repeat; width: 36px; }
	#header li.nav-item-5 a { background: url('../images/menu/nostravita.gif') no-repeat; width: 67px; }
	#header li.nav-item-6 a { background: url('../images/menu/lifestyle.gif') no-repeat; width: 50px; }
	#header li.nav-item-7 a { background: url('../images/menu/about.gif') no-repeat; width: 54px; }
	#header li a:hover, #header li a.active { background-position: top right; }

/* =Sub Header
----------------------------------------------- */
#sub-header { background: #fff url('../images/layout/sub_header.gif') no-repeat; width: 837px; height: 293px; padding: 7px 0 0 11px; }

/* =Content
----------------------------------------------- */
#content { background: #fff url('../images/layout/content.gif') repeat-y; width: 750px; margin: 0 auto; padding: 0 25px 25px 25px; }
	.column { width: 240px; margin-right: 15px; float: left; font-size: 11px; color: #666; }
	.column p { margin-bottom: 10px; line-height: 1.4; }
	.column p a { color: #1e99bc; }
	.column p a:hover { color: #104a5a; }
	.column h2 { width: 240px; height: 40px; text-indent: -5000px; margin: -20px 0 10px 0; position: relative; }
	.column h2#route { background: url('../images/headings/route.gif') no-repeat; }
		.column h2#dubrovnik { background: url('../images/headings/dubrovnik.gif') no-repeat; }
			.column h2#lifestyle { background: url('../images/headings/lifestyle.gif') no-repeat; }
				.column h2#venice { background: url('../images/headings/venice.gif') no-repeat; }
				.column h2#nostravita { background: url('../images/headings/nostravita.gif') no-repeat; }
				.column h2#about { background: url('../images/headings/about.gif') no-repeat; }
	.column h2#route.wide { background: url('../images/headings/route_wide.gif') no-repeat; width: 490px; height: 40px; }
	.column h2#cruising { background: url('../images/headings/cruising.gif') no-repeat; }
	.column h2#optin { background: url('../images/headings/optin.gif') no-repeat; margin-top: 0; width: 220px; }
	.column h2#contact { background: url('../images/headings/contact.gif') no-repeat; margin-top: 0; width: 220px; }
	.column h3 {font-size:16px; font-weight:bold; color:#666666;}
	.column p.read-more { float: right; }
	.column p.read-more a { display: block; background: url('../images/buttons/readmore.gif') no-repeat; text-align: center; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; height: 22px;width: 79px; padding-top: 6px; }
	.column .image-holder { width: 50px; height: 49px; float: left; padding: 6px 0 0 6px; background: url('../images/layout/image_holder.gif') no-repeat; margin: -2px 6px 1px -2px; position: relative; }
.column .image-holder3 { width: 204px; height: 208px; float: left; padding: 6px 0 0 6px; margin: -2px 6px 1px -2px; position: relative; }

p { margin-bottom: 10px; line-height: 1.4; }
p a { color: #1e99bc; }
p a:hover { color: #104a5a; }

span.goleft{float:left;color:#0895CA;margin-top:1px;margin-bottom:1px; font-weight:bold;}
span.goright{float:right;}

.boatpic{
	margin: 0px;
	padding: 0px;
}
.boatpic ul{
	margin:0px;
	padding:0px;

	
}
.boatpic li{
	display:inline;
	margin: 0px;
	padding: 0px;

}
.boatpic img{
	border:1px solid #FFFFFF;
	margin-left:5px;
	padding:0px;
	margin-bottom: 5px;
}


	.column.main { width: 490px; }
	.column.main p { font-size: 12px; margin-bottom: 20px; }
	.column.main .text-wrapper { margin-left: 15px; }
	.column.main .image-holder { background: url('../images/layout/column_main_image_holder.gif') no-repeat; width: 107px; height: 77px; float: left; padding: 8px 0 0 8px; margin: -2px 10px 0 -3px; position: relative; }
	.column.main .image-holder2 { background: url('../images/layout/column_main_image_holder2.gif') no-repeat; width: 111px; height: 169px; float: left; padding: 8px 0 0 8px; margin: -2px 10px 0 -3px; position: relative; }
	
	.column.last { background: #f1e6d3 url('../images/layout/column_last.gif') no-repeat; margin: -20px 0 0 0; width: 220px; height: 385px; padding: 0 10px; position: relative;  }
	.column.last p, .column.last fieldset { width: 200px; margin: 0 auto; }
	.column.last p { margin-bottom: 10px; }
	.column.last label { font-size: 11px; display: block; font-weight: bold; color: #b9a27a; margin-bottom: 5px; }
	.column.last li { margin-bottom: 10px; }
	.column.last .input-text { background: #fff url('../images/form/optin_input-text.gif') no-repeat; border: 1px solid #b9a27a; font-size: 11px; padding: 3px; width: 192px;}
	.column.last .input-textarea { background: #fff url('../images/form/optin_input-textarea.gif') no-repeat; border: 1px solid #b9a27a; font-size: 11px; padding: 3px; width: 192px; height:75px;}
	.column.last .input-button { background: #fff url('../images/form/optin_send.gif') no-repeat; width: 47px; height: 28px; font-size: 1px; display: block; border: none; color: #fff; cursor: pointer; float: right; }

/* =Route Videos
----------------------------------------------- */
#route-videos { background: #f1e6d3 url('../images/layout/route_videos.gif') no-repeat; width: 780px; height: 100px; margin: 0 auto 15px auto; padding: 16px 0 0 20px; font-size: 11px; }
	#route-videos li { width: 240px; margin-right: 15px; float: left; }
	#route-videos .image-holder { background: #fff url('../images/layout/route_videos_image_holder.gif') no-repeat; width: 105px; height: 75px; float: left; padding: 9px 0 0 9px; margin-right: 7px; }
	#route-videos h3 a { color: #0382b2; text-decoration: none; display: block; margin: 4px 0 2px 0; font-weight: bold; }
	#route-videos h3 a:hover { color: #00516f; }
	#route-videos p { color: #666; margin-bottom: 3px; line-height: 1.3; }
	#route-videos p a { font-weight: bold; color: #b9a27a; text-decoration: none; }
	#route-videos p span.you { color: #666; }
	#route-videos p span.tube { color: #d56767; }
	#route-videos p a:hover { color: #837050; }
	#route-videos p a:hover span.you { color: #000; }
	#route-videos p a:hover span.tube { color: red; }

/* =Footer
----------------------------------------------- */
#footer { width: 750px; margin: 0 auto; height: 27px; font-size: 11px; color: #70bcd9; position: relative; }	
	#footer li { display: inline; }
	#footer li.first-item a { padding-left: 0; background: none; }
	#footer li a { color: #70bcd9; text-decoration: none; background: url('../images/layout/footer_divider.gif') left no-repeat; padding: 0 4px 0 6px; display: block; float: left; }
	#footer li a:hover, #footer li a.active { color: #cbe9f5; text-decoration: underline; }
	#footer p { position: absolute; top: 0; right: 0; font-size: 11px; color: #70bcd9; }
	#footer p a { color: #cbe9f5; text-decoration: none; }
	#footer p a:hover { text-decoration: underline; }

	
/* Specs list */

ul.specs li {

	background: url(../images/icon-star.gif) no-repeat 0px 3px;

	margin-left: 15px;

	padding: 2px 0 2px 20px;

}

.borderImg{
padding:5px;
background-color:#FFFFFF;
border:1px solid #dadada;
}