@font-face
{
font-family: Lato-Regular;
src: url('fonts/Lato-Regular.otf'),
	 url('fonts/Lato-Regular.ttf'),
	 url('fonts/Lato-Regular.woff'),
     url('fonts/Lato-Regular.eot'); /* IE9 */
}

@font-face
{
font-family: ChaparralPro-Regular;
src: url('fonts/ChaparralPro-Regular.otf'),
	 url('fonts/ChaparralPro-Regular.ttf'),
	 url('fonts/ChaparralPro-Regular.woff'),
     url('fonts/ChaparralPro-Regular.eot'); /* IE9 */
}

.room-content_left
{
width: 681px;
/**border : solid red 1px;**/
/**height :  1900px;**/
float: left;
padding: 20px

}

.room-content_right
{
width: 253px;
/**border : solid green 1px;**/
height: 1000px;
float: right;
padding : 20px;
}

body{
	padding: 0px;
	margin: 0px;
	background: url(images/bg.jpg) repeat-x #190E0C;
	color: #000;
	font: 12px arial, sans-serif;
}

html{ 
	height: 100%;
}

.clear_left{
	clear: both;
}

/**HTML5 fix - do not touch**/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/**
* Common Element Specific
*/
p{ 
  padding: 0;
  margin: 0;
}

img { border: 0;}

h1, h2, h3, h4, h5, h6 { 
	font: 18px century gothic, sans-serif;
  	color: #000;
  
  
}

h2{ 
	font: bold 18px century gothic, sans-serif;
	padding: 0px;
	color: white;
	float:right;

	
}

h4, h5, h6{ 
	margin: 0;
  	padding: 0 0 5px 0;
  	font: normal 120% arial, sans-serif;
  	color: #000;
}

h5, h6{ 
	font: italic 95% arial, sans-serif;
  	padding: 0 0 15px 0;
  	color: #000;
}

h6{ color: #000;}

a, a:hover{ 
	outline: none;
  	text-decoration: none;
  	color: #000;
}

a:hover{ 
	text-decoration: none;
}

ul{ 
  padding: 0;
  margin: 0;
}

ul li{ 
	list-style-type: circle;
	padding: 0;
	margin: 0;
}

ol{ 
	padding: 0;
	margin: 0;
}

ol li{ 
	padding: 0;
	margin: 0;
}


/**
* Layout Specific
*/

.topbar {
	text-align:center;
	color:#fff;
	padding:5px 0;
	background: #000;
	width:100%;
	position:absolute;
	height:20px;
	z-index:999;
}.room-content_left

#global-container {
	width: 100%;
	float:left;
	margin:0 auto;
}


#content-container {

	width: 1024px;
	margin:0 auto;
	background: #f8fada;
	margin-bottom: 54px;
	
}

.main_div
{
width : 100%;
height:250px;
height:250px;
background: #261e1c;
}



header {
	width: 100%;
	min-height: 120px;
}

.header-column-one {
	height: 122px;
	width:1024px;
	background:#f8fada;
	margin-top: 54px;
}

.logo
{
 width:219px;
 height:101px;
 margin:auto;
 padding-top: 15px;
}

td h3{
font-family:century gothic;
color: white;
margin: 0px;

}

td h4{
font-family:century gothic;
color: white;

}

.header-column-two {
	width:auto;
	float:right;
	background: #ececec;
	height:20px;
	width:500px;
	padding:40px 0;
}

.navigation {
	display:block;
	width:100%;
	background: #dba816;
	height: 44px;
	margin-bottom:15px;
}

.navigation a{
	font-size: 18px;
	font-family: 'Lato', sans serif;
	padding: 0px 20px;
}

.navigation ul
{
list-style-type:none;
padding: 10px;
margin: auto;
width: 700px;
}

.navigation ul li
{
list-style:none;
display:inline;
}


.banner {
	display:block;
	background: #f8fada;
	width: 100%;
	height: 455px;
	padding-top: 20px;
}

.homepage
{
padding:20px;
}

.homepage_title
{
text-align: center;
font-size: 35px;
font-family: 'ChaparralPro-Regular';
text-transform: uppercase;
padding:20px;
color:#000000;
}

.homepage_title p:before
{ 
content:url(images/dividerL.png) no-repeat;
padding: 10px;
}

.homepage_title p:after
{ 
content:url(images/dividerR.png) no-repeat;
padding: 10px;
}



/*.homepage_title p:before
{
background:url(images/dividerL.png) no-repeat;
}


.homepage_title p:after
{
background:url(images/dividerL.png) no-repeat;
}
*/


.promotion
{
height: 147px;
}

section {
	width:100%;

}

.component-column /** can display multiple partials, set width & height in your own markup **/ {
	display:inline;
	width:100%;
	float:left;
	background: #f8fada;
}

/** #component {
	display:block;
	float: left;
	background: #f8fada;
	width: 100%;
	height: 500px;
}**/

#component {
	width: 100%;
	text-align: justify;
	font-family: century gothic;
	font-size: 13px; 
	color: #717375;
	background: #f8fada;
	padding-bottom:30px;
	}
	

.footer {
	background: #251D1B;
	float: left;
	height: 211px;
	margin-bottom: 50px;
	
}

.copyright{
text-align: center;
}

.table colspan {
color: white;
}

.footer-content   /** can display multiple partials, set width & height in your own markup **/  {
	display:inline;
	float:left;
	/**width: 959px;**/
	margin:0 auto;
	position:relative;
	height: 208px;
	background: #261e1c;
	font-family: century gothic;
	color: #716f6f;
	font-size: 15px;
	padding: 33px;
}

.footer-content_left
{
display: inline-block;
width: 400px;
height: 110px;
background: #261e1c;
font-family: century gothic;
color: #716f6f;
font-size: 15px;
padding: 33px;
}


.footer-content_right
{
display: inline-block;
width: 485px;
margin: 0 auto;
position: relative;
height: 110px;
background: #261e1c;
font-family: century gothic;
color: #716f6f;
font-size: 15px;
padding: 33px;
text-align: right;
}

.copyright{
font-family: century gothic;
font-size: 15px;
color: #53423e;
}

.main_div{
/**height: 210px;**/
}


/* contact */
.contact_block
{
	background: #2f2422;
    padding-bottom: 40px;
}

.map
{
   border: none !important;
}
.contact_block .validation
{
	color: red;
	font-weight: bold;
	margin-bottom:10px;
    width: 500px;
}
.contact_form
{
	text-transform:uppercase;
	color: white;
    display: none;
	font-size: 22px;
	font-weight: bold;
	padding-top: 15px;
	padding: 15px 0px 15px 15px;
}

.contact_form_div
{
    margin-top: 20px;
}

.contact_detail_block
{
	display: none;
}

.contact_block  form
{
	padding-top:10px;
	float: right;
	width:500px;
	margin-top: 400px;
}

.contact_block  input[type="text"]
{
	padding: 8px;
	border: none;
	background-color: #8e8e8e;
	width: 302px !important;
}

.contact_label input[type="submit"]
{
	padding: 8px;
	width:150px;
}

.contact_label:last-child
{
	margin-top: -25px;
}

.contact_block  textarea
{
	width: 316px !important;
	background-color: #8e8e8e;
}

.contact_block .email
{
	display:none;
}

.contact_desc
{
	padding-left: 40px;
	width: 300px;
	margin-top: 20px;
	float: left;
}
/**.telephone p:before
{ 
content:url(images/contact_button.png) no-repeat;
padding: 0px;
}
.address  p:before
{ 
content:url(images/address.png) no-repeat;
padding: 0px;
}

.address2  p:
{ 
	margin: 0 0 5px 0;
}**/


.add{
background: url(images/contact_button.png) no-repeat;
text-indent: 30px;
display: block;
width: 200px;
height: 22px;
color : #716f6f;
}

.con{
background: url(images/address.png) no-repeat;
text-indent: 25px;
display: block;
height: 22px;
color : #716f6f;
width: 600px;
}




.bottombar {
	width:100%;
	height:20px;
	float:left;
	background: #000;
	text-align:center;
	padding:5px 0;
	

}

.bottombar a {
	color: #ebebeb;
	font-weight:bold;
	text-transform: uppercase;
	font-size:11px;
}


.footer-content h1{
	color: white;
	font-family: century gothic, arial;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 500px;
}

/**.footer-content h2{
color: white;
font-family: century gothic, arial;
float: right;

}**/

.article-content img
{
	float: left;
	padding-right: 25px;
}

.article_title_area
{
background: transparent!important;

}

.category_blog_view .article_title h4 a 
{
color: #7C4E24!important;
}

.room_title p:before
{
content:url(/storage/upload/wilhouse/images/template_images/room_L.png) no-repeat;

}

.room_title p:after
{
content:url(/storage/upload/wilhouse/images/template_images/room_R.png) no-repeat;

}

.room_title p {
text-align: center;
font-size: 35px;
font-family: 'ChaparralPro-Regular';
color: black;
}

/*social button*/

.footer-content_right img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.footer-content_right img.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

/* article */
.category_blog_view h1 
{
    text-transform: uppercase;
}

.avatar
{
background: url(/storage/upload/wilhouse/images/user_icon.jpg) !important;
}