/* 

*** Primary Color:

   var. 1 = #00A383 = rgb(0,163,131)
   var. 2 = #1F7A68 = rgb(31,122,104)
   var. 3 = #006A55 = rgb(0,106,85)
   var. 4 = #34D1B2 = rgb(52,209,178)
   var. 5 = #5ED1BA = rgb(94,209,186)

*** Complementary Color:

   var. 1 = #FF6400 = rgb(255,100,0)
   var. 2 = #BF6830 = rgb(191,104,48)
   var. 3 = #A64100 = rgb(166,65,0)
   var. 4 = #FF8B40 = rgb(255,139,64)
   var. 5 = #FFAA73 = rgb(255,170,115)


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



body{
font: 62.5% "Lucida Grande", Verdana, Arial, sans-serif;
color: rgb(60,60,60);
background: rgb(192, 225, 222);	}

/* text */

h1{ font-size:1.6em; color:#180773; line-height:1.3;}
  
h2{ font-size: 1.6em;  margin:1.5em 20px .5em;  line-height: 1.5; font-weight:normal; color:#009D91;}
	
h3 { font-size: 1.6em;  margin:.5em 20px .2em;  font-weight:normal; color:#B87D55; line-height:1.4; }
	
p { font-size: 1.3em; margin: 0 0 .5em 0; line-height: 1.4;	}

ul {margin:0;}

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:#604BD8; text-decoration:underline; }


a:hover, a:focus { color: white; background:#604BD8;	text-decoration:none;}
	
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:rgb(211, 252, 249);
margin: 0 auto;
position: relative;
}

/* Header */
		
header{
float:left;
width:100%;
}
	

header h1{ float:left; width:965px; margin:5px 5px 0 5px;}
	
header h1 a img{
border:none;


}

header h1 a:hover img, header a:focus img, header h1 a:hover, header a:focus{
opacity:.5;
background:none;
}


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

header nav{
float: right;
background:rgb(211, 249, 243);
background:rgba(255, 255, 255,.7);
width:100%;
margin-top:-50px;

}

header nav ul{
margin:0px;
text-align:center;
}
	
header nav li{
float: left;
font-size: 1.4em;
list-style:none;
margin:0;		
}

header nav li a:link, 
header nav li a:visited{
padding:10px 12px;
text-decoration:none;
float: left;
color:#009D91;
font-weight:bold;
}

header nav li a:hover, header nav li a.selected{

background:#009D91;
color:rgb(207, 245, 242);
}

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


}


/*-- reserve --*/

#reserve h1{ font-size:15px; margin:5px 0 3px; text-transform:uppercase; color:rgb(187,59,24); font-weight:normal; letter-spacing:.05em;}

#reserve{ 
width:300px; 
float:right; 
background:url(http://www.ocmdhotels.com/images/ocmd/seabonay/a_lightBlueTrans.png) repeat transparent;
background:rgba(213,250,244,.8);
position:relative;
padding:0px 0 10px 10px;
position:relative;
z-index:2;
}

#reserve label { display:block; color:rgb(30,60,60); 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:#3B2E84; color:white; border:1px solid transparent;}

#reserve button:hover{background:#8070D8; color:#3B2E84; border:1px solid #3B2E84; }


#reservePhone{float:right; width:975px; margin-top:5px; }


#phone{ 
padding:20px 5px 20px 10px;
background:rgba(213,250,244,.8); 
 }

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


.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;}

.img{margin-bottom:10px; background:#BDE2DF;}

.img p{padding:10px 5px 5px;  margin-top:-2px; float:left; }


.condo211images .img{clear:right;}

.img img{float:left;}

section h1{
font-size: 1.8em;
line-height: 1.5;
color:#009D91;
margin:.1em 25px .75em 20px;
}

section.condos article h1{margin:25px 0 5px 20px; color:#4479D4;}

section.condos article h1 em{display:block; font-size:14px;}

#amenities{ width:975px; float:left; margin-bottom:30px; }

#amenities h1{border-bottom:4px solid rgb(106, 146, 212); margin:0 0 30px; padding:20px 0 10px 25px;}

#amenities h2{float:left; margin:0 0 0 25px; width:700px;}

#amenities h2 strong{display:block;}


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

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

.pictures{ position:relative; background:#D5FAF4; border-top:2px solid #37D7BC; 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:hover img, .thumbs a:focus img{border:2px solid #37D7BC;}

.thumbs a img{margin:0; padding:0; border:2px solid transparent; float:left;}
.thumbs a img.selected{border:2px solid #37D7BC; 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:#3B2E84;
color:rgb(211, 252, 249);
}

/*Rates Table */

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



#ratesTable tr.rateDates th {
font-weight:bold;
color:#1049A9;
padding:2em 0 .5em;
text-align:left;
}

#ratesTable tr em{
display:block; font-size:smaller; color:#009D91; margin-top:.2em;}

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

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

table#ratesTable tr th{
color:;
font-weight:normal;
padding:1px 0 5px 0;
text-align:left;
}

table#ratesTable tr td{
font-size:1em;
padding-left:15px;
}


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

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

.finerPrint h2{ font-size:1.3em; margin:1em 20px;}

/*--------------
 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 20px; padding:5px 10px;  background:#3B2E84; color:white; border:1px solid transparent;}

#contact button:hover{background:#8070D8; color:#3B2E84; border:1px solid #3B2E84; }

div.bottom{
background:rgb(192, 225, 222);

position: relative;
min-height: 190px;

}
div.bottom p{ color:; }

.bottom h1{ color:#180773;}

footer{
margin: 0 auto;
width: 965px;
border-top:5px solid #6A92D4;
padding: 20px 0 0 10px;
}

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

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



/*-------------
	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;
}