/*
Bex CSS
by Netrepreneurs
   Glen Young
*/
body { background: #e3e0db; }
#containment_holder { width: 100%; height: auto; background: url(../images/bg_slice.jpg) repeat-x; }

.TA_certificateOfExcellence { float: right; }

.clear { clear: both; }

.breadcrumbs { width: 820px; margin: auto; margin-top: 15px; font-size: 12px; color: #494440; }
.breadcrumbs a { color: #008fce; }

#containment { margin: 0px auto 0; width: 1280px; height: auto; }
	#containment h1 { cursor: pointer; margin: 0px; padding: 0px;} /* H1 Tag Priority reference with search engine ranking */
		
#header { width: 1020px; height: 183px; margin: 0 0 0 130px; background: url(../images/header_bg.png) no-repeat;padding-top: 22px; }
	#logo { background: url(../images/logo.png) no-repeat; width: 401px; height: 156px; margin: auto; }

#nav-holder { width: 100%; margin: 0 0 0 0; background-color: #1082c0; }
	#nav { }
		#nav ul { padding: 0px; width: 1020px; margin: auto; }
		#nav li   { list-style: none; float: left; }
		#nav li a { width: auto; float: left; padding: 15px; padding-left: 37px; padding-right: 37px; color: #fff; text-decoration: none;-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; }
		
		#nav li a:hover { background-color: #141414; }

			



#subnav-holder { width: 867px; margin: auto; margin-top: 25px; }
	#subnav { }
		#subnav ul { padding: 0px; }
		#subnav li   { list-style: none; float: left; }
		#subnav li a { width: auto;  float: left; color: #fff; text-decoration: none; padding: 10px 32px; text-transform: capitalize; background-color: #1082c0;-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;  }
		
		#subnav li a:hover { background-color: #141414; }
		#subnav li.active a { background-color: #141414; }

			
			
#roomnav-holder { width: 900px; margin: 10px 0 0 75px; float: left; }
	#roomnav { }
		#roomnav ul { padding: 0px; }
		#roomnav li   { list-style: none; float: left; padding: 0 68px 0 0; }
		#roomnav li a { width: auto; float: left; text-decoration: none; font: bold 25px Tahoma; color: #837c74; }
		#roomnav li a:hover { text-decoration: underline; }
		#roomnav li.active a { text-decoration: underline; }
		
#gallerynav-holder { width: 680px; float: right; margin: 10px 0 0 0; }
	#gallerynav { }
		#gallerynav ul { padding: 0px; }
		#gallerynav li   { list-style: none; float: left; }
		#gallerynav li a { width: auto; float: left; text-decoration: none; padding: 0 20px; border-right: 2px solid #363533; font: 18px Tahoma; color: #363533; }
		#gallerynav li a.norbord { border-right: none; }
		#gallerynav li a:hover { text-decoration: underline; }
		#gallerynav li.active a { text-decoration: underline; }
		
#bookings_holder { width: 130px; height: 40px; }
	#bookings { }
		#bookings ul { padding: 0px; }
		#bookings li   { list-style: none; float: left; }
		#bookings li a { width: auto; height: 40px; float: left; background: url(../images/booking_btns.png) no-repeat; text-indent:-32000px; }

			#bookings li a#booking_btn 			{ width: 130px; height: 40px; background-position: -0px -0px;}
			#bookings li a:hover#booking_btn 	{ width: 130px; height: 40px; background-position: -0px -40px;}
			#bookings .active a#booking_btn  	{ width: 130px; height: 40px; background-position: -0px -40px;}
		
				
#slider { width: 1280px; height: 450px; float: left; }

#mid_content { width: 1020px; height: 343px; margin: 0 0 0 130px; float: left; }
	.mid_content_posts { width: 220px; float: left; height: auto; margin: 20px 17px 0; }
	.mid_content_posts img { border: 5px solid #ffffff; }
	.mid_content_posts h3 { color: #0c708f; font: bold 25px Tahoma; height: 80px; }
	.mid_content_posts p { color: #FFFFFF; font: 14px Tahoma; height: 60px; padding: 0px; }
						
#content { width: 1020px; height: auto; margin: 0 0 0 130px; float: left; }	



.ittconnect { background-color: transparent !important; }
	
	#lft { width: 350px; float: left; }
	#rgt { width: 350px; float: left; }

	#c_top { width: 1020px; margin: 20px 0 0 0; float: left; }
		#c_top h3 { color: #363533; font: bold 25px Tahoma; width: 310px; float: left; }
		#stars_holder { margin: 0 0 0 0; float: right; }
		#c_top p { color: #363533; font: 16px Tahoma; }
		#c_top ul { color: #363533; font: 16px Tahoma; }

	#c_middle { width: 1020px; float: left; }
	#c_middle h3 { color: #837c74; font: 25px Tahoma; }
	
	#c_bottom { width: 1020px; margin: 0 0 30px 0; float: left; }
		#cb_left { width: 640px; float: left; margin: 0 30px 0 0; }
		#cb_left img { float: left; margin-right: 15px; }
		#cb_left h2 { color: #363533; font: bold 25px Tahoma; margin: -15px 0 15px 50px; }
		#cb_left h3 { color: #363533; font: bold 25px Tahoma; margin: 5px 0 15px 50px; }
		#cb_left p { color: #363533; font: 16px Tahoma; }
		#cb_left ul { color: #363533; font: 16px Tahoma; }
	
		#cb_right { width: 350px; float: left; }
		#cb_right img { float: left; }
		#cb_right h3 { color: #363533; font: bold 25px Tahoma; margin: 5px 0 15px 50px; }
		#cb_right ul { list-style: none; padding: 0px; }
		#cb_right li { color: #363533; font: 16px Tahoma; padding: 5px 15px; }
		#cb_right li.greyback { background: #cec9c3; }
	
	/*
	#c_left { width: 460px; float: left; margin: 0 60px 0 0; }
	#c_left h3 { color: #837c74; font: bold 25px Tahoma; }
	#c_left p { color: #837c74; font: 14px Tahoma; }
	#c_right { width: 460px; float: left; }
	#c_right h3 { color: #837c74; font: bold 25px Tahoma; }
	#c_right p { color: #837c74; font: 14px Tahoma; }*/
	

	#contact_form1 { width: 460px; height: auto; margin: 20px 0; float: left; }
	#contactdetails { margin: 30px 0; float: left; font: 14px Tahoma; }

	#gallery-holder { width: 510px; margin: 0 0 10px 250px; float: left; }
	#gallery_cont { width: 500px; }
		
	#rooms_content { width: 860px; margin: 20px 0 20px 80px; float: left; }
	#room_c_left { width: 500px; float: left; }
	#room_thumbs { width: 500px; float: left; margin: 15px 0; }
	#room_thumbs img { float: left; margin: 10px 7px; }
	#room_img_holder { width: 500px; float: left; }
	#room_c_right { width: 320px; float: left; margin: 0 0 0 40px; }
	#room_c_right p { color: #363533; font: 14px Tahoma; }

	#rates_content { width: 820px; margin: 20px 0 20px 100px; float: left; }
	#rates_content h3 { color: #363533; font: bold 25px Tahoma; }
	#rates_content p { color: #363533; font: 14px Tahoma; }
	#rates_content #children_u12 { width: 774px; padding: 8px 10px; float: left; font: 20px Tahoma; background: #656366; color: #FFFFFF; text-align: center; margin: 15px 0; }
	
	#rates_content .rates_holder { width: 250px; height: 190px; float: left; margin: 0 22px 0 0; }
	#rates_content .rates_holder p { font: 18px Tahoma; text-align: center; }
	#rates_content .rates_holder .title { color: #ffffff; width: 220px; height: 25px; padding: 8px 15px; background: #656366; }
	#rates_content .rates_holder .price { width: 250px; float: left; padding: 0px; margin: 10px 0 0 0; color: #1f1919; font: bold 40px Tahoma; }
	#rates_content .rates_holder .perperson { width: 250px; float: left; padding: 0px; color: #1f1919; }
	#rates_content .rates_holder .pernight { width: 250px; float: left; padding: 0px; color: #676266; font: 16px Tahoma; }


	#facilities_content { width: 820px; margin: 20px 0 20px 100px; float: left; }
	#facilities_content h3 { color: #837c74; font: bold 25px Tahoma; }
	#facilities_content p { color: #837c74; font: 16px Tahoma; }
	#facilities_content ul { color: #837c74; font: 16px Tahoma; }
	#facilities_content li { margin: 5px 0; }

	#gallery_holder { width: 1020px; float: left; }
	.album-holder { float: left; width: 180px; height: 120px; background: #000000; border: 5px solid #ffffff; margin: 15px 30px; }
	.album-holder a { float: left; width: 180px; height: 120px; text-align: center; }
	.album-holder img { max-width: 180px; max-height: 120px; }

	#gallery_title { background: url(../images/gallery_icon.png) no-repeat; width: 1020px; float: left; margin: 20px 0 0 30px; padding: 0 0 0 70px; }
	#gallery_title h3 { color: #363533; font: bold 25px Tahoma; margin: 5px 0 20px; width: 200px; float: left; }

	#gallery_btn_holder { width: 250px; float: right; margin: 0 0 20px 0; }
	#gallery_back { background: url(../images/back_btn.png) no-repeat; width: 84px; height: 40px; float: left; }
	#gallery_back.active { background-position: 0px -40px; }
	#gallery_back:hover { background-position: 0px -40px; }
	#gallery_next { background: url(../images/next_btn.png) no-repeat; width: 84px; height: 40px; float: right; margin: 0 50px 0 0; }
	#gallery_next.active { background-position: 0px -40px; }
	#gallery_next:hover { background-position: 0px -40px; }

	.gallery_comment { width: 920px; float: left; margin: 0 0 0 30px; }
	.gallery_comment p { color: #363533; font: 14px Tahoma; }

#footer_containment { width: 100%; height: auto; background: #d2cfca; float: left; }
#footer { width: 1020px; height: 80px; margin: 0px auto 0; }
	#left-foot { width: 80px; float: left; }
		#social_holder { width: 150px; height: 50px; margin: 15px 0 0 0; }
		#social_holder a { margin: 0 15px; }
		#twitter_foot { background: url(../images/footer_social_twitter.png) no-repeat; height: 43px; width: 39px; float: left; }
		#twitter_foot:hover { background-position: 0px -43px; }
		#facebook_foot { background: url(../images/footer_social_facebook.png) no-repeat; height: 43px; width: 39px; float: left; }
		#facebook_foot:hover { background-position: 0px -43px; }
				
	#mid_foot{ width: 600px; float: left; margin: 15px 0 0 150px; }
		#foot_nav { list-style: none; float: left; width: 600px; padding: 0px; }
		#foot_nav li { border-right: 1px solid #494440; float: left; padding: 0 15px; width: auto; }
		#foot_nav li.no_r_border { border-right: none; }
		#foot_nav li a { color: #494440; font: 13px Tahoma; text-decoration: none; }
		#foot_nav li a:hover { text-decoration: underline; }
		
		
	#right-foot{ width: 50px; float: right; }
		#backtop_holder { width: 100px; float: right; }
		#backtop_holder a { background: url(../images/backtop.png) no-repeat; height: 34px; width: 98px; float: left; }
		#backtop_holder a:hover { background-position: 0px -34px; }

	#khutaza { float: left; margin: 10px 0 0 15px; font: 13px Tahoma;color: #494440;  }
	#khutaza p { float: left; width: 150px; color: #494440; font: 13px Tahoma; padding: 0px; }
	#khutaza a { color: #494440; font: 13px Tahoma; text-decoration: none; }
	#khutaza a:hover { text-decoration: underline; }
	
/* Standalone Items */

/* Download Link to PDF of company profile or any significant document */
#dload {    }
	#dload a,
	#dload a:link,
	#dload a:visited { text-decoration:none; color: #000000; }	
	#dload a:hover { text-decoration: underline; color: #000000; }	
	#dload img { display: block; }
	#dload h2 {	margin: 0px; padding: 0px; }
	
*:first-child+html html { }

*:first-child+html { }					/* single colomn */	
		*:first-child+html #nav-holder #nav li   { }	/* default = float: left; */
		*:first-child+html #content   { padding: 20px 0; }	/* default = float: left; */
		
		
		#content h2 { margin: 0; padding: 0; color: #008fce; }
		
	#nav-text { display: none; } 


/** START MOBILE CSS **/

@media only screen and (max-width : 1020px) {
	
	* { box-sizing: border-box; }

#containment { width: 100%; }
#containment_holder { background: none; }
#header { width: 100%; margin: 0 auto; background: none; background-color: #fff; margin-top: 45px; margin-bottom: 30px; }
#nav-holder { width: 100%; margin: 0; }
#slider { display: none; width: 100%; height: auto; }
#slider img { width: 100%; }

.TA_certificateOfExcellence { float: none; }

#logo { width: 100%; max-width: 401px; background-position: center center; background-size: 100%; }

#cb_left { width: 100%; float: none; }
#cb_right { width: 100%; float: none; }

#stars_holder { float: none; display: none; }

#content, #c_top, #c_middle, #c_bottom, #footer, #left-foot, #mid_foot, #right-foot { width: 100%; margin: 0; float: none; }

#content { padding: 30px; }
#foot_nav { width: 100%; }
#foot_nav li { border: 0; float: none; text-align: center; padding-top: 5px; padding-bottom: 5px; }

.breadcrumbs { width: 100%; }

#facilities_content, #rates_content { width: 100%; margin: 0; margin-top: 20px; }

.float-left img { width: 100%; height: inherit; }
#rates_content #children_u12 { width: 100%; }

#subnav-holder { width: 100%; margin: 0; height: inherit; margin-top: 30px; text-align: center; }

#subnav li { float: none; width: 100%; }
#subnav li a { width: 100% !important; background-image: none; text-indent: inherit; padding: 0; height: inherit !important; background-color: #008fce; color: #fff; text-decoration: none; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; text-transform: capitalize;}

#rooms_content { float: none; margin: 0; width: 100%; }
#room_c_left, #room_c_right { float: none; width: 100%; margin: 0; }

#room_img_holder { float: none; width: 100%; }
#room_img_holder img { display: block; margin: auto; width: 100%; height: inherit; }
#room_thumbs { width: 100%; text-align: center;  }

#gallery_title { margin: 0; width: 100%; }
#gallerynav-holder { float: none; margin: 0; width: 100%; }

#gallery_title h1 { margin-top: 20px; }

#gallery_title { padding: 0; max-height: 245px; }

.gallery_comment { width: 100%; }

#gallery_holder { width: 100%; }

#contact_form1 { float: none; width: 100%; }
#contact_form1 input, #contact_form1 textarea { float: none; width: 100%; }

.form iframe { width: 100%; }

#gallerynav ul li a { border: 0;float: none; text-align: center; padding-top: 10px; padding-bottom: 10px; }
#gallerynav ul li { float: none;padding-top: 10px; padding-bottom: 10px; }

nav {  background-color: #0091d3; height: 50px; padding: 0; width: inherit; margin: inherit; border: 0; }

      #nav-text { display: block; color: #fff; margin-top: 15px; text-indent: 15px; } 
	   
	   #navMobile
    {
        position: fixed;
    right: 0;
    top: 0;
		z-index: 9999999;
		width: 100%;
		
    }
	#navMobile li a {margin: 0; padding: 0;  text-decoration: none;  padding-top: 10px; padding-bottom: 10px; color: #141414; display: block; font-size: 18px; text-indent: inherit; background-image: none; background-color: #ccc; width: 100% !important;  }
	#navMobile li a span { font-size: 32px; }

	#nav li a#facebook{ display: none; }
	#nav li a#booking { margin: 0; }
	#nav li a#booking:hover { margin: 0; }
	
        #navMobile > a
        {
        }
        #navMobile:not( :target ) > a:first-of-type,
        #navMobile:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 5px; top: 0px;
			background-image: url('../images/nav.png');
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
			width: 100%;
			background-position: right;
			
        }
 
    /* first level */
 
    #navMobile > ul
    {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
		margin-top: 15px!important;
		width: 100%;
		
		
    }
        #navMobile:target > ul
        {
            display: block;
        }
        #navMobile > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #2b2b2b;
			border-bottom: 2px solid #fff;
			text-indent: 10px;
			
        }
 
    /* second level */
 
    #navMobile li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #navMobile li:hover li a
    {
    }

}

/** END MOBILE CSS **/