/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}

body {
	background: #E7040B url(../gfx/bg.png) repeat-x;
}
body,td,th {
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	color: #333333; /* COLOR FOR ALL TEXT (EXCEPT LINKS) */
}
strong {font-weight:700}
/* ALL LINKS */
a:link {
	color: #907065;
	text-decoration: none;
}
/* ALL VISITED LINKS */
a:visited {
	text-decoration: none;
	color: #907065;
}
/* ALL LINKS WHEN MOUSE IS OVER */
a:hover {
	text-decoration: none;
	color: #644d45;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
	font-size: 25px;
	margin: 10px 0;
}

h3 {
	font-size: 16px;
	margin-top: 15px;
}

/* Ment to be a <hr /> tag */
.line {
	background: url(../gfx/hr_bg.png) center no-repeat;
	padding: 10px 0;
	border: 0;
	color: #d3d3d3;
}

label {
	font-weight: bold;
	display: block;  
	float: left;
	clear: both;
	width: 220px;
	margin: 0 0 10px 0;
}

/* ALL INPUTS */
input {
	font-size: 11px;
	color: #000;
	background: #fff;
	
	margin: 3px;
	padding: 5px;
	border: 1px solid #251f1c;
}
.right{float:right;}
/* ALL TEXTAREAS */
textarea {
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background: #fff;
	margin: 3px;
	padding: 5px;
	border: 1px solid #251f1c;
}

 ul ul{
	list-style-image: url(../gfx/bullet_go.png);
	padding-left: 40px;
	margin: 10px 0;
} 

li {
	color: #392D29;
	padding: 1px;
}
ol{list-style-type:decimal;list-style-position:inside;}

li.even{background:#e7040b;color:#fff}
li.odd{background:#fff;color:#000}

.clear {
	clear: both;
}

div#wrapper {
	width: 930px;
	margin: auto;
	
}
#contactInfo{
	float:right;
	list-style:none;
	margin:35px -5px 0 0 ;
	height:115px;width:605px;
	background: url(../gfx/76topofpage.png) no-repeat right bottom ; 
	padding:2px 10px;
	position:relative;
}
#contactInfo h2{
	text-align:right;
	color:#fff;
	font-family:arial;
	font-weight:700;
	padding:0;
	margin:0;
	
}
#contactInfo > div{
	  float:right;
	 display:block; 
	text-align:right;
	color:#fff;
	padding:2px 4px;
	/* background: url(../gfx/li.png) no-repeat left center ; */
	font-weight:700;
	
	margin-top:10px;
}

div#header {
	width: 860px;
	height: 100px;
	margin: auto;
	clear:both;
	margin-top:-15px;
}

div#logo {
	padding: 15px 0;
	float: left;
	position:absolute;
	margin-left:-10px;
}

div#search {
	text-align: right;
	float: right;
	margin: 30px 0;
}

div#search #field {
	width: 120px;
	float: right;
}

div#search #action {
	background: url(../gfx/submit_search.png) no-repeat;
	width: 25px;
	height: 25px;
	vertical-align: top;
	float: right;
}

div#nav {
	background: url(../gfx/border1.png) repeat-y -140px 0;
	width: 830px;
	padding: 0 50px;
	float: left;
	clear: both;
}

div#nav #left {
	background: url(../gfx/nav_01.png) no-repeat;
	width: 10px;
	height: 40px;
	float: left;
}

div#nav #right {
	background: url(../gfx/nav_03.png) no-repeat;
	width: 10px;
	height: 40px;
	float: right;
}

div#nav  ul#navMenu#navMenu {
	background-color: #2756A4;
	width: 810px;
	height: 40px;
	float: left;
	margin: 0;
	padding: 0;
}

div#nav  ul#navMenu > li {
	background-color: #2756A4;
	display: inline;
	list-style-type: none;
	padding: 0;
}

div#nav  ul#navMenu > li > a {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	padding: 11px 23px;
	border-right: 1px solid #251f1c;
	border-left: 1px solid #463c39;
}


div#nav  ul#navMenu > li:hover, div#nav  ul#navMenu > li > a.selected {
	background-color: #316cbb;
}

div#nav  ul#navMenu li #left-tab {
	border-left: 0;
}

div#nav  ul#navMenu li #right-tab {
	border-right: 0;
}

div#main {
	padding: 15px 50px 0 ;
	clear: both;
	background: url(../gfx/border1.png) repeat-y -140px 0;
	width:830px;
}

div#main #flashArea{
	background: url(../gfx/flasharea.png) no-repeat 0 0;
	height:264px;
	width:864px;
	padding:5px;
}
div#main #flashArea div{
	padding:17px 0 0 20px;
	width:320px
}
div#main #flashArea div img{
	float:left;
	padding:2px 10px 2px 2px;
} 
div#main #flashArea div h2{
	font-size:18px;
	margin:0;
	padding:0;
	color:#fff
}
div#main #flashArea div p{
	font-size:12px;
	color:#eee;
}
div#main #flashArea div:first-child p{color:#000}
div#main #flashArea div:last-child p{color:#fff}

div#main #column1 {
	width: 530px;
	padding:0px 20px;
	float: left;
	background: url(../gfx/col1lines.png) no-repeat 0 45px;
}

div#main #column1 p{
	margin:10px 0px
}
div#main #column1 p span{
	font-size:16px;
	color:#e7040b;
	font-weight:700;
	display:block
}

div#main #column2 {
	background: url(../gfx/col2lines.png) no-repeat 0 45px;
	width: 230px;
	min-height: 320px;
	float: right;
	padding: 0 10px;
}
div#main #column2 #commercials{
	margin-top:20px;
}
div#main #column2 #commercials img{
	padding:4px
}
div#main #column2 h4{
	
}
div#main #column2 ul.servicelist{
	background:transparent none repeat scroll 0 0;
	margin:0 0 50px 0;
	padding:0;
	width:246px;
}
div#main #column2 ul.servicelist li p{font-size:12px}

div#main #column2 ul.services{
	background:transparent none repeat scroll 0 0;
	margin:0 0 50px -8px;
	padding:0;
	width:246px;
	
}

div#main #column2 img.map{
		margin:0 0 20px -8px;
}
div#main #column2 ul{
	background: url(../gfx/column2_seperator.png) no-repeat left 0;
	list-style:none;
	float:left;
	margin:5px 0 0 0;
	padding:0 0 0 10px;
	font-size:12px;
}
div#main #column2 ul.first{
	padding:0;
	background:none;
}

/* FOR IE6 */
* html div#main #column2 {
	height: 320px;
}

div#main #column2 #recent_clients {
	text-align: center;
}

div#main #column2 #recent_clients img {
	width: 70px;
	margin-bottom: 3px;
}

div.box-no-line {
	width: 171px;
	float: left;
	padding: 0 9px;
}

div.box {
	background: url(../gfx/box_seperator.png) no-repeat;
	padding: 0 9px;
	width: 171px;
	float: left;
}

div.box-no-line h3, div.box h3 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

div.box p, div.box-no-line p {
	font-size: 10px;
	margin: 5px 0;
}

div.box a.more, div.box-no-line a.more {
	font-size: 11px;
	font-weight: bold;
	text-transform: lowercase;
	float: right;
}

div#end {
	background:transparent url(../gfx/footer.png) no-repeat scroll -140px 0;
	height:50px;
}

div#footer {
	background: #E7040B;
	font-size: 11px;
	color: #fff;
	text-align: right;
	padding: 5px 35px 50px;
}
div#footer a{
	text-decoration:none;
	color: #fff;
}

textarea#message {
	width: 300px;
	height: 100px;
}

img#questions {
	float: right;
	margin: 0 10px 10px 0;
}

div.service_box {
	width: 550px;
	float: left;
}

div.service_box h3 {
	font-weight: bold;
	margin-bottom: 5px;
}

div.service_box img {
	float: left;
	padding: 0 10px 10px 0;
}

div.service_box a.more {
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
}

div.portfolio_box {
	width: 500px;
	float: left;
	margin: 5px;
}

div.portfolio_box h3 {
	font-weight: bold;
	margin: 5px 0;
}

div.portfolio_box img {
	float: left;
	
	margin-right: 10px;
	padding: 5px;
	border: 1px solid #d3d3d3;
	background: #FFFFFF;
}

div.portfolio_box a.more {
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
}

.error_field{
	background: #eb4e4e;
	border: 1px dotted #333;
}

div#company_info {
	font-size: 11px;
	color: #ffffff;
	width: 220px;
	margin: 0 auto;
	background: #392D29;
	margin-top: 15px;
}

div#company_info h3 {
	margin: 0 0 5px 0;
}

div#company_info #info {
	padding: 15px;
}

/* Round corners*/
.rtop, .rbottom{display:block;background: #FFF}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden;background: #392D29}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 

/* Textarea rezier */
div.grippie{
	background: #EEE url(../gfx/grippie.png) no-repeat scroll center 2px;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;
	border: 1px solid #DDD;
	margin-left: 3px;
	width: 310px;
}

.resizable-textarea textarea {
	display: block;
	margin-bottom: 0;
	width: 80%;
	height: 250px;
}

/* jFlow */
div#myController {
	display:none;
}

.jFlowNext, .jFlowPrev {
	cursor: pointer;
}

/* === Contact Form === */
#contact-form { margin: 15px auto; text-align: left; }
#contact-form input { width: 250px; }
#contact-form input.small { width: 200px; }
#contact-form input,
#contact-form textarea { padding: 3px; margin-bottom: 8px; border: 1px solid #888; }
#contact-form input,
#contact-form textarea,
#contact-form label { font-family: Arial, Helvetica, sans-serif; font-size: .9em; letter-spacing: .03em; }
#contact-form label { float: left; text-align: right; margin-right: 10px; width: 80px; padding-top: 5px; font-weight: bold; }
#contact-form textarea { height: 120px; width: 300px; overflow: auto; }
#contact-form textarea:focus,
#contact-form input:focus { border: 1px solid #ca0002; }
#contact-form input.submit-button { width: 80px; float: right; cursor: pointer; background: #b7eab7 !important; color: #000; }
#contact-form input.submit-button:hover { background: #e4c4cf !important; }
#submit { width: 110px; margin-left: 260px; }
#response { clear: both; }
#response li { color: #FF0000; margin-left: 50px; }
#response .success { text-align: center; margin-left: 60px; }


li span.title{display:inline;font-size:18px}
li.single span.title{display:inline;font-size:22px}
li.single span.email{display:inline;}
li span.price{font-size:20px;font-style:italic;}
li.single span.price{display:block;font-size:20px;font-style:italic;}
li span.price:before{content:"$" ;font-size:20px;font-style:italic;}
li.single span.body{display:block;}

.hidden{display:none}
.signup{
background:#fff url(../gfx/box_seperator.png) no-repeat scroll 0 0;
float:left;
padding:0 9px;
color:#000;

}
#contactInfo  .signup li{
	background:none;
	padding:2px;
}
#contactInfo li li {color:#000}

.flash-replaced .alt{display:none;}
div#nav ul#navMenu > li.star a{padding: 8px 10px;}

.review{padding:10px 5px 20px}
.review .avatar {padding:7px;float:left}
.review .rating {clear:both; float:left}
.review .name {font-size:14px;float:right;clear:both}
.review .excerpt:first-letter {font-size:16px;font-weight:700}

#signUp{font-size:0px; width:300px;height:25px;display:block;background:transparent;position:relative;top:75px;}

#facebox .hidden{display:block}

#reviewsIMG{margin:-54px -30px -30px -30px}

#commercials a img{height:78px}

.standout a{color:green}

.left{float:left;width:50%;height:70px;}
.sign{float:left;width:99%;height:105px;}


#desc{font-size:1px;color:#fff}

img.thumb{width:200px;}
.red{color:red}


.facebook {
	margin-left: 84px;
	padding: 0 247px;
	width: 313px;
	float: right;
	height: 1px;
}
.twitter {
	float: right;
	width: 404px;
height: 172px;
}
.youtube {
	margin-top: -171px;
	float: right;
height:210px;

width:243px;

}
