/* 
    Author: Thomas Skaflem <thomas@webtraders.no>
    Site: chris-craft.no
    
	Categories:
		- Basic stuff
		- Primary layout div's
		- Navigation
		- Static content
		- Dynamic content
*/

/*-------------------------
    Basic stuff
    
---------------------------*/
html, body {
    background-color: #001733;
    text-align: center;
    font: normal 100% Arial, Helvetica, sans-serif;
}

*   { margin: 0; padding: 0; }
div { text-align: left; }
span.clear { display: block; clear: both; height: 10px;}
/*-------------------------
	Primary layout div's

---------------------------*/
#header-image {
	width: 980px;
	height: 266px;
	background: transparent url(gfx/header-image.jpg) no-repeat;
	margin: 0 auto;
}

#menu {
	width: 980px;
	height: 22px;
	background: transparent url(gfx/menu-bg.gif) repeat-x;
	margin: 0 auto;
}

/*-------------------------
	Navigation

---------------------------*/
/* 
	Some stupid code -- but it works :--) 
*/
#menu ul { float:left;padding-left: 98px; }
#menu ul li { list-style: none; height: 22px;}
#menu li { float: left;}
#menu span { visibility: hidden; }

#menu a { 
	height: 22px; 
	width: auto;
	text-decoration: none;
	display: block;
	padding: 0 10px;
	float: left;
}

	#menu a.hovedside { background: transparent url(gfx/nav-hovedside.gif) no-repeat center; }
	#menu a:hover.hovedside { background: transparent url(gfx/nav-hovedside-hover.gif) no-repeat center; }

	#menu a.nyheter { background: transparent url(gfx/nav-nyheter.gif) no-repeat center; }
	#menu a:hover.nyheter { background: transparent url(gfx/nav-nyheter-hover.gif) no-repeat center; }

	#menu a.baater-norge { background: transparent url(gfx/nav-baater-norge.gif) no-repeat center; }
	#menu a:hover.baater-norge { background: transparent url(gfx/nav-baater-norge-hover.gif) no-repeat center; }

	#menu a.verksted { background: transparent url(gfx/nav-verksted.gif) no-repeat center; }
	#menu a:hover.verksted { background: transparent url(gfx/nav-verksted-hover.gif) no-repeat center; }

	#menu a.baater-bestill { background: transparent url(gfx/nav-baater-bestill.gif) no-repeat center; }
	#menu a:hover.baater-bestill { background: transparent url(gfx/nav-baater-bestill-hover.gif) no-repeat center; }

	#menu a.kontakt { background: transparent url(gfx/nav-kontakt.gif) no-repeat center; }
	#menu a:hover.kontakt { background: transparent url(gfx/nav-kontakt-hover.gif) no-repeat center; }

	#menu a.borsjyre { background: transparent url(gfx/nav-borsjyre.gif) no-repeat center; }
	#menu a:hover.borsjyre { background: transparent url(gfx/nav-brosjyre-hover.gif) no-repeat center; }

/*-------------------------
	Static content

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

#static-content-wraper {
	width: 980px;
	height: 432px;
	background-color: #002d62;
	margin: 0 auto;
}

#static-content-wraper img.left {
	width: 411px;
	height: 432px;
	float: left;
	margin-right: 30px;
}

#static-content-wraper p {
	padding: 20px;
	padding-bottom: 0;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
}

#static-content-footer {
	/*background: transparent url(gfx/static-footer.gif) no-repeat bottom;*/
	width: 268px;
	height: 120px;
	float: left;
} #static-content-footer img { margin-top: -20px; width: 268px; height: 120px; }

#static-p-wraper {
	height: 325px;
}

#static-content-wraper h2 {
	color: #fff;
	font-size: 14px;
	padding-top: 20px;
}

#static-content-wraper p.news {
	font-size: 12px;
	padding-top: 0;
}

#static-content-wraper a {
	color: #fff;
	font-weight: 900;
	font-size: 12px;
	text-decoration: underline;
}
#static-content-wraper a:hover {
	text-decoration: none;
}
/*-------------------------
    Dynamic content

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

#dynamic-content-wraper {
	width: 980px;
	height: auto;
	background-color: #002d62;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 10px;
}

#dynamic-content-wraper h1 {
	width: 940px;
	height: auto;
	text-align: center;
	background-color: #dfdfdf;
	color: #000;
	font-size: 14px;
	font-weight: bolder;
	margin: 0 auto;
	text-transform: uppercase;
	padding: 5px 0;
}

#dynamic-content-wraper h5 {
	width: 940px;
	height: auto;
	text-align: center;
	background-color: #dfdfdf;
	color: #000;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 14px;
	font-weight: normal;
}
#dynamic-content-wraper a { color: #000; text-decoration: none; }
#dynamic-content-wraper a:hover { text-decoration: underline; }

#dynamic-content-footer {
	width: 646px;
	height: 100px;
	margin: 30px auto 0 auto;
	/*background: transparent url(gfx/dynamic-footer.gif) no-repeat;*/

} 

div.dynamic-content-holder {
	width: 940px;
	height: auto;
	margin: 0 auto;
	background-color: #fff;
	text-align: center;
}

div.boat-wraper {
	width: 920px;
	height: auto;
	margin: 0 auto;
	padding-top: 10px;
}

div.right {
	width: 540px;
	height: auto;
	float: right;
}

div.dynamic-content-holder img {
	width: 360px;
	height: 240px;
	float: left;
}

div.dynamic-content-holder h2, h3 { text-transform: uppercase; color: #000; font-weight: bolder; }
div.dynamic-content-holder h2 { font-size: 14px; color: #002d62; }
div.dynamic-content-holder h3 { font-size: 12px; margin-top: 15px; }


div.dynamic-content-holder p { font-size: 11px; line-height: 15px;}

label {display: block; font-size: 12px; color: #fff; margin-top: 8px;}
input { width: 200px; }
textarea { height: 200px;  display: block; width: 230px; margin: 20px 20px 0 0;}