/*
----------------------------------------------
 Project Packaging templates / GLOBAL styles
 Developed by Ollie Bettany / Big Blue Dev
 Created: 21/10/09
----------------------------------------------

/* Eric Meyer's Reset CSS
   http://meyerweb.com/eric/tools/css/reset
   v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* GLOBAL */

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 67.5%;
		line-height: 1.6em;
		text-align: center;
	}
	
	a {
		color: #000;
	}

/* SKIP LINK */

	#pagetop {
		overflow: visible; 
		height: 0px;
		margin: 0;
		padding: 0;
	}
	#pagetop p {	
		overflow: visible;
		height: 0px;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#skiplink { 
		position: absolute;
		top: 0;
		left: -9999em;
		font-size: 1.8em;
	
	}
	
	#skiplink:focus, 
	#skiplink:active,
	#skiplink:hover {
		left: 50%;
		color: #fff;
		background: #c11d1b;
		padding: 0.3em;
		text-decoration: none;
		display: block;
		border: 1px solid #fff;
		z-index: 100;
	}


/* LAYOUT */

	#wrapper {
		margin: 45px auto;
		width: 935px;
		text-align: left;
	}


/* HEADER */

	#header {
		min-height: 62px;
	}

	#header h2 {
		width: 419px;
		height: 62px;
		background: url(../_images/main_logo.png) left top no-repeat;
		float: left;
	}
	
		#header h2 a {
			display: block;
			text-indent: -1000em;
			width: 419px;
			height: 62px;
		}
		
	#header h3 {
		float: left;
		color: #34c2e0;
		margin: 0 0 0 26px;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 0.8em;
		line-height: 1.2em;
		width: 480px;
	}
	
	#header h3 a {
	  color: #34c2e0;
	  text-decoration: none;
	}
	
	#header h3 a:hover {
	  text-decoration: underline;
	}

/* MAIN-NAV */

	#main-nav {
		text-transform: uppercase;
		margin: 15px 80px 15px 40px;
		text-align: center;
		/*
		clear: both;
		*/
		position: absolute;
		top: 10em;
		width: 815px;
	}

	#main-nav li {
		display: inline;
		background: url(../_images/bullet-main-nav.gif) left 3px no-repeat;
		margin-left: 0.4em;
		padding-left: 1em;
	}
	#main-nav li.first /*,
	#main-nav li.second */ {
		background: none;
		margin-left: 0;
		padding-left: 0;
	}
	
	/*
	#main-nav li.second {
		white-space:pre;
	}
	*/
	
	#main-nav a {
		color: #7c7c7c;
		text-decoration: none;
	}
	#main-nav a:hover {
		text-decoration: underline;
	}
	
/* BIG-NAV */

	.big-nav {
		text-transform: uppercase;
		font-size: 1.1em;
		clear: both;
	}
	
	.big-nav h2 {
		color: #7c7c7c;
		text-align: center;
		margin: 10px 0 30px 0;
		font-weight: normal;
	}
	
	.big-nav h2 a {
	  color: #7c7c7c;
	}
	
	.big-nav h2 a:hover {
	  text-decoration: underline;
	}
	
	.big-nav li {
		float: left;
		margin: 0 25px 10px 0;
		width: 200px;
	}
	
	body.bespoke .big-nav li {
	  margin-right: 30px;
	}
		.big-nav li.no-margin {
			margin-right: 0;
		}
	
	.big-nav h3 {
		font-weight: normal;
	}
	
	.big-nav img {
		margin-bottom: 10px;
	}
	
	.big-nav a {
		text-decoration: none;
	}
		.big-nav a:hover img {
			opacity: 0.7;
		}
		
	.big-nav span {
		display: block;
		margin-top: -3px;
		text-align: left;
	}
	
/* CONTENT */
	
		#content p {
			font-size: 1.1em;
			margin: 0 0 20px 0;
			line-height: 1.6em;
		}
		
		#content h1 {
			color: #F99612;
			text-transform: uppercase;
			font-size: 1.5em;
			line-height: 1.3em;
			margin: 0 0 20px 0;
		}
		
		#content h1 a {
		  color: #F99612;
		  text-decoration: none;
		}
		
		#content h1 a:hover {
		  text-decoration: underline;
		}
		
		#content h2 {
			text-transform: uppercase;
			margin-bottom: 20px;
			font-size: 1.1em;

		}
		
		#content h2.quote {
		  color: #faa635;
		  font-size: 1.3em;
		  text-transform: none;
		  width: 240px;
		  margin-left: 70px;
		}
		
		#content h2.first {
		  text-transform: none;
		  font-size: 1.1em;
		  font-weight: normal;
		}
		
		#content h3.ref {
		  margin-left: 70px;
		  color: #808080;
		  font-weight: normal;
		  margin-top: -15px;
		}
	
/* left-box */

	#left-block {
		float: left;
		width: 450px;
		margin: 4em 0 20px 0;
	}
	
/* right-box */

	#right-block {
		float: right;
		width: 450px;
		text-align: center;
		margin: 4em 0 20px 0;
	}
		#right-block img {
			margin: 5px 0 2px 0;
		}
		.home #right-block img {
			margin-bottom: 2px;
		}

		#right-block p {
			text-align: left;
			clear: left;
		}

/* contact-nav */
	
	.contact-nav {
		text-transform: uppercase;
		font-weight: bolder;
		text-align: center;
		float: left;
		margin-left: 25px;
		margin-top: 2px;
	}
	
		.contact-nav li {
			color: #fff;
			width: 180px;
			margin-bottom: 15px;
			line-height: 1.4em;
			display: block;
			font-size: 1.2em;
		}
		
		.contact-nav span {
			display: block;
			font-size: 1.2em;
		}
			.contact-nav li a {
				color: #fff;
				text-decoration: none;
				display: block;
				padding: 3px;
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;
			}
		
			.contact-nav li.call-us a {
				background-color: #faa635;
				cursor: default;
			}
			.contact-nav li.call-us a:hover {
				background-color: #f99612;
			}
			
			.contact-nav li.email-us a {
				background-color: #c9db44;
			}
			.contact-nav li.email-us a:hover {
				background-color: #bed323;
			}
			
			
			.contact-nav li.callback a {
				background-color: #34c2e0;
			}
			.contact-nav li.callback a:hover {
				background-color: #15b0d1;
			}
			
/* contact-nav on homepage */

		.contact-nav li {
			float: left;
			width: 133px;
			font-size: 1em;
			margin: 0 5px 20px 0;
		}
		.contact-nav li.email-us {
			width: 189px;
		}
		
		.contact-nav li.email-us span{
			font-size: 0.8em;
		}
		.contact-nav li.callback {
			margin-right: 0;
		}
		
			.contact-nav li a {
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}
		
/* FOOTER */

	#footer {
		color: #7c7c7c;
		text-align: center;
		clear: both;
	}
	
	#footer a {
		text-decoration: none;
		color: #7c7c7c;
	}
	
	#footer ul {
	  margin-bottom: 5px
	}
	
	#footer li {
		display: inline;
		background: url(../_images/bullet-footer.gif) left 2px no-repeat;
		margin-left: 0.4em;
		padding-left: 0.7em;
	}
	#footer li.first {
		background: none;
		margin-left: 0;
		padding-left: 0;
	}
	
	#footer p {
		clear: left;
		font-size: 90%;
	}
	
	#contact-form {
	  width: 575px;
	  float: right;
	  padding-bottom: 100px;
	}
	
	#contact-form .col {
	  width: 275px;
	  float: left;
	}
	
	#contact-form label {
	  display: block;
	  font-size: 0.9em;
	}
	
	#contact-form input {
	  margin-bottom: 10px;
	  width: 230px;
	}
	
	#contact-form textarea {
	  width: 230px;
	  height: 100px;
	  margin-bottom: 10px;
	}
	
	#contact-form #sub {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 3px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		background-color: #34c2e0;
		border: 0;
		cursor: pointer;
		width: 115px;
		font-size: 1.3em;
	}
		
	body.home h1 {
	  color: #F99612 !important;
	}