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


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

body { margin:0px; padding:0px; background:#FFFFFF; font-family:"Garamond", Arial, Helvetica, sans-serif;}

p { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#656557; line-height:1.4em}
p a:link, p a:visited { text-decoration:none; color:#669900}
p a:hover { text-decoration:none; color:#669900}

h1 { margin:0px; padding:0px; font-size:36px; font-weight:normal; color:#993366}
h2 { margin:0px; padding:0px; font-size:22px; font-weight:normal; color:#8CAE6A;font-style:italic}
h3 { margin:0px; padding:0px; font-size:20px; font-weight:normal; color:#8F3E61;font-style:italic}
h4 { margin:0px; padding:0px; font-size:16px; font-weight:normal; color:#660033 }

h6 { margin:0px; padding:0px; font-size:13px; font-weight:normal; color:#A3A384}

img { border:none}


/*
---------------------------------------------
02. header
---------------------------------------------
*/

#bg_header { width:100%; float:left; background:#FFFFE3 url(../images/bg_header-bottomshadow.gif) repeat-x bottom}
#header { width:808px; height:366px; margin:0px auto; padding-top:54px}


/*
---------------------------------------------
03.1 header - top nav
---------------------------------------------
*/

.nav { width:490px; float:right; margin-right:5px;}
.nav ul { text-align:right; list-style:none; margin:0px; padding:0px;}
.nav ul li { float:left; font-size:12px; font-weight:normal; color:#93937F; border-right:1px solid #93937F; padding:0 13px; line-height:1.0em}

.nav ul li.nodivider {border:none; padding-right:0px}
.nav ul li .firstletter { font-size:14px; }

.nav ul li a:link, .nav ul li a:visited { text-decoration:none; color:#669900} 
.nav ul li a:hover { text-decoration:none; color:#8f3e61} 
.nav ul li a.selected { text-decoration:none; color:#8f3e61} 


/*
---------------------------------------------
03.2 header - banner
---------------------------------------------
*/

#banner { width:780px; height:309px; float:left; background:url(../images/bg_banner.gif) no-repeat; margin-top:27px; padding-top:10px; padding-right:10px; padding-left:18px;} 

#banner .left_logo { width:290px; height:259px; float:left; padding-top:50px}
#banner .left_logo .logo { width:129px; height:127px; float:left; padding-left:70px;}
#banner .left_logo .caption { width:290px; float:left; font-size:14px; font-weight:normal; color:#A5B978; text-decoration:none; text-align:center }

#banner .right_photo { width:472px; height:290px; float:left; padding-left:18px;}


/*
---------------------------------------------
04. main container and wrapper
---------------------------------------------
*/


#container { width:100%; float:left; background:#F6F6DB; margin-top:1px}
#wrapper { width:800px; margin:0px auto;}


/*
---------------------------------------------
05. content
---------------------------------------------
*/

#content { width:800px; float:left; background:url(../images/content_bottomflower.png) no-repeat bottom right;  padding-top:38px; padding-right:100px; padding-bottom:45px}


/*
---------------------------------------------
06. leftpanel
---------------------------------------------
*/

#leftpanel { width:314px; float:left; padding-right:25px}


/*
---------------------------------------------
06.1 leftpanel - grey box
---------------------------------------------
*/

#greybox { width:314px; float:left}
#greybox .greybox_topborder { width:314px;  height:24px; float:left; background:#E9E9D1 url(../images/greybox_topleftborder.gif) no-repeat}

#greybox .greybox_content { width:232px; float:left; background:#E9E9D1 url(../images/greybox_bottomborder.gif) no-repeat bottom; padding-left:32px; padding-right:50px; }

#greybox .greybox_content .article { width:232px; float:left; padding-top:15px}
#greybox .greybox_content .article h4 { float:left; font-style:italic; padding-bottom:5px}
#greybox .greybox_content .article p { width:232px; float:left; padding-bottom:15px}

#greybox .divider { width:231px; height:2px; float:left; background:url(../images/divider.gif) repeat-x; position:relative;}


/*
---------------------------------------------
07. rightpanel
---------------------------------------------
*/


#rightpanel { width:460px; float:left}


/*
---------------------------------------------
07.1 rightpanel - introductory and quotes
---------------------------------------------
*/

#rightpanel .introductory { width:460px; float:left; padding-top:20px; padding-bottom:50px}
#rightpanel .introductory h2 { float:left; padding-bottom:10px; font-style:normal}
#rightpanel .introductory p { width:460px; float:left; padding-top:10px; padding-bottom:5px}

#rightpanel .quotes { width:410px; float:left; padding-left:20px; padding-top:13px; background:url(../images/qleft.gif) no-repeat 0px 8px}
#rightpanel .quotes h4 {color:#9A9A84; font-style:italic; line-height:1.6em; }

#rightpanel .quotes .qright { padding-top:3px; padding-left:3px; position:absolute}

#rightpanel .author { width:430px; float:left; padding-top:23px;}
#rightpanel h6.authorname { color:#909074;}


/*
---------------------------------------------
08. footer 
---------------------------------------------
*/

#bg_footer { width:100%; height:200px; float:left; background:url(../images/bg_footer.gif) repeat-x; border-top:6px solid #AFC979; background-color:#b6d577; }
#footer { width:800px; margin:0px auto; padding-top:40px;}


/*
---------------------------------------------
08.1 footer - google ad
---------------------------------------------
*/

#footer .footer_ads { width:470px; height:24px; float:left; border-right:1px solid #BCD679; padding:20px 20px; text-decoration:none; }


/*
---------------------------------------------
08.2 footer - newsletter subscribe
---------------------------------------------
*/


#footer .subscribe { width:190px; float:left; background:url(../images/icon_subscribe.gif) no-repeat left center; border-top:1px solid #C9DC96; border-bottom:1px solid #C9DC96; margin-left:40px; padding:10px 0px 12px 50px} 

#footer .subscribe fieldset { width:190px; float:left; border:none; margin:0px; padding:0px}
#footer .subscribe fieldset label { float:left; font-size:16px; font-weight:normal; color:#7A9D32; padding-bottom:5px }
#footer .subscribe fieldset .bg_input { width:132px; height:16px; float:left; font-size:14px; font-weight:normal; color:#7A9D32; border:1px solid #F1F3CE; padding:2px }
#footer .subscribe fieldset .button_send a { width:45px; height:18px; float:left; background:#F1F3CE; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#939574; text-decoration:none; text-align:center;  padding-top:3px; margin-left:2px}


#footer .footer_info { width:800px; height:24px; border-right:1px solid #BCD679; margin-top:50px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#71912c; margin-left:160px; float:left; }

/*
---------------------------------------------
09. innerpage common styles
---------------------------------------------
*/


#header_inner { width:915px; height:130px; margin:0px auto; padding-top:19px;}
#header_inner .logo { width:129px; height:97px; float:left} 

#header_inner  .nav { width:485px; float:right; padding-top:60px;}
#header_inner  .nav ul li.contact { float:left; border:none; padding-right:0px}


#wrapper_inner { width:945px; margin:0px auto;}
#content_inner { width:915px; float:left; background: url(../images/bg_content_inner_bottomflower.png) no-repeat bottom left;  padding:25px 0px 50px 15px}

#content_inner h1 { width:915px; font-style:italic; background:url(../images/divider.gif) repeat-x bottom; padding-bottom:10px}



/*
---------------------------------------------
10. innerpage - column 1
---------------------------------------------
*/

#column1 { width:185px; float:left; padding-top:30px}


/*
---------------------------------------------
10.1 innerpage - column 1 - left nav
---------------------------------------------
*/

#column1 .leftnav { width:183px; float:left; padding-top:50px}
#column1 .leftnav ul { list-style:none; margin:0px; padding:0px}
#column1 .leftnav ul li { float:left; padding:0px; padding-bottom:8px} 

#column1 .leftnav ul li a { display:block; width:165px; height:30px; background: url(../images/bg_leftnav.gif) no-repeat; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#8CAE6A; text-decoration:none; padding-top:10px; padding-left:18px}

#column1 .leftnav ul li a:hover { display:block; width:165px; height:30px; background: url(../images/bg_leftnav_hover.gif) no-repeat; color:#993366; text-decoration:none }

#column1 .leftnav ul li a.selected { display:block; width:165px; height:30px; background: url(../images/bg_leftnav_hover.gif) no-repeat; color:#993366; text-decoration:none }


/*
---------------------------------------------
10.2 innerpage - column 2 
---------------------------------------------
*/

#column2 { width:700px; float:left; padding-left:22px; padding-top:25px}


/*
---------------------------------------------
10.3 innerpage - column 2 - packagelist
---------------------------------------------
*/

#packages { width:470px; float:left}

#packages .packagelist { width:470px; float:left; padding-left:5px; padding-top:20px; padding-bottom:25px}
#packages .packagelist h2 { width:470px; float:left; padding-bottom:15px; font-style:normal}
#packages .packagelist p { width:470px; float:left; font-size:12px}
#packages .packagelist ul { list-style:none; float:left; margin:0px; padding:0px}
#packages .packagelist ul li { width:445px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#656557; padding-bottom:2px} 

#packages .divider { width:455px; height:2px; float:left; background:url(../images/divider.gif) repeat-x;}


/*
---------------------------------------------
10.4 innerpage - quotes
---------------------------------------------
*/


#quotes { width:210px; float: right;  padding-top:80px} 
#quotes .photo { width:189px; float:left; padding-left:18px; padding-bottom:55px}


#quotes .quotes { width:190px; float:left; padding-left:20px; background:url(../images/qleft.gif) no-repeat 0px 8px; padding-top:10px}
#quotes .quotes h4 {color:#9A9A84; font-style:italic; line-height:1.6em }

#quotes .quotes .qright { padding-top:3px; padding-left:3px; position:absolute}

#quotes .quotes .author { width:190px; float:left; padding-top:23px;}
#quotes .quotes h6.authorname { color:#909074;}



/*
---------------------------------------------
11 innerpage - contact page- left
---------------------------------------------
*/


#column1 .demers_contact { width:183px; float:left; padding-bottom:25px}

#column1 .bg_map { width:156px; float:left; background:#EBEBD2; padding:10px 13px}
#column1 .bg_map .map { width:154px; float:left; border:1px solid #CACAB5}

#column1 .leftnav { width:156px; float:left; padding-top:43px}
#column1 .leftnav ul li a { font-size:14px; padding-top:10px}


/*
---------------------------------------------
11. innerpage - contact page- right
---------------------------------------------
*/


#contact  { width:640px; float: left; padding-left:60px }
#contact h3 { width:600px; float:left; font-size:21px; line-height:1.1em; padding-left:40px; padding-bottom:45px}


/*
---------------------------------------------
11.1 innerpage - contact page- form
---------------------------------------------
*/

#contact fieldset { width:630px; float:left; margin:0px; padding:0px; border:none}
#contact fieldset .set1 { width:450px; float:left; padding-bottom:23px}

#contact  fieldset label { width:120px; float:left; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#88AA66; text-align:right; padding-right:10px; padding-top:4px}

#contact  fieldset .bg_input { width:288px; float:left; background:#FFFFE3; border:3px solid #E9E5C6; font-size:12px; padding:3px; margin-bottom:15px} 




#contact  fieldset .divider { width:457px; height:10px; float:left; margin-left:40px; background:url(../images/divider.gif) repeat-x right}

#contact  fieldset .set2 { width:300px; float:left; padding-bottom:23px;padding-top:40px}
#contact  fieldset .bg_droplist { width:158px; float:left; background:#FFFFE3; border:3px solid #E9E5C6; font-size:12px;  margin-bottom:20px} 



#contact fieldset .set3 { width:600px; float:left; padding:10px 0px 23px 40px;}
#contact fieldset .set3 h3 { font-size:18px; padding:0px; padding-top:10px; padding-bottom:30px}

#contact fieldset .set3 .text_check { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#88AA66 }

#contact fieldset .set3 .leftchecklist { width:250px; float:left }
#contact fieldset .set3 .rightchecklist { width:250px; float: right }

#contact fieldset .set3 .leftcheck { width:250px; float:left; padding-bottom:5px }

#contact fieldset .set3 .rightchecklist { width:300px; float:left }
#contact fieldset .set3 .rightcheck { width:300px; float:left }




#contact fieldset .radiobutton { width:200px; float:left; padding-left:5px; margin-top:-20px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; font-style:normal; color:#88AA66}
#contact fieldset .textgreen {font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; font-style:normal; color:#88AA66; text-align:right; padding-right:10px; padding-top:4px}


#contact fieldset .textarea {width:500px; float:left; background:#FFFFE3; border:3px solid #E9E5C6; font-size:12px; padding:3px; margin-bottom:15px}

#contact fieldset .button_submit { float:left; padding-left:40px}

/*
---------------------------------------------
Gallery
---------------------------------------------
*/

*#gallery_column1 { width:185px; float:left; padding-top: 25px}
#gallery_column1 .gallery_leftnav { width:183px; float:left; }
#gallery_column1 .gallery_leftnav ul { list-style:none; margin:0px; padding:0px}
#gallery_column1 .gallery_leftnav ul li { float:left; padding:0px; padding-bottom:8px} 
#gallery_column1 .gallery_leftnav ul li a { display:block; width:165px; height:30px; background: url(../images/bg_leftnav.gif) no-repeat; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#8CAE6A; text-decoration:none; padding-top:10px; padding-left:18px}
#gallery_column1 .gallery_leftnav ul li a:hover { display:block; width:165px; height:30px; background: url(../images/bg_leftnav_hover.gif) no-repeat; color:#993366; text-decoration:none }
#gallery_column1 .gallery_leftnav ul li a.selected { display:block; width:165px; height:30px; background: url(../images/bg_leftnav_hover.gif) no-repeat; color:#993366; text-decoration:none }

#gallery_column2 { width: 730px; float: left; padding-top: 10px;  }
#gallery_items { width: 730px;  }
#gallery_items ul.thumbnails { list-style: none; }
#gallery_items ul.thumbnails li { display: inline; }
#gallery_items ul.thumbnails li a img { background: none; border: 5px solid #FFFFFF; }
#gallery_items ul.thumbnails li a:hover img { background: #ebf1db; border: 5px solid #d0ddb0; } 
/**/
#contact fieldset .set3 label { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#88AA66; text-align: left; float:none;  width:auto;  vertical-align:text-top;}
/**/
#slider { width:183px; float:left;}
/**/
.header {display:block; width:165px; height:30px; background: url(../images/bg_leftnav.gif) no-repeat; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#8CAE6A; text-decoration:none; padding-top:10px; padding-left:15px; padding-bottom:8px;}
.header:hover {display:block; width:165px; height:30px; background: url(../images/bg_leftnav_hover.gif) no-repeat; color:#993366; text-decoration:none;}
.content {overflow:hidden; }
.menuList ul { list-style:none; margin:0px; padding-top:0px; padding-left:20px; padding-bottom:10px; }
.menuList ul li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#8CAE6A; text-decoration:none; padding-top:5px; }
.menuList ul li a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#993366; text-decoration:none; padding-top:5px; }
/**/
.textDrop { margin: 10px 0 10px 0; }


#contact fieldset .errorField
{
    width: 288px;
    float: left;
    background: #ffcbcb;
    border: 3px solid #E9E5C6;
    font-size: 12px;
    padding: 3px;
    margin-bottom: 15px;
} 


.errorText
{
    margin: 0px;
    padding: 0px;
    font-size: 20px;
    font-weight: normal;
    color: Red;
    font-style: italic;
}