@import url(style2.css) ;

body{background:url(../images/bg_b.gif) no-repeat top center #2E1F11;margin:0;padding:0;text-align:center;font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;font-size:11px;color:#21170C;}

a{color:#09C;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}

.clr { clear: both;}

#wrapper{width:990px;margin:0 auto;position:relative;}
h1{position:absolute;top:165px;left:60px;background:url(../images/bramstonBeachHouse_logo.png);width:140px;height:96px;text-indent:-9999px;}
h1 a{display:block;height:96px;width:140px;}

#header{background:url(../images/bg_pageTop.png) left bottom no-repeat ;width:990px;height:120px;text-align:left;}

#page{background:url(../images/bg_page1px.png) repeat-y top left;width:990px;float:left;padding-bottom:15px; display: table;}
#pageContent{background:url(../images/bg_pageGradient.png) repeat-x top left;margin:0;width:950px;margin-left:20px;padding:0;float:left;text-align:left;}
h1,h2,p{margin:0;padding:0px;}
.pagePicture{padding:10px 0 15px 220px;}
.pagePicture2{padding:10px 0 15px 1px;}
#pageContent h2{float:left;width:190px;text-align:right;font-size:20px; clear:both;}
#pageContent div.copy{float:left;width:690px;padding:0 0 20px 0;}
#pageContent div.copy p{padding-left:35px;text-align:justify;padding-bottom:10px;}
#pageContent div.copy ul{padding-left:50px;margin-left:0;margin-top:0;padding-top:0;text-align:justify;padding-bottom:10px;}



.quotes{clear:both;position:absolute;top:290px;left:40px;width:165px;}
.quotes h4{text-align:right;}


#header ul{list-style-type:none;margin:0;padding:0;position:relative;top:65px;left:95px;}

#header li.menu_AboutBramstonBeachHouse{background:url(../images/menu_aboutBramstonBeachHouse.png) no-repeat top left;width:223px;height:44px;display:block;position:absolute;left:0;top:0px;}
#header li.menu_AboutBramstonBeachHouse_s{background:url(../images/menu_aboutBramstonBeachHouse_blue.png) no-repeat top left;width:223px;height:44px;display:block;position:absolute;left:0;top:0px;text-indent:-9999px;}
#header li.menu_AboutBramstonBeachHouse a{width:223px;height:44px;display:block;text-indent:-9999px;}

#header li.menu_AboutBramstonBeach{background:url(../images/menu_aboutBramstonBeach.png) no-repeat top left;width:182px;height:44px;display:block;position:absolute;left:223px;top:0px;}
#header li.menu_AboutBramstonBeach_s{background:url(../images/menu_aboutBramstonBeach_blue.png) no-repeat top left;width:182px;height:44px;display:block;position:absolute;left:223px;top:0px;text-indent:-9999px;}
#header li.menu_AboutBramstonBeach a{width:182px;height:44px;display:block;text-indent:-9999px;}

#header li.menu_RatesandReservation{background:url(../images/menu_ratesreservation.png) no-repeat top left;width:151px;height:44px;display:block;position:absolute;left:405px;top:0px;}
#header li.menu_RatesandReservation_s{background:url(../images/menu_ratesreservation_blue.png) no-repeat top left;width:151px;height:44px;display:block;position:absolute;left:405px;top:0px;text-indent:-9999px;}
#header li.menu_RatesandReservation a{width:151px;height:44px;display:block;text-indent:-9999px;}

#header li.menu_Facilities{background:url(../images/menu_facilities.png) no-repeat top left;width:74px;height:44px;display:block;position:absolute;left:556px;top:0px;}
#header li.menu_Facilities_s{background:url(../images/menu_facilities_blue.png) no-repeat top left;width:74px;height:44px;display:block;position:absolute;left:556px;top:0px;text-indent:-9999px;}
#header li.menu_Facilities a{width:74px;height:44px;display:block;text-indent:-9999px;}

#header li.menu_Activities{background:url(../images/menu_activities.png) no-repeat top left;width:79px;height:44px;display:block;position:absolute;left:630px;top:0px;}
#header li.menu_Activities_s{background:url(../images/menu_activities_blue.png) no-repeat top left;width:79px;height:44px;display:block;position:absolute;left:630px;top:0px;text-indent:-9999px;}
#header li.menu_Activities a{width:79px;height:44px;display:block;text-indent:-9999px;}

#header li.menu_Location{background:url(../images/menu_location.png) no-repeat top left;width:77px;height:44px;display:block;position:absolute;left:709px;top:0px;}
#header li.menu_Location_s{background:url(../images/menu_location_blue.png) no-repeat top left;width:77px;height:44px;display:block;position:absolute;left:709px;top:0px;text-indent:-9999px;}
#header li.menu_Location a{width:77px;height:44px;display:block;text-indent:-9999px;}

#header li.menu_ContactUs{background:url(../images/menu_contactus.png) no-repeat top left;width:87px;height:44px;display:block;position:absolute;left:786px;top:0px;}
#header li.menu_ContactUs_s{background:url(../images/menu_contactus_blue.png) no-repeat top left;width:87px;height:44px;display:block;position:absolute;left:786px;top:0px;text-indent:-9999px;}
#header li.menu_ContactUs a{width:87px;height:44px;display:block;text-indent:-9999px;}



#footer{clear:both;background:url(../images/bg_pageBottom.png) no-repeat top left;width:940px;padding-bottom:40px;margin:0 auto;}
#footer p, #footer a{color:#7B6651;text-decoration:none;}
#footer p.copyright{float:left;padding-top:10px;}
#footer p.footerlinks{float:right;padding-top:10px;}
#footer a:hover{text-decoration:underline;}

h3{margin-left:35px;font-size:15px;color:#7C6751;line-height:17px;text-align:justify;}
h3 small{font-weight:normal;font-size:12px;}





#signUpForm{position:absolute;top:0px;right:20px;background:url(../images/form_bg.png) no-repeat;height:62px;width:663px;}
#signUpForm form{float:left;width:640px;margin-left:10px;display:inline;}
#signUpForm div#formLabel{background:url(../images/title_signup2.gif) bottom left no-repeat;width:232px;height:29px;float:left;text-indent:-9999px; margin-top: 2px;}

#signUpForm div.formLabel{background:url(../images/title_signup2.gif) bottom left no-repeat;width:232px;height:29px;float:left;text-indent:-9999px; margin-top: 2px;}


#signUpForm input#fullname{float:left;width:148px;margin-top:8px;height:21px;margin-left:5px;background:#36291B;border:1px solid #817870;display:inline; ;}

#signUpForm input.fullname{width:148px;margin-top:8px;height:21px;margin-left:5px;background:#36291B;border:1px solid #817870;font-size: 12px; font-family:"Lucida Sans Unicode","Lucida Grande",Arial,sans-serif; letter-spacing: 0.02em; color:#fff;}

#inputField1 {display:inline; float:left;}
#inputField2 {display:inline; float:left;}

#signUpForm input#email{width:155px;margin-top:8px;height:21px;margin-left:5px;background:#36291B;border:1px solid #817870;}

#signUpForm input.email{float:left;width:155px;margin-top:8px;height:21px;margin-left:5px;background:#36291B;border:1px solid #817870;display:inline; color:#fff; font-size: 12px; font-family:"Lucida Sans Unicode","Lucida Grande",Arial,sans-serif; letter-spacing: 0.02em; }


#signUpForm input{border:0;background:none;padding:4px 2px 0px 3px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#7C6751;}
#signUpForm #submitBtn{margin-top:3px; width: 66px; height: 29px; background:url(../images/btn_signup2.png) no-repeat;}

#signUpForm .submitBtn{margin-top:3px; width: 66px; height: 29px; background:url(../images/btn_signup2.png) no-repeat; margin-top: 6px; cursor:pointer; }
