/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.#.com/
   TEMPLATE NAME:  NAME OF COMAPNY
   DATE:           Mar-28th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #201100 url(/images/bg.jpg) repeat-x top center;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;} 

/*
 * These two classes affect form submition messages 
 * i.e. user gives bad data, error message is styled 
 * with the .error class.  Change the colors to match
 * the site's color scheme.
 */
.error { font-weight:bold;color:Red !important; }
.success { font-weight:bold;color:Green !important; }

.line { border: none; border-bottom: 1px solid #000; height: 0px; margin: 0 auto }
.clear { clear: both; }
.rightalign: {text-align: right!important;}
.leftalign: {text-align: left!important;}
.center: {text-align: center!important;}

img {border: 0px;}

.rightimg{ float: right; margin-left: 20px;}
.leftimg{ float: left; margin-right: 20px;}


/* ----------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 */
width: 1000px;
} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {color: #4c260c; font-size:10px;}
 
.button{float:left;background:url(/images/buttonleft.gif) no-repeat left top;margin:0;padding:0 0 0 7px;text-decoration:none; font-size:12px; line-height:17px;}
.button span{float:left;display:block;background:url(/images/buttonright.gif) no-repeat right top;padding:12px 10px 12px 3px;color:#fff!important; }
.button:hover {background-position:0% -41px;}
.button:hover span {background-position:100% -41px; color: #fff;}

  
#main .content input[type="text"], #main .content select, #main .content textarea, #main .content input[type="checkbox"]{border: 1px solid #a8acad;padding: 6px;margin-bottom: 10px;}
#main .content input[type="checkbox"]{margin-bottom: 5px; margin-right: 5px;}

#main input[type="submit"], #main .contactform input[type="button"]{font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;font-size:14px; text-transform:capitalize; color: #fff;background: url(/images/submit.gif) no-repeat top left; border: 0px;padding: 10px 17px 15px 17px;}
#main input:hover[type="submit"], #main .contactform input:hover[type="button"]{}

#main .content ul{padding: 5px 0px 20px 30px; list-style-type:disc; }
#main .content ul li{padding: 0px 0px 10px 0px;font-size: 10pt; color: #000;}


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

#header {height: 183px;background: url(/images/headerbg.png) no-repeat bottom left}
#header .logo{float: left;}
#header .phone{ line-height:20px; float: right;margin-right: 80px; background: url(/images/ribbon.png) no-repeat top left;color: #e4d0ba; font-size: 14px;width: 194px; height: 105px; padding-top: 13px;text-align:center;}
#header .phone span{font-size: 20px;}

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

#topnav {height: 40px;float: right;width: 563px;padding: 25px 0px 0px 0px;background: url(/images/navbg.png) no-repeat top left;margin: 0px 20px 0px 0xp;}
#topnav ul{ list-style-type:none;}
#topnav li{ display:inline;padding: 0px 16px; font-size:14px;}
#topnav li a{color: #d4b593;text-decoration: none;}
#topnav li a:hover{color: #a9adad;}


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

#main { height: auto !important; height: 100%; background: url(/images/mainbg.png) repeat-y;padding: 0px 0px 0px 0px;}

#main .content {height: auto;background: #2b2c2c url(/images/slatebg.jpg) no-repeat top left;padding-bottom: 20px; width: 960px; margin: 0 auto; }
#main .content .holderpage{padding: 20px 50px 20px 50px; height: auto;background: url(/images/pageshadow.png) repeat-y;height: 100%; min-height: 500px; }
#main .content .top{background: url(/images/pageshadowtop.png) no-repeat;height: 31px;  width: 960px;}

#main .content .holderpage .left{width: 200px; float: left; }
#main .content .holderpage .right{width: 640px; float: right;padding-top: 15px; }



#main h1 {font-size: 20px;color: #262727; text-transform:uppercase; font-weight:normal; margin-bottom: 15px;}
#main h2 {font-size: 16px;color: #262727; text-transform:uppercase; font-weight:normal;}
#main h3 {font-size: 16px;color: #31170c; text-transform:uppercase; font-weight:normal;}
#main h4 {font-size: 12px;color: #431d07; text-transform:uppercase; font-weight:normal;}
#main h4 a { text-decoration:none !important;}



#main .content p {font-size: 10pt; margin-bottom: 15px;color: #31170c;}
#main .content a {color: #000;}

#main #mission { background: url(/images/mission.jpg) no-repeat top center;width: 960px; height: 540px; margin: 0 auto;}
#main #mission h5{  font-size:16px; color: #e7bfa5;  text-transform:uppercase;margin-bottom: 15px;}
#main #mission .left p{  font-size:10px; color: #d9c8b5; margin-bottom: 15px; line-height:16px; }
#main #mission .left span{  font-size:14px; color: #e7bfa5; line-height:16px;  }
#main #mission .left{ padding: 40px 0px 0px 20px; width: 440px;float: left;}


#main #mission .right{  width: 420px;float: left;padding: 42px 0px 0px 33px;}

#main #mission .bannerbutton{  width: 420px;height:48px; background: url(/images/bigbutton.gif) no-repeat top left; color: #e7bfa5; text-align:center;padding-top: 20px; margin-top: 20px;}

#main .contactform {background-color: #bca790; padding: 20px; width: 400px;float: left;height: 260px;  margin-top: 20px; margin-bottom: 20px;}
#main .contactform table{ border-collapse:collapse; padding: 0px; }
#main .contactform td{ padding: 5px 10px; vertical-align:top; }

#main .services{  width: 410px;float: right;padding: 0px; margin: 40px 50px 0px 0px;}
#main .services p{ color: #262727; font-size:12px;}
#main .services ul{padding: 10px 0px 0px 20px; list-style-type:disc; width: 180px; float: left; }
#main .services ul li{padding: 0px 0px 5px 0px;font-size: 10pt; color: #31170c;font-size:12px;}



#main .map {margin-top: 100px;}
#main .map p {font-size: 10pt; margin-bottom: 15px;color: #31170c!important;}
#main .map img {float: left;margin-right: 20px;}

#navlefttop {width: 231px;background: url(/images/leftnavcorner.png) no-repeat top left;margin: 0px 0px 0px -34px;height: 7px;}
#navleft {float: left;width: 231px;padding: 25px 0px 0px 0px;background: url(/images/leftnav.jpg) repeat-y top left;margin: 0px 20px 0px -34px;}
#navleft ul{ list-style-type:none;}
#navleft li{ display:block;padding: 0px 16px; line-height:16px; }
#navleft li a{color: #4c260c!important;text-decoration: none;font-size:12px;}
#navleft li a:hover{color: #4c260c; text-decoration:underline;}
#navleft .colorchartlink a{color: #262727!important;text-decoration: none;font-size:12px;font-weight:bold;} 
#navleft .colorchartlink a:hover{color: #262727!important;text-decoration: underline;} 






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


#footer, .push { 
clear: both;
height: 4em;
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {background: url(/images/footerbg.png)no-repeat top center;height: 100px;height: auto;}

#footer .content { width: 960px; margin: 0 auto; position: relative;padding-top: 20px; }
#footer .content p{font-size:10px;color: #bca790;padding: 0px 10px 0px 10px;}


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

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

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

#footer .links li a {font-size:10px;color: #bca790;text-decoration: none;border-right: 1px solid;padding: 0px 10px 0px 10px;}

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


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

#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: inline; list-style-type: none; font-size:10px;}
#footer .asc li a {color: #bca790;text-decoration: none;padding: 0px 3px 0px 3px;}

/* --------------SEO------------- */


#seo {font-size:10px;color: #bca790;text-decoration: none; padding: 10px 300px 0px 0px;}

#seo a {color: #bca790!important; text-decoration: none!important;}
#seo a:hover {color: #bca790!important; text-decoration: underline!important;}
#seo a:visited {color: #bca790!important; text-decoration: none!important;}

/* --------SLIDER--------- */

#slider {
    width: 420px; /* important to be same as image width */
    height: 375px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	z-index: 5;
}
#sliderContent {
    width: 420px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	left: 0;
	margin-left: 0;
	height: 375px;
}
.sliderImage {
    position: relative;
	display: none;
	margin: 0px 0px 0px 0px;text-align: center;
}

.sliderImage img{margin: 0 auto;}

.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0px;
    left: 0;
}
ul { list-style-type: none;}





.general{ border-collapse:collapse; width: 100%;}
.general td{font-size: 10pt!important; padding: 10px 5px; }
.general td a{font-size: 10pt;  text-decoration:none;}
.general p{font-size: 10px!important;color: #431d07!important; font-weight:normal; text-transform:uppercase;}

.general img{ border:5px solid #bca790; }