/***** 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 *****/
/* HTML */
body {
background-color:#000;
color:#FFF;
line-height:20px;
font-family:Verdana, Arial, _sans;
font-size:14px;
}

h1 {
font-size:24px;
}

h2 {
border-bottom:1px #059dff solid;
font-size:18px;
margin:30px 0 20px;
padding:10px 0;
}

h3 {
color:#04adfe;
font-size:16px;
margin:30px 0 10px;
}

a {
color:#99CCFF;
}

div {
position:relative;
}

/* IDs, classes */
div#wrap {
margin:0 auto;
width:1000px;
}

div#header {
background:url('images/header.jpg') no-repeat;
overflow:hidden;
}

ul#nav {
background-color:rgba(255,255,255,0.2);
-moz-box-shadow: 1px 1px 1px #059dff;
-webkit-box-shadow: 1px 1px 1px #059dff;
box-shadow: 1px 1px 1px #059dff;
height:25px;
font-weight:bold;
padding-top:6px;
width:100%;
}
	ul#nav a {
	color:#fff;
	text-decoration:none;
	}
	ul#nav li {
	float:left;
	margin:0 20px 10px;
	}

h1#logo {
background:url('images/logo.jpg') no-repeat;
height:110px;
margin-top:40px;
position:relative;
text-indent:-9999px;
width:471px;
z-index:10;
}
	h1#logo a {
	display:block;
	height:110px;
	width:471px;
	}

div#content {
padding-top:30px;
overflow:visible;
}
	div#content ul {
	margin:10px 0;
	}
	div#content ul li{
	list-style-type:disc;
	margin-left:20px;
	}

div#footer {
background:url('images/footer.gif');
font-size:12px;
margin-left:auto;
margin-right:auto;
width:1000px;
}
	div#footer * {
	padding:6px 0 0 20px;
	}

/***** page specific *****/
body#index img#featured-image {
margin-top:-90px;
z-index:100;
}
body#index ul#quick-info-boxes li {
background:#1b1c21 url('images/quick-info-box-bg.jpg') repeat-x;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float:left;
min-height:181px;
margin:30px 15px;
overflow:hidden;
width:300px;
}
	body#index ul#quick-info-boxes li h2 {
	border:none;
	color:#000;
	font-size:14px;
	margin:1px 10px;
	padding:0;
	}
	body#index ul#quick-info-boxes li p {
	font-size:12px;
	margin:10px 10px;
	}
	body#index ul#quick-info-boxes li h2 a {
	color:#000;
	}
body#index #main {padding-bottom: 40px;}
	
body#services div.section{
float:left;
margin:0 30px;
width:270px;
}
body#services p#disclaimer {
margin:20px 40px 0;
}
	
body#contact div#contact-form {
float:left;
overflow:hidden;
width:600px;
}
body#contact div#contact-details {
float:left;
margin-left:100px;
width:300px;
}
	body#contact div#contact-details p{
	margin:5px 0;
	}
body#contact form p {
margin:10px 0 5px;
}
	body#contact form textarea {
	height:130px;
	margin-right:30px;
	width:410px;
	max-width:410px;
	}
	body#contact form input {
	height:20px;
	width:150px;
	}
	body#contact form input[type='submit'] {
	display:block;
	height:30px;
	margin-top:25px;
	width:155px;
	}
	

/***** misc *****/
.align-left {
float:left;
}

.align-right {
float:right;
}
	

/***** Sticky Footer *****/
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 65px;}  /* must be same height as the footer + padding for space between content and footer*/

#footer {position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;} 

/* CLEAR FIX*/
.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 */

/* Easy Slider */
	#testimonials div#slider ul li{
		margin-left:0
	}
	#testimonials{
		background:#1b1c21 url('images/quick-info-box-bg.jpg') repeat-x;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		float:left;
		min-height:75px;
		overflow:hidden;
		width:960px;
		margin-left:15px !important
	}
	#testimonials h2 {
		border:none;
		color:#000;
		font-size:14px;
		margin:1px 10px;
		padding:0;
	}
	div#slider{
		width:940px;
		margin:auto
	}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:940px;
		height:75px;
		overflow:hidden; 
		}	
	
/* // Easy Slider */
.tAttr{
	float:right;
	font-style:italic;
	margin-right:16px
}