/*
Site Name: Piloti
Version: 1.0
Author: Tim Freeman
Author URI: http://www.binamic.co.uk
Date 26/10/09
*/

body {
	font:62.5%/1.5 Helvetica, Arial, sans-serif;
	background-color:#fff;
	color:#333;
}
h1 {
	font-size:4em;
	font-weight:bold;
	display:block;
	width:142px;
	height:71px;
	overflow:hidden;
	padding:21px 0 0 17px;
	float:left;
}
	h1 a {
		display:block;
		width:142px;
		height:71px;
		overflow:hidden;
		text-indent:-9000px;
		background:url(../images/logo.gif) top left no-repeat;
	}
h2 {

}
h3 {
	margin-bottom:15px;
	font-size:2.2em;
	line-height:1.2em;
	color:#d52b1e;
	border-bottom:1px solid #d2001b;
	text-transform:uppercase;
	font-weight:normal;
}
	#sidecontent h3 {
		font-size:1.8em;
		border-bottom:0;
		margin-bottom:0;
	}
		#sidecontent h3 a {
			border-bottom:none;
		}

h4 {
	padding-bottom:5px;
	font-size:1.8em;
	font-weight:normal;
	color:#d52b1e;
}

h5 {
	padding-bottom:5px;
	font-size:1.6em;
	font-weight:bold;
}

p {
	font-size:1.2em;
	padding:0 0 15px 0;
}
	#sidecontent p {
		line-height:1.3em;
	}

a {
	color:#d52b1e;
	border-bottom:0;
	text-decoration:none;
}
	a:hover {
		border-bottom:1px solid #d52b1e;
	}
	
input, select, textarea {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.2em;
}

label { font-size:1.2em; }
	
pre {
	clear:both;
	margin-top:36px;
	font-size:1.2em;
	line-height:1.4;
	color:#e2e1dc;
	background-color:#232323;
	border:3px solid #1c1c1c;
	padding:15px;
	overflow:auto;
	font-family:"Monaco", "Courier New", Courier;
}

ul, ol { font-size:1.2em; padding:0 0 15px 25px; }
ul ul, ol ol { font-size:1.0em; }
ul { list-style:square; }
ol { list-style:decimal; }

img { display:block; }

td, th { vertical-align:top; }

/*
---- Header Structure
*/

#header { background:#dedede url(../images/header-bg.gif) top left repeat-x; border-bottom:1px solid #ccc; }
#header #headerchild { width:900px; margin:0 auto; min-height:110px; position:relative; }

#header ul { display:block; float:right; width:730px; list-style:none; padding:60px 0 0 0; color:#777; font-size:1.6em; }
#header ul li { float:right; }
#header ul li a { display:block; background:url(../images/navi-bg.gif) top right no-repeat; padding:20px 20px 7px 20px; color:#777; border-bottom:0; }
#header ul li.current a { color:#000; }

#header ul li ul { display:none; float:left; width:860px; font-size:1.0em; background-color:#d52b1e; padding:8px 20px; position:absolute; left:0px; }
* html #header ul li ul li { zoom:1; }
#header ul li ul li { float:left; position:static; padding-right:15px; }
#header ul li ul li a { background:none; padding:0; color:#fff; border-bottom:1px solid #d52b1e; }
#header ul li ul li a:hover { border-bottom:1px solid #fff; }
#header ul li.current ul { display:block; }
#header ul li.current ul li a { color:#fff; }

#header ul.withjava li { position:relative; }
#header ul.withjava li ul { float:none; width:auto; z-index:9; }
#header ul.withjava li ul li { float:none; padding-right:0; }
#header ul.withjava li.current ul { display:none; }

/*
---- Content Structure
*/

#content { background:#fff url(../images/content-bg.gif) top left repeat-x; }
#content #contentchild { padding-top:40px; width:900px; margin:0 auto; background:#fff url(../images/contentchild-bg.gif) top left repeat-y; min-height:300px; }

#content #contentchild.withjava { padding-top:0; }

#contentwrapper { background:url(../images/content-split.jpg) top left no-repeat; padding:20px 0 50px 0; }

#maincontent { width:670px; float:left; padding:0 22px 0 24px; min-height:300px; }
* html #maincontent { height:300px; }

#store #maincontent { width:520px; padding:0 20px; }

#sidecontent { width:160px; float:right; padding:0 24px 0 0; }

#store #sidecontent { padding:0 10px 0 0; }

#leftsidecontent { width:160px; float:left; padding:0 0 0 10px; }

#sidenavi { background:url(../images/sidenavi-top-bg.gif) top left no-repeat; }
#sidenavi ul { list-style:none; padding:0 0 12px 0; background:url(../images/sidenavi-base-bg.gif) bottom left no-repeat;; }
#sidenavi ul li { padding:0; }
#sidenavi ul li a { display:block; width:130px; color:#333; text-transform:uppercase; border-bottom:0; padding:6px 15px; }
#sidenavi ul li.first a { padding:12px 15px 6px 15px; }
#sidenavi ul li.last a { padding:6px 15px 0 15px; }
#sidenavi ul li a.current { background:#222 url(../images/sidenavi-bg-on.gif) top left repeat-y; color:#fff; }
#sidenavi ul li.first a.current { background:#222 url(../images/sidenavi-top-bg-on.gif) top left repeat-y; }
#sidenavi ul li.last a.current {  padding:6px 15px; }

#sidenavi ul li ul { background:#d52b1e url(../images/sidenavi-sub-top.gif); padding:0; }
#sidenavi ul li ul li a, #sidenavi ul li.first ul li a, #sidenavi ul li.last ul li a { color:#fff; padding:0 15px 8px 15px !important; line-height:1.1em; }
#sidenavi ul li ul li.first a, #sidenavi ul li.first ul li.first a, #sidenavi ul li.last ul li.first a { padding:12px 15px 8px 15px !important; }
#sidenavi ul li ul li.last a, #sidenavi ul li.first ul li.last a, #sidenavi ul li.last ul li.last a { padding:0 15px 12px 15px !important; background:url(../images/sidenavi-sub-base.gif) bottom left no-repeat; }
#sidenavi ul li ul li a.current, #sidenavi ul li.first ul li a.current, #sidenavi ul li.last ul li a.current { background:none !important; }

#breadcrumbs { padding:4px 24px 0 24px; color:#828385; text-transform:uppercase; }
#breadcrumbs a { color:#828385; }
#breadcrumbs a.last { color:#333; }
#breadcrumbs a:hover { border-bottom:1px solid #828385; }
#breadcrumbs a.last:hover { border-bottom:1px solid #333; }

/*
---- Footer Structure
*/

#footer { background:url(../images/content-split.jpg) top left no-repeat; padding:20px 24px; }
#footer ul { list-style:none; font-size:1.2em; }
#footer ul li { float:left; }
#footer p { float:right; padding:0; font-size:1.2em; color:#666; }
#footer a { color:#666; }
#footer a:hover { color:#000; border-bottom:1px solid #666; }

/* 
---- Clearfix 
*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */