body {
	font-family: 'Roboto Slab',Arial,Helvetica,Trebuchet,sans-serif; margin-top: 0; margin-left: 10px; padding: 0; 
	background: #5C4F3F url('../back.jpg') repeat; -webkit-text-size-adjust: 100%;}

a, a:visited, a:hover {text-decoration: none; outline: none;}
img {border: 0;}
.emp {font-weight: 700; font-size: 18px;}

#wrapper {margin: 20px auto auto auto; padding: 0px;}

/*FONT*/
a.nav, a.nav1, .bodytxthead, .box_head, #phone {font-family: 'Special Elite',Arial,Helvetica,Trebuchet,sans-serif;}

/* TOP */
#toparea {left: 0; top: 25px; width: 360px; text-align: center; color: #1E5580; z-index: 1;}
#logo {left: 39px; top: 0px; width: 285px;}
#phone {top: 225px; left: 83px; font-weight: bold; font-size: 27px; line-height: 31px;}
#phone span {font-size: 26px;}
#phone a {text-decoration: none;}
#social {top: 317px; right: 37px; z-index: 1;}

/* MENU */
#navwrapper {left: 30px; top: 311px; width: 890px; text-align: center; height: 27px; padding: 7px 0 1px 0;}
a.nav, a.nav1 {font-weight: normal;font-size: 20px;}
a.nav {padding-left: 45px;}
a.menuselect {text-decoration: underline;}
a.nav:active, a.nav1:active {background-color: transparent;}

/* BODY */
#bodyarea {top: 0px; left: -10px; height: 1020px; border: 0;}
.bodytxthead {font-size: 24px; font-weight: 700; line-height: 28px; text-align: center;}
#bodytext {top: 375px; left: 28px; width: 888px; text-align: justify; height: 540px; font-size: 15px; line-height: 21px;}

/* BOTTOM */
#bottomarea {top: 980px; left: -2px; width: 951px; height: 45px; text-align: center; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-top: 5px;}
.tb {color: #1E5580; font-style: italic;}
#btm_menu {font-size: 14px; line-height: 20px; padding-bottom: 7px;}
#btm_menu a:hover {text-decoration: underline;}

/*HOME PAGE BOXES*/
#box1, #box2, #box3 {top: 357px;}

#box1 {left: 0px;}
#box2 {left: 303px;}
#box3 {left: 607px;}

#box1 img, #box2 img, #box3 img {width: 275px; height: 185px; margin-top: 25px;}

.box_head {font-weight: 700; width: 275px; font-size: 20px; text-align: center;}


/*CONTACT & TESTIMONIAL FORM*/

/*#contactinfo {top: 115px; left: 20px;}*/
#contactinfo {width: 100%; margin-top: 30px; text-align: center;}

/*#contactarea {top: 105px; left: 280px;}

td {vertical-align:top;}
.text, #comments {padding: 2px; margin-left: 5px; margin-bottom: 3px;}
.text {width: 250px; height: 24px;}
#comments, #comments2 {height: 190px; width: 253px; line-height: 18px;}

.text, #comments, textarea
{font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 13px; font-weight: normal; background-color:#FFF; border: 1px solid #ab987a; resize: none;}

.submit {font-size: 18px; margin-top: 12px;}

.error[generated=true] {color: #dc0000; font-size: 16px; font-weight: normal; padding: 8px 0 0px 5px; width: 250px;}
tr.error td {padding: 0;}

#response {text-align: center; font-size: 24px; font-weight: 700; margin-top: 50px; margin-left: 20px; width: 510px;}
#response .success {color: #000;}
#response .failure {color: #dc0000;}

.uselastname {font-weight: normal; font-size: 13px; line-height: 16px; width: 170px;}

#privacy {top: 390px; left: 285px; width: 540px; font-size: 12px; font-weight: normal; line-height: 14px; text-align: center;}*/


/*COLORS*/
body {color: #322A23;}
a, a:visited, a:hover {color: #568B02;}
#bodyarea {background-color:#dee0cc; border: 8px solid #836C52;}
#phone, #phone a, .bodytxthead, a.box_head, .emp {color: #B23833;}
a.box_head:hover {color: #E00;}

#navwrapper {background-color: #74634F;}
a.nav, a.nav1 {color: #FFF;}
a.nav:hover, a.nav1:hover, a.nav:focus, a.nav1:focus {color: #fbe56b;}
a.menuselect , a.menuselect:hover, a.menuselect:focus{color: #FDB813;}

#bottomarea {background-color: #836C52; color: #FFF;}
#bottomarea a, .tb {color: #FFF;}
#btm_menu, #btm_menu a {color: #fdb34a;}
#btm_menu span {color: #FFF;}
#box1 img, #box2 img, #box3 img {border: 4px solid #6E5840;}
#box1 img:hover, #box2 img:hover, #box3 img:hover {border: 4px solid #B23833;}

/*Rounded Corners
#bodyarea {border-radius:10px;}
#pic_svcpage, #pic_svcpage img {border-radius:10px;}
.submit {border-radius:8px;}*/


/*SHADOWS*/
#bodyarea {box-shadow: 0px 7px 40px 5px #000;}

/*CSSPIE*/
#bodyarea {behavior: url(csspie/PIE.htc);}

/*POSITIONING & WIDTHS*/
#toparea, #logo, #phone, #social, #bodyarea, #navwrapper, #bodytext, #box1, #box2, #box3, .box_head, #bottomarea, #contactinfo, #contactarea,  #contactform, #privacy {position: absolute;}
#wrapper, ul.nav li, ul.nav li a:hover {position: relative;}
#wrapper, #bodyarea {width: 950px;}

