/* Start of CMSMS style sheet 'home_master' */
/* Site Layout Styles
 * Updated:  Date @ Time
 * Author: Firstname Lastname <company url>
 * ---------------------------------------------*/

	/* -- core 
 	 ---------------------------------------------*/
	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, 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: inherit; 
		font-family: inherit; 
		vertical-align: baseline;
		list-style: none;
		}

	/* using clearfix solution to reduce any html markup just apply class="clearfix" to any div you want. */
	.clearfix:after {
		display: block;
		clear: both;
		height: 0;
		content: ".";
		visibility: hidden;
		}
	* html .clearfix { /* ie hack it needs to use height: 1%, does not support the :after pseudoclass */ height: 1%; }
	*+ html .clearfix { height: 1%; }
	
	html { overflow:-moz-scrollbars-vertical; }
	body { 
		background: #0a3b5d;
		font: 62.5%/1.6 "Trebuchet MS", Helvetica, Arial, sans-serif;
		}
		
		
	/* -- layout
 	 ---------------------------------------------*/
 	 #container {
 	 	width: 1020px;
 	 	margin: 0 auto;
 	 	background: #145a8b;
 	 	}
 	 	
 	 	/* -- header */
 	 	#header {
 	 		position: relative;
 	 		height: 130px;
 	 		background: url(uploads/images/bg.jpg) 0 0 no-repeat;
 	 		}
 	 		
 	 		/* -- logo */
 	 		#header h1 {
 	 			padding: 40px 0 0 31px;
 	 			}
 	 		
 	 		/* -- phone */
 	 		p#phone {
 	 			position: absolute;
 	 			top: 55px;
 	 			right: 40px;
 	 			color: #fff;
 	 			font: italic 1.2em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
 	 			}
 	 		p#phone span {
 	 			font-size: 1.8em;
 	 			}
p#phone a { color: #fff; }
 	 		
 	 	/* -- navigation */
 	 	#nav {
 	 		height: 45px;
 	 		padding: 0 40px;
 	 		background: #52a1da url(uploads/images/bg.jpg) 0 -130px no-repeat;
 	 		}
 	 	#nav li {
 	 		float: left;
 	 		display: block;
 	 		}
 	 	#nav li a {
 	 		float: left;
 	 		display: block;
 	 		padding: 16px 20px 4px;
 	 		color: #156093;
 	 		font: italic 1.2em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
 	 		text-decoration: none;
 	 		}
 	 	#nav li a:hover,
 	 	#nav li.on a {
 	 		color: #fff;
 	 		}
 	 	#nav li.on a {
 	 		background: #f90 url(uploads/images/bg-nav-on.gif) top repeat-x;
 	 		text-transform: uppercase;
 	 		}
 	 		
 	 		
 	 	/* -- banner */
 	 	#banner {
 	 		position: relative;
 	 		height: 330px;
 	 		background: url(uploads/images/bg.jpg) 0 -175px no-repeat;
 	 		}
 	 		
 	 		#flash {
 	 			position: absolute;
 	 			top: 45px;
 	 			left: 41px;
 	 			width: 610px;
 	 			height: 245px;
 	 			border: 5px solid #fff;
 	 			overflow: hidden;
 	 			}
 	 		
 	 		/* quote */
 	 		p#quote {
 	 			position: absolute;
 	 			top: 66px;
 	 			right: 40px;
 	 			}
 	 		
 	 		
 	 	/* -- main body */
 	 	#main_body {
 	 		padding: 0 40px 20px;
 	 		background: url(uploads/images/bg.jpg) 0 -505px no-repeat;
 	 		}
 	 		
 	 		#content {
 	 			float: left;
 	 			width: 590px;
 	 			padding: 0 15px;
 	 			color: #fff;
 	 			font-size: 1.2em;
 	 			}
 	 		#content h2 {
 	 			margin: 0 0 5px;
 	 			color: #f60;
 	 			font: italic normal 1.5em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
 	 			}
 	 		#content p {
 	 			padding: 0 0 5px;
 	 			}

#sidebar h2 {
 	 			margin: 0 0 5px;
 	 			color: #f60;
 	 			font: italic normal 1.3em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
 	 			}
#sidebar {
float: right;
width: 280px;
padding: 0 15px;
color: #fff;
font-size: 1.1em;
}
 	 			
 	 		
 	 	/* -- extra */
 	 	#extra {
 	 		height: 179px;
 	 		padding: 0 40px;
 	 		background: url(uploads/images/bg.jpg) 0 -2261px no-repeat;
 	 		}
 	 		
 	 		#extra .col {
 	 			float: left;
 	 			width: 270px;
 	 			margin: 0 20px 0 0;
 	 			padding: 25px 15px 0;
 	 			color: #fff;
 	 			font-size: 1.1em;
 	 			}
 	 		#extra .col a {
 	 			color: #156093;
 	 			}
 	 		#extra .col a:hover {
 	 			text-decoration: none;
 	 			}
 	 		#extra h3 {
 	 			margin: 0 0 8px;
 	 			color: #fff;
 	 			font: italic bold 1.3em/1.6 Helvetica, "Trebuchet MS", Arial, sans-serif;
 	 			}
			#extra .testimonials {
				color: #156093;
				font-size: 1.2em;
font-style: italic;
				}
 	 		#extra .contact {
 	 			margin: 8px 0 0;
 	 			color: #156093;
 	 			}
 	 		#extra .contact span {
 	 			font: italic bold 1.6em/1.6 "Trebuchet MS", Helvetica, Arial, sans-serif;
 	 			}
 	 		#extra .contact a {
 	 			color: #156093;
 	 			font: bold 1.2em/1.6 "Trebuchet MS", Helvetica, Arial, sans-serif;
 	 			}
 	 		#extra .project img {
 	 			float: left;
 	 			margin-right: 10px;
 	 			}
 	 		
 	 		
 	 	/* -- footer */
 	 	#footer {
 	 		height: 38px;
 	 		padding: 22px 55px 0;
 	 		background: url(uploads/images/bg.jpg) 0 -2440px no-repeat;
 	 		color: #7fc2f3;
 	 		font-size: 1.1em;
 	 		}
		#footer span {
			float: right;
			display: block;
			padding: 3px 0 0;
			}
/* End of 'home_master' */