/*
Site Name: Binamic Express
Version: 1.0
Author: Andy Pearson
Author URI: http://www.binamic.co.uk
Date: 25/05/09
Time: 18:03:19
*/

body {
	font:62.5%/1.6 "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#333;
	background:#30303d url(../images/backies/main.gif) repeat-x top left;
}

h1 {
	font-size:3em;
	font-weight:bold;
	color:#666;
	padding-bottom:12px;
}
h2 {
	font-size:2.4em;
	font-weight:bold;
	color:#666;
	margin-bottom:18px;
	border-bottom:3px solid #dbdbdb;
}
h3 {
	color:#666;
	font-size:1.8em;
	font-style:italic;
	padding-bottom:12px;
	line-height:1.2;
}
	h3 span { font-size:0.7em }
h4 {
	font-size:1.3em;
	font-weight:bold;
}
h5 {
	font-size:1.2em;
	font-weight:bold;
}
p,
address {
	font-size:1.3em;
	padding-bottom:12px;
}
a {
	text-decoration:none;
	border-bottom:1px solid #95c8e7;
	color:#006eb2;
}
a:hover {
	color:#000;
	border-bottom-color:#000;
}
ol,
ul {
	font-size:1.3em;
	color:#333;
	padding:0 40px 12px;
}
ol { list-style:decimal; }
ul { list-style:disc; }
dl {
	font-size:1.3em;
	padding:0 40px 12px;
	color:#333;
}
dt { font-weight:bold; }
dd { padding-left:20px; }
blockquote {
	border:2px solid #f0f0f2;
	background-color:#f7f7f7;
	padding:12px;
	margin-bottom:18px;
}
	blockquote p {
		padding:0;
	}
cite { font-style:italic; }
pre {
	font-size:1.2em;
	padding-bottom:12px;
	line-height:1.4;
}
code {
	color:#7d7d7d;
	font-family:"Monaco", "Courier New", Courier;
}
p code {
	font-size:0.9em;
}
caption {
	font-size:1.1em;
	padding:6px;
	font-style:italic;
	color:#7d7d7d;
}
img { display:block; }
table {
	margin-bottom:18px;
	width:90%;
	padding:0 6px;
	border-top:2px solid #f0f0f2;
	border-bottom:2px solid #f0f0f2;
	color:#7d7d7d;
}
	table th,
	table td {
		font-size:1.3em;
		padding:6px 1px;
		border-bottom:1px dotted #f0f0f2;
	}
	table th {
		font-weight:bold;
	}
	table tr.last td,
	table tr:last-child td { border-bottom:none; }

/*
---- Forms
*/
form.basic {
	padding-bottom:18px;
}
	form.basic div {
		padding:6px 0;
		border-bottom:1px solid #f0f0f2;
	}
		form.basic div div {
			border:none;
			padding:0;
		}
		form.basic div p {
			font-size:1.1em;
			padding:5px 0 0 100px;
		}
	form.basic div.error-message {
		border:none;
		font-size:1.1em;
		font-weight:bold;
		color:#c60000;
		padding:3px 0 0 100px;
		line-height:1.3;
	}
	form.basic div.submit {
		padding:0 0 0 100px;
		background-color:#f7f7f7;
	}
		form.basic div.submit p {
			padding:10px 0;
			font-size:1.1em;
		}
	form.basic label {
		padding-top:3px;
		float:left;
		display:block;
		width:100px;
		font-size:1.2em;
		font-weight:bold;
		color:#666;
	}
	form.basic div.text input,
	form.basic div.password input,
	form.basic textarea {
		padding:2px 3px;
		font-size:12px;
		font-family:Arial, sans-serif;
	}
	form.basic div.checkbox { padding-left:153px; }
	form.basic div.checkbox p { padding-left:0; }
	form.basic div.checkbox label { display:inline; float:none; padding:0 0 0 3px; width:auto; font-size:1.4em; }
	form.basic div.checkbox input { padding:0; margin:0; }
	form.basic select {
		width:180px;
	}


/*
---- Structure
*/
#container {
	width:888px;
	margin:0 auto;
	background:#fff url(../images/backies/container.gif) repeat-y top left;
}
#container .t { background:transparent url(../images/backies/container-t.gif) no-repeat top left; }
#container .b { background:transparent url(../images/backies/container-b.gif) no-repeat bottom left; padding:36px 24px; }

#content { border:24px solid #fff; background:#fff url(../images/backies/content.gif) repeat-y 505px 0;  }
#main-content { float:left; width:480px; }
#additional-content { float:right; width:264px; padding-top:24px; }

/*
---- Header
*/
#header {
	padding:20px 18px 24px;
}
	#header h1 {
		padding:0;
		float:left;
	}
	#header h1 a {
		display:block;
		width:356px;
		height:82px;
		border:none;
		background:transparent url(../images/binamic-express.gif) no-repeat top left;
		text-indent:-99999px;
		overflow:hidden;
	}
	#header p {
		float:right;
		text-align:right;
		padding:20px 0 0 0;
		font-size:1.3em;
		line-height:1.4;
		color:#666;
	}
	#header p strong { font-size:1.4em; color:#006EB2; }
	#header p span { font-size:0.9em; }
	#header p span strong { font-size:1em; }

/*
---- Banner
*/
#banner {
	padding:28px 24px;
	background:#0b1407 url(../images/backies/banner.jpg) no-repeat top left;
}
	#banner h2 {
		border:none;
		margin:0;
		padding-bottom:15px;
		height:35px;
		overflow:hidden;
		background:transparent url(../images/backies/banner-tagline.gif) no-repeat top left;
		text-indent:-99999px;
	}
	#banner ul {
		float:left;
		list-style:none;
		padding:0;
	}
	#banner li {
		float:left;
		padding-right:12px;
	}
	#banner #more {
		padding:100px 0 0 12px;
	}
		#banner #more a {
			display:block;
			width:164px;
			height:20px;
			text-indent:-99999px;
			overflow:hidden;
			background:transparent url(../images/backies/banner-examples.gif) no-repeat top left;
		}
	#banner a { border:none; }
	
/*
---- Nav
*/
#nav {
	border-top:1px solid #14230e;
	background:#060b03 url(../images/backies/nav.gif) repeat-x top left;
	padding:10px 24px 12px;
	font-size:1.4em;
	list-style:none;
}
	#nav li {
		float:left;
		padding-right:32px;
	}
	#nav a {
		border:none;
		color:#8a9d8b;
	}
	#nav a:hover,
	#nav a.current,
	#nav li.last a:hover,
	#nav li.last a.current {
		color:#fff;
	}
	
/*
---- Footer
*/
#footer {
	padding:24px;
	background:transparent url(../images/backies/footer.gif) repeat-x top left;
}
	#footer a {
		border:none;
		color:#444;
	}
	#footer a:hover {
		color:#000;
	}
	#footer ul {
		font-size:1.2em;
		float:left;
		padding:0;
		list-style:none;
	}
	#footer li {
		padding-right:22px;
		float:left;
		background:#fff url(../images/backies/footer-slash.gif) no-repeat right center;
	}
	#footer li.last { background-image:none; }
	#footer p {
		font-size:1.2em;
		padding:0;
		float:right;
		color:#666;
	}
	.binamic a {
		text-decoration:underline;
	}

/*
---- Gallery
*/
#gallery {
	list-style:none;
	padding:18px 0 0 0;
	font-size:1.2em;
	line-height:1.3;
}
	#gallery li {
		float:left;
		width:108px;
		padding-right:16px;
		padding-bottom:18px;
	}
	#gallery li.last { padding-right:0; }
	#gallery span {
		display:block;
	}
	#gallery span.image {
		padding-bottom:4px;
	}
	#gallery img {
		border:1px solid #999;
	}
	#gallery a {
		border:none;
		color:#666;
	}
	#gallery a:hover { color:#000; }
	#gallery a:hover img { border-color:#000; }

#learn h4 { padding-bottom:12px; font-size:1.6em; }
#learn ul { font-weight:bold; }

.overlay { position:absolute; }
* html .overlay { display:none; }

#additional-content p.contact { font-size:1.1em; line-height:1.4; padding-top:5px; }

/*
---- Costs
*/
#costs { padding:0; border:none; width:100%; line-height:1.1; }
#costs td { color:#333; vertical-align:middle; }
#costs col.package { width:32%; }
#costs td,
#costs thead th.package { border-left:2px solid #DBDBDB; padding-left:12px; }
#costs span { font-size:1.2em; }
#costs .section th { font-size:1.6em; padding-top:20px; padding-bottom:8px; }
#costs .notes td { font-size:1.1em; padding-top:14px; color:#7d7d7d; border-bottom:none; }

p.message {
	border:2px solid #55c529;
	background-color:#7ae350;
	color:#0f2e03;
	padding:6px 8px;
	font-size:1.2em;
	margin-bottom:14px;
	font-weight:bold;
}

/* ---- 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 */