/* ---------------------  STANDARD TAGS --------------------- */


body	
	{
	font: 83% Georgia, "Times new roman", times, serif;
	background: #b9ceda url(/media/gfx/bg.gif) repeat-x;
	text-align: center;
	margin: 0px;
	margin-bottom: 15px;
	color: #646464
	}

h1, h2, h3, h4, h5, h6
	{
	font-family: Georgia, "Times New Roman", Times, serif;	
	color: #07517b;
	margin-bottom: 0.3em;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 0.2em
	}

p	
	{
	font: 1em Georgia, "Times new roman", times, serif;
	margin-top: 0px;
	line-height: 1.5em;
	color: #646464
	}
	
h1
	{
	line-height: 0.9em;
	font-weight: normal;
	font-size: 2.6em;
	margin-top: 0em;
	letter-spacing: -1px
	}
	
h2
	{
	font-weight: normal;
	font-size: 1.7em
	}
	
h3
	{
	font-weight: normal;
	font-size: 1.5em
	}
	
h4
	{
	font-weight: normal;
	font-size: 1.3em
	}
	
a, a:link
	{
	color: #066d8f
	}
	
a:hover
	{
	color: #066d8f
	}

a:active, a:focus
	{
	outline: none
	}
	
a:visited
	{
	color: #066d8f
	}
	
.hide
	{
	display: none
	}
	
.clear
	{
	margin: 0px;
	clear: both
	}


/* ---------------------  STRUCTURE --------------------- */

#all
	{
	margin: auto;
	text-align: left;
	width: 958px;
	padding-top: 14px;
	}
	
#top
	{
	clear: both;
	height: 376px;
	background: url(/media/gfx/top.gif) no-repeat;
	width: 100%;
	padding-top: 1px;
	}
	
a#logo
	{
	float: left;
	display: block;
	width: 242px; /* <-  Change value to match your logo */
	height: 26px;	/* <-  Change value to match your logo */
	background: url(/media/gfx/logo.gif) no-repeat;
	margin: 22px 0px 0px 30px; /* <-  Change value to desired logo placement */
	_margin: 22px 0px 0px 15px;
	}
	
#topImage
	{
	clear: both;
	margin: 0px 0px 0px 4px;
	width: 950px;
	height: 290px;
	background: url(/media/gfx/big_blue.jpg) no-repeat
	}

#topText
	{
	float: right;
	margin-top: 30px;
	margin-right: 81px;
	_margin-right: 40px;
	width: 367px;
	height: 206px;
	background: url(/media/gfx/top_text4.gif) no-repeat
	}
	
a#theOriginal
	{
	display: block;
	width: 150px;
	height: 73px;
	float: right;
	text-decoration: none;
	border: none;
	background: url(/media/gfx/the_original.gif) no-repeat
	}


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

#leftDiv {
	clear: both;
	float: left;
	width: 35%;
}

#rightDiv {
	float: right;
	width: 65%;
}

#inner
	{
	text-align: left;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 15px;
	background: url(/media/gfx/bg_content.gif) repeat-y
	}
	
#content
	{
	min-height: 320px;
	height: auto !important;
	height: 320px;
	padding: 6px 30px 0px 30px;
	}
	
#content ul li
	{
	line-height: 2em
	}
	
#leftColumn
	{
	float: left;
	width: 255px;
	}
	
#rightColumn
	{
	float: right;
	width: 585px;
	}


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

#footer
	{
	clear: both;
	width: 100%;
	height: 31px;
	padding-top: 37px;
	background: url(/media/gfx/bg_footer.gif) top center no-repeat;
	}
	
#footer p
	{
	font-size: 11px;
	margin-left: 20px;
	color: #487895;
	margin-bottom: 0px;
	}
	
#footer a
	{
	display: block;
	float: left;
	width: 16px;
	height: 11px;
	margin: 3px 7px 0px 0px;
	background: url(/media/gfx/ico_envelope.gif) 0px 0px no-repeat
	}


/* ---------------------  MENU --------------------- */
	
#menu
	{
	z-index: 20;
	position: relative;
	top: 0px;
	height: 51px;
	width: 650px;
	margin: 2px 30px 0px 0px;
	_margin: 2px 15px 0px 0px;
	float: right;
	}

#menu ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 0px;
	height: 51px;
	float: right
	}
	
#menu ul li
	{
	float: right;
	position: relative;
	background: url(/media/gfx/menu_devider.gif) left bottom no-repeat;
	height: 51px;
	padding-left: 2px;
	}
	

	
li ul
	{
	position: absolute;
	width: 181px;
	background: none;
	top: 50px;
	left: -2px;
	display: none;
	margin: 0;
	padding: 0;
	height: auto;
	border: none;
	height: auto
	}

#menu ul li ul li
	{
	float: none;
	position: relative;
	background: none;
	height: 27px;
	padding-left: none;
	margin: 0
	}
	
#menu ul li ul li a, #menu ul li ul li a:link
	{
	height: 20px;
	background: #eee;
	color: #797e81;
	font-size: 12px;
	display: block;
	float: none;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 5px;
	border-top: 1px solid #fff;
	margin: 0px
	}

#menu li ul li a
	{
	font-weight: normal;
	}
	
#menu ul.under li a:hover
	{
	background: #ccc;
	color: #fff;
	}
	
#menu ul li a:hover, #menu ul li a:active
	{
	color: #000;
	outline: none;
	background: url(/media/gfx/menu_hover.gif) bottom repeat-x;
	}

#menu li.active
	{
	color: #521e34;
	}

#menu li.active a.active, #menu ul li a.activeLink, #menu li.active a.active:hover, #menu li a.activeLink:hover, #menu ul li a.activeLink:visited
	{
	background: url(/media/gfx/menu_active.gif) repeat-x;
	color: #fff;
	}

/* Fix IE. Hide from IE Mac \*/* #menu ul li
	{
	_float: left;
	}
	
* #menu ul li a
	{
	_height: 1%;
	}/* End */
	
li:hover ul, li.over ul
	{
	display: block;
	background: none;
	}


/* ---------------------  STARTPAGE --------------------- */

.boatThumb
	{
	margin: 0px 14px 0px 14px
	}


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

p.newsDate
	{
	font-size: 0.75em;
	margin-bottom: 0em
	}

.newsContainer h4
	{
	height: auto;
	margin-top: 0.25em;
	font-size: 1.1em;
	border: none;
	letter-spacing: 0px;
	font-weight: bold;
	}

.newsContainer h4 a
	{
	text-decoration: none;
	color: #175c84;
	margin-top: 0
	}

p.newsIngress
	{
	font-size: 0.85em
	}

p.newsReadMore a
	{
	text-decoration: none;
	font-weight: bold;
	font-size: 0.85em;
	color: #175c84;
	}

p.newsReadMore a:hover, h4.news a:hover
	{
	color: #278bc5;
	}

hr.news
	{
	height: 2px;
	color: #fff;
	background-color: #fff;
	border: 0px;
	border-top: 1px solid #d8d8d8;
	}

div.moreNews
	{
	text-align: right
	}

div.moreNews a
	{
	padding-left: 18px;
	line-height: 1.3em;
	background: url(/media/gfx/big_arrow.gif) 0px 3px no-repeat;
	text-decoration: none;
	font-size: 1.1em;
	color: #175c84;
	font-weight: bold;
	}

div.moreNews a:hover
	{
	background: url(/media/gfx/big_arrow.gif) 5px 3px no-repeat;
	color: #278bc5;
	}

/* ---------------------  NEWSARCHIVE  */

.newsArchive span.date
	{
	display: block;
	/* float: left; */
	font-size: 1em;
	line-height: 1.3em;
	margin: 0em;
	padding: 0
	}

.newsArchive a
	{
	font-size: 1em;
	line-height: 1.3em;
	border: none;
	font-weight: bold;
	padding: 0px;
	letter-spacing: 0px;
	background: none;
	 /* float: left; */
	margin: 0em 0em 1em 0.4em;
	}

.newsArchive br
	{
	clear: both;
	}

	
	
/* ---------------------  BOAT TEMPLATE --------------------- */


table.technicalTable
	{
	border: 1px solid #3e8bba;
	color: #858585;
	font-family: arial;
	margin-top: 30px;
	}
	
table.technicalTable td
	{
	padding: 4px;
	}
	
td.technicalTd
	{
	background: #3f8dbc url(/media/gfx/technical.gif) top center no-repeat
	}
	
td.even
	{
	background: #d9e5ec
	}
	
div.photos
	{
	margin-top: 0px;
	width: 262px;
	}
	
div.photos img
	{
	margin-right: 3px;
	}
	
div.photos h4
	{
	padding-left: 20px;
	background: url(/media/gfx/ico_photos.gif) 0px 2px no-repeat;
	border: none
	}
	
div.media h4
	{
	padding-left: 20px;
	background: url(/media/gfx/ico_box.gif) 0px 2px no-repeat;
	border: none
	}
	
.photos hr, .media hr
	{
	margin-top: -5px;
	}
	
table.mediaTable
	{
	width: 255px;
	}
	
table.mediaTable td
	{
	height: 30px;
	border-bottom: 1px dotted #d6d6d6;
	font: 0.9em arial, helvetica, san-serif
	}
	
/*  Blog  */
	
.serviceBlog .serviceBlog, .actionRead {
	padding-left: 310px;
}

.serviceBlog .comment, .serviceBlog .user , .actionRead .comment, .actionRead .user {
	display: none;
}

.serviceBlog p {
	margin-bottom: 5px;
}

.serviceBlog .rubrik, .actionRead h1 {
	margin-top: 3px;
}

.serviceBlog .arrow {
	display: block;
	padding-bottom: 25px;
}

.serviceBlog .media {
	padding-bottom: 10px;
}

.serviceBlog p.link {
	margin-bottom: 20px;
}

/*  Comments  */

#postComment #commentText {
	width: 500px;
	height: 70px;
}

#postComment label {
	font-weight: normal;
}

#postComment input {
	margin-bottom: 5px;
}

.serviceComment .user {
	display: inline;
	font-weight: bold;
}

.serviceComment .item {
	margin: 10px;
	margin-left: 0px;
}

/* Extra? */


#talkNow {
	display:block;
	float:left;
}

#menu ul li a, #menu ul li a:link
	{
	color: #797e81;
	font: normal 13px georgia, "times new roman", times, serif;
	line-height: 23px;
	display: block;
	float: left;
	text-decoration: none;
	padding: 16px 15px 0px 15px;
	height: 35px;
	_height: 35px;
	outline: none
	}
	
	
a.skarneTv
	{
	display: block;
	width: 252px;
	height: 57px;
	background: url(/media/gfx/skarnetv_button.gif) 0px 0px no-repeat;
	margin: 20px 0px 50px 0px;
	}
	
p.centerParagraph
	{

	}
	
a.skarneTv:hover
	{
	background: url(/media/gfx/skarnetv_button.gif) 0px -57px no-repeat;
	}
	
a.skarneTv:active
	{
	background: url(/media/gfx/skarnetv_button.gif) 0px -114px no-repeat;
	}

/* Boats range page */

#containerBoats {
	width: 932px;
	height: 514px;
	border: 9px solid #fff;
}

#containerBoats .boats {
	float: left;
	width: 233px;
	height: 514px
}

#containerBoats .boats .category {
	margin-top: 12px;
	width: 190px;
	height: 50px;
	background-color: #023651;
	padding: 7px 10px 10px 10px;
	color: #fff;
	font-size: 0.8em;
}

#containerBoats h2 {
	color: #fff;
	font-size: 2em;
	margin-top: 0;
	border-bottom: 1px solid #fff;
}

#containerBoats .ps {
	background: url('/media/images/boats/ps_dark.jpg');
}
#containerBoats .ps:hover {
	background: url('/media/images/boats/ps.jpg');
}

#containerBoats .wr {
	background: url('/media/images/boats/wr_dark.jpg');
}
#containerBoats .wr:hover {
	background: url('/media/images/boats/wr.jpg');
}

#containerBoats .os {
	background: url('/media/images/boats/os_dark.jpg');
}
#containerBoats .os:hover {
	background: url('/media/images/boats/os.jpg');
}

#containerBoats .is {
	background: url('/media/images/boats/is_dark.jpg');
}
#containerBoats .is:hover {
	background: url('/media/images/boats/is.jpg');
}

#containerBoats .boats ul, #boatLinks {
	display:none;
	width: 210px;
	list-style:none outside none;
	margin: 0;
}

#boatLinks {
	float:left;
	display:none;
	width: 210px;
	list-style:none outside none;
	margin: 0;
}

#containerBoats .over ul, .over #boatLinks {
	display: block;
}

#containerBoats .boats li, #boatLinks li {
	height: 24px;
	background-color: #fff;
	border-bottom: 1px solid #a5b0c0;
	padding: 3px 3px 3px 10px;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#containerBoats .boats li a, #boatLinks a {
	font-size: 11px;
	text-decoration: none;
	color: #014366;
}

#containerBoats .boats li:hover, #boatLinks li:hover {
	opacity: 0.7;
	filter: alpha(opacity=70)
}

/* Boats model page */

.wr21 {
	background: url('/media/images/boats/wr21.jpg');
}
.wr25 {
	background: url('/media/images/boats/wr25.jpg');
}
.wr27 {
	background: url('/media/images/boats/wr27.jpg');
}
.wr34 {
	background: url('/media/images/boats/wr34.jpg');
}
.os25 {
	background: url('/media/images/boats/os25.jpg');
}
.os27 {
	background: url('/media/images/boats/os27.jpg');
}
.os28 {
	background: url('/media/images/boats/os28.jpg');
}
.os31 {
	background: url('/media/images/boats/os31.jpg');
}
.os34 {
	background: url('/media/images/boats/os34.jpg');
}
.os37 {
	background: url('/media/images/boats/os37.jpg');
}
.ps1 {
	background: url('/media/images/boats/ps1.jpg');
}

#boatMenu {
	float:left;
	margin-top: 12px;
	width: 190px;
}

.model .category {
	float:left;
	width: 190px;
	height: 50px;
	background-color: #023651;
	padding: 7px 10px 10px 10px;
	color: #fff;
	font-size: 0.8em;
}

.model .category h2 {
	margin-bottom: 2px;
}

.model ul {
	list-style: none outside none;
	margin: 0 0 0 0px;
}

.model .arrows li {
	display: inline;
	padding: 0 3px 0 3px;

}

.model .arrows li a {
	color: #fff;
	text-decoration: none;
}

.model .arrows li a:hover {
	text-decoration: underline;
}
.containerInfo {
	display: none;
	float:right;
	margin: 12px 12px 0 0;
	left: 100px;
	width: 500px;
	background-color: #b9ceda;
	border: 5px solid #fff;
	color: #2a2a2a;
	opacity: 0.85;
	filter: alpha(opacity=85)
}

.containerInfo p {
	padding: 5px 5px 5px 5px;
	margin: 0;
	background-color: #D9E5EC;
	color: #2a2a2a;
	border-bottom: 2px solid #fff;
}

.containerInfo p.header {
	padding: 0 5px 2px 5px;
	font-size: 1.5em;
	background-color: #fff;
}
.containerInfo table  {
	margin: 0px;
}

.containerInfo table td {
	padding: 2px 5px 2px 5px;
	font-size: 0.8em;
}

.containerInfo table td.firstColumn {

}
.containerInfo table td.secondColumn {
	width: 70px;
}
.containerInfo table td.thirdColumn {

}
.containerInfo table td.lastColumn {
	width: 100px;
}

.containerInfo table td.value {
	font-weight: bold;
}

#otherMedia {
	width: 300px;
}

#otherMedia table td {
	padding: 7px 5px;
	font-size: 0.8em;
}

#containerImages {
	margin-top: 426px;
}

.model .media {
	margin-left: 12px;
}

.model .media li {
	height: 70px;
	width: 70px;
	float:left;
	padding: 0;
	margin-right: 7px;
	border: 3px solid #fff;
}

.findUs legend {
	font-size: 1em;
}

.findUs .left {
	float:left; 
	width: 50%;
}

.findUs .right {
	float:left; 
}

.findUs label {
	font-weight: normal;
}