/*

<summary>
vesign.se - content.css
</summary>
<author>Magnus Hallbäck - vesign.se</author>
<copyright>vesign.se 2009, all rights reserved</copyright>

*/

/* ---< common >--- */

/*
html {
}
*/

body {
	margin: 0px;
	background-image: url(../images/background-body.gif);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #d8d8d8;
	font-size: .75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

img {
	border: none;
}

p {
	margin: 0px 0px 15px 0px;
}

a {
	color: #1e8f09;
	text-decoration: underline;
}

a:hover {
	color: #1e8f09;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 3px;
	padding: 0px;
	font-weight: normal;
}

h1 {
	font-size: 1.3em;
	color: #1e8f09;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.1em;
}

h4 {
	font-size: 1em;
}

hr {
	margin: 10px 0px;
 	padding: 0px;
	height: 1px;
	border: none;
	color: #ededed;
	background-color: #ededed;
	clear: both;
}

/* ---</ common >--- */

/* ---< layout >--- */

div#site-wrapper {
	width: 961px;
	margin: auto;
}

div#top {
	width: 100%;
	float: left;
}

div#top-wrapper {
	width: 960px;
	height: 74px;
	background-image: url(../images/background-top-navigation.gif);
	background-repeat: no-repeat;
	background-color: #fff;
	margin: auto;
	padding: 0px;
}

div#logo {
	width: 173px;
	height: 62px;
	margin: 0px;
	padding: 12px 0px 0px 35px;
	float: left;
}

div#top-navigation {
	width: 752px;
	height: 23px;
	margin: 0px;
	padding: 51px 0px 0px 0px;
	float: left;
}

div#flash {
	width: 100%;
	float: left;
}

div#flash-content {
	width: 960px;
	height: 299px;
	margin: auto;
	padding: 0px;
	background-image: url(../images/vesign-start.jpg);
	background-repeat: no-repeat;
	border-top: 4px solid #121212;
	border-bottom: 2px solid #121212;
}

div#content {
	width: 100%;
	margin: 25px 0px;
	float: left;
}

div#content-wrapper {
	width: 890px;
	margin: auto;
	padding: 0px;
	background-color: #fff;
	background-image: url(../images/background-content-wrapper.gif);
	background-repeat: repeat-y;
}

div.content-main {
	width: 599px;
	margin: 0px;
	padding: 25px 35px 25px 0px;
	float: left;
}

div.content-info {
	width: 220px;
	margin: 0px;
	padding: 25px 0px 25px 35px;
	list-style: none;
	float: left;
}

div.content-info img {
	margin-bottom: 10px;
}

div#footer {
	background-color: #3d3d3d;
	background-image: url(../images/background-bottom-wrapper.gif);
	background-repeat: repeat-x;
	bottom: 0;
	height: 50px;
	left: 0;
	margin: 0;
	padding: 0px 0px 0 0;
	width: 100%;
	float: left;
}

div#footer-info {
	width: 890px;
	height: 30px;
	margin: auto;
	padding: 10px 35px;
	color: #fff;
}

div.footer-text {
	width: 628px;
	height: 30px;
	padding: 0px 0px;
	float: left;
}

div#.footer-links {
	width: 227px;
	height: 30px;
	padding: 0px 0px 0px 35px;
	float: left;
}

div.footer-mail {
	height: 20px;
	padding: 0px 0px;
	float: right;
}
	
div.footer a {
	text-decoration: underline;
}

div.footer a:hover {
	text-decoration: none;
}

/* ---</ layout >--- */

/* ---< top-navigation >--- */

ul.top-navigation {
	list-style: none;
	padding: 4px 0px;
	margin: 0px;
	width: 752px;
	float: left;
}

ul.top-navigation li{
	padding: 0px;
	margin: 0px;
	color: #b6b6b6;
	float: left;
}

ul.top-navigation li.last{
	float: left;
}

ul.top-navigation a{
	padding: 4px 15px;
	margin: 0px 0px 0px 1px;
	background-image: url(../images/background-topnav-button.gif);
	background-repeat: repeat-x;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
}

ul.top-navigation a.active{
	color: #43db27;
	background-image: url(../images/background-topnav-button-hover.gif);
	background-repeat: repeat-x;
}

ul.top-navigation a:hover{
	color: #43db27;
	background-image: url(../images/background-topnav-button-hover.gif);
	background-repeat: repeat-x;
}

/* ---</ top-navigation >--- */