body {text-align:center;color:#663300;}
#wrapper {width:900px;margin:auto;text-align:left;left top no-repeat;overflow:hidden;position:relative;}
/* Main layout styles */
#header {width:250px;height:90px;}
#content {padding-left:28px;overflow:hidden;}
#TopNav {width:900px;/*height:28px;*/margin-bottom:13px;}
#LeftColumn {width:210px;float:left;}
#RightColumn {width:650px;float:right;}

#ContentColumnGrid {margin:15px 20px 30px 20px; overflow:hidden}
#ContentFirstColumn {width:295px;float:left;overflow:hidden}
#ContentSecondColumn {width:280px;float:right;overflow:hidden}

#ContentTextPictureGrid {margin:0px 0px 30px 20px; overflow:hidden}
#ContentFirstColumnText {width:295px;float:left;overflow:hidden;padding-top:35px;}
#ContentSecondColumnPicture {width:325px;text-align:center; float:right;overflow:hidden}
#ContentSecondColumnPicture p {margin:-10px 22px 10px 23px;font-family:Georgia, "Times New Roman", Times, serif; font-size:83%}

#FooterColumnGrid {margin:15px 20px 30px 20px; overflow:hidden}
#FooterFirstColumn {width:281px;padding-left:12px;border-left:1px solid #F5F5EB;float:right}
#FooterSecondColumn {width:300px;float:left}

/* Language Bar */
#SwitchLang {position:absolute;top:30px;right:30px;display:none;}

/* SEH Logo*/
#SEHLogo {margin-top:30px;margin-left:15px;}
#SEHLogo img {float:left; margin-right:10px;}
#SEHLogo p {padding-top:23px;font-size:77%;color:#A59B87;}

/* Top navigation styles */
#TopNav li {float:left; padding:6px 14px 2px 9px;}
#TopNav a {display:block;font-size:11px;color:#663300;padding-bottom:2px;}
#TopNav a:hover {background:url(../images/bg/link_underline.png) repeat-x 100% 100%;text-decoration:none;}
.active {background:url(../images/bg/link_underline.png) repeat-x 100% 100%; text-decoration:none; white-space:nowrap; padding-bottom:2px;}
.active:hover {background:url(../images/bg/link_underline.png) repeat-x 100% 100%;text-decoration:none;}

#LeftSubNav li {list-style-image:url(../images/li.png);margin-bottom:10px;}
#LeftSubNav a {color:#AAAA78;}

/* hide the logo text and display a picture instead */
#header h1 { text-indent: -10000px; margin:0; padding:0;}
#header h1 a {width:310px; height:90px; background: url(../images/anatolian_houses_logo.png) no-repeat; cursor:hand; float:left; }
#header h1 a:hover { float: left; color: #fff; background: url(../images/anatolian_houses_logo.png) no-repeat bottom; cursor:hand; text-decoration: none;}


p {font-size:85%;line-height:140%;font-family:Verdana, Arial, Helvetica, sans-serif;}
#content li {font-size:85%;line-height:140%;font-family:Verdana, Arial, Helvetica, sans-serif;list-style-type:disc; margin-left:1.6em;}
#content ul {margin-top:10px;margin-bottom:10px;}
.address {font-size:77%;font:Verdana, Arial, Helvetica, sans-serif;color:#7D6955;line-height:145%;}
.tableList {font-size:85%;line-height:140%;font-family:Verdana, Arial, Helvetica, sans-serif;}
.tableList td {border-bottom:1px solid #B4B5A8; padding:5px 0px 5px 0px}
.tableForm td {padding:5px}
.smallPrint li {font-size:70%;line-height:140%;font-family:Verdana, Arial, Helvetica, sans-serif;list-style-type:disc; margin-left:1.6em;}
a:link, a:active {color:#fbf186; text-decoration:none}
a:visited {color:#fbf186;text-decoration:none}
a:hover {color:#fbf186;text-decoration:underline}
strong {font-weight:bold;}
h1 {font-size:159%;font-weight:normal;}
h2 {font-size:144%;font-weight:normal;}
h3 {font-size:129%;}
h4 {font-size:100%;}
h5 {font-size:100%;}
h6 {font-size:85%;}
h1, h2, h3, h4, h5, h6 {color:#7D6955;margin-bottom:8px;}
:focus{-moz-outline-style: none;}

/* HEADERS */
#AFairyTale {text-indent: -5000px;background: url(../images/headers/a_fairy_tale.png) no-repeat;height:89px;margin:15px 0px 0px 0px;}
#RoomInfo {text-indent:-5000px;background: url(../images/headers/room_info.png) no-repeat;height:50px;margin:15px 0px 8px 0px;}
#Rates {text-indent:-5000px;background: url(../images/headers/rates.png) no-repeat;height:39px;margin:15px 0px 19px 0px;}
#PhotoGallery {text-indent:-5000px;background: url(../images/headers/photo_gallery.png) no-repeat;height:52px;margin:15px 0px 19px 0px;}
#Reservation {text-indent:-5000px;background: url(../images/headers/reservation.png) no-repeat;height:39px;margin:15px 0px 19px 0px;}
#Facilities {text-indent:-5000px;background: url(../images/headers/facilities.png) no-repeat;height:81px;margin:15px 0px 19px 0px;}
#Amenities {text-indent:-5000px;background: url(../images/headers/amenities.png) no-repeat;height:39px;margin:15px 0px 19px 0px;}
#Testimonials {text-indent:-5000px;background: url(../images/headers/testimonials.png) no-repeat;height:39px;margin:15px 0px 19px 0px;}
#UsefulInformation {text-indent:-5000px;background: url(../images/headers/useful_information.png) no-repeat;height:90px;margin:15px 0px 10px 0px;}
#Cappadocia {text-indent:-5000px;background: url(../images/headers/cappadocia.png) no-repeat;height:48px;margin:15px 0px 10px 0px;}
#ContactUs {text-indent:-5000px;background: url(../images/headers/contact_us.png) no-repeat;height:39px;margin:15px 0px 19px 0px;}
#Newsletter {text-indent:-5000px;background: url(../images/headers/newsletter.png) no-repeat;height:38px;margin:15px 0px 19px 0px;}


/* FORM STYLES */
/* newsletter sign-up form */
.cssinput {border-left: 1px solid #999999;border-top: 1px solid #999999;border-bottom:0px none;border-right:0px none;background-color:#FFFFFF;color:#666;margin-right:5px; padding:2px 2px 2px 4px;font-size:85%;}
.cssbutton {border:0px none; background:none;margin:0;padding:0;font-size:92%;font-weight:bold;color:#7D6955}

/* CUSTOM STYLES */
#Copyright {font-size:77%; color:#A59B87; margin-top:26px;}

.hide {display:none;}
.brclear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0px;}
.clear5px {height:5px; margin:0; font-size: 1px; line-height: 0px;}
.clear10px {height:10px; margin:0; font-size: 1px; line-height: 0px;}
.clear15px {height:15px; margin:0; font-size: 1px; line-height: 0px;}
.divider {clear:both; padding-bottom:10px;border-top:1px solid #AAAA78;margin-top:10px}