/*  
Theme Name: Westerner Inns, Inc.
Theme URI: http://www.westernerinns.com/
Description: The default design and layout for Westerner Inns, Inc.
Version: 1.0
Author: Brock Mittleider, Web Catalysts
Author URI: http://www.webcatalysts.com/

Color Scheme:
	COLOR CODE		COLOR			USE
	#202020         Dark Gray       Background
    #E1B23F         Yellow/Gold     Background behind gradient
    #545454         Gray            Text, Border
    #A79B62         Mustard         Dashed Border
    #8A835A         Mustard 2       Link Text
    #444444         Medium Gray    	Link Text
*/

html,body {
	margin:0px;
	padding:0px;
    height:100%;
    width:100%;
	background-color: #202020;
    background-image: url(../images/divider.gif);
    background-repeat: repeat-y;
    background-position:50%;
}
#content {
    width:100%;
    height:650px;
    min-height:650px;
    background: #e1b23f;
    background-image: url(../images/bg/gradient_light_yellow.gif);
    background-repeat: repeat-x;
    border-bottom: 5px solid #545454;
}
html>body #content{height:auto; min-height:650px;}
#footer {
    width:100%;
    border-top: 12px solid #202020;
}

#cowboy {position:absolute;top: 75px;z-index:5;}
#content #wifi {position:absolute;top:208px;z-index:20;}
#circle {position:absolute;top: 370px;z-index:10;margin-left:-32px;}

#page {width:750px;}
#pageDetails {width:750px;}
#footerDetails {width:750px;}

#panel {
    width:364px;
    height:420px;
    background-image: url(../images/bg/gradient_dark_yellow.gif);
    background-repeat: repeat-x;
}

#divider {
    position:absolute;
    top: 231px;
    z-index:2;
    margin-left:-1px;
    border-left:1px dashed #a79b62;
    border-right:1px dashed #a79b62;
    height:408px;
}

#hotelDetails {position:absolute;width:748px;top: 90px;z-index:3;text-align:left;}

/*____________________________ LAYOUT STYLES END _____________________________*/

/* Typography Styles */
body, td, div, span {
    font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
    color:#000000;
	font-size: 11px;
}

h1, h2, h3, h4, h5, h6 {display:inline;}
h1 {font-size:32px;}
h2 {font-size:24px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}
form {padding:0px; margin:0px;}

.white {color:#FFFFFF;}
.black {color:#000000;}

.serif {font-family:serif;}
.sans {font-family:sans-serif;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.size9px {font-size:9px;}
.size10px {font-size:10px;}
.size11px {font-size:11px;}
.size12px {font-size:12px;}
.upper {text-transform:uppercase;}
.lower {text-transform:lowercase;}
.ucfirst {text-transform:capitalize;}
.caption {color:#666666;font-size:.85em;}
.pre {white-space:pre;}
.nowrap {white-space:nowrap;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}
.nounderline {text-decoration:none;}
.highlight {background:#FFF7C0;padding:5px;}
.clickable {cursor:pointer;}

a, a:visited {color:#444444;text-decoration:none;}
a:hover {color:#8a835a;text-decoration:underline;}

#footer a, #footer a:visited {color:#444444;text-decoration:none;}
#footer a:hover {color:#ffffff;text-decoration:underline;}

ul.spaced li{padding:6px 0px;}
.liMain {width:315px;text-align:right;}
.liLeft {width:260px;float:left;text-align:left;}