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

/* reset.css */
/*html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tr, th, td 

{
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}*/

/* global styles */

body {
	background-color: #83623A;
	/*#381B00;*/
	font-family: Helvetica, Arial, sans-serif;
	color:  #42210B;
	font-size: 100%;
	margin-top: 0px;
	}
	
a img {border:none;}

h1{font-size: 1.125em; color: #996633;} /* 18 px*/

h2 {font-size: 1em; color: #996633;} /*16px*/

h3 {font-size: .875em; color: #666633;}/*14px*/

ul, ol {
	line-height: 1.2em; 
	list-style: none; 
	margin:0; 
	padding:0;
} /*15px*/

p {font-size: .875em;} /*14px*/

a {
	font-size: inherit;
	color: #666633;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfix { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*container styles*/

#container {
	width: 954px;
	height: auto;
	margin: 0 auto;
		
	position: relative;
	
	background-color: #FFFFFF;
}

/*header styles*/

#header {
	width: 954px;
	height: 158px;
	background-image:url(../images/web-design-header.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.headerText {
	text-indent: -9999px;
	display: none; /*removes element from the flow*/
}

.headerInfoRight {
	float:right;
	padding-right: 50px;
	padding-top: 30px;
}

/*-- top navigation styles --*/


#topNav {
	margin: 0;
	padding: 0;
	width: 954px;
	height: 36px;
	background-image: url(../images/web-design-navigation.jpg);
	background-repeat: repeat;
	background-position: center center;
	/*text-align:center;*/
}

.last {
	border-right: 2px none #42210B;
}

.first {
	border-left: 2px none #42210B;
}

.nav {
	padding-top: 3px;
	float:left;
}

.nav ul li {
	margin-top: 0px;
	list-style-type: none;
	color: #42210B;
	padding-top: 0;
	padding-right: 1.5em;
	padding-bottom: 0;
	padding-left: 1.5em;
	border-right: 2px solid #42210B;
}


.nav a {
	color: #333333;
}

.nav a:hover {
	text-decoration: underline;
}

.nav ul ul li {
	background-image: url(../images/web-design-navigation.jpg);
	border: none;
	margin-left:-1.5em;
}



/*-- ContentWrap styles--*/

#contentWrap {
	width: 954px;
	height: 100%;
	background-image: url(../images/web-design-background.jpg);
}


/*--main div styles--*/

#main {
	margin: 0 33px 0 35px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	background-image: url(../images/web-design-white.jpg);
	background-repeat:repeat;
	padding: 20px;
	
	/*width: 650px;  -- had to clear the width to debug in IE6!!!*/
}

#main h1 {
	padding-top: 1em;
	padding-bottom: .225em;
	border-bottom: 2px dotted #996633;
}

#main h1 a {
	text-decoration: none;
	color: #996633;
}

#main h1 a:hover {
	color: #666633;
}

#main p {
	margin-top: .5em;
	margin-bottom: 1em;
	vertical-align: top;
}

#main a {
	font-size: inherit;
	color: #669933;
	text-decoration: underline;
}

#main a:hover {
	color:#99cc33;
}

.secondaryheader {
	font-size: 1.1em;
}

.doubleBorder {
	background-image: url(../images/web-design-title-border.jpg);
	padding-top: 2px;
	padding-bottom: 2px;
	height:3px;
}

#main ul, ol {
	font-size: .875em;
	list-style: disc; 
	margin-left: 2em;
	}
	
.contentLeft {
	width: 400px;
	padding-right: 20px;
	float:left;
	border-right: 1px solid #fbb161;
}

.contentRight {
	width: 400px;
	padding-left: 20px;
}

.contentLeftHome {
	width: 550px;
	padding-right: 20px;
	float:left;
	border-right: 1px solid #fbb161;
}

/*footer styles*/
 
 #footer {
	height: 76px;
	background-image: url(../images/web-design-footer.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	font-size:.75em;
 }
 
 
 #footerInfo {
	color: #f7f5f3;
	padding-top: 2.5em;
	padding-left: 50px;
	padding-right: 50px;
	width: 854px;
}


#footerInfo a {
	color: #f7f5f3;
	text-decoration: underline;
}

#footerInfo a:hover {
	color:#f7f5f3;
}

.footerInfoLeft {
	float:left;
}

.footerInfoCenter {
	padding-left: 125px;
	float:left;
}

.footerInfoRight {
	float:right;
}