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

body {
font: normal 14px Arial, Helvetica, sans-serif;
background:#ececec url("../image/bg.gif") repeat-x top;}

a {
color:#df850a;
text-decoration:underline;}

strong {
font-weight:bold;}

/* container */
#container {}

/* top-nav */
#top-nav {
background:#000;
color:#fff;
font-size:12px;
padding:5px 0;
margin-bottom:20px;}

	#top-nav-inside {
	width:900px;
	margin:0 auto;}
	
		#top-nav-inside img.icon {
		margin-bottom:-3px;}
		
		#top-nav-inside ul {
		float:right;}
		
		#top-nav-inside li {
		float:left;}
		
		#top-nav-inside li a {
		color:#ddd;
		text-decoration:none;
		margin-left:40px;
		text-transform:capitalize;}
		
		#top-nav-inside li a:hover {
		color:#fff;}

/* main-nav */
#main-nav {
width:900px;
margin:0 auto;
font: normal 14px Arial, Helvetica, sans-serif;
color:#fff;}

	#main-nav ul {
	float:right;
	background:#ddd;
	padding:10px 30px;
	margin-bottom:10px;}
	
	#main-nav li {
	float:left;}
	
		#main-nav li.divider {
		padding:0 15px;}
		
	#main-nav li a {
	color:#333;
	text-decoration:none;
	font-weight:bold;}
	
		#main-nav li a:hover {
		text-decoration:underline;}

/* header */
#header {
width:900px;
margin:0 auto;
padding-bottom:15px;}

	#header a {
	text-decoration:none;}
	
	#header-logo {
	float:left;
	font: bold 24px Arial, Helvetica, sans-serif;
	color:#000;
	padding-right:20px;}
	
		#header-logo img.logo {
		margin-bottom:-10px;}
		
	#header-title {
	float:left;
	width:400px;
	}
	#header-title a{
	font: bold 24px Arial, Helvetica, sans-serif;
		color:#000;
		text-transform:capitalize;}
}
		#header-title p.copmany {
		font: bold 24px Arial, Helvetica, sans-serif;
		color:#000;
		text-transform:capitalize;}
		
		#header-title p.copmany a {
		color:#000;}
		
		#header-title p.tagline {
		font: bold 18px Arial, Helvetica, sans-serif;
		color:#666;
		text-transform:capitalize;}
		
		#header-title p.tagline a {
		color:#666;}
		
	#header-right {
	float:right;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#666;
	width:300px;}
	
		#header-right span.small {
		font:bold 14px Arial, Helvetica, sans-serif;
		orphans:#666;}
		
		#header-right img.phone-icon {
		margin-bottom:-12px;}

		#header-right p.location {
		padding-left:45px;
		font:bold 14px Arial, Helvetica, sans-serif;}

/* banner */
#banner {
width:890px;
margin:0 auto 35px auto;
background:#fff;
border:#ddd solid 1px;
padding:5px;
height:270px;}

	#banner-left {
	float:left;
	width:600px;
	height:270px;}
	
		.home {
		background:url("../image/banner2.jpg") no-repeat top;}
		.about {
		background:url("../image/banner-about2.jpg") no-repeat top;}
		.contact {
		background:url("../image/banner-contact2.jpg") no-repeat top;}
		.services {
		background:url("../image/banner-services2.jpg") no-repeat top;}
		.service {
		background:url("../image/banner-service2.jpg") no-repeat top;}
		.promo {
		background:url("../image/banner-promo2.jpg") no-repeat top;}
		.testimonial {
		background:url("../image/banner-testimonial2.jpg") no-repeat top;}
	
		#promo-banner {
		float:right;
		background:#000;
		color:#fff;
		padding:10px 20px 10px 20px;
		font:bold 24px Arial, Helvetica, sans-serif;
		margin-top:190px;
		text-transform:capitalize;}
		
			#promo-banner img.arrow {
			margin-left:20px;}
		
			#promo-banner a {
			color:#ffa800;
			text-decoration:none;
			text-transform:uppercase;}
			
			#promo-banner a:hover {
			color:#FFCC00;}
	
		#banner-left img {
		margin:0;
		padding:0;}
		
	#banner-right {
	float:right;
	width:290px;
	height:270px;
	background:#e88d19;
	color:#fff;}
	
		#banner-right p.small {
		font-size:11px;
		line-height:12px;
		padding-bottom:10px;}
	
		#banner-right h2 {
		font:bold 24px Arial, Helvetica, sans-serif;
		text-align:center;
		padding-bottom:10px;}
	
		#banner-right form {
		padding:20px 20px 0 20px;
		text-align:center;}
		
		#banner-right input.txtbox {
		width:110px;
		border:0;
		margin-bottom:5px;
		padding:2px;
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#666;}

		#banner-right input.submit-btn {
		margin-top:10px;}

/* main */
#main {
width:900px;
margin:0 auto;
padding-bottom:40px;
line-height:20px;
color:#666;}

/* main-left */
#main-left {
width:200px;
float:left;}

	#main-left span.quote-mark {
	font:bold 12px "Times New Roman", Times, serif;
	color: #257fbe;}

	#main-left p {
	padding-bottom:20px;}
	
		#main-left p.quote {
		font:italic normal 12px Arial, Helvetica, sans-serif;
		padding-bottom:5px;}
		
		#main-left p.author {
		text-align:right;
		font:bold 12px Arial, Helvetica, sans-serif;}
		
		#main-left p.read-more {
		text-align:right;}
	
	#main-left p.logo {text-align:center; padding:20px 0;}

	#main-left h2 {
	font: normal 18px Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	color:#666;}
	
	#main-left ul {
	padding-left:20px;}
	
	#main-left li {
	border-bottom:#d7d6d6 solid 1px;
	padding-bottom:5px;
	margin-bottom:5px;
	list-style-image:url("../image/double-arrow.gif");}
	
	#main-left li a {
	text-decoration:none;}
	
	#main-left li.last {
	border:none;}

/* main-right */
#main-right {
width:650px;
float:right;
line-height:20px;
color:#666;}

	#main-right form {
	background:#fff;
	padding:40px;
	border:#ddd solid 1px;
	margin-bottom:20px;}
	
		#main-right label {
		width:200px;
		float:left;}
		
		#main-right input.txt-box, #main-right textarea {
		border: #CCC solid 1px;
		margin-bottom:5px;
		width:250px;
		font:bold 16px Arial, Helvetica, sans-serif;
		padding:5px;
		float:left;}
		
		#main-right input.submit-btn {
		float:left;
		font:bold 18px Arial, Helvetica, sans-serif;
		padding:5px 10px;
		color:#257fbe;}

	#main-right.whole {
	width:100%;}
	
	.main-right-cta-w-border {
	border-right:#bcbdbd solid 1px;}
	
	.main-right-cta, .main-right-cta-w-border {
	float:left;
	font:normal 20px Arial, Helvetica, sans-serif;
	padding:0 5px 20px 0;
	margin-right:5px;
	width:310px;}
	
	.main-right-cta a, .main-right-cta-w-border a {
	text-decoration: none;
	color:#666!important;}
	
	.main-right-cta a:hover, .main-right-cta-w-border a:hover {
	text-decoration:underline!important;}
	
	.main-right-cta span.small, .main-right-cta-w-border span.small {
	font: normal 18px Arial, Helvetica, sans-serif;
	line-height:normal;
	margin:0;
	padding:0;}
	
	.main-right-cta-w-border img.icon, .main-right-cta img.icon {
	float:left!important;
	padding-right:10px!important;}

	#main-right ul {
	padding:0 50px 20px 30px;}
	
		#main-right ul.float-left {
		padding:0 50px 20px 30px;
		float:left;}
	
	#main-right li {
	list-style-type:disc;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#555;}

	#main-right h1 {
	font:bold 30px Arial, Helvetica, sans-serif;
	line-height:normal;
	text-transform:capitalize;
	padding-bottom:5px;
	margin-bottom:15px;
	color:#333;
	border-bottom:#bbb dotted 1px;}
	
	#main-right h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#666;
	text-transform:capitalize;
	padding-bottom:5px;}
	
	#main-right p {
	padding-bottom:20px;}
	
		#main-right p.quote {
		font-weight:bold;
		font-style:italic;}

		#main-right p.author {
		text-align:right;}
		
		#main-right p.big-txt, #main-right p.big-phone-number, #main-right p.big-cta {
		font-size: 18px;
		color:#000;
		font-weight:bold;}
		
		#main-right p.big-phone-number {
		color:#257fbe;}
		
		#main-right p.big-cta {
		color:#FF0000;}
	
	#main-right.whole {
	width:100%;}

/* footer */
#footer {
width:900px;
margin:0 auto;
border-top: #767676 dotted 1px;
padding:20px 0;
font:normal 10px Arial, Helvetica, sans-serif;
color:#999;}
	
	#footer p {
	padding-bottom:15px;}

	#footer a {
	color:#888;
	text-decoration:underline;}

	#footer ul {
	padding-bottom:25px;}
	
	#footer li {
	float:left;}
	
	#footer li.divider {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding:0 10px;
	color:#ccc;}
	
	#footer li a {
	text-transform:capitalize;
	float:left;}

/* random styles */
.clear {
clear:both;
margin:0;
padding:0;}

.img-float-right {
margin:0 0 10px 10px;
float:right;
background:#FFF;
padding:5px;
border:#ddd solid 1px;}

.img-float-left {
margin:0 10px 10px 0;
float:left;
background:#FFF;
padding:5px;
border:#ddd solid 1px;}

.oj-txt {
color:#FF9900;
font-weight:bold;}

.blue-txt {
color:#257fbe;
font-weight:bold;}

.float-left {
float:left;
padding:0 30px 20px 0;}

.required {
font-size:10px;
color:#FF0000;}