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

body { 
	background-image:url(images/background.jpg); 
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0; 
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	color: #000000;
}
/* comment <div id="copyright"> inside CSS #copyright */

div>p:first-child {					/* this causes ie and compliant browsers to display first p in a div the same */
	margin-top: 0px;
	}
	
a, p, table, tr, td, th, tfoot, thead, html, hr, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dd, dt, 
form, fieldset, div, span, applet, object, iframe, blockquote, pre, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, 
sup, tt, var, b, u, i, center, label, legend, caption {
	font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0; padding: 0; 
	border: 0; outline: 0; 
	vertical-align: baseline; 
	background: transparent;
	} 
	
a {
	text-decoration: none;
	color: #B22217;
	}

a:hover {
	text-decoration: underline;
	color:#000066;
	}
	
a:visited {color:#B22217;}

h1 { font-family: Arial, Verdana, sans-serif; font-size: 18px;}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 16px;}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 14px;}
h4 { font-family: Arial, Verdana, sans-serif; font-size: 12px;}
h5 { font-family: Arial, Verdana, sans-serif; font-size: 12px;}
h6 { font-family: Arial, Verdana, sans-serif; font-size: 12px;} 

#container {
	width: 1000px;
	margin: 0 auto;
	margin-right: auto; margin-left: auto;
	}

p {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#header {background-repeat:no-repeat;
	height:150px;
	}
	
/*------------Begin Leftside Column--------------*/
#leftsidecontainer {
	float:left;
	}
#logo {
	width:287px; height:228px;
	}
#leftsidenav { 
	min-height:215px;
	width:202px;
	margin:30px 0 0 42px;
	}
#leftquotebox {
	margin:15px 0 0 42px;
	width:202px;
	min-height:145px;

	}
.leftsidenavtop	{
	width:197px;
	height:22px; 
	background:no-repeat top left url(images/leftsidenavtop.jpg);
	margin:0;
	overflow:hidden;
	color:#7A1600;
	font-family:"Times New Roman", Times, serif;
	padding:5px 0 0 5px;
	font-size:14px;
	}
.leftsidenavmid	{
	width:182px; 
	height:auto;
	background: repeat-y top left url(images/leftsidenavmid.jpg);
	margin:0;
	padding:0px 10px 0px 10px;

	}
.leftsidenavbot	{
	width:202px;
	height:13px; 
	background:no-repeat top left url(images/leftsidenavbot.jpg);
	margin:0px 0px 10px 0px;
	overflow:hidden;
	}
p .leftsidenavtop {
	
	}

.leftsidenavmid p, .leftsidenavbot p	{
	background:none;
	padding:10px 0 3px 18px;
	border-bottom: url(images/leftquoteboxtop.jpg);
	}
	
.leftsidenavmid hr {
	margin:0 0 0 17px;
	padding:0;
	top:-3px;
	position:relative;
	width:175px;
	height:1px;
	color:#999999;
	border-bottom:1px solid #999999;
	clear:both;	
	}
	
.leftquoteboxtop	{
	width:202px;
	height:13px; 
	background:no-repeat top left url(images/leftquoteboxtop.jpg);
	margin:0px;
	overflow:hidden;
	}
.leftquoteboxmid	{
	width:182px; 
	height:auto;
	background:repeat-y top left url(images/leftquoteboxmid.jpg);
	margin:0 20px 0 0;
	padding:0px 10px 0px 10px;
	text-align:right;
	
	}
.leftquoteboxbot	{
	width:202px;
	height:13px; 
	background:no-repeat top left url(images/leftquoteboxbot.jpg);
	margin:0px 0px 10px 0px;
	overflow:hidden;
	}
.leftquoteboxtop p, .leftquoteboxmid p, .leftquoteboxbot p	{
	background:none;
	}
	
.contenticon {
	float:left;
	width:148px;
	height:129px;
	}
/*------------End Leftside Nav--------------*/

#maincontent {
	width:711px;
	float:left;
	min-height:830px;
	margin:20px 0 0 0;
	}
.mainconttop	{
	width:711px;
	height:52px; 
	background:no-repeat top left url(images/mainconttop.png);
	margin:10px 0px 0px 0px;
	overflow:hidden;
	}
.maincontmid	{
	width:701px; 
	height:auto;
	min-height:710px;
	background:repeat-y top left url(images/maincontmid.png);
	margin:0;
	padding-top:25px;
	}
#maincontwrap {
	width:631px;
	margin:0 auto;
	/*line-height:16px;*/
	}
.maincontbot	{
	width:711px;
	height:51px; 
	background:no-repeat top left url(images/maincontbot.png);
	margin:0px 0px 10px 0px;
	overflow:hidden;
	}
.mainconttop p, .maincontmid p, .maincontbot p	{
	background:none;
	}
	
#footer {background-repeat:no-repeat;
	font-size:9px;
	color:#000;
	text-align:center;
	height:100px;
	}
	
#footercontent {padding-top:85px;
	}

.floatright {float:right;}
.floatleft {float:left;}
.clearboth {clear:both;}


/* Begin Navigation */

#navcontainer {
	margin:14px 0 0 23px;
	}

#navcontainer ul {
	text-align: center;
	padding:5px 0 5px 0;
	margin:0 0 0 0;
	color: #000;
	width: 100%;
	font-size:16px;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 15px;
	/* fixes Firefox 0.9.3 */
	}

#navcontainer ul li {
	display: inline;
	padding:5px 0 5px 0;
	margin: 0 30px 0 0;
	}

#navcontainer ul li a {
	padding: 12px 21px 12px 21px;
	color: #fff;
	text-decoration: none;
	}
	
#navcontainer a #current {
	padding:5px 10px 10px 5px;
	color: #fff;
	text-decoration: none;
	background-color:#000;
	}

#navcontainer ul li a:hover {
	background-color:#CCCCCC;
	color: #B22227;
	}

#navcontainer #home { 
	background-color:#791b15; 
	}

#navcontainer #about { 
	background-color:#e5a523; 
	}

#navcontainer #services { 
	background-color:#b1e1f5; 
	}

#navcontainer #portfolio { 
	background-color:#b02625; 
	}
	
#navcontainer #contact { 
	background-color:#e27125; 
	}
.headerquote, .headerquote p, .headerquote h1{
	font-size:16px;
	padding:5px 0 5px 85px;
	/*line-height:95%;*/
}
.headerbox {
	width:650px;
	}
	
.aboutcontent, .aboutcontent p, .aboutcontent h1{
	font-size:12px;
	padding:5px 0 5px 95px;
}
/* End Navigation */
	
.contactpage p {
	font-size:14px;
	}
	
.contactpage hr {
	margin:0 0 0 17px;
	padding:0;
	top:-3px;
	position:relative;
	width:175px;
	height:1px;
	color:#999999;
	border-bottom:1px solid #999999;
	clear:both;	
	}

.leftcolumnservices, .rightcolumnservices {
	float:left;
	width:310px;
	margin:10px 5px 0 0;
	}

.leftcolumnservices ul, .leftcolumnservices li, .rightcolumnservices ul, .rightcolumnservices li {	
	padding:0 0 0 3px;
	margin:0 0 0 15px;
	}
	
h3.h3services {
	color:#B22217;
	border-bottom:1px solid #999999;
	width:120px;
	}

p.orangeheading {
	color:#E27125;
	padding:0;
	margin:0;
	}
	
p.greytext {
	color:#666666;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	}
	
.leftcoltopsection, .rightcoltopsection {
	height:240px;
	}

.leftcolbotsection, .rightcolbotsection {
	height:160px;
	}
	
.bottomservices {
	float:left;
	width:200px;
	height:100px;
	font-size:10px;
	}
	
.bottomservices ul, .bottomservices li {
	padding:0 0 0 3px;
	margin:0 0 0 10px;
	}

.aboutleft {
	width:150px;
	height:150px;
	float:left;
	padding:0 0 0 35px;
	}
	
#portfoliobox {
	width: 635px;
	margin-top:60px; margin-bottom:10px;
	}
	
.floatleftportfolio {
	float:left;
	width:200px;
	height:200px;
	margin:0 8px 8px 0;
	border: solid 1px #000;
	}
	
a {outline:0px;}