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

/* @group reset */

* {margin: 0; padding: 0; border: 0; list-style: none; outline: none; font-size: 12px; text-decoration: none;}

/* END */

/* BODY */

html, body {background: url(../images/framework/background.jpg) repeat; font: 11px/16px "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; height: 100%; color:#f3f7d8;}

/* END */

/* HEADER */

#header {margin-top: 30px;}
#header p {font-size: 16px; line-height:20px; text-shadow: #000 0 1px 0;}
#header a {font-size: 16px; text-shadow: #000 0 1px 0; color:#f3f7d8;}
#header a:hover {text-shadow: #000 0 2px 2px;}
#banner_title {background: url(../images/framework/banner_title.png) repeat-x;height: 22px;width:862px;margin:auto;text-align:center;padding-top: 10px; border-right: #3a4037 3px solid; border-left: #3a4037 3px solid;}
#banner_title h4 {font-size: 20px; font-weight:normal; color:#cbbe64;}
#nav {height: 34px; background: url(../images/framework/nav_background.jpg);}
#nav img {float:left;}

/* END */

/* MENU */


a.home {float:left; display: block; width: 142px; height: 34px;background: url("../images/framework/btns/homebtn.png") 0 0 no-repeat;text-decoration: none;}
	a:hover.home {background-position: -142px 0;}
a.office {float:left; display: block; width: 98px; height: 34px; background: url("../images/framework/btns/officebtn.png") 0 0 no-repeat; text-decoration: none;}
	a:hover.office {background-position: -98px 0;}
a.staff {float:left; display: block; width: 103px; height: 34px; background: url("../images/framework/btns/staffbtn.png") 0 0 no-repeat; text-decoration: none;}
	a:hover.staff {background-position: -103px 0;}
a.services {float:left; display: block; width: 108px; height: 34px; background: url("../images/framework/btns/servicesbtn.png") 0 0 no-repeat; text-decoration: none;}
	a:hover.services {background-position: -108px 0;}
a.rates {float:left; display: block; width: 97px; height: 34px; background: url("../images/framework/btns/blogbtn.png") 0 0 no-repeat; text-decoration: none;}
	a:hover.rates {background-position: -97px 0;}
a.contact {float:left;display: block;width: 139px;height: 34px;background: url("../images/framework/btns/contactbtn.png") 0 0 no-repeat;text-decoration: none;}
	a:hover.contact {background-position: -139px 0;}

/* END */

/* BODY */

#index_container {background-image: url(../images/framework/background_ray.png); background: url(../images/framework/waterfall_background.png) bottom no-repeat #007379; border-right: #3a4037 3px solid; border-left: #3a4037 3px solid; padding: 0 20px;	width:822px; margin:auto;}
#index_container_foot {background: url(../images/framework/container_foot_waterfall.png) no-repeat;	background-position: center; width: 868px; height: 33px; margin:auto;}
#index_container p {text-indent: 20px; padding: 0 0 15px 0; margin: 15px 0 0 0; border-bottom:1px solid #b8a942;}

#page_container {background: url(../images/framework/background_ray.png) no-repeat #007379; border-right: #3a4037 3px solid; border-left: #3a4037 3px solid; padding: 0 20px; width:822px; margin:auto; padding:20px;}
#page_container_foot {background: url(../images/framework/container_foot.png) no-repeat;	background-position: center; width: 868px; height: 33px; margin:auto;}

#frost {margin: 10px; padding: 15px;	background: url(../images/framework/frost.png);	border: 1px solid #b8a942;}
#column_frost {margin: 10px; padding: 15px;	background: url(../images/framework/frost.png);	height: 290px;}

.container {width:916px; margin:auto;}
.rounded {border: 1px solid #b8a942; background: #f0f5f6; /* Do rounding (native in Firefox and Safari) */-webkit-border-radius: 5px;-moz-border-radius: 5px;}

h1, h2, h3 {font-size: 18px; color: #FC0; text-shadow: #000 0 2px 1px; font-weight: normal;}

#left_column {float:left; width:411px;}
#right_column {float:right; width:411px;}

.index {width: 450px;}
.indexright {width: 350px;}

/* CONTACT */

table#contact {padding: 10px;}

/* END */

/* STAFF PAGE */

.staffpage img {float:left; border: 5px solid #FC0; margin: 0 20px 10px 0;}
.staffpage h2 {padding: 0 0 10px 0; line-height:25px;}
.staffpage p {line-height: 20px; text-indent:25px; margin: 10px 0;}
.staffpage a {color:#CCC; text-decoration:underline;}
.staffpage a:hover {color: #F90;}

/* END */

/* OFFICE PAGE */

.theofficeleft {float: left; width: 550px;}
.theofficeleft h1, .theofficeleft h2 {padding: 0 0 10px 0; line-height:25px;}
.theofficeleft p {line-height: 20px; text-indent:25px; margin: 10px 0;}
.theofficeright {float: right; width: 275px;}
.theofficeright, .theofficeright a { width:250px; text-decoration:none; color: #fff; text-shadow: #000 0 1px 1px;}
.theofficeright a:hover { color:#F90;}
.theofficeright h1, .theofficeright h2 {padding: 0 0 10px 0; line-height:25px;}
.theofficeright p {line-height: 20px; text-indent:25px; margin: 10px 0;}
.officeimg img {border: 2px solid #FC0;}

/* END */

/* SERVICES PAGE */

.servicesleft {float: left; width: 550px;}
.servicesleft h1, .servicesleft h2 {padding: 0 0 10px 0; line-height:25px;}
.servicesleft p {line-height: 20px; text-indent:25px; margin: 10px 0;}
.servicesright {float: right; width: 275px;}
.servicesright, .servicesright a { width:250px; text-decoration:none; color: #fff; text-shadow: #000 0 1px 1px;}
.servicesright a:hover { color:#F90;}
.servicesright h1, .theofficeright h2 {padding: 0 0 10px 0; line-height:25px;}
.servicesright p {line-height: 20px; text-indent:25px; margin: 10px 0;}

/* END */

/* RATES PAGE */

.ratesleft {float: left; width: 550px;}
.ratesleft h1, .ratesleft h2, .ratesleft h3 {padding: 10px 0; line-height:25px;}
.ratesleft p {line-height: 20px; text-indent:25px; margin: 10px 0;}
.ratesleft li {line-height: 20px;}
.ratesright {float: right; width: 275px;}
.ratesright, .ratesright a { width:250px; text-decoration:none; color: #fff; text-shadow: #000 0 1px 1px;}
.ratesright a:hover { color:#F90;}
.ratesright h1, .ratesright h2 {padding:10px 0; line-height:25px; margin-bottom:10px;}
.ratesright p {line-height: 20px; text-indent:25px; margin: 10px 0;}
.ratesright li {line-height: 20px;}

/* END */

/* BLOG FEED */

#blog_feed {margin: auto; width: 900px; font-size: 12px;}
table#rss {float: left;background: #007379;width:197px;height:211px; border: #3a4037 3px solid; color:#f3f7d8; padding: 10px; margin: 10px 15px 10px 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;}
#rss a {font-size: 14px; color: #FC0; text-shadow: #000 0 2px 1px; font-weight: normal; line-height:25px;}
#rss a:hover {color: #F90;}

/* END */

/* FOOTER */

#footer {width: 1000px; margin:20px auto; color: #FFF; text-align:center; float:left;}
#footer a {font-size:12px;color: #FFF; text-shadow: #000 0 1px 1px; padding: 0 10px;}
#footer a:hover {text-shadow: #000 0 2px 2px;}
#footer p {color:#FFF; font-size:10px; text-shadow: #000 0 1px 1px; padding: 0 0;}
#footer p a {font-size: 10px; }

/* END */