@charset "utf-8";
/* CSS Document */

/* <Soratoh Media - 2010> */

* {margin: 0px}
  
html {
	margin: 0px;
	width: 100%;
	height: 100%}
	
body {
	margin: 0px;
	color: #353535;
	font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	border-top: 7px solid #242424;
	background: #aedafd}
	
#wrapper {
	margin: 0px auto;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -218px;
	border-top: 1px solid #ffffff;
	text-align: center}

#header {
	position: relative;
	margin: 0px auto;
	width: 100%;
	height: 168px;
	background: url(../images/header.jpg) center no-repeat}
	
#logo {
	position: absolute;
	width: 380;
	height: 144px;
	top: 0px;
	left: 80px}
	
	#logo a {
		width: 380px;
		height: 144px;
		display: block}
	
	#logo h1 {
		width: 380px;
		height: 144px;
		text-indent: -9009px}
	
#provide {
	position: relative;
	margin: 0px auto;
	margin-bottom: 20px;
	width: 862px;
	height: 81px;
	background: url(../images/provide.jpg) center no-repeat}
	
/*  Menu Properties  **********/

#menu-wrap {
	position: relative;
	margin: 0px auto;
	width: 862px;
	height: 168px;
	background: url(../images/header.jpg) center no-repeat}

#menu {
	position: relative; 
	top: 48px;
	left: 462px;
	width: 400px;
	height: 45px}
		
#menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	margin: 0px}
	
	#menu li {
		display: inline}
	
		#menu li a {
			display: block;
			float: left;
			height: 45px;
			text-indent: -9999px;
			background: url(../images/menu.jpg)}
	
			#menu li a.home {
				background-position: 0px 0px;
				width: 89px}
 
			#menu li a.services {
				background-position: -89px 0px;
				width: 110px}
	
			#menu li a.work {
				background-position: -199px 0px;
				width: 90px}
 
			#menu li a.contact {
				background-position: -289px 0px;
				width: 111px}

			/*  Begin Hover  **********/

			#menu li a.home:hover, #menu li a#home-on {
				background-position: 0px 45px;
				width: 89px}
 
			#menu li a.services:hover, #menu li a#services-on {
				background-position: -89px 45px;
				width: 110px}
	
			#menu li a.work:hover, #menu li a#work-on {
				background-position: -199px 45px;
				width: 90px}
 
			#menu li a.contact:hover, #menu li a#contact-on {
				background-position: -289px 45px;
				width: 111px}
				
				
#content-area {
	position: relative;
	margin: 0px auto;
	width: 862px}
	
#column-wrap {
	float: left;
	width: 100%}
	
#extend-column {
	width: 862px;
	text-align: left}	
	
#main-column {
	width: 584px;
	margin-right: 289px;
	text-align: left}	
					
#sidebar {
	float: left;
	width: 245px;
	height: 100px !important;
	height: 100%;
	padding-left: 33px;
	margin-left: -278px;}
	
#footer {
	color: #727272;
	margin: 0px auto;
	width: 100%;
	height: 218px;
	background: url(../images/footer.jpg) repeat-x}

#footer-info {
	position: relative;
	margin: 0px auto;
	top: 78px;
	width: 862px;
	height: 90px}
	
#footer a {color: #727272;text-decoration:none}

#footer a:hover {color: #33892c;text-decoration:underline}

#footer-copyright {
	font-size: 10px;
	color: #727272;
	position: relative;
	margin: 0px auto;
	top: 78px;
	padding-top: 5px;
	width: 862px;
	border-top: 1px solid #727272}
			
.footer-push {height: 218px}

#accepted {
	float: left;
	position: relative;
	margin: 0px auto;
	top: 28.5px}
	
#estimates {
	float: right;
	position: relative;
	margin: 0px auto;
	top: 34px;
	right: 26.5px}
	
#onla {
	float: right;
	position: relative;
	margin: 0px auto;
	padding-right: 10px;
	top: 13px}
	
#bbb {
	float: right;
	position: relative;
	margin: 0px auto;
	top: 10.5px}

.clear {clear: both}

a {
	color: #33892c;
	outline: none}
	
a:hover {
	text-decoration: none}

p {
	padding-bottom: 20px}
	
h1 {
	color: #353535;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px 0;
	font-weight: 600}
	
h3 {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px 0;
	font-weight: 800}

.image-body {
	padding: 5px}
	
img {
	border-style: none; 
	text-decoration: none}
	
#os-gallery a {
		float: left;
		width: 178px;
		height: 110px;
		padding: 8px}
		
#os-gallery a:hover {
		filter:alpha(opacity=80);
		-moz-opacity: 0.80;
		opacity: 0.80;}
		
/* Form Style */

hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #8eadc9; border-style: none none solid; }

#contact {
	display: block;
	width: 650px;
	margin: 70px auto;
	padding: 35px;
	border: 1px solid #8eadc9;
	background-color: #ffffff}
	
#contact h1 {
	margin: 10px 0 10px;
	font-size: 24px;
	color: #333333 }

#contact hr {
	color: inherit;
	height: 0;
	margin: 6px 0 6px 0;
	padding: 0;
	border: 1px solid #8eadc9;
	border-style: none none solid}

label {
	display: inline-block;
	float: left;
	height: 32px;
	line-height: 32px;
	width: 155px}

input, textarea, select {
	margin: 0;
	padding: 5px;
	color: #484848;
	font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
	background-color: #f7f7f7;
	border: 1px solid #8eadc9;
	margin: 5px 0}

input:focus, textarea:focus, select:focus {
	border: 1px solid #8eadc9;
	background-color: #ffffff;
	color: #333}

input.submit {
	cursor: pointer;
	border: 1px solid #8eadc9;
	background: #272727;
	color: #ffffff}

input.submit:hover {background-color: #a1a1a1;}

fieldset {
	padding: 20px;
	border: 1px solid #8eadc9;}

legend {
	padding: 7px 10px;
	font-weight: bold;
	color: #000;
	border: 1px solid #8eadc9}

span.required {font-size: 13px; color: #ff0000}

.error_message {
	display: block;
	height: 22px;
	line-height: 22px;
	background: #fbe3e4 url('assets/error.gif') no-repeat 10px center;
	padding: 3px 10px 3px 35px;
	margin: 10px 0;
	color: #8a1f11;
	border: 1px solid #fbc2c4;
	text-align: center}

#succsess_page h1 {
	background: url('assets/success.gif') left no-repeat;
	padding-left: 22px}