* 	{ margin: 0px; padding: 0px; border: 0px; text-align: left; }

body {
	padding: 0px; margin: 0px; border: 0px; border-spacing: 0px;
    background-color:#cecbb9;
	background-image:url(images/gray_bkg.gif);
	font-family: arial, sans-serif;
	font-size:12px; 
	line-height:18px;
	color:#fff;
	text-align:center; /* for ie */
	height:800px; /* give it a min height */
	width:100%; /* has to be 100% or container class won't work. */
	}

#container {
	/* centers the template */
	width:740px; 
	margin:0 auto; 
	padding:0;
	text-align:center;
    }

img {
	display:block;
	}

a:link, a:visited {
    color:#fff;
    text-decoration:none;
    }

a:hover {
    text-decoration:underline;
    }

table, tr, td {
	vertical-align:top;
	text-align:left;
	}	

h1 {
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}	


/* contains the logo and address */

#hdr {
	width:740px;
	background-color:#666;
    background-image:url(images/r1_rt.gif);
	background-repeat:no-repeat;
    background-position: bottom right; 
	text-align:left;
 	margin:0 0 5px 0;
	}

#addresstag {
	vertical-align:bottom;
	text-align:right;
	font-size:12px;
	padding:5px 10px;
	}


/* horizontal nav */

#topnav {	
	width:740px; 
	height:30px;
	}

#topnav td {
	padding-right: 0px;
	}


/* feature image and testimonial. This appears on all pages along with cleft, cmid, cright and testimonial */

#content1 {
	width:740px;
	height:270px;
	background-color:#fff;
    }

#cleft {	
	background-color:#fff;
	padding:5px;
	}

.cmid {
	width:5px;
	}

#cright {
	width:170px;
	background-color:#fff;
	padding:5px 5px 5px 0px;
	}

#cright table {
	height:270px;
	background-color:#4e0000;
	}

#testimonial {
	height:127px;
	text-align:center;
	vertical-align:middle;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:18px;
	}

#testimonial p {
	margin:0px 20px;
	text-align:center;
	}

#testimonial p.person {
	margin-bottom:10px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-style:italic;
	line-height:16px;
	}
	

/* content2 only appears on home page */

#content2 {
	padding:0px;
	border:0px;
	width:740px;
	margin-top:5px;	
    }

#content2 td {
	padding:15px;
	}

#content2 p {
	margin-top: 15px;
	}	

#content2 .ulbox {
	border: 1px solid #fff;
	padding:10px 10px 0px 10px;
	margin-left:10px;
	width:144px;
	}

#content2 ul {
	padding:0px 0px 0px 10px;	
	list-style-type:square;
	list-style-position: outside;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	}

#content2 li {
	line-height:14px;
	padding-bottom:10px;
	margin-left:5px;
	}

#content2 .home {
	background-color: #94422e;
	}

#content2 .about {
	background-color: #4e0000;
	}

#content2 .services {
	background-color: #6e8181;
	}

#content2 .contact {
	background-color: #422b11;
	}

#content2 .promotions {
	background-color: #81804b;
	}
	

/* content3 only appears on home page */	

#content3 {
	margin-top:5px;
	height:220px;
	width:740px;
	background:transparent;
	}
	
#content3 .hpromo {
	background-color:#81804b;
	color:#203038;
	height:220px;
	width:180px;
	line-height:20px;
	font-family:Georgia,"Times New Roman",Times,Serif;
	text-align:center;
	}	

#content3 .hpromo div {
	padding:30px 15px 15px 15px;
	text-align:center;
	}
	
#content3 .hproj {
	background-color:#a9875e;
	color:#440000;
	line-height:20px;
	font-family:Georgia,"Times New Roman",Times,Serif;
	font-style:italic;
	font-weight:bold;
	text-align:center
	}

#content3 .hproj div {
	padding: 20px 15px 15px 15px;
	text-align:center;
	}

#content3 .hserv {
	background-color:#6e8181;
	color:#fff;
	text-align:center;
	}

#content3 .hserv div {
	padding: 15px;
	}

#content3 .hserv p {
	margin:0px;
	text-align:left;
	}

#content3 h3 {
	font-size:14px;
	line-height:18px;
	text-align:center;
	}

#content3 p {
	margin-top:15px;
	line-height:14px;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	}

.about {
	/* used on about page */
	/* this serves same purpose as col1-3 it lets you set the content3 background and still allows all the pages to use the same css codebase */
	background-color: #4e0000;
	}

.box {
	border: 1px solid #fff;
	padding:5px;
	margin-left:10px;
	width:150px;
	}

.whiteimgbkg {
	border:1px solid #fff;
	margin:12px 12px 12px 14px;
	}

.caplist {
	text-transform:capitalize;
	font-size:11px;
	font-weight:bold;
	}


/* ftr appears on all pages */

#ftr {
	margin-top:10px;
	width:740px;
	font-size: 10px;
	color:#3f2f1a;	
	}

#ftr a {
	color:#3f2f1a;
	}

#ftr a:active  {
	text-decoration:underline;
	}

#ftr td {
	text-align:center;
	vertical-align:middle;	
	}

#ftr2 {
	margin: 10px 0px 100px 0px;
	width:740px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

#ftr2 td {
	text-align:center;
	vertical-align:middle;
	}

.bshim {
	padding:20px 40px;
	}


/* about page content css. The content repeats so it's a class not id */	

.content4 {
	border:0px;
	width:740px;
	margin-top:5px;	
	background-color:#4e0000;
	}

.content4 td {
	vertical-align:middle;
	}

.content4 td.about, td.about {
	padding:0px 15px 15px 0px;
	}

.content4 td.faq {
	padding:0px 15px 15px 0px;
	}	

.content4 p {
	margin-top:15px;
	}

.content4 td.news_summary p {
	margin:0px 15px 30px 0px;
	}

.taglinebox {
	border:1px solid #fff;
	padding:10px;
	margin:15px;
	width:144px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	line-height:20px;
	}

a.faq_question { 
	margin:0px;
	padding:0px;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color:#fff;
	text-decoration:none;
	}

a:hover.faq_question {
	text-decoration:underline;
	}
	
a.faq_answer {
	margin:0px;
	padding:0px; 	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#c4aa70;
	}

a.faq_question p, a.faq_answer p { 	
	margin:0px;
	}
	
h2.news_title {
	margin:0px;
	padding:0px; 	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#c4aa70;
	}	
	

/* contact5 is the contact page */	

#content5 {
	margin-top:5px;
	width:740px;
	background-color:#422b11;
	}

#content5 td {
	vertical-align:middle;
	}

#content5 td .pad {
	padding:15px;
	}

#content5 p {
	margin-top:15px;
	}

#content5 .form td {
	padding:0px 15px 5px 0px;
	}

#content5 input.field {
	width:410px;
	}
	

/* content6 is the services page */	

#content6 {
	margin-top:5px;
	width:740px;
	background-color:#6e8181;
	}

#content6 td {
	vertical-align:middle;
	}

#content6 td.services {
	padding:0px 15px 15px 0px;
	}	

#content6 img {
	border:1px solid #fff;
	margin-bottom:10px;
	}
	
#content6 p {
	margin-top:15px;
	}

#content6 ul {
	margin:15px 0px 0px 25px;
	}
	
.c6left	{
	width:275px;
	}

.c5left	{
	width:200px;
	}

#content6 h3 {
	color:#ceab6d;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0px 0 10px 0;
	padding:0px;
	line-height:14px;
	}
	

/* content7 is the services page */	

#content7 {
	margin-top:5px;
	width:740px;
	background-color: #81804b;
	}

#content7 td {
	vertical-align:middle;
	}

#content7 td.promotions {
	padding:0px 15px 15px 0px;
	}	

#content7 p {
	margin-top:15px;
	}


/* this is for drop down menus...  you WILL need to add to go deeper */

.horizontal, #nav ul { padding:0px; margin:0px; list-style:none; }
#nav a { display:block; font-size:10px; color:#666; text-decoration:none; }
#nav a:hover { display:block; font-size:10px; color:#fff; text-decoration:none; }
#nav li { float:left; margin:0px; padding:0px; list-style:none; }
#nav li ul { position:absolute; left:-999em; width:144px; background-color:#fff; list-style:none; }
#nav li ul li { width:132px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666; padding:5px; }
#nav li ul li:hover { color: #fff; background-color: #666; }
#nav li:hover ul { left:auto; list-style:none; color:#fff; }
#nav li:hover ul, #nav li.sfhover ul { left:auto; list-style:none; display:block; color:#fff; }

#nav li ul ul {
	/* third-and-above-level lists */
	margin: -1em 0 0 15em;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	/* lists nested under hovered list items */
	left: auto;
	color: #b6e8ed;
	}