/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: url(/images/bg.jpg); /* Main DIV Background Img */

} 


.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }


/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
	color: #664907;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}
 
.form, textarea, input {
width: 20em;
border: 1px solid #674a07;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #674a07;
padding: 2px;
margin-bottom: 20px;
background-color: #d1b67f;
}
 
.button {
width: 102px;
padding: 4px 5px;
border: 0px;
background-color: #cbae73;
}

/* --------------HEADER------------- */

#header {
height: 169px;
background: url(/images/headbg.jpg) repeat-x; /* Main DIV Background Img */
margin: 0 auto;
}


/* --------------LOGO IN HEADER *always use this*------------- */

.logolink, #swap { width: 476px; height: 169px;}
.logolink { background-image: url('/images/logo.jpg'); background-repeat: no-repeat; margin: 0 auto}
.logolink a { float: left;  }
 
#swap { background-image: url(/images/logo.jpg); }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* --------------TOPNAV------------- */

#topnav {
background: url(/images/navbg.png) repeat-x; /* Main DIV Background Img */
height: 90px;
position: relative;
}

#navimages {
width: 960px;
margin: 0 auto;
padding-left: 13px;
}
 
#navimages a { float: left; margin-right: 14px; margin-left: 14px; }

#swap01 {background-image: url(/images/home2.gif);  width: 61px;  height: 63px; }
#swap02 { background-image: url(/images/aboutus2.gif); width: 97px;  height: 63px; }
#swap03 { background-image: url(/images/photogallery2.gif); width: 139px;  height: 63px; }
#swap04 {background-image: url(/images/services2.gif);  width: 77px;  height: 63px; }
#swap05 { background-image: url(/images/testimonials2.gif); width: 121px;  height: 63px; }
#swap06 { background-image: url(/images/currentprojects2.gif); width: 152px;  height: 63px; }
#swap07 { background-image: url(/images/contact2.gif); width: 107px;  height: 63px; }

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
background: url(/images/mainbg.png) repeat-y; /* Main DIV Background Img */
width: 980px;
margin: 0 auto;
margin-top: -13px;
}

#main .content {
padding: 0px;
margin: 0px;
min-height: 500px; /* Height of Background Img */
height: auto;
height: 100%; 
margin-left: 10px;
}

#main h1 {
	color: #440000;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
}

#main h2 {
	color: #440000;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
}

#main .creamheader {
	color: #FFFFFF;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
}


#main p {
	margin-bottom: 15px;
	color: #422e01;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}


#main a {
color: #664907;
text-decoration: underline;
}


#main .left{
width: 375px;
float: left;
padding: 20px 50px 50px 50px;
}


#main .right{
width: 375px;
float: right;
margin: 20px 50px 30px 0px;
}

#main .homeright{
width: 360px;
float: right;
margin: 20px 50px 30px 0px;
}

#main .homeright img{
border: 1px #eddcb8 solid;
}



#main .text{
width: 860px;
float: left;
padding: 20px 50px 50px 50px;
}

#main .subleft{
width: 500px;
float: left;
padding: 20px 50px 50px 50px;
}


#homeflash {
width: 960px;
height: 445px;
}

#pageheader {
height: 119px; 
background: url(/images/pageheader.png) no-repeat; /* Main DIV Background Img */
width: 960px;
}

#pageheader p{
	color: #1d0100;
	padding: 40px 0px 0px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-weight: bold;
}


#yellowstripe {
background: url(/images/yellowstripe.png) repeat-x;
width: 960px;
height: 32px;
}

#main ul.bullet{
padding: 15px;
}

#main .bullet li{
	background: url(/images/bullet.png) no-repeat;
	padding-left: 20px;
	list-style-type: none;
	display: block;
	padding-bottom: 12px;
	padding-top: 0px;
	color: #744d02;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

#main .bullet li a{
text-decoration: underline;
padding-top: 7px;
padding-bottom: 7px;
}

#main .bullet li a:hover{ /*hover state CSS*/
color: #744d02;
}

#main .itallic{
font-style:italic;
}

#main .plain{
margin-bottom: 40px;
}




/* --------------FOOTER------------- */

#footer, .push { 
clear: both;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto;
margin-top: -15px;
 

} 

#footer {
background: url(/images/footerbg.png) repeat-x; /* Main DIV Background Img */
height: 100px;
height: auto;
text-align: center;
}

#footer .content { 
margin: 0 auto; 
padding-top: 20px;
}


/* --------------FOOTER LINKS------------- */

#footer ul { padding: 10px;}
#footer .links ul { margin: 0px; padding: 0px;}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: #b3955f;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
}

#footer .links li a:hover { text-decoration: underline; }


/* --------ASC LINKS--------- */

#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: block; list-style-type: none;}

#footer .asc li a {
color: #b3955f;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
}




/* --------------FOOTER SEO LINKS------------- */


#footer .seo {
height: auto;
text-align: left;
min-height: 100px;
width: 750px;
font: 8pt 'century gothic', Sans-Serif;
}
 

#footer .seo a {
color: #6e4a2f;
text-decoration: none;
font: 8pt 'century gothic', Sans-Serif;
}



/* --------------NEWS------------- */

#news{
width: 300px;
background-color: #440000;
padding: 30px;
border: 1px #eddcb8 solid;
color: #dbc495;

}

#news .headline{
	width: 70%;
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

#news td{
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

#news .date{
	width: 30%;
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

#news a{
	color: #dbc495;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}


/* --------------NEWSDETAIL------------- */

#newsdetail{
	color: #422e01;
	line-height: 20px;
	width: 800px;
	margin-left: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

#newsdetail .headline{
	width: 700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

#newsdetail td{
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

#newsdetail .date{
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}


/* --------------TESTIMONIALS------------- */

#testimonialshome{
width: 360px;
float: right;
background: #3a0000 url(/images/testimonialhomebg.jpg) no-repeat; /* Main DIV Background Img */
border: 1px #eddcb8 solid;
margin: 20px 100px 30px 0px;
}

#testimonials{
width: 260px;
float: right;
background: #3a0000 url(/images/testimonial.jpg) no-repeat; /* Main DIV Background Img */
border: 1px #eddcb8 solid;
margin: 20px 50px 30px 0px;

}

#testimonials p{
	padding: 50px 20px 0px 40px;
	color: #dbc495;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

#testimonialshome p{
	padding: 50px 20px 0px 40px;
	color: #dbc495;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}


#testimonialshome .clientname{
color: #dbc495;
font: bold 8pt 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

#testimonials .clientname{
	color: #dbc495;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}



/* --------------GALLERY------------- */

#gallery{
width: 920px;

}

#gallery .displayimage{
width: 264px;
color: #dbc495;
text-align:center;
margin: 10px 20px 20px 20px;
float: left;
background: url(/images/picbg.gif) no-repeat; /* Main DIV Background Img */
}


#gallery .displayimage img{
width: 200px;
border: 3px #bfa164 solid;
margin: 23px 10px 10px 10px;
min-height: 150px;
height: auto;

}

#gallery .displayimage p{
	color: #664907;
	text-align:center;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

#gallery .displayimage a{
text-decoration: none;
}



#gallery .largeimage{
width: 500px;
height: 506px;
color: #dbc495;
text-align:center;
margin: 20px 20px 20px 120px;
float: left;
background: url(/images/picbglarge.gif) no-repeat; /* Main DIV Background Img */
}

#gallery .largeimage img{
width: 500px;
border: 6px #bfa164 solid;
margin: 70px 0px 10px 0px;
float: right;
}

#gallery .description{
	color: #664907;
	float: left;
	width: 200px;
	margin: 100px 30px 0px 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

#gallery .backbutton{
float: left;
width: 102px;
padding: 4px 5px;
border: 0px;
background-color: #cbae73;
}



#chtable {
font: 9pt 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color: #422e01;
width: 900px;
border-collapse: collapse;
}

#chtable td{
padding: 3px 3px 0px 3px;
}

#chtable th{
padding: 3px;
background-color: #ae9562;
font: bold9pt 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color: #422e01;
text-align: left;
}

#chtable .piccell{
padding: 0px 0px 0px 0px;
font: bold9pt 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
text-align: center;
}

#chtable img{
border: 1px #eddcb8 solid;
}


/* --------------AWSGallery------------- */

#AWSGallery{
width: 920px;
margin: 0 auto;
}

#AWSGallery .displayimage{
width: 264px;
color: #dbc495;
text-align:center;
margin: 10px 20px;
float: left;
background: url(/images/picbg.gif) no-repeat; /* Main DIV Background Img */
}

#AWSGallery .displayimage img{
width: 200px;
border: 3px #bfa164 solid;
margin: 23px 10px 10px 10px;
}

#AWSGallery .displayimage p{
color: #664907;
font: bold 8pt 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
text-align:center;
margin-top: 5px;
}

#AWSGallery .displayimage a{
text-decoration: none;
}

#AWSGallery .largeimage{
width: 500px;
height: 506px;
color: #dbc495;
text-align:center;
margin: 20px 20px 20px 120px;
float: left;
background: url(/images/picbglarge.gif) no-repeat; /* Main DIV Background Img */
}

#AWSGallery .largeimage img{
width: 500px;
border: 6px #bfa164 solid;
margin: 70px 0px 10px 0px;
float: right;
}

#AWSGallery .description{
color: #664907;
font: bold 8pt 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
float: left;
width: 200px;
margin: 100px 30px 0px 40px;
}

#AWSGallery .backbutton{
float: left;
width: 102px;
padding: 4px 5px;
border: 0px;
background-color: #cbae73;
}

/* --------------END OF AWSGallery------------- */






/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }