/*  
Theme Name: SabahBah
Theme URI: http://sabahbah.com/
Description: This is Sabah Bah! Designed by <a href="http://www.1earthadventures.com/">1Earth</a>
Version: 1
Author: 1Earth
Author URI: http://www.1earthadventures.com
*/



/* background: #B8DB7C url(http://images.webresint.com/images/rbh/sabahbah.com/bp.gif) no-repeat center top; color:#35383d; */
body { background: #afd176 url(http://images.webresint.com/images/rbh/sabahbah.com/sabahbah_bg.png) repeat-y center top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; }

html { padding: 0; margin: 0;}

a:link { text-decoration: none; color : #00943F; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #00943F; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #00943F; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #ff6600; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.bgctop { width:1030px; height:30px; margin: 0 auto; background: url(http://images.webresint.com/images/rbh/sabahbah.com/bgctop.png) top center no-repeat; position:relative; top:141px; padding:0px;}
.bgcbot { width:1030px; height:30px; margin: 0 auto; background: url(http://images.webresint.com/images/rbh/sabahbah.com/bgctop.png) bottom center no-repeat; position:relative; top:-5px; padding:0px;}

#bgcontainer { width: 1010px; margin: 0 auto;}

/**/ * html .Header { height: 130px;} /* */ 
.Header {margin: 0 auto; position:relative; min-height: 200px;}

/* .Header#three { background: url(http://images.webresint.com/images/rbh/sabahbah.com/bg_head.gif) no-repeat center center;} */

.Logo { width: 980px; margin: 0 auto; position:relative;}
.Header .LogoText h1 { font-size: 55px; line-height: 55px; letter-spacing: -3px; padding: 0; margin: 0 0 0 10px; font-weight: bold; font-family: "Trebuchet MS"; position: absolute; top:15px; left:0px;}
/* .Header .LogoText h1 { font-size: 55px; line-height: 55px; letter-spacing: -3px; padding: 0px; margin: 0 0 0 10px; font-weight: bold; font-family: "Trebuchet MS";position: absolute; top: 10px;} */
.Header .LogoText a { color:#004200; text-decoration: none; }
.Header .LogoText a:visited { color:#004200; text-decoration: none; }
.Header .LogoText a:hover { color:#004200; text-decoration: none; }
#three {background:#b5dc7c url(http://images.webresint.com/images/rbh/sabahbah.com/bg_top.gif) top center no-repeat; position:relative;}
.Header .Desc { position: absolute; top: 100px; color:#00943F; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; padding: 0px; margin: 0px; }

/* Tabs +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 
.animatedtabs {position:relative; top:150px; overflow: hidden; width: 1007px; margin:0 auto; font-size: 12px; font-family:Arial, Helvetica, sans-serif; z-index:0;/*font of menu text*/}
.animatedtabs ul{list-style-type: none; width:955px; margin: 0 auto; /*offset of first tab relative to page left edge*/ padding: 0;}
.animatedtabs li{float: left; margin: 0; padding: 0;}
.animatedtabs a{float: left;  position: relative; top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */ background: url(http://images.webresint.com/images/rbh/sabahbah.com/tab-left.png) no-repeat left top; margin: 0; margin-right: 3px; /*Spacing between each tab*/ padding: 0 0 0 9px; text-decoration: none; z-index:1; }
.animatedtabs a span{float: left; position: relative; display: block; background: url(http://images.webresint.com/images/rbh/sabahbah.com/tab-right.png) no-repeat right top; padding: 5px 14px 5px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */ font-weight: bold; color: black;  }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */

.animatedtabs .selected a, .current_page_item a, .current_page_parent a{background-position: 0 -125px; top: 0;}
.animatedtabs .selected a span, .current_page_item a span, .current_page_parent a span{background-position: 100% -125px; color: black; padding-bottom: 10px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */ top: 0;}
.animatedtabs a:hover{ background-position: 0% -125px; top: 0;}
.animatedtabs a:hover span{ background-position: 100% -125px;padding-bottom: 10px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */ top: 0;} 

.animatedtabs .nothing span {background-url(http://images.webresint.com/images/rbh/sabahbah.com/tab-right.png), background-position: 100% -125px; color: black; padding-bottom: 10px;}
/* Breadcrumbs +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.breadcrumb {float:left; padding:10px 0 0 30px; font-size:0.8em; width:978px; background:#FFF}

/* Boxed out ------------------------ */

.boxed_out { position:relative; margin:20px 0 0 8px; padding: 0px; width: 250px; float:left;} /* SCS - boxed_in = 245 */

/* Boxed in ------------------------ */

.boxed_in {width:500px; float:left; margin:0;} /* Box is 520px */

/* Main Nav posit +++++++++++++++++++++++++++++++++++ */

.MainNavPost p {width:460px; line-height:140%; float:left;}

/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* border: solid 1px #e1dfd0; */
.CON { width: 980px; float: left; padding: 14px; background: #fff;}

.SCS { width: 760px; float: left; padding: 0px 0px 0px 15px; position:relative;} /* Box is 765px */

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC { width: 760px; float: left; padding: 0px 0px 0px 15px;}
.pagetitle { font-size: 24px; font-weight: bold; letter-spacing: -1px; padding: 0px; margin:0 0 10px 0;}

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.navigation {width:100%; margin:10px 0px 10px 0px;}
.navigation .alignleft {float:left;}
.navigation .alignright {float:right;}

.Nav { font-size: 11px; padding: 10px 0px; color:#666; font-family: 'Verdana';}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #666;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #666; text-decoration: none;}
.Nav span { padding: 1px 6px 1px 4px; color:#666; border-right: solid 1px #666; }
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px; color:#003366;}

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#spread-moz-foot { clear: both; background: url(http://images.webresint.com/images/rbh/sabahbah.com/bg_foot.jpg) no-repeat center top; height: 240px; padding-top:5px; font: 85%/1.4 sans-serif, arial;}

.FBG { width: 100%; float: left; padding: 0px;}
.Footer { width: 980px; margin: 0 auto; height:200px; position:relative;}
.Footer a { color:#666; text-decoration: underline;}
#credit {position:relative; float:left; width: 500px; font-size: 10px; line-height: 27px; color:#666666; font-family: sans-serif, arial, helvetica; background: url(http://images.webresint.com/images/rbh/sabahbah.com/AvatarReplace.png) no-repeat left center; padding:0 0 0 35px; margin-top:0px;}
#links {position:relative; float:right; width: 350px; padding-top:0px; text-align:right; line-height:27px;}
.FooterChicklets {position:absolute; bottom:0px; right:0px; clear:both;}
.WhoWhatWhere {position:absolute; bottom:45px; right:0px; height:32px; font-size:9px; clear:both;}

/* Agoda / HostelWorld Search Box Style */
#agoda_searchbox_wrapper {width: 350px;	font-size:10px;	padding:5px; float:left; margin-bottom:10px;}
#agoda_checkin_input select, #agoda_checkout_input select {font-size:10px;}
#agoda_checkin_selection, #agoda_checkout_selection {float:left; margin:0 0 5px 0; width: 170px;}
#agoda_room_selection, #agoda_adult_selection, #agoda_children_selection, #agoda_button_selection {float:left; margin-right:10px;}
#agoda_roompeople_selection select {font-size:10px;}
#agoda_button_selection input {font-size:10px; font-weight:bold; margin:12px 0 0 25px;}

#hd_searchbox_wrapper {width: 350px; font-size:10px; padding:15px 5px 0px 5px; float:left; margin:5px 0px 10px 0px; color:#006600; background:#FFFF99; border:1px solid #006600;}
#hd_button_selection input {font-size:10px; font-weight:bold; position:relative; left:70px; top:-26px;}

/* Awesome Column Code That works in Firefox and Safari */

.tabColumns {padding:10px 10px; border:0; /*General settings */
				-webkit-column-count:3; -webkit-column-rule:0; -webkit-column-gap:10px; /*Mac Specific*/
				-moz-column-count:3; -moz-column-rule:0; -moz-column-gap:10px;} /*Firefox Specific*/

.tabColumns2 {padding:10px 10px; border:0; /*General settings */
				-webkit-column-count:2; -webkit-column-rule:0; -webkit-column-gap:30px; /*Mac Specific*/
				-moz-column-count:2; -moz-column-rule:0; -moz-column-gap:30px;} /*Firefox Specific*/