/* - colors 
FFE89C - light
FFDF78 - less light
EDC43F - mid
BFA75A - less dark
524034 - dark

585CAD - high1
c22925 - high2

*/

/* 
Title: Master Styles for Screen Media
Author: davidkrodriguez@gmail.com
*/



body{
font: 62.5% "Lucida Grande", Verdana, Arial, sans-serif;
color: #524034;
background: #e8e1da;	}
	
/* text */
h1{
font-size:1.6em;
line-height:1.4;
color:rgb(227,172,62);
}   
h2{
font-size: 2em;
margin: 0 0 .5em 0;
line-height: 1.2;

font-weight:bold;

}
	
h3{
font-size: 1.3em;
margin-top: 1em;	}
	
p{
font-size: 1.3em;
margin: 0 0 .5em 0;
line-height: 1.4;	}

li{ 
font-size:1.35em;
line-height:1.3;
margin:0 0 .5em 0;
list-style:outside disc;}
	
/* Links */

a:link, a:visited{
outline: none;
color: #585cad;	}


a:hover, a:focus{
color: #fa841a;	}
	
dl.one{ font-size:1.5em; margin:0 0 0 20px; width:200px; }

dt{ font-size:1.1em; margin:.5em 0 .1em; color:#E3AC3E; font-weight:bold;}

dd{ margin:0 0 1em 0;}

strong{font-weight:bold;}

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

#wrapper{
width: 975px;
background: url(http://www.ocmdhotels.com/images/ocmd/harrisonhall/975Background.gif) repeat-y #fbfae8;
margin: 0 auto;
position: relative;
}



/* Header */
		
header{
background: url(http://www.ocmdhotels.com/images/ocmd/harrisonhall/975headerTop.jpg) no-repeat top left;
float:left;
width:100%;
}
	
header h1{
width: 195px;
height: 118px;
display: block;
background: url(http://www.ocmdhotels.com/images/ocmd/harrisonhall/1HarrisonHallLogo2.png) no-repeat;
position: absolute;
left: -10px;
top:5px;
float: left;
z-index:5;
	}
	
header h1 a{
width: 195px;
height: 118px;
display: block;
text-indent: -9999px;
position:relative;
}

header h1 a:hover, header h1 a:focus {
background:rgb(252,235,118,.3);
background:rgba(252,235,118,.3);
}


/*----------------------
   NAV 
*/


header nav{
float: right;
background:rgba(242,213,134,.2);
width:100%;
padding-top:25px;
	}

header nav ul{
margin:0px;
max-width:800px;
float:right;		
}
	
header nav li{
float: left;
font-size: 1.4em;
list-style:none;
margin:0;		
}

header nav li a{
padding:10px 12px;
text-decoration:none;
border-right:1px solid rgb(242,213,134);
border-right:1px solid rgba(242,213,134,.5);
float: left;
}

header nav li a:hover{
background:#FFE89C;
background:rgba(252,235,118,.3);
}

	
#mainContent{
padding-bottom: 30px;
clear:both;


}

/*-- reserve --*/

#reserve h1{ font-size:15px; margin:5px 0 3px; text-transform:uppercase; color:#DF9B27; font-weight:normal; letter-spacing:.05em;}

#reserve{ 
width:300px; 
float:right; 
background:url(http://www.ocmdhotels.com/images/ocmd/harrisonhall/transparentYellow.png) repeat transparent;
background:rgba(251,250,232,.9);
position:relative;
padding:0px 0 10px 10px;
position:relative;
z-index:2;
}

#reserve label { display:block; color:#585CAD; font-size:.9em; font-weight:bold;}

#resDetails p { float:left; width:28%;}

#rateType { float:left; width:30%; clear:left;}

#rateType select { width:100%;}

#checkins, #checkouts { width:80%; padding-bottom:3px; float:left;}



#promocode { width:50%; float:left; margin-left:30px;}

#reserve button { font-size:1.5em; clear:both; margin:10px 0; padding:5px 10px; background:#FFE89C; color:#585CAD; border:1px solid #FFE89C;}

#reserve button:hover{background:#fa841a; color:#FFE89C;}

#checkin, #checkout{width:75px; }

#reservePhone{width:975px; background:url(http://www.ocmdhotels.com/images/ocmd/harrisonhall/porch975.jpg) no-repeat; position:relative; height:200px; float:left; }

h1#phone{ 
width:960px; 
float:left; 
background:url(http://www.ocmdhotels.com/images/ocmd/harrisonhall/transparentYellow.png) repeat transparent;
padding:20px 5px 20px 10px;
background:rgba(251,241,220,.8); 
position:absolute; 
bottom:0; 
z-index:1;
color:#524034;
line-height:1.2;
}


#phone em{display:block; font-weight:normal; font-style:normal; font-size:.9em;}

#amenities{ clear:right;	}

.main h1{ font-weight:normal;}

.inset{margin:0;}

.left{float:left;}

.right{float:right;}

.one{width:233px; margin:5px; }

.two{width:477px; margin:5px; }

.three{width:721px; margin:5px; }

.four{width:965px; margin:5px; }

.left, .right{display:inline; }


.text h1, .text p, .text li{ margin:.1em 25px .75em 20px;}

.text h1{margin-top:20px;}

section h1{
font-size: 1.8em;
line-height: 1.5;
text-transform:uppercase;
letter-spacing:.1em;
color:rgb(227,172,62);
margin:.1em 25px .75em 20px;
}

h2, h3{ margin:.5em 20px .2em;}

h3{font-weight:bold; } 

/*----------- 
  Photo Gallery 
------------------*/

#photoGallery{ position:relative; float:left; width:975px;}

.pictures{ position:relative; background:#FFE89C; border-top:2px solid #FFDF78; z-index:5;}

.pictures p{ margin:5px 80px;}

#loader{position:absolute; width:30px; height:30px; left:220px; top:150px; z-index:1;}

.pictures .controls{position:absolute; top:-5px; left:0;   width:100%; line-height:1;}

.controls a{ padding:5px; font-size:30px; margin:0 5px; text-decoration:none; }

.thumbs{width:477px; float:right;}

.thumbs a{float:left; padding:0; text-decoration:none; margin:2px; width:115px; height:115px; }
.thumbs a img{margin:0; padding:0;}
.thumbs a:hover img{border:2px solid #fa841a;}

.thumbs a img{border:2px solid transparent; float:left;}
.thumbs a img.selected{border:2px solid #fa841a; opacity:.5;}
.controls a em{ font-style:normal;}


/*-------------
 Rates 
--------------*/
body.rates section h1, body.specials section h1, body.contactus section h1, #photoGallery h1{
font-size: 2em;
line-height: 1.5;
padding:15px 0 10px 25px;
margin:10px 0;
float:left;
width:950px;
background:#FFE89C;
}

/*Rates Table */

table#ratesTable{
width:530px;
text-align:left;
font-size:1.5em;
margin:0 100px;
float:left;
}

table#ratesTable tr.dateHeader th {
font-weight:bold;
color:#585cad;
padding:2em 0 .5em;
}

table#ratesTable tr.dateHeader span{
display:block; font-size:smaller; color:#563023; margin-top:.2em;}

th strong{
font-size:smaller;
display:block;
text-transform:uppercase;
color:#563023;
}

table#ratesTable tr th.roomType{
color:#EDC43F;
font-size:1.2em;
padding: 8px 0 0 0;
font-weight:normal;
}

table#ratesTable tr th{
color:#603d49;
font-weight:normal;
padding:1px 0 5px 0;
}

table#ratesTable tr td{
color:#603d49;
padding-left:30px;

}


/*--------------
 SPECIALS
-----------------*/

p.finePrint{ font-size:1.2em;}


/*--------------
 CONTACT US
-----------------*/

#contact label{display:block; margin:.3em 0;}

#contact span{ font-size:smaller; color:gray; font-style:italic;}


#contact button { font-size:1.5em; clear:both; margin:10px 25px; padding:5px 10px; background:#FFE89C; color:#585CAD; border:1px solid #FFE89C;}

#contact button:hover{background:#fa841a; color:#FFE89C;}

div.bottom{
background:url(http://www.ocmdhotels.com/images/ocmd/harrisonhall/board.jpg) repeat #fae2ac;
padding: 20px;
position: relative;
min-height: 190px;
}

.bottom h1{ color:#524034; }

footer{
margin: 0 auto;
width: 975px;
}

footer p{
margin:5px 0;
font-size:1.4em;}

footer address{
margin:5px 0;
font-size:1.4em;
}

#streetSign{
background:url(http://www.ocmdhotels.com/images/ocmd/harrisonhall/15StreetSign.png) no-repeat;
width:185px;
height:250px;
position: absolute;
bottom: 0;
right: 15px;
}




/*-------------
	5 Col Promo
--*/
.promo{
	display: block;
	width:213px;
	float: left;
	margin-left:11px;
    padding:10px;
    background:url(http://www.ocmdhotels.com/images/ocmd/harrisonhall/board.jpg) repeat #fae2ac;
	text-align:center; }

.promo.first{
	margin-left: 5px;
	}

.sevenNights{
	width:457px;
	margin: 10px 249px 40px;
	position: relative;}

p.mostSavings{
	width:127px;
	height: 121px;
	display: block;
	text-indent: -9999px;
	overflow: none;
	background:url(http://www.ocmdhotels.com/images/ocmd/harrisonhall/mostSavings.png) no-repeat;
	position: absolute;
	bottom:-50px;
	right: -20px; }

a.promo { 
	text-decoration:none;}

.promo strong, .intro strong{ 
	font-style:normal; 
	color:#0f346a;
 }

a.promo:hover, a.promo:focus{
	background:#fceb76;
	padding: 12px 10px;
	}
.promo h1{ margin:10px 0; line-height:1.5;}

.promo h2{ text-transform: uppercase;	}

p.code{ margin:5px auto; background:#fcf8c4; width:200px; padding:5px;}

/*-------------
	GRIDS
--*/
#grid4{
	background: url(http://www.ocmdhotels.com/images/ocmd/harrisonhall/9754ColGrid.png) repeat-y;
	position: absolute;
	top:0;
	left: 0;
	height: 1000px;
	width: 975px;
	z-index: 5;}
	
#grid5{
	background: url(http://www.ocmdhotels.com/images/ocmd/harrisonhall/9755ColGrid.png) repeat-y;
	position: absolute;
	top:0;
	left: 0;
	height: 1000px;
	width: 975px;
	z-index: 5;}
		
/*-------------
	SELF CLEARING FLOATS
---------------*/
.group:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*
------------
    Self Clearing Floats
------------
*/

/* IE6 */
* html .group {
	height:1%;
}

/* IE7 */
*:first-child+html .group{
	min-height: 1px;
}