/*
 * Project:   Gateway Hotel
 * Date:      2010/06/18
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #ffffff url(../images/bg-new4.png) 0 0 repeat-x; font-size: 69.5%; }

* html body { behavior: url("styles/csshover.htc"); }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #827153; font-family: "Trebuchet MS",Helvetica Neue,Helvetica,Jamrul,sans-serif; line-height: 1.5;}
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #145953; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: none; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { z-index: 1; width: 977px; margin: 0 auto; }
 #top { position: relative; height: 165px; overflow: hidden; }
  #logo { position: absolute; top: 35px; left: 7px; }
   #logo a { }
 #slogan { display: block; position: absolute; top: 27px; right: 9px; width: 960px; height: 131px; overflow: hidden; background: url(../images/Gateway-Header7.png) 0 0 no-repeat; text-indent: -100001em; }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 #navigation { position: relative; z-index: 100; display: block; height: 69px; margin: 0 8px 0 8px; width: 960px; background: #344249 url(../images/nav-bg4.jpg) 0 0 no-repeat; } 
  #navigation ul { z-index: 100; list-style: none; displat: block;  margin: 0; padding: 0 0 0 38px; }
   #navigation li { height: 69px; z-index: 100; float: left; display: inline; position: relative; font-size: 1.25em; font-weight: bold; text-transform: uppercase; font-style: normal; }
    #navigation li a { float: left; display: inline; padding: 30px 21px 19px; color: #fff; text-decoration: none; }
	#navigation li.selected a { color: #dbb573; }
	#navigation li a:hover, #navigation li a:active, #navigation li a:focus { color: #62dde9; text-decoration: none; }
    #navigation li em { position: absolute; left: -10001px; top: -10001px; }
	#navigation li ul { display: none; position: absolute; left: 3px; top: 69px; margin: 0; padding: 0; border-top: 1px solid #020202; list-style: none; }
	 #navigation li ul li { display: block; width: 100%; height: auto; font-size: 0.96em; font-weight: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
	  #navigation li ul li a, #navigation li.selected ul li a { display: block; width: 176px; padding: 5px 8px 5px; border-bottom: 1px solid #fff; background: #283836; color: #fff; text-transform: none; }
	  #navigation li ul li a:hover, #navigation li ul li a:active, #navigation li ul li a:focus { color: #283836; background: #fff; }
	 #navigation li ul li ul { display: none; top: -1px; left: 192px; border-top: 0; border-left: 1px solid #cccbcf; }
	  #navigation li ul li ul li { font-size: 1em; }
	  #navigation li ul li ul li a, #navigation li.selected ul li ul li a { padding: 5px 8px 6px; }
	#navigation li:hover ul { display: block; }
	 #navigation li:hover ul li ul { display: none; }
	  #navigation li:hover ul li:hover ul { display: block; }
 #content { z-index: 1; width: 960px; padding: 0 8px 0 8px; margin-top: -35px; background: url(../images/bg-content2.png) 50% 0 repeat-y; }
  #content .wrapper { z-index: 1; padding-top: 35px; background: url(../images/side-bg.png) 0 0 repeat-y; }
 #content .wrapperM { z-index: 1; padding-top: 35px;}
   #content .wrapper .wrap-a { z-index: 1; width: 960px; overflow: hidden; border-top: 1px solid #020202; border-bottom: 1px solid #a5a6a6; background: url(../images/side-bg-bottom.png) 0 100% no-repeat; }
   .home #content .wrapper .wrap-a { padding-bottom: 65px; }
  .blog #content .wrapper { background-position: 100% 0; }
   .blog #content .wrapper .wrap-a { background-position: 100% 100%; } 
    #intro { z-index: 1; width: 100%; overflow: hidden; }
     #rotator { width: 650px; height: 226px; overflow: hidden; margin: 0; }
    #side { z-index: 1; float: left; display: inline; width: 310px; overflow: hidden; padding: 0 0 65px; background: url(../images/side-top-bg.jpg) 0 0 no-repeat; }
    .blog #side { float: right; display: inline; }
	#main { z-index: 1; float: right; display: inline; width: 630px; ovefrlow: hidden; margin-right: 10px; padding-top: 9px; }
	.blog #main { float: left; display: inline; margin: 0 0 80px 10px; }
 #footer { height: 66px; padding: 85px 27px 0 36px; margin: 0 0 65px; overflow: hidden; background: #fff url(../images/footer-bg3.png) 0 100% no-repeat; }
  #footer a { color: #7aa3a6; text-decoration: none; }
   #footer a:hover, #footer a:focus, #footer a:active { text-decoration: underline; } 
.footerMenu ul li{display:inline;padding:0 20px 0 0;}
  .copyright { float: left; display: inline; width: 55%; color: #5d6b6c; font-size: 1.25em; font-weight: bold; line-height: 1; }   
  .site-info { float: right; display: inline; margin: 0; padding: 0; list-style: none; }
   .site-info li { float: left; display: inline; padding: 0 0 0 3px; margin: 0 0 0 5px; border-left: 1px solid #5d6b6c; color: #5d6b6c; font-size: 1.25em; line-height: 1; }
   .site-info li:first-child { border: 0; }
   * html .site-info li#site-info-first { border: 0; }
			
/* ELEMENTS
------------------------------------------- */
/* headers */

h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; }
h1 { font-size: 1.8em;color:#283837;  }
h2 { font-size: 1.6em;color:#283837; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 2.0em; color:#000; Font-family:"times new roman"}

.header-a { padding: 15px 0 0; margin: 0; }
.header-b { margin: 0; color: #c8a466; font-size: 2.8em; font-style: normal; }
.header-c { margin: 0 0 18px; color: #145953; font-size: 1.4em; font-style: normal; line-height: 1.71; }
.header-m { margin: 0; }
 .header-m img { display: block; }
.header-s { margin: 0; color: #283836; font-size: 2em; font-style: normal;  }
.header-s-a { margin: 0 0 5px; color: #145953; font-size: 1.343em; font-style: normal; } 
 
/* containers */

.cont-a { padding-top: 79px; background: url(../images/hr-deco.gif) 50% 9px no-repeat; }

.coll-cont { widtrh: 100%; overflow: hidden; }

.coll-i {}
 .coll-i .col { float: left; display: inline; }
  .coll-i .col-a { width: 310px; }
   .coll-i .col-a .box-spec { height: 226px; margin: 0 !important; }
   .coll-i .col-a .box-spec .wrap { padding-top: 20px; padding-bottom: 10px; }
  .coll-i .col-b { width: 650px; }

.box-s { width: 240px; margin: 0 0 30px 40px; }
.box-s-first { padding-top: 55px; }
.blog .box-s-first { margin-bottom: 20px; }
.box-s-a { padding-bottom: 40px; margin-bottom: 35px; background: url(../images/side-hr.png) 50% 100% no-repeat; }
.box-banner-s { min-height: 80px; padding: 12px 0 0 19px; background: #1e0e09 url(../images/downtown.jpg) 0 0 no-repeat; }

.box-spec { margin: 0 0 48px; background: #26120e url(../images/box-spec-bottom-bg.png) 50% 100% no-repeat;  }
 .box-spec .wrap { padding: 28px 50px 43px 15px; background: url(../images/box-spec-top-bg.png) 100% 0 no-repeat; }
  .box-spec .wrap .form-a { width: 197px; }
 
.breadcrumb { width: 100%; overflow: hidden; }
 .breadcrumb p { margin: 0; text-align: right; font: 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
  .breadcrumb a { text-decoration: none; }
  .breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active { text-decoration: underline; }
   
/* forms */

.form-a {}
 .form-a .row { position: relative; width: 100%; overflow: hidden; margin: 0 0 10px; font-style: normal; font-size: 1.1em; font-weight: bold; }
  .form-a input { width: 185px; height: 15px; padding: 2px 5px; border: 1px solid #635f5e; background: #fff; color: #9cadaa;  font-style: normal; font-weight: bold; }
  .form-a label { display: block; color: #9cadaa; }
  .js .form-a label { position: absolute; top: 3px; left: 7px; }
 .form-a .submitrow { padding: 5px 0 0; }
 .form-a button { float: right; height: 19px; border: 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #bd9252 url(../images/bttn-bg.png) 0 0 repeat-x; color: #26120e; font-size: 1.25em; font-weight: bold; line-height: normal; text-transform: lowercase; }

/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* lists */

.list-a { list-style: none; padding: 0 0 0 19px; }
 .list-a li { padding: 0 0 0 11px; background: url(../images/sep-a.gif) 0 8px no-repeat; font-weight: bold; }
  .list-a p{padding:20px 0 10px 0;margin:0;font-weight:bold;font-size:1.5em;color:#283836;}
   .list-a-float{float:left;width:250px;}

.olist-a { margin: 0 0 15px 30px; padding: 0 0 0 8px; }
 .olist-a li { padding: 0; color: #26120e; font-weight: bold; }
  .olist-a li span { color: #827153; }

.nav-sub ul { list-style: none; margin: 0 0 15px; padding: 0; border-top: 1px solid #98a3a3; }
 .nav-sub ul li { border-bottom: 1px solid #98a3a3; font-size: 1.343em; font-weight: bold; text-transform: uppercase; font-style: normal; }
  .nav-sub ul li a { display: block; padding: 6px 0 6px 24px; background: url(../images/separators.gif) 8px 16px no-repeat; color: #283836; text-decoration: none; }
  .nav-sub ul li.selected a { background-position: 8px -284px; color: #145953; }
  .nav-sub ul li a:hover, .nav-sub ul li a:focus, .nav-sub ul li a:active { background-position: 8px -584px; color: #738792; }

.list-s ul { list-style: none; margin: 0 0 6px; padding: 0; border-top: 1px solid #98a3a3; }
 .list-s ul li { border-bottom: 1px solid #98a3a3; font-size: 1.343em; font-weight: bold; font-style: normal; }
  .list-s ul li a { display: block; padding: 6px 0; color: #145953; text-decoration: none; }
  .list-s ul li a:hover, .nav-sub ul li a:focus, .nav-sub ul li a:active { color: #738792; }

/* paragraphs */

.text-a { margin: 0 0 10px; color: #171d1c; font-size: 1.199em; font-weight: bold; font-style: normal; line-height: normal; }
.text-a-b { color: #000; }
.text-b { margin: 0 0 10px; color: #c6dcd9; font-size: 1.6em; font-weight: bold; font-style: normal; }
.text-c { margin: 0 0 10px; color: #171d1c; font-size: 1.1em; font-weight: bold; font-style: normal; line-height: normal;letter-spacing:1px;}


.text-ban-a, .text-ban-b, .text-ban-c { margin: 0; color: #c6dcd9; font-size: 1.2em; font-wieght: bold; line-height: 1.2; }
.text-ban-a { font-size: 1.478em;  }
.text-ban-b { color: #c8a466; font-size: 2.8em; font-style: normal; }
.text-ban-c a { color: #59c1cb; }
.besideImage{width:300px;float:left;height:200px;overflow:hidden;}
.besideImage p{line-height:30px;}

.img { display: block; }
.img-fl { float: left; margin: 0 22px 15px 0; }

/* links */

.link-a { color: #171d1c; text-decoration: none; }
.link-a:hover, .link-a:focus, .link-a:active { text-decoration: underline; }

/* other */

/* sf Rotator
------------------------------------------- */
.sf-rotator { position: relative; width: 620px; height: 420px; margin: 0 0 30px; }

.sf-rotator { position: relative; }
.sf-rotator .sf-items { position: relative; z-index: 10; }
 .sf-rotator .sf-items .sf-item { position: absolute; top: 0; left: 0; z-index: 10; height: 400px; } 
 
.sf-rotator .sf-controls { /* display: none; */  z-index: 10;}


 .sf-rotator .sf-controls { position: absolute; right: 0; top:0px; overflow: hidden; width: 100%; z-index: 20; margin: 0; padding: 6px;  text-align: right; }
.sf-rotator .sf-controls li { display: inline; text-align: right; margin: 0 0 0 10px; z-index: 20; font: normal 1.0em/1.7 Arial,Helvetica Neue,Helvetica,sans-serif; border: none; padding:2px; background:#26120e;}
.sf-rotator .sf-controls li:hover {background:#fffdf0; color:#26120e; }
.sf-rotator .sf-controls li a { padding: 0 5px; color: #f7f2c8; font-weight: normal; text-align: center; text-decoration: none;  }
 .sf-rotator .sf-controls li a.active, .sf-rotator .sf-controls li a:hover { background:#75664b;}  



#list-rot { list-style: none; margin: 0; padding: 0; }

#list-rot li.sf-item,
#list-rot li.sf-item { height: 226px; width: 650px; display:none;}  





/* contact-form */

form.form-b { display: block; margin: 0 0 20px; padding: 0; font-family: Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
 form.form-b h3 { font-size: 1.4em; font-weight: bold; font-family: Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
 form.form-b p { overflow: hidden; width: 100%; font-style: normal; }
  form.form-b p label { float: left; width: 110px; padding: 6px 15px 0 0; }
  form.form-b p input { padding: 5px; width: 275px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  form.form-b p select { padding: 5px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  form.form-b p textarea { overflow: auto; padding: 5px; width: 275px; height: 100px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  form.form-b p img { display: block; margin: 0; }
 form.form-b p.row-a { }
  form.form-b p.row-a label { float: none; width: auto; padding: 0; line-height: 20px; vertical-align: middle; }
  form.form-b p.row-a input { width: 20px; height: 20px; margin: 0; padding: 0; border: none; vertical-align: middle; }
 form.form-b p.submitrow { width: 412px; font-size: 1.4em; font-weight: bold; }
 * html form.form-b p.submitrow { padding: 5px 0 0; width: 409px; text-indent: 3px; font-size: 1.25em;}
  form.form-b p.submitrow button { float: right; height: 19px; border: 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #bd9252 url(../images/bttn-bg.png) 0 0 repeat-x; color: #26120e; font-weight: bold; line-height: normal; text-transform: lowercase; } 
  form.form-b p.row-c label { padding-top: 6px; }
  form.form-b p.row-c img { float: left; display: inline; margin-right: 5px; }
  form.form-b p.row-c input { width: 120px; }

  
/* post */

div.post-a { margin: 0 0 30px; padding: 0 10px; }
 div.post-a h1,
 div.post-a h2 { margin: 0; line-height: normal; }
  div.post-a h1 a,
  div.post-a h2 a { color: #827153; text-decoration: none; }
 div.post-a p.date { margin: 0 0 15px; color: #827153; font-size: 1.2em; line-height: normal; }
 div.post-a p.info { clear: both; padding: 10px 0 0; font: 1.2em/1; font-style: normal; }
  div.post-a p.info span { padding: 0 3px; }
  div.post-a p.info strong { font-weight: normal; text-transform: uppercase; }
   div.post-a p.info strong a { color: #827153; text-decoration: none; }

div.comments-a { width: 490px; margin: 20px 10px 30px; border: 1px solid #333; background: #f8f8f8; color: #464646; font-family: Tahoma,Geneva,Verdana,Kalimati,sans-serif; font-style: normal; }
.js div.comments-a { display: none; }
 div.comments-a p.side { float: right; padding: 9px 10px 0 15px; font-size: 0.9em; }
 div.comments-a p.side a { color: #fff; }
 div.comments-a h2 { margin: 0; padding: 10px; background: #283836; color: #fff; font-size: 1.4em; font-weight: normal; line-height: 1; }
 div.comments-a p.empty { margin: 0; padding: 10px; }
 div.comments-a div.comment { padding: 27px 0 0; margin: 0 22px 17px 16px; border-top: 1px dashed #145953; }
 div.comments-a div.comment-first { padding-top: 10px; margin-bottom: 27px; border-top: 0; }
 div.comments-a div.alt {  }
  div.comments-a div.comment p.author { margin: 0 0 5px; color: #145953; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
   div.comments-a div.comment p.author a { color: #145953; text-decoration: none; }
  div.comments-a div.comment blockquote { margin: 0; padding: 0; }
   div.comments-a div.comment blockquote p { margin: 0; }
   
div.add-comment-a { width: 490px; margin: 0 10px 30px; padding: 0; font-style: normal; }
.js div.add-comment-a { display: none; }
 div.add-comment-a h2 { margin: 0 0 15px; color: #145953; font-size: 1.4em; line-height: 1.71; }
 div.add-comment-a p { overflow: hidden; width: 100%; margin: 0 0 5px; color: #333; font-size: 1.2em; }
  div.add-comment-a p label { float: left; width: 110px; padding: 6px 15px 0 0; }
  div.add-comment-a p input { float: left; padding: 5px; width: 275px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  div.add-comment-a p textarea { float: left; overflow: auto; padding: 5px; width: 275px; height: 100px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  div.add-comment-a p button { float: right; height: 19px; border: 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #bd9252 url(../images/bttn-bg.png) 0 0 repeat-x; color: #26120e; font-weight: bold; line-height: normal; text-transform: lowercase; }
 div.add-comment-a p.captcha { }
  div.add-comment-a p.captcha label { padding-top: 6px; }
  div.add-comment-a p.captcha input { width: 120px; }
  div.add-comment-a p.captcha img { float: left; display: inline; margin-right: 5px;  }
 div.add-comment-a p.submit { width: 412px; font-size: 1.4em; font-weight: bold; }
 * html div.add-comment-a p.submit { padding: 5px 0 0; width: 409px; text-indent: 3px; font-size: 1.25em;}

/* sidebar */  
   
div.BlogRecentPost { }
 div.BlogRecentPost ul { list-style: none; margin: 0 0 6px; padding: 0; }
  div.BlogRecentPost ul li { margin: 0 0 5px; }
  
div.BlogPostArchive { }
 div.BlogPostArchive ul { list-style: none; margin: 0 0 6px; padding: 0; }
  div.BlogPostArchive ul li { margin: 0 0 5px; }
  
div.BlogTagCloud { border-top: 1px solid #98a3a3; margin: 0 0 15px; font-size: 1em; word-spacing: 10px; line-height: 24px; font-family: Georgia,serif; vertical-align: baseline; font-style: normal; }
 div.BlogTagCloud a { color: #145953; font-size: 1.151em; text-decoration: none; word-spacing: 0; }
 div.BlogTagCloud a:hover,
 div.BlogTagCloud a:focus,
 div.BlogTagCloud a:active { text-decoration: underline; }
 div.BlogTagCloud a.BlogTagCloud-XX-Small,
 div.BlogTagCloud a.BlogTagCloud-X-Small { font-size: 0.864em; }
 div.BlogTagCloud a.BlogTagCloud-Small { font-size: 1.151em; }
 div.BlogTagCloud a.BlogTagCloud-Medium { font-size: 1.343em; }
 div.BlogTagCloud a.BlogTagCloud-Large,
 div.BlogTagCloud a.BlogTagCloud-X-Large { font-size: 1.727em; }
 div.BlogTagCloud a.BlogTagCloud-XX-Large { font-size: 2.4em; }
 
/* newsletter */

form.newsletter-a { width: 450px; height: 90px; padding: 0 0 5px; }
 form.newsletter-a h2 { margin: 0 0 10px; color: #09467c; font-size: 1.8em; }
  form.newsletter-a h2 span { color: #4ea4ba; }
 form.newsletter-a p { position: relative; width: 100%; margin: 0 0 5px; }
  form.newsletter-a p label { font-size: 0.83em; }
  .js #header form.newsletter p label { position: absolute; left: 5px; top: 5px; }
  form.newsletter-a p input { width: 225px; height: 20px; margin: 0 5px 0 0; padding: 4px 4px 0; border: 1px solid #e3e4e4; font-size: 12px; vertical-align: middle; }
  form.newsletter-a p button { position: relative; height: 26px; padding: 0 20px; border: none; background: #09467c; color: #fff; font: bold 12px/26px Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; vertical-align: middle; }
  
/* helpers */
 
li.separate { display: block !important; overflow: hidden !important; clear: both !important; float: none !important; width: 100% !important; height: 1px !important; min-height: 0 !important; margin: -1px 0 0 !important; padding: 0 !important; border: none !important; background: none !important; font-size: 1px !important; text-align: left !important; text-indent: -10001px !important; }


div.add-comment-a p.captcha, form.form-b p.row-c  {width:125px; float:left;}
input#CaptchaV2 {width:105px !important;border:1px solid #EBE9E2;font:14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif;padding:5px;}
div.captchaimg {width:170px; float:left;}

/*Additional CSS*/

#main table td{border:none;}
#main td {padding:2px;margin:0;}
#right_col li{margin:0 0 0 20px;}
li strong{color:#283837;}
.wrap td{border:none;font-size:11px;color:#c6ddd7;}
.box-s td{border:none;font-size:12px;color:#c6ddd7;}
#main .webform .cat_textbox{width:350px;}
#main .webform .cat_listbox{width:350px;}
.webformContact{margin:0 auto;padding-left:130px}
.poweredBy{display:inline;position:relative;left:50%;bottom:15px;}
#socialMedia{position:relative;bottom:60px;left:515px;width:100px;}