/* CSS Document */

html { margin:0; padding:0; }
body { margin:0; padding:0; text-align:center; background-color:#C2EB63; background-image:url(../images/body_bg.jpg); background-repeat:repeat-x; font-family: Arial, "Lucida Sans", Verdana, sans-serif; }


/* ==== HOLDERS ==== */
#container { margin:0 auto; padding:0; width:790px; }
#top { margin:0; padding:0; width:775px; height:97px; text-align:left; background-image:url(../images/top_image.jpg); background-repeat:no-repeat; }
#feedback { margin:0; padding:0; width:100%; height:45px; clear:both; color:#90AE49; font-size:11px; text-align:center; line-height: 64px; }
#content { margin:0 0 50px 0; padding:0; clear:both; width:100%;  text-align:left; }
#contenthome { margin:0 0 50px 0; padding:0px; width:750px; clear:both; text-align:center; background-color:#FFFFFF; border: 1px solid #999999; }
#contenthome .homepad { margin:0; padding: 34px 0; text-align: center;  }
.holder-home { margin:0 0 24px 0; padding:8px 0px; text-align:center;  border:none; }

#left { margin:12px 0 0 0; padding:0; width: 420px; float:left; text-align:left; }
#left .padder { padding: 12px 30px 24px 44px; }
#left h1 { margin: 10px 0; padding:0; font-size:16px; color:#FFFFFF; }
#left p { margin: 0 0 20px 0; padding:0 0 0 20px; line-height:175%; font-size:12px; color:#333333; }
#left ul { margin: 10px 0 12px 20px; list-style:circle; margin-bottom: 40px;  }
#left li { font-size: 12px; color:#666666; line-height:225%; }
#left blockquote { margin: 0 0 20px 34px; padding:0; line-height:175%; font-size:12px; color:#666666; }
#left p.link { margin: 0 0 20px 34px; padding:0; line-height:175%; font-size:12px; color:#666666; }
#left a { color:#6C5C3F; text-decoration:none; border-bottom:1px dotted #6C5C3F; }
#left a:hover { color:#333333; }

#left-nobg { margin:12px 0 0 0; padding:0; width: 520px; float:left; text-align:left; background-color:none; border:none; }
#left-nobg .padder { padding: 12px 30px 24px 44px; }
#left-nobg h1 { margin: 10px 0; padding:0; font-size:16px; color:#333333; }
#left-nobg p { margin: 0 0 20px 0; padding:0; line-height:175%; font-size:12px; color:#666666; }
#left-nobg ul { margin: 10px 0 12px 20px; list-style:circle; margin-bottom: 40px; font-family: }
#left-nobg li { font-size: 12px; color:#666666; line-height:225%; }

#right { margin:0; padding:0 ;width:300px; float:right; text-align:left; }

#footer { margin: 0; padding:25px 0; clear:both; font-size:10px; color:#90AE49; font-size:10px; }


/* ==== FEATURE ==== */
.feature { margin:0; padding:0; width: 770px; height:252px; background-image:url(../images/feature_holder.jpg); background-repeat:no-repeat; }
.feature ul { margin:0 0 0 50px; padding:0; list-style:none; }
.feature li { margin:0; padding:4px 0; font-size:10px; color:#666666; }
.feature li.bold { margin:0; padding:4px 0; font-size:11px; color:#333333; font-weight:bold; }
.feature a { color:#477DC7; text-decoration:none; }
.feature a:hover { color:#141414; }
.feature-quick { margin:50px 0 0 25px; padding:0; width:225px; height: 190px; overflow: auto; display:block; float:left; background:url(../images/icons/2.png) top left no-repeat;  }
.feature-winner { margin:50px 0 0 20px; padding:0; width:225px; height: 190px; overflow: auto; display:block; float:left; background:url(../images/icons/44.png) top left no-repeat; }
.feature-services {margin:50px 0 0 20px; padding:0; width:225px; height: 190px; overflow: auto; display:block; float:left; background:url(../images/icons/86.png) top left no-repeat; }

#box1 { margin:0; padding:0; width:220px; height:207px; overflow:auto; background-image:url(../images/box_220x207.jpg); background-repeat:no-repeat; font-size:10px; }
#box1 .padder { padding: 20px 12px 4px 18px; }
#box1 p { margin: 0 0 20px 0; padding:0; line-height:175%; color:#666666; }
#box1 a { color:#6C5C3F; text-decoration:none; }
#box1 a:hover { color:#333333; }

/* ==== SERVICES ==== */
#holder-services { margin:0 0 24px 0; padding:8px 0px;  width:774px; height:588px; text-align:left;  background-image:url(../images/services_BG.jpg); background-repeat:no-repeat; position:relative; }
ul.services { position:absolute; width:500px; height:300px; top:80px; left:100px; overflow:auto; }
ul.services li { margin:0 0 0 20px; padding:0; line-height:175%; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; list-style:square; }
dl.questions { position: absolute; width: 323px; height:142px; top: 400px; left: 400px; background-image:url(../images/service_questions_BG.jpg); background-repeat:no-repeat; }
dl.questions dt { margin:20px 0 0 50px; padding:0; font-family:"Arial Narrow", Arial, Verdana, sans-serif; color:#477DC7; font-size:14px;  }
dl.questions dd { margin: 12px 10px 0 50px; padding:0; font-family:Arial, Helvetica, sans-serif; color:#141414; font-size:11px; } 
img.services { position: absolute; border:none; top:397px; left:80px; }
#holder-services a { text-decoration:none; color: #477DC7; border-bottom:1px dotted #477DC7; }
#holder-services a:hover { color: #141414; }

/* ==== RESOURCES ==== */
#holder-resources { margin:0; padding:0; width:680px; text-align:center; }
.resource { margin:10px 0; padding:0; width:100%; clear:both; text-align:left; }
.resource-left { width:380px; float:left; }
.resource-right { width: 240px; float:right; }
ul.resources { list-style-type:none; }
li.resource-title { margin:0; padding:0; font-family:"Arial Narrow", Arial, Verdana, sans-serif; color:#141414; font-size:16px; font-weight:bold; line-height:200%; }
li.resource-item { margin: 10px 0 10px 40px; padding:0; font-family:Arial, Helvetica, sans-serif; color:#141414; font-size:11px; line-height: 175%; }
a.resource-title  { text-decoration:none; color: #477DC7; border-bottom:1px dotted #477DC7; font-weight:bold; } 
a.resource-title:hover  { color: #141414; }
.resource-spacer { width:100%; height:50px; clear:both; } 

/* ==== NEWS AND EVENTS ==== */
#new-holder { margin:0; padding:0; width: 725px; text-align:center; }
#new-holder .left { margin:0; padding:0; width: 150px; float:left; text-align:left; }
#new-holder .right { margin:0; padding:16px; width: 525px; min-height:575px; float:right; background-color:#EFF3E5; border:1px solid #FFFFFF; text-align:left; font-family: Arial, Verdana, sans-serif; font-size:12px; color:#666666; line-height:200%; background-image:url(../images/news_events_BG.jpg); background-repeat:repeat-x;  }
.news-title { margin: 12px 10px 4px 20px; font-family:"Arial Narrow", Arial, Verdana, sans-serif; font-size:16px; color:#141414; }
.news-text { margin: 1px 10px 38px 40px; font-family: Arial, Verdana, sans-serif; font-size:12px; color:#666666; line-height:200%; }
p.empty { font-family: Arial, Verdana, sans-serif; font-size:12px; color:#666666; line-height:200%; }
#new-holder .right a { color:#477DC7; text-decoration:none; border-bottom:1px dotted #477DC7; }
#new-holder .right a:hover { color:#141414; }
#new-holder img { border:none; }
#new-holder ul { margin: 4px 20px 4px 56px; }
#new-holder li { margin:0; padding:0; }
#new-holder p { margin: 12px 20px 12px 40px; }

.news-item { margin:0 0 40px 0; padding:0; }
.news-header { margin: 0; font-family:"Arial Narrow", Arial, Verdana, sans-serif; font-size:16px; color:#141414; font-weight:bold; }
.news-post { font-size:9px; }
.news-body { margin: 0; font-family: Arial, Verdana, sans-serif; font-size:12px; color:#666666; line-height:200%;  }

/* ==== TESTIMONIALS ==== */
#testimonial-holder  { margin:0; padding:16px; width: 720px; min-height:575px; float:right; background-color:#EFF3E5; border:1px solid #FFFFFF; text-align:left; font-family: Arial, Verdana, sans-serif; font-size:12px; color:#666666; line-height:200%; background-image:url(../images/news_events_BG.jpg); background-repeat:repeat-x;   }
#testimonial-holder h1 { margin: 0 0 20px 0; padding:0; font-size:16px; color:#666666; }
#testimonial-holder h2 { margin: 10px 0; padding:0; font-size:16px; color:#FFFFFF; }
#testimonial-holder p { margin: 0 0 20px 33px; padding:0; line-height:175%; color:#666666;  }
#testimonial-holder a { color:#477DC7; text-decoration:none; border-bottom:1px dotted #477DC7; }
#testimonial-holder a:hover { color:#141414; }
.testm { margin: 15px 0 0 15px;  border-top: 1px dotted #999999; }
.testimonial-title { margin: 10px 0; padding:0; font-size:16px; color:#6985AD; }

/* ==== GALLERY ==== */
#gallery-holder  { margin:0; padding:16px; width: 810px; text-align:left; font-family: Arial, Verdana, sans-serif; line-height:200%; }
#gallery-holder .left { margin:0; padding:0; width:110px; float:left; font-size:11px; font-family:"Arial Narrow", Arial, Verdana, sans-serif; }
#gallery-holder .right { margin:0; padding:0; width:700px; float:right; text-align:right; }
#gallery-holder h1 { margin: 0; padding:0; font-size:16px; color:#FFFFFF; }
#gallery-holder h2 { margin: 0; padding:0; font-size:16px; color:#FFFFFF; }
#gallery-holder p { margin: 0 0 20px 33px; padding:0; line-height:175%; color:#666666;  }
#gallery-holder a { color:#477DC7; text-decoration:none; border-bottom:1px dotted #477DC7; }
#gallery-holder a:hover { color:#141414; }
#gallery-holder ul { margin: 10px 0 0 0; list-style-type:none; }

/* ==== CONTACT ==== */
#content-contact { margin:0 0 50px 0; padding:0; clear:both; ext-align:left;}


/* ==== IMAGES ==== */
img {border:none; }
img.feature-more { margin:20px 0 0 0; padding:0;  }


/* ==== FORMS ==== */
form { margin:50px 0 20px 0; }
label { padding: 0 10px 0 0; font-size:14px; color:#9A6B37; font-style:italic; }
input { padding:1px 4px; }
img.contact-box { margin: 75px 0 0 0; }


/* ==== MISC ==== */
.spacer {width:100%; height:1px; margin:25px 0; padding:0; }
em.header { color:#666666; font-size:12px; }

/* ==== MENUS ==== */
#menu { margin:0; padding:0; width:100%; height:32px; clear:both; }
a.home {  width: 59px; height: 32px; text-indent: 10000px; overflow: hidden; background: url(../images/buttons/home.jpg) top left no-repeat; display: block; float:left; }
a.home:hover{ background-position: bottom left; }
a.homea {  width: 59px; height: 32px; text-indent: 10000px; overflow: hidden; background: url(../images/buttons/home.jpg) bottom left no-repeat; display: block; float:left; }
a.homea:hover{ background-position: bottom left; }

a.about {  width: 60px; height: 32px; text-indent: 10000px; overflow: hidden; background: url(../images/buttons/about.jpg) top left no-repeat; display: block; float:left; }
a.about:hover{ background-position: bottom left; }
a.abouta {  width: 60px; height: 32px; text-indent: 10000px; overflow: hidden; background: url(../images/buttons/about.jpg) bottom left no-repeat; display: block; float:left; }
a.abouta:hover{ background-position: bottom left; }

a.services {  width: 76px; height: 32px; text-indent: 10000px; overflow: hidden; background: url(../images/buttons/services.jpg) top left no-repeat; display: block; float:left; }
a.services:hover{ background-position: bottom left; }
a.servicesa {  width: 76px; height: 32px; text-indent: 10000px; overflow: hidden; background: url(../images/buttons/services.jpg) bottom left no-repeat; display: block; float:left; }
a.servicesa:hover{ background-position: bottom left; }

a.whatsnew {  width: 91px; height: 32px; text-indent: 100000px; overflow: hidden; background: url(../images/buttons/whats_new.jpg) top left no-repeat; display: block; float:left; }
a.whatsnew:hover{ background-position: bottom left; }
a.whatsnewa {  width: 91px; height: 32px; text-indent: 100000px; overflow: hidden; background: url(../images/buttons/whats_new.jpg) bottom left no-repeat; display: block; float:left; }
a.whatsnewa:hover{ background-position: bottom left; }

a.gallery {  width: 87px; height: 32px; text-indent: 10000px; overflow: hidden; background: url(../images/buttons/gallery.jpg) top left no-repeat; display: block; float:left; }
a.gallery:hover{ background-position: bottom left; }
a.gallerya {  width: 87px; height: 32px; text-indent: 10000px; overflow: hidden; background: url(../images/buttons/gallery.jpg) bottom left no-repeat; display: block; float:left; }
a.gallerya:hover{ background-position: bottom left; }

a.resources {  width: 92px; height: 32px; text-indent: 10000px; overflow: hidden; background: url(../images/buttons/resources.jpg) top left no-repeat; display: block; float:left; }
a.resources:hover{ background-position: bottom left; }
a.resourcesa {  width: 92px; height: 32px; text-indent: 10000px; overflow: hidden; background: url(../images/buttons/resources.jpg) bottom left no-repeat; display: block; float:left; }
a.resourcesa:hover{ background-position: bottom left; }

a.contact {  width: 87px; height: 32px; text-indent: 10000px; overflow: hidden; background: url(../images/buttons/contact.jpg) top left no-repeat; display: block; float:left; }
a.contact:hover{ background-position: bottom left; }
a.contacta {  width: 87px; height: 32px; text-indent: 10000px; overflow: hidden; background: url(../images/buttons/contact.jpg) bottom left no-repeat; display: block; float:left; }
a.contacta:hover{ background-position: bottom left; }

a.logo {  width: 305px; height: 32px; overflow: hidden; display: block; float:left; }