/*=========> CHRIS HANNES Css <===========*/
/*=========> copyright Robarov <===========*/

*{
/* all fonts to a uniform size, including form fields,headings etc. */
	font-size:100%;
	margin:0;
	padding:0;
}

body{
	background:#f7efe6 url(../i/layout/bg-body.gif) 0 0 repeat-y;
	font-family: Helvetica, Geneva, Arial, Verdana, sans-serif;
	font-size: 76%; /* relative fonts; 76% ~ 12pt */
	line-height: 1.5em;
	color:#333;
}

.hide, #header h3 span{
/* When you want to hide your elements use this. (NOT display:none;) search engine friendlyness ;) */
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
}
.floatleft{
	float:left;
	margin:4px 16px 10px 0;
}
.floatright{
	float:right;
	margin:4px 0 10px 16px;
}

.italic{
	font-style:italic;
	font-size:1.2em;
}

/*=========> Main Headings, Paragraphs<===========*/
h1, h2, h3, h4, h5{
	font-weight:normal;
}
h1{
	font-size:1.8em;
	margin:0 0 .6em 0;
	color:#aa7942;
	border-bottom:5px solid #F7EFE6;
	padding-bottom:6px;
}
#content h2{
	font-size:1.4em;
	clear:both;
	margin:1em 0 .4em 0;
	color:#aa7942;
	border-bottom:3px solid #F7EFE6;
	padding-bottom:4px;
}
#content h2.foto{
	margin:8em 0 .4em 0;
}
h3{font-size:1.2em;}

p{margin:0 0 1em 0;}

/*=========> Links <===========*/
a{color:#d6a979;}
a:hover{color:#825d36;}

/*=========> Lists : ol ul dl <===========*/
ol, #content ul{margin:1em 0 1.3em 0;}
ul{list-style-type:none;}
#content li{
	margin:0.3em 0;
	padding:0 0 0 16px;
}
#content ul li{background:transparent url(../i/layout/bullet.gif) 0% 50% no-repeat;}

dl{
	float:left;
	margin:0 0 1em 0;
}

dt{
	width:100px;
	float:left;
	clear:both;
	font-weight:bold;
}
dd{float:left;margin:0 0 .6em 0;width:300px;}
dd img{float:right;}
.float dd{width:auto;}
.prices dt{width:400px;}
.prices dd{width:130px;}
p small{
	clear:both;
	font-size:.8em;
	text-align:right;
	color:#999;
}

/*=========> Images <===========*/
img{border:none;}

/*=========> Acronym & Abbreviations <===========*/
acronym, abbr{cursor:help;}
acronym:hover, abbr:hover{
	border:0;
	border-top:1px dotted #666;
}
a acronym, a abbr{border:0 !important;}

/*=========> Container <===========*/
#container{
	width:768px;
	text-align:left;
}

/*=========> Header <===========*/
#header{
	position:relative;
	height:220px;
}
#header h2{
	background: url(../i/layout/logo.gif) 0 0 no-repeat;
	position:absolute;
	top:0px;
	right:20px;
	width:260px;
	height:220px;
}
#header h2 a{
	background: url(../i/layout/logo.gif) 0 0 no-repeat;
	display:block;
	width:260px;
	height:220px;
	float:left; /* fix IE5 */
	overflow:hidden;
	text-indent:-9999px;
	text-decoration:none;
}

#header h3{
	background: url(../i/layout/slogan.gif) 0 0 no-repeat;
	width: 440px;
	height: 170px;
	margin:4px 0 0 0;
}

/*=========> Navigation <===========*/
#nav{
	width:160px;
	float:left;
	padding:0 10px;
}
#nav li{
	width:160px;
	background:url(../i/layout/bg-nav.gif) 0 0 no-repeat;
	margin:0 0 4px 0;
	text-transform:lowercase;
	font-size:1.1em;
}
#nav a{
	display:block;
	width:130px;
	height:24px;
	line-height:24px;
	background:#f7efe6 url(../i/layout/bg-nav.gif) 0 0 no-repeat;
	color:#000;
	text-decoration:none;
	padding-left:30px;
}
#nav a:hover, #nav a.active{
	background:#f7efe6 url(../i/layout/bg-nav.gif) 0 -24px no-repeat;
	color:#aa7942;
	position: relative;
	top: -1px;
	left: -1px;
	font-weight:bold;
}

/*=========> Content <===========*/
#content{
	width:540px;
	float:left;
	padding:24px;
	float:left;
}

/*=========> Forms <===========*/
input, textarea, select { 
	font-family: Helvetica, Geneva, Arial, Verdana, sans-serif;
	font-size: 1.0em;
	border: 1px solid #ccc;
	padding:2px 0;
	width:240px;
}

fieldset{border:none;}


.special{
	border:1px solid #fbaa4b;
	background:#fff1ac url(../i/layout/alert.gif) 3px 6px no-repeat;
	color:#cb830c;
	padding:4px 24px;
}
p.error{
	border:1px solid #ff7474;
	background:#fadfdf url(../i/layout/error.gif) 3px 6px no-repeat;
	color:#d92929;
	padding:4px 24px;
}
.success{
	border:1px solid #8bd258;
	background:#c5ffab url(../i/layout/accept.gif) 3px 6px no-repeat;
	color:#6dba36;
	padding:4px 24px;
}
span.error{color:red;}

form div {margin-bottom:6px;}
form div.cr{
	margin-left: 100px;
	clear:both;
}
label{
	float:left;
	width:100px;
	font-size:1.1em;
	text-align:right;
	display:block;
}

form div.cr label{
	width: auto;
	display: inline;
}


/*=========> Footer <===========*/
#footer{
	clear:both;
	text-align:right;
	border-top:5px solid #F7EFE6;
	padding:10px 0;
	margin:0 0 0 204px;
	width:540px;
	color:#e3c4a5;
	font-size:.9em;
}
#content div.center{
	text-align: center;
}