/*----- WHITESPACE RESET & DEFAULT CLASSES -----*/

html, body { margin: 0; padding: 0; }
body { background: #f9f9f9 url(/images/body-bg.jpg) repeat-x 0 0; color: #000; font: 62.5% "Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Helvetica, Arial, sans-serif; }

/* Baseline values for browser consistency */
p, div, h1, h2, h3, h4, h5, ul, li, ol, img, fieldset { margin: 0; padding: 0; }
img { border: 0; }
	
/* force scroll bar in FF for centred sites */
html { height: 100%; margin-bottom: 1px; }

/* Element Default Classes */
ul, ol { list-style-position: inside; margin: 0 0 1em; }
ul li, ol li { font-size: 1.2em; margin: 0 0 0.2em; }
hr,
hr.gallery { color:#e0e0e0; background:#e0e0e0; margin:20px 0 30px 0; border:none; height: 1px; }

hr.gallery { margin:30px 0 30px 0; }
a:link, a:visited, a:active { color:#2672e3; text-decoration:none; outline: 0; outline:none; border:none; }
a:hover { text-decoration:underline; }

/* Global classes */
.clear { clear: both; height: 0px; }
.left { float: left; }
.right { float: right; }


/*----- STRUCTURE -----*/

#container {
	width:960px;
	margin:0 auto 50px auto; }
	
	#container #header {
		width:960px;
		height:93px;
		background:url(/images/header-bg.jpg) repeat-x 0 0; }
		
		#container #header a.logo { 
			display:block;
			margin:40px 0 0 0;
			float:left; }


/*----- NAVIGATION -----*/

ul.level1 { 
	list-style: none; list-style-position: outside;
	background:;
	height:16px;
	float:right;
	margin:42px 0 0 0; }
	
	ul.level1 li {
		display:block;
		float:left; }
		
		ul.level1 li a {
			display:block;
			color:#9fb5d5 !important;
			margin:0 0 0 20px;
			text-decoration:none;
			text-transform:uppercase; }
			
		ul.level1 li a:hover,
		ul.level1 li.on a,
		ul.level1 li.on a:hover {
			color:#fff !important;
			text-decoration:none; }
			
#intro-blurb { 
	background:#e6e6e6;
	position:relative;
	min-height:123px;
	overflow:hidden; }
	
#intro-blurb-title {
	background:transparent url(/images/intro.gif) no-repeat scroll right -7px;
	color:#F9F9F9;
	display:block;
	float:left;
	font-size:23px;
	height:62px;
	line-height:32px;
	font-weight:normal;
	margin-right:30px;
	margin-top:33px;
	padding-right:17px; }
	
#intro-blurb-title span {
	width:140px;
	background:transparent url(/images/intro.gif) no-repeat scroll -7px -7px;
	display:block;
	line-height:32px;
	padding:12px 20px 16px 30px; }
	
#blurb {
	color:#444;
	font-size:24px;
	line-height:100%;
	min-height:57px;
	min-width:200px;
	overflow:hidden;
	padding:38px 0 20px 20px; }


#blurb p.quote {
	font-size:20px;
	min-height:50px;
	background:transparent url(/images/tweet.png) no-repeat scroll -10px -26px;
	line-height:110%;
	margin-bottom:0;
	padding-left:65px; }
	
	#blurb p.quote span {
		font-size:24px; }
		
#intro-blurb-gallery #intro-blurb-title span {
	width:110px;
	background:transparent url(/images/intro.gif) no-repeat scroll -7px -7px;
	display:block;
	line-height:32px;
	padding:12px 20px 16px 60px; }	
	
#intro-blurb-about #intro-blurb-title span {
	width:122px;
	background:transparent url(/images/intro.gif) no-repeat scroll -7px -7px;
	display:block;
	line-height:32px;
	padding:12px 20px 16px 48px; }	
	
#intro-blurb-contact #intro-blurb-title span {
	width:130px;
	background:transparent url(/images/intro.gif) no-repeat scroll -7px -7px;
	display:block;
	line-height:32px;
	padding:12px 20px 16px 40px; }		

		
		
		
		
#content {
	width:960px;
	padding:50px 0 0 0; }
	
#content-home {
	width:960px;
	padding:20px 0 0 0; }
	
.service .image-container {
	float:left; 
	width:449px; 
	height:240px; 
	background:url(/images/service-image.jpg) no-repeat 0 0; }
	
	.service .image-container img {
			display:block; 
			margin:6px 0 0 7px; }
	
.service .description {
	float:right; 
	width:470px; }
		 
	 .service .description a.view-gallery-button {
		width:153px;
		height:34px;
		margin:15px 10px 0 0;
		display:block;
		float:left;
		text-indent:-9999px;
		background:url(/images/button-view-gallery.gif) no-repeat 0 0; }
		
	.service .description a.view-gallery-button:hover {
		background:url(/images/button-view-gallery.gif) no-repeat 0 -35px; }
		
	.service .description a.request-quote-button {
		width:153px;
		height:34px;
		display:block;
		margin:15px 0 0 0;
		float:left;
		text-indent:-9999px;
		background:url(/images/button-request-quote.gif) no-repeat 0 0; }
		
	.service .description a.request-quote-button:hover {
		background:url(/images/button-request-quote.gif) no-repeat 0 -35px; }
		
#content-left {
	float:left; 
	width:264px; }
	
	#content-left span { color:#333; }
	
#content-right {
	float:left; 
	width:620px; 
	border-left:1px solid #e0e0e0; 
	padding:0 0 0 40px; }
	
blockquote {
	font-size:20px;
	background:transparent url(/images/tweet.png) no-repeat scroll -10px -26px;
	line-height:110%;
	margin:20px 0;
	padding:15px 0;
	color:#333;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0; }
	
	blockquote span {
		font-size:24px; }

#about-left {
	float:left; 
	width:630px; }
	
	#about-left h2 {
		font-family:'Lucida Sans Unicode','Lucida Grande','Trebuchet MS', Helvetica, Arial, sans-serif;
		font-size:21px; 
		margin:0 0 5px 0;
		font-weight:normal; }
		
	#about-left h3 {
		font-family:Arial, Helvetica, sans-serif; 
		font-size:16px; 
		color:#333; 
		margin:0 0 20px 0; 
		line-height:20px;
		font-weight:normal; }
		
	#about-right {
		float:left; 
		width:290px; 
		margin:0 0 0 40px; }

#footer {
	width:100%;
	height:300px;
	padding:15px 0 0 0;
	background:#042e6f;
	border-top:5px solid #002660; }

	#footer #inner {
		width:960px;
		height:185px;
		margin:0 auto; }
		
		#footer #inner ul { 
			margin:0; 
			padding:0; 
			background:red;
			list-style:none; }
		
			#footer #inner ul li {
				float:left; }
				
				#footer #inner ul li a {
					color:#9fb5d5;
					margin:0 10px 0 0;
					font-size:10px;
					text-transform:uppercase;
					text-decoration:none; }
					
				#footer #inner ul li a:hover {
					color:#fff;
					text-decoration:underline; }

		#footer #inner span {
			color:#9fb5d5;
			float:right; 
			font-size:10px; }

/*----- TYPOGRAPHY -----*/

p { 
	font-size: 12px; 
	margin: 0 0 10px 0;
	line-height:18px; }
	
p.contact-details {
	font-size:14px; 
	line-height:21px; }
	
p.caption {
	color:#999;
	margin:0 0 0 8px;
	line-height:0px;
	font-style:italic; font-size:12px; }
	
p.caption-storage {
	color:#999;
	margin:0 0 0 44px;
	line-height:0px;
	font-style:italic; font-size:12px; }

p.details { color:#cc0000; }

h1 { 
	font-size: 25px; 
	margin: 0 0 1em; }

h2 { 
	font-size: 21px; 
	margin: 0 0 15px 0;
	color:#00388d;
	font-weight:normal; }

h3 { 
	font-size: 1.6em; 
	margin: 0 0 1em; }

h4 { 
	font-size: 1.4em; font-weight: bold;
	margin: 0 0 1em; }

h5 { 
	font-size: 1.3em; font-weight: bold;
	margin: 0 0 1em; }

h6 { 
	font-size: 1.2em; font-weight: bold;
	margin: 0 0 1em; }


/*----- FORM ELEMENTS -----*/

/* ------- 1. CSS Reset ------- */

fieldset,textarea{ 
	font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Helvetica, Arial, sans-serif;			
	line-height:20px;
	letter-spacing:.1px;
	word-spacing:1px;
	margin:0; 
	padding:0;
	border:0;
	vertical-align:baseline; }
	
form{ margin:20px 0 0 0; }
	

legend,label{ 
	letter-spacing:1px;
	text-transform:uppercase;
	font-size:11px; }

input[type=text],
input[type=password],
input[type=file],
textarea{
	background-color:transparent;
	padding:5px;
	width:180px;
	font-size:12px;
	-moz-border-radius:6px;
	-webkit-border-radius:5px; }
	
.textfield_label{ margin-left:12px; }

textarea{
	width:100%; 
	height:200px;
	font-size:12px; }
	
input, 
textarea { outline-style:none!important; font-size:12px; }

pre,input[type=text],
input[type=password],
input[type=file],
textarea {
	background:#F9F9F9 url(../images/form-gradient.gif) repeat-x scroll -1px -2px;
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#666; }
	
input[type="submit"]::-moz-focus-inner{ border:0px; } 
input[type="submit"]:focus{ outline:none; }