/*
blue turbine / blueturbine.com
Design: Gord Davis / gorddavis@sympatico.ca
Adam Campbell / adam@hotmeteor.com
October 2007

Standard Styles
*/

* {
	outline:none;
}

body {
	font-family:verdana, arial, tahoma, helvetica, sans-serif;
	font-size:62.5%;
}

h1, h2, h3, h4, h5, h6,
address, blockquote, ol, p, ul {
	margin:0 0 1em;
	padding:0;
}

button, input, select, textarea {
	font-family:arial, verdana, helvetica, sans-serif;
}

/* General Layout --------------------*/

body {
	background:#fff url(../images/bg_body.gif) repeat-x 0 0;
	margin:0;
	padding:0;
}

#container {
	margin:0 auto;
	padding:0 20px;
	width:680px;
}

#header {
	clear:both;
	height:110px;
	position:relative;
	width:100%;
}

#main,
#top {
	clear:both;
	padding:20px 0 0;
	width:100%;
}

#top {
	height:90px;
}

.col {
	border-top:1px solid #2564b8;
	float:left;
	margin-top:10px;
	margin-right:40px;
	padding-top:2px;
	width:195px;
}

	#three {
		margin-right:0;
	}
	
#bottom {
	clear:both;
	width:100%;
}

#footer {
	clear:both;
	margin:0 0 20px;
	width:100%;
}

/* General Typography --------------------*/

h2 {
	color:#fff;
	font-family:tahoma, arial, helvetica, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	line-height:1.5em;
	margin:0 0 8px;
}

h3 {
	color:#2564b8;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:2.4em;
	line-height:1.5em;
	margin:0;
}

h4 {
	color:#2564b8;
	font-size:1.5em;
	line-height:1.4em;
	margin:0 0 12px;
}

h5 {
	color:#000;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	line-height:1.5em;
	margin:0 0 3px;
}	

p {
	color:#333;
	font-size:1.2em;
	line-height:1.6em;
}

	#top p {
		color:#fff;
	}
	
	.contact-inner p {
		font-family:arial, verdana, helvetica, sans-serif;
		line-height:1.4em;
	}
	
	#footer p {
		color:#999;
		font-size:1.1em;
	}

/* Image Replacement */

.ir {
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-999em;
}

.ir a {
	display:block;
	height:100%;
	width:100%;
}

#logo {
	background-image:url(../images/logo.gif);
	height:32px;
	left:0;
	margin:0;
	position:absolute;
	top:70px;
	width:260px;
}

.col h4 {
	height:82px;
	width:195px;
}

	#one h4 { background-image:url(../images/h4_one.jpg); }
	#two h4 { background-image:url(../images/h4_two.jpg); }
	#three h4 { background-image:url(../images/h4_three.jpg); }

/* Forms ---------------------------*/

.contact-wrap {
	background:url(../images/bg_contact_l.gif) no-repeat 0 0;
	height:278px;
	margin:10px 0;
}

.contact-r {
	background:url(../images/bg_contact_r.gif) no-repeat right 0;
	height:278px;
	width:100%;
}

.contact-inner {
	padding:15px 20px;
}

#contact {
	float:left;
	height:278px;
	width:370px;
}

#notify {
	float:right;
	height:278px;
	width:290px;
}

form {
	margin:0;
	padding:0;
}

p label {
	color:#2564b8;
}

	#contact label {		
		float:left;
		margin-right:10px;
		padding-top:3px;
		text-align:right;
		vertical-align:top;
		width:60px;
	}
	
	#notify label {
		display:block;
		margin-bottom:3px;
	}

input.tb,
textarea {
	border:1px solid #2564b8;
	padding:3px;
	width:240px;
}

textarea {
	font-size:1em;
	height:70px;
}

.actions {
	display:block;
	height:26px;
	padding-right:12px;
}

	#notify .actions {
		margin-bottom:12px;
	}

button {
	background:url(../images/button_sendit.jpg) no-repeat 0 0;
	border:0;
	cursor:pointer;
	display:block;
	height:26px;
	margin:0;
	overflow:hidden;
	text-indent:-999em;
	width:96px;
}

	#contact button {
		float:right;
	}
	
.msg {
	margin:0 0 8px;
}

.note {
	color:#666;
	font-size:1.1em;
}

p span.error {
	color:red;
}

/* Navigation --------------------*/

#header ul {
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:82px;
}

#header li {
	float:left;
	font-size:1.2em;
	list-style-type:none;
	margin-left:15px;
}

#header a {
	background:url(../images/bg_nav_li.gif) no-repeat 0 0;
	display:block;
	height:20px;
	padding-top:5px;
	text-align:center;
	text-decoration:none;
	width:86px;
}

	#header a:link,
	#header a:visited {
		color:#ccc;
	}
	
	#header a:hover {
		color:#fff;
	}