/* @override http://www.stratega-development.nl/development/persons/www.jckis.com/css/styles.css */

* {
	padding: 0;
	margin: 0;
	outline: 0;
	border: 0
}

html, body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

body {
	background: #000000 url(../images/bg_structure.jpg) center top repeat-x;
	font-size: 62.5%;
	font-family: Arial, Verdana, sans-serif;
}

.clear {
	width: 0px;
	height: 0px;
	line-height: 0px;
	clear: both;
	visibility: hidden
}

ul {
	list-style: none
}

/* Text and link styles */

h1{
	font-size: 2.9em;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
	color: #fff;
	padding-bottom: 1.0em
}

h2 {
	font-size: 1.2em;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
	color: #fff;
	margin-bottom: 15px;
	letter-spacing: 0.1em;
	text-transform: uppercase; 
}

.alignright {
	text-align: right
}

p, li, td, textarea {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	color: #fff;
}

p.grey {
	color: #999999;
}

a {
	color: #5c5c5d;
	font-weight: normal;
	outline: none;
	text-decoration: none
}

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

.body a {
	color: #c0c0c0;
	font-weight: normal;
	outline: none;
	text-decoration: none
}

.body a:hover {
	color: #fff;
	text-decoration: none
}

/* Layout styles */

.floatright {
	float: right
}

#wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
		
}

#wrapper.default {
	background: url(../images/shadow_x.png) center top repeat-x;	
}

#wrapper.collection {
	background: url(../images/shadow_y.png) center top repeat-y;	
}

#header {
	width: 100%;
	height: 150px;
}

#headercollection {
	height: 70px;
	background: url(../images/bg_header_collection_top.jpg) center top no-repeat;	
}

.contentwrapper{
	position: absolute;
	left: 50%;
	margin-left: -470px;
	width: 940px;
}

#logo{
	float: left;
	width: 202px;
	height: 45px;	
}

#mainmenu{
	float: left;
	width: 700px;
	height: 30px;
	text-align: right;
	color: #fff;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-transform: uppercase; 
}

#main {
	width: 100%;
	height: 420px;
}

#maincollection {
	height: 555px;
	background: #000000 url(../images/bg_collection.jpg) center top no-repeat;
}

#main.default {
	background: #000000 url(../images/bg_default_l.jpg) center bottom no-repeat;
}

#main.home {
	background: #000000 url(../images/bg_home_l.jpg) center bottom no-repeat;
}

.mainseperator {
	width: 100%;
	height: 15px;
}

.mainseperator.top{
	background: url(../images/dottedline.gif) center bottom repeat-x;
}

.mainseperator.bottom{
	background: url(../images/dottedline.gif) center top repeat-x;
}

#mainwrapper{
	position: absolute;
	left: 50%;
	margin-left: -595px;
	width: 1190px;
	height: 420px;
}

#mainwrappercampaign{
	position: absolute;
	width: 100%;
	height: 420px;
	text-align: center;
}

#mainwrapper.home{
	background-image: url(../images/bg_home.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#mainwrapper.profile{
	background-image: url(../images/bg_profile.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#mainwrappercampaign p.grey{
	padding: 50px 0px 0px 145px;
}

#mainwrapper .onecolumn{
	float: left;
	width: 360px;
	padding: 150px 170px 0px 20px;
}

#mainwrapper .onecolumnlarge{
	float: left;
	width: 510px;
	padding: 150px 20px 0px 20px;
}

#contact .firstcolumn{
	float: left;
	width: 200px;
	padding: 150px 50px 0px 20px;
}

#store .firstcolumn{
	float: left;
	width: 295px;
	padding: 150px 50px 0px 20px;
}

#mainwrapper .title{
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;	
}

#mainwrapper .body{
	line-height: 1.6em;
}
	
#contact .secondcolumn{
	float: left;
	width: 575px;
	padding-top: 10px;
	padding-left: 75px;
}

#store .secondcolumn{
	float: left;
	width: 555px;
}

#contact .image{
	float: left;
	width: 270px;
	height: 170px;
}

#contact .firstimage{
	margin: 20px 15px 0px 0px;
}

#contact .secondimage{
	margin: 20px 0px 0px 15px;
}

#store .image{
	float: left;
	width: 495px;
	height: 320px;
	padding-left: 55px;
}

#footer {
	width: 100%;
	height: 40px;
}

#footercollection {
	height: 45px;
}

#copyright {
	float: left;
	width: 580px;
	height: 25px;
	color: #5c5c5d;
	padding: 25px 0px 0px 20px;	
}

#footermenu {
	float: left;
	width: 320px;
	height: 25px;	
	text-align: right;
	padding: 25px 20px 0px 0px;		
}

#copyright p, #footermenu p {
	color: #5c5c5d;
	font-size: 1em
}

/* Padding styles */

.paddingbottom {
	padding-bottom: 1.8em
}

.paddingmainmenu {
	padding-top: 120px;
}
		
.paddingmainmenucollection {
	padding-top: 40px;
}

#logo.default{
	padding: 105px 0px 0px 18px;
}

#logo.collection{
	padding: 25px 0px 0px 18px;
}

#maincollection p{
	padding: 70px 0px 0px 20px;
	text-align: center;
}

/* main menu */

#mainmenu ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

#mainmenu a {
	padding: 3px 8px;
	margin-right: -4px;
	white-space: nowrap;
	font-size: 0.9em;
	line-height: 2.1em;
	color: #5c5c5d;
	text-decoration: none;
	font-weight: normal;
}

#mainmenu a.selected {
	color: #fff;
}

#mainmenu a:hover{
	color: #fff;
}

/* footer menu */

#footermenu ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

#footermenu ul a {
	padding: 5px 10px 7px 10px;
	margin-right: -4px;
	white-space: nowrap;
	font-size: 0.9em;
	line-height: 2.1em;
	color: #5c5c5d;
	text-decoration: none;
	font-weight: normal;
}

#footermenu ul a.selected {
	color: #fff;
}

#footermenu ul a:hover{
	color: #fff;
}


.home a {
	display: block;
	width: 100%;
	height: 420px;
}