/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
		font-size:12px/1.4em;
		color: #fff;
		line-height: normal;
		background:#000000;
	}
	
	body {
		margin: 0;
		text-align: center;
		height:100px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 20px 0;
		padding: 0;
		font-size:12px;
	}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	/* Default link styling */
	a {
		color: #000;
		text-decoration: underline;
	}
	a:hover {
		color: #24488e;
		text-decoration: underline;
	}
	
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		width:1024px;
		margin:0 auto;
		padding:20px 0 15px 0;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 0.9em;
		color: #555;
		width:200px;
		padding:1px;
	}
	
	fieldset{
		border:none;
	}
	
	legend {
		display:none;
	}
	
	form .row{
		width:600px;
		margin-bottom:5px;
		color:#555555;
	}
	
	form .button{
		background:#000;
		border:#555 1px solid;
		width:205px;
		color:#fff;
		cursor:pointer;
	}
	
	label {
		width:175px;
		float:left;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		color: #c1272d;
		line-height: normal;
		margin: 0 0 15px 0;
		padding: 0;
		font-size:24px;
	}
	
	h1 {
		/* This should be the main title of the content (SEO)*/
	}
	
	
	h2 {
		font-size:14px;
	}
	
	h3 {
		font-size:24px;
		margin:15px 0;
		font-weight:normal;
	}
	
	h3 span{
		color:#fff;
	}
	
	h4 {
		
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#header {
		background:url(../images/logo_small.gif) top left no-repeat;
		width:960px;
		height:120px;
		color:#fff;
		float:left;
		margin:0 0 0 30px;
	}
	
	#phoneNumber {
		float:right;
		width:400px;
		text-align:right;
	}

/* NAV STYLES  */

	#nav{
		width:600px;
		float:right;
		margin-top:35px;
	}

	#nav ul {
		clear:both;
		float:right;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
	#nav ul li{
		float:left;
		margin:0 8px;
	}
	
	#nav ul li a{
		display:block;
		height:26px;
		text-indent:-3000em;
	}
	
	#nav li a.home{
		background:url(../images/home_out.gif) no-repeat;
		width:52px;
	}
	
	#nav li a.home:hover, #nav li a.home_selected{
		background-image:url(../images/home_over.gif);
		width:52px;
	}
	
	#nav li a.about{
		background:url(../images/about_out.gif) no-repeat;
		width:77px;
	}
	
	#nav li a.about:hover, #nav li a.about_selected{
		background-image:url(../images/about_over.gif);
		width:77px;
	}
	
	#nav li a.expertise{
		background:url(../images/expertise_out.gif) no-repeat;
		width:80px;
	}
	
	#nav li a.expertise:hover, #nav li a.expertise_selected{
		background:url(../images/expertise_over.gif) no-repeat;
		width:80px;
	}
	
	#nav li a.testimonials{
		background:url(../images/testimonials_out.gif) no-repeat;
		width:108px;
	}
	
	#nav li a.testimonials:hover, #nav li a.testimonials_selected{
		background-image:url(../images/testimonials_over.gif);
		width:108px;
	}
	
	#nav li a.contact{
		background:url(../images/contact_out.gif) no-repeat;
		width:86px;
	}
	
	#nav li a.contact:hover, #nav li a.contact_selected{
		background-image:url(../images/contact_over.gif);
		width:86px;
	}
	
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#contentInner{
		padding:0 30px;
		float:left;
	}

	#contentInner .mainImage{
		margin-top:10px;
		float:left;
		padding:3px;
		background:#FFFFFF;
		width:954px;
	}
	
	#overlay{
		width:443px;
		height:46px;
		background:#fff;
		position:absolute;
		margin:245px 0 0 512px;
		background:url(../images/image_overlay.gif) no-repeat;
	}
	
	#page {
		margin:15px 0;
		width:960px;
		float:left;
		background:#FFFFFF;
		text-align:left;
		color:#000000;
	}
	
	#page ul {
		font-size:12px;
		margin-bottom:15px;
		padding-left:10px;
		list-style:inside;
	}

	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#contentLeft{
		float:left;
		margin:40px 0 0 40px;
		width:500px;
	}
	
	#contentRight{
		margin:5px;
		width:239px;
		height:500px;
		float:right;
		padding:40px 20px;
		background:#222222;
	}
	
	#contentRight a:link{
		color:#fff;
	}
	
	#contentRight p{
		margin:2px 0;
		font-size:12px;
		color:#FFFFFF;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

 	#footer{
		float:left;
		color:#fff;
		padding:0 0 20px 0;
	}