@import url("layout.css");

/* Warehouseart CSS 2.0  - last modified 25/01/2008 - designer:andreaperazzi@gmail.com */

/* My Reset */
html,body,p,img,div,ul,li,h1,h2,h3,h4,h5,h6,form {display:block; margin:0; padding:0; border:0;}

/* Basic Tag */


body {
	margin:0;
	padding:0;
	text-align:center;
	font-family: Verdana, sans-serif;
	font-size:12px;
	color:#333;
	background: #FFF url(bg_html.gif) 0 102px repeat-x;
}


p {
	line-height:1.5em;
	font-size:11px;
	color:#666;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

p.wip {text-align:center; width:300px; margin:90px auto; padding:50px 100px; border:1px solid #D9D9D9;}

p.lang {margin:0; padding:0; position:absolute; right:20px; top:5px;}

h1,h2,h3,h4,h5,h6 {color:#999; text-transform:uppercase; letter-spacing:4px; margin-top:14px;}


h1 { /* Logo */
	margin:10px 0 0 0;
	padding:0 0 0 0;
	line-height:0;
}

h1 a:link {background:none;}
h1 a:link img {background:none;}

h2 { /* Other Headings */
	font-size:13px;
	margin-bottom:10px;
	padding:0;
	font-weight:normal;
	color:#000;
}


h3 {
	font-size:11px; 
	font-weight:normal;
	margin-bottom:10px;
}

h4 {
	font-size:11px; 
	font-weight:normal;
	margin-bottom:5px;
	color:#000;
}

.black {
	color: #000
}

/* Layout */

#wrapper {margin:0; padding:0;}

#header {height:120px; position:relative; width:100%;}

#content {clear:both; position:relative;}

#footer {clear:both; padding-top:15px; margin-top:10px; border-top:1px solid #D9D9D9;}
	#footer p {font-size:11px; color:#999;}
	
.clear {clear:both; margin:0; padding:0; border:0; line-height:0;}


/* Navigation */

a:visited { text-decoration:none; color:#000;}
a:link {text-decoration:none; color:#666;}
a:hover { color:#000;}

#content a:hover { text-decoration:underline;}


#nav {
	width:100%; 
	list-style:none; 
	position:absolute; 
	bottom:0; 
	border-bottom:1px solid #D9D9D9; 
	border-top:1px solid #D9D9D9;
	}
	#nav li {
		list-style:none; float:left; margin:0; padding:0;
		}
		#nav li a {
			padding:0; 
			margin-right:31px; 
			font-size:11px; 
			line-height:36px; 
			text-transform:uppercase; 
			color:#afafaf;
			text-decoration:none;
			font-family:Verdana, sans-serif;
			}
			#nav li a:hover {
				color:#000;
				}

body.p01 li.p01 a,
body.p02 li.p02 a,
body.p03 li.p03 a,
body.p04 li.p04 a,
body.p05 li.p05 a,
body.p06 li.p06 a,
body.p07 li.p07 a,
body.p08 li.p08 a,
body.p09 li.p09 a,
body.p10 li.p10 a,
body.p11 li.p11 a {
				color:#000!important;
}

/* Vertical Accordions */
		
.accordion_toggle {
			display: block;
			height: 30px;
			width: 450px;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 450px;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}