/* CSS Document */

body {
margin:0 auto;
background-color: #B2C1B4;
}

#wrapper {
width:975px;
margin:0 auto;
padding:0px;
background-color: #ffffff;
border-left: 1px solid #859087;
border-right: 1px solid #859087;
}

#header {
margin:0px;
padding:0 0 10px 0;
}

/*  Menu style start */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
================================================================== */

.menu {width:975px; height:20px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif; background-color:#F2C0A7;}
* html .menu {width:975px; w\idth:974px;}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:108px;}
.menu li {float:left;width:107px;position:relative;}
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#744A43; width:108px; height:30px; border:1px solid #fff; border-width:1px 1px 1px 1px; background:#F2C0A7; padding-left:10px; line-height:29px; font-weight:bold;}
* html .menu a, * html .menu a:visited {width:104px; w\idth:127px;}
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#F2C0A7; text-decoration:none;}
.menu ul ul a.drop:hover{background:#F2C0A7; text-decoration:none;}
.menu ul ul :hover > a.drop {background:#F2C0A7; text-decoration:none;}
.menu ul ul ul a, .menu ul ul ul a:visited {background:#F2C0A7; text-decoration:none;}
.menu ul ul ul a:hover {background:#F2C0A7; text-decoration:none;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:108px;border-top:1px solid #fff;}
* html .menu ul ul {top:30px;t\op:31px;}
.menu ul ul ul{left:108px; top:-1px; width:108px;}
.menu ul ul ul.left {left:-108px;}
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
.menu ul ul a, .menu ul ul a:visited {background:#F2C0A7; color:#744A43; height:auto; line-height:1em; padding:5px 10px; width:104px;border-width:0 1px 1px 1px; text-decoration:none;}
* html .menu ul ul a, * html .menu ul ul a:visited {width:104px;w\idth:104px; text-decoration:none;}
.menu a:hover, .menu ul ul a:hover{color:#744A43; background:#F2C0A7; text-decoration:none;}
.menu :hover > a, .menu ul ul :hover > a {color:#744A43; background:#F2C0A7; text-decoration:none;}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{ visibility:visible;}

/* end menu styling */

#headerimg {
float:none;
background-image:url(images/headerimg.jpg);
width:975px;
height:178px;
margin:0px auto;
}

/*   Main body   */

#indexbody {
margin:0px auto 0px auto;
padding:15px 0px;
background-color: #ffffff;
width: 975px;
}

/* full page layout */

#fullpagecontent {
width:880px;
float: none;
border:5px solid #DCDCDF;
background-color: #F1F1F2;
margin: 25px 22px 10px 22px;
padding:0 20px 20px 20px;
font-family: Arial, sans-serif;
font-weight:normal;
font-size:12px;
color:#000000;
line-height:18px;
}

#fullpagecontent h1 {
margin:16px 0 10px 0;
font-family: "Times New Roman", sans-serif;
font-weight:bold;
font-size:18px;
color: #024B0C;
}

#fullpagecontent h2 {
margin:16px 0 10px 0;
font-family: Arial, sans-serif;
font-weight:bold;
font-size:16px;
color: #024B0C;
}

#fullpagecontent h3 {
margin:16px 0 10px 0;
font-family: Arial, sans-serif;
font-weight:bold;
font-size:14px;
color: #9D6D4F;
}

#fullpagecontent p {
margin:0 0 10px 0;
font-family: Arial, sans-serif;
font-weight:normal;
font-size:12px;
color:#000000;
line-height:18px;
}

/* left-right column layout */

#indexleftcontent {
float:left;
padding:24px 0 10px 32px;
width:225px;
background-color: #ffffff;
}

#ourresources {
float:left;
margin:0 0 20px 0;
width:220px;
padding:0px;
background-color: #ffffff;
}

#ourresources h1 {
float: left;
width:210px;
font-family:"Times New Roman";
font-weight:bold;
font-size:20px;
color: #024B0C;
background-image:url(images/dotlines.gif);
background-repeat:repeat-x;
background-position:bottom;
padding:0 0 3px 0;
margin-bottom: 0px;
}

#ourresources h2 {
width:210px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size:16px;
color: #024B0C;
background-image:url(images/dotlines.gif);
background-repeat:repeat-x;
background-position:bottom;
padding:0 0 3px 0;
margin-bottom: 10px;
}

#ourresources h3 {
width:210px;
font-family: Arial, sans-serif;
font-weight:bold;
font-size:14px;
color: #8D4F28;
background-image:url(images/dotlines.gif);
background-repeat:repeat-x;
background-position:bottom;
padding:0 0 3px 0;
margin-bottom: 10px;
}

#ourresources p {
float: left;
font-family: Arial, sans-serif;
font-size: 12px;
color:#000000;
padding:0 0 3px 0;
margin-top: 10px;
margin-bottom: 0px;
line-height:15px;
}

#ourresources td {
font-family: Arial, sans-serif;
font-size: 12px;
color:#000000;
padding:0 0 3px 0;
margin-top: 10px;
line-height:15px;
margin-bottom: 0px;
}

#ourresources ul {
float:left;
padding:0px;
margin:10px 0 0 0;
list-style-type: none;
}

#ourresources ul li {
padding:0 0 0 15px;
margin:0 0 8px 0;
background-image:url(images/resourcesicon.gif);
background-repeat:no-repeat;
} 

#ourresources ul li a {
height:14px;
font-family: Arial, sans-serif;
font-weight:normal;
font-size:12px;
color: #71472D;
width:195px;
text-decoration:none;
}

#ourresources ul li a:hover {
height:14px;
font-family: Arial, sans-serif;
font-weight:normal;
font-size:12px;
color: #b35b1a;
text-decoration:underline;
width:195px;
}

#ourresources .check {
margin:10px 0 0 0;
padding:0 0 0 15px;
background-image:url(images/check.gif);
background-repeat:no-repeat;
font-family:Arial, sans-serif;
font-weight:normal;
font-size:12px;
color: #000000;
line-height:15px;
width:195px;
}

#ourresources span {
color: #9D6D4F;
font-weight:bold;
}

#indexmiddlecontent {
float:left;
padding:24px 0 0px 36px;
width:681px;
background-color: #FFFFFF;
}

#whoweare {
float:left;
width:642px;
background-color: #F9F2ED;
border: 1px solid #B17655;
height:182px;
padding:0 0 0 20px;
}

#whoweare img {
float:left;
width:168px;
height:125px;
margin: 22px 15px 0px 0px;
border:1px solid #B17655;
}

#whoweare h1 {
margin: 20px 0 15px 25px;
font-family: "Times New Roman", sans-serif;
font-weight: bold;
font-size:24px;
color: #024B0C;
}

#whoweare p {
padding:0 15px 0 25px;
margin:0 0 10px 0;
font-family: Arial, sans-serif;
font-weight:normal;
font-size:14px;
color: #000000;
line-height:18px;
}

#whoweare p.privacy {
padding:0 15px 0 25px;
margin:-7px 0px 10px 160px;
font-family: Arial, sans-serif;
font-weight:normal;
font-size:12px;
color: #000000;
line-height:16px;
font-style:normal;
}

.readmore {
float:left;
margin:0;
font-family: Arial, sans-serif;
font-weight:normal;
font-size:11px;
color: #b35b1a;
text-decoration:none;
font-style:italic;
}

.readmore:hover {
float:left;
margin:0;
font-family: Arial, sans-serif;
font-weight:normal;
font-size:11px;
color: #b35b1a;
text-decoration: underline;
font-style:italic;
}

#ourservices {
float:left;
background-image:url(images/ourservicesbg.gif);
background-color: #ffffff;
background-repeat:repeat-x;
background-position:top;
width:664px;
}

#threeservices {
float:left;
margin:35px 0 35px 0;
padding:0px;
background-color: #ffffff;
}

#ourservice {
float:left;
width:181px;
border:6px solid #DCDCDF;
background-color: #F1F1F2;
height:335px;
}

#ourservice h1 {
float:left;
margin:16px 0 0 0;
text-align:center;
width:181px;
font-family: "Times New Roman", sans-serif;
font-weight:bold;
font-size:18px;
color: #024B0C;
}

#ourservice h2 {
float:left;
margin:16px 0 0 0;
text-align:center;
width:181px;
font-family: "Times New Roman", sans-serif;
font-weight:bold;
font-size:16px;
color: #024B0C;
}

#ourservice img {
float:left;
padding:0 0 0 9px;
margin:13px 0 0 0;
}

#ourservice p {
float:left;
margin:19px 0 0 0;
padding:0 0 0 9px;
width:163px;
text-align:justify;
font-family: Arial, sans-serif;
font-size:12px;
color: #000000;
line-height:14px;
}

#ourservice ul {
float:left;
margin:10px 0 6px 0;
width:163px;
padding:0 0 0 9px;
list-style-type: none;
}

#ourservice ul li {
float:left;
margin:0 0 6px 0;
padding:0 0 0 10px;
line-height:14px;
background-image:url(images/ourservicesicon.gif);
background-repeat:no-repeat;
line-height:14px;
}

#ourservice ul li a {
float:left;
padding:0px;
margin:0px;
font-family: Arial, sans-serif;
font-weight:normal;
font-size:12px;
color: #71472D;
text-decoration:none;
}

#ourservice ul li a:hover {
float:left;
padding:0px;
margin:0px;
font-family: Arial, sans-serif;
font-weight:normal;
font-size:12px;
color: #b35b1a;
text-decoration: underline;
}

#separator {
float:left;
padding:0 0 0 41px;
background-image:url(images/servicesdotline.gif);
background-repeat:repeat-y;
background-position:left;
width:193px;
}

#pricing {
float:left;
width:181px;
border:6px solid #DCDCDF;
background-color: #F1F1F2;
height:335px;
}

#pricing h1 {
float:left;
margin:16px 0 0 0;
text-align:center;
width:181px;
font-family: "Times New Roman", sans-serif;
font-weight:bold;
font-size:18px;
color: #024B0C;
}

#pricing h2 {
float:left;
margin:16px 0 0 0;
text-align:center;
width:181px;
font-family: "Times New Roman", sans-serif;
font-weight:bold;
font-size:16px;
color: #024B0C;
}

#pricing img {
float:left;
padding:0 0 0 9px;
margin:13px 0 0 0;
}

#pricing p {
float:left;
margin:19px 0 10px 0;
padding:0 0 0 9px;
width:163px;
text-align:justify;
font-family: Arial, sans-serif;
font-size:12px;
color: #000000;
line-height:14px;
}

#pricing span {
color: #9D6D4F;
}

#separator2 {
float:left;
padding:0 0 0 41px;
background-image:url(images/servicesdotline.gif);
background-repeat:repeat-y;
background-position:left;
width:193px;
}

#portfolio {
float:left;
width:181px;
border:6px solid #DCDCDF;
background-color: #F1F1F2;
height:335px;
}

#portfolio h1 {
float:left;
margin:16px 0 0 0;
text-align:center;
width:181px;
font-family: "Times New Roman", sans-serif;
font-weight:bold;
font-size:18px;
color: #024B0C;
}

#portfolio h2 {
float:left;
margin:16px 0 0 0;
text-align:center;
width:181px;
font-family: "Times New Roman", sans-serif;
font-weight: bold;
font-size: 16px;
color: #024B0C;
}

#portfolio img {
float:left;
padding:0 0 0 9px;
margin:13px 0 0 0;
}

#portfolio p {
float:left;
margin:19px 0 10px 0;
padding:0 0 0 9px;
width:163px;
text-align:justify;
font-family: Arial, sans-serif;
font-size:12px;
color: #000000;
line-height:14px;
}

#portfolio span {
color: #9D6D4F;
}

.clickheremore {
float: left;
text-align:center;
font-family: Arial, sans-serif;
font-weight:bold;
font-size:12px;
color: #f7f2da;
text-decoration:none;
background-color: #9D6D4F;
line-height:16px;
margin: 0 20px 0 20px;
padding:4px 15px 4px 15px;
}

.clickheremore:hover {
text-align:center;
font-family: Arial, sans-serif;
font-weight:bold;
font-size:12px;
color: #f7f2da;
text-decoration:none;
background-color: #65633f;
line-height:16px;
margin: 0 20px 0 20px;
padding:4px 15px 4px 15px;
}

#footer {
width:975px;
height: 86px;
clear: both;
padding:0px;
margin-top:35px;
background-image: url(images/footerimg.gif);
background-repeat:no-repeat;
border-top: 1px solid #859087;
}

#footernav {
margin:48px auto 0 auto;
text-align: center;
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #024B0C;
}

#footernav a {
color: #024B0C;
text-decoration:none;
}

#footernav a:hover {
color: #024B0C;
text-decoration: underline;
}

#footernav span {
padding: 0 3px 0 3px;
}

#copyrights {
float:left;
width:970px;
text-align:center;
font-family: Arial, sans-serif;
font-size:9px;
font-weight:normal;
color: #024B0C;
margin:4px 0 0 0;
}

#innercontent {
float:left;
width:609px;
margin: 0 auto;
border:5px solid #DCDCDF;
background-color: #F1F1F2;
padding:0px 20px 9px 20px;
font-family: Arial, sans-serif;
font-weight:normal;
font-size:12px;
color:#000000;
line-height:18px;
}

#innercontent h1 {
margin:16px 0 10px 0;
font-family: "Times New Roman";
font-weight:bold;
font-size:18px;
color: #024B0C;
}

#innercontent h2 {
font-family: Arial, sans-serif;
font-weight:bold;
font-size:16px;
color: #024B0C;
margin: 10px 0px 5px 0px;
}

#innercontent h3 {
font-family: Arial, sans-serif;
font-weight:bold;
font-size:14px;
color: #8D4F28;
margin: 15px 0px 5px 0px;
}

#innercontent p {
margin:0 0px 10px 0px;
font-family: Arial, sans-serif;
font-weight:normal;
font-size:12px;
color:#000000;
line-height:18px;
}

li.list {
color: #024B0C;
background-color: inherit;
font-weight: normal;
font-size: 14px;
}

.imgleft {
float: left;
border: 1px solid #cccccc;
margin: 0px 15px 15px 0px;
}

.imgright {
float: right;
border: 1px solid #cccccc;
margin: 0px 0px 15px 15px;
}

.imgtopspace {
float: none;
margin: 20px 0px 15px 0px;
}