/* Stylesheets for Michael Genuine
   Explosive Image.
   Coder: Arleys
   Date: 04/30/07
*/


/****************
     GLOBAL
*****************/

*
{
 margin: 0;
 padding: 0;
}

html, body
{
 background: url(images/bg.jpg) #702426 top left repeat-y;
 height: 100%;
 text-align: center;
 position: relative;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #280E0F;
}

h3
{
 text-align: left;
}

a
{
 text-decoration: none;
 outline: none;
}

table
{
 text-align: left;
 margin: 0 auto;
}

#social
{
 	color: #B0A090;
 	font-size: 10px;
	margin:0 auto;
	padding:4em 0 0 0;
	width:500px;
	height:160px;
}
#social a
{
	 color: #6C5752;
}

#container
{
 width: 100%;
 height: 537px;
 margin: 3px auto;
 /*----Vertical Align------*/
 position: absolute;
 top: 160px;
 left: 50%;
 margin-left: -50%;
 background: #240909;
}

#holder
{
 width: 933px;
 height: 437px; 
 margin: 0 auto;
}

#left
{
 width: 200px;
 height: 437px; /*100%;*/
 float: left;
 font-family:"Times New Roman", Times, serif;
 font-weight:bold;
 color:#FFF; 
}

#content
{
 width: 543px;
 height: 437px;
 float: left;
 border-right: 5px solid;
 background: #b5a595;
}

#content a:link, #content a:visited
{
 color:#702426; 
}

#content a:hover, #content a:active
{
 color:#280E0F; 
}

#title
{
 width: 535px;
 height: 30px;
 background: #c3b6a3;
 float: left;
 padding-top: 5px;
 padding-left: 8px;
}

#text
{
 width: 508px;
 height: 340px;
 padding: 10px 16px; 
 overflow: auto;
 float: left;
 text-align: center;
}

#text p
{
 width: 490px;
 height: auto;
 margin: 8px auto;
 text-align: justify;
 float: left;
 /*border: 1px solid #000;*/ 
}

#test span
{
width: 225px; 
}

#text table td span.presslinks a
{
 margin: 5px auto;
 line-height: 1em;
 color: red;
}

#text table 
{
 width: 480px;
}

#right
{
 width: 185px;
 height: 437px; /*100%;*/
 float: right;
}

#topbar
{
 width: 100%;
 height: 30px;
 background: url(images/top_bar.jpg) top left repeat-y #ccc0aa;
 border-top: 5px solid #2a0f11;
 border-bottom: 5px solid #2a0f11;
}

#bottombar
{
 width: 100%;
 height: 30px;
 background: url(images/bottom_bar.jpg) top right repeat-y #ccc0aa;
 border-top: 5px solid #2a0f11;
 border-bottom: 5px solid #2a0f11;
}

#footer
{
 width: 100%;
 height: 20px;
 background: url(images/bg.jpg) #702426 top left repeat-y;
 color: #B0A090;
 font-size: 10px;
 padding-top:1em;
}

#footer a:link, #footer a:visited
{ 
 color: #6C5752;
}

#footer a:hover, #footer a:active
{
 color: #CCC0AA;
}

.clear
{
 clear: both;
}

/****************
     MENU TEMPLATE
*****************/

#content-menu
{
 width: 733px;
 height: 405px;
 float: left;
 /*border: 1px solid #000;*/
}

/*#title-menu
{
 width: 725px;
 height: 30px;
 background: #c3b6a3;
 float: left;
 padding-top: 5px;
 padding-left: 8px;
}*/

#text-menu
{
 width: 733px;
 height: 405px;
 overflow: auto;
 float: left;
 text-align: center;
}

/*#text-menu p
{
 width: 490px;
 height: auto;
 margin:0 0 .5em 0;
 line-height:1.3em;
 text-align: justify;
 float: left;
 border: 1px solid #000;
}*/

/****************
 CONTACT TEMPLATE
*****************/

#content-contact
{
 width: 318px;
 height: 439px;
 float: left;
 border-right: 5px solid;
  background:  #b5a595; /*#c3b6a3 #D5D3BA #b5a595;*/
  
}

#content-contact a:link, #content-contact a:visited
{
 color:#702426; 
}

#content-contact a:hover, #content-contact a:active
{
 color:#280E0F; 
}

#title-contact
{
 width: 310px;
 height: 30px;
 background: #c3b6a3;
 float: left;
 padding-top: 5px;
 padding-left: 8px;
}

#title-contact-1
{
 width: 400px;
 height: 30px;
 background: #c3b6a3;
 float: left;
 padding-top: 5px;
 padding-left: 8px;
 margin-bottom: 5px;
}

#text-contact
{
 width: 285px;
 height: 375px;
 padding: 10px 16px; 
 overflow: auto;
 float: left;
 text-align: center;
}

#text-contact p
{
 width: 260px;
 height: auto;
 margin: 8px auto;
 text-align: justify;
 float: left;
 /*border: 1px solid #000;*/
}

#right-contact
{
 width: 400px;
 height: 439px; /*100%;*/
 float: left;
 background: #b5a595;
 text-align: center;
}
#right-contact h4
{
 font-size: 12px;
 width: 380px;
 margin-left: 10px;
 text-align: left;
}

#right-contact-top
{
 width: 400px;
 height: 70px;
}

#right-contact-middle
{
 width: 400px;
 height: 242px;
}

#right-contact-bottom
{
 width: 400px;
 height: 127px;
 text-align: left;
 /*background: #240909;*/
 /*padding-top:5px;*/
}


/****************
 DROPDOWN MENU
*****************/

#nav, #nav ul
{
 list-style: none;
 float: left;
 width: 198px;
 text-align: left;
 /*line-height: 1;*/
 
}

#nav li a
{
 font-size: 12px;
 text-transform:uppercase;
 font-family:"Times New Roman", Times, serif;
 color:#FFF;
 display: block;
 width: 178px;
 height: auto; /*32px;*/
 padding : 0 10px;
 outline: none; 
}

#nav li
{
 position : relative;
 float: left;
 width: 198px;
 height:auto; /*32px;*/
 border: 1px solid #4A2C2E;
 background: #2C1213;
 line-height : 2.3em;
 margin-bottom : -1px; 
}

#nav li ul
{
 position: absolute;
 width: 198px;
 left: -999em;
 margin-left : 198px;
 margin-top : -33px;
}

#nav li a:hover
{
 color : white;
 background:#4E1C1B;
}

#nav li:hover ul ul,#nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{
 left: -999em;
}

#nav li:hover ul,#nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul  
{
 left: auto;
}



#twitterlink
{
	display:block;
	background:url(../images/twitter3.png) no-repeat;
	height:55px;
	width:118px;
	margin:3px auto 3px auto;
	text-indent:-9999px;
}

#certificates
{
	font-size:0.9em;
	width:410px;
	margin:0 auto;
}

#certificates span
{
	float:left;
	width:200px;
}

#reservations
{
	margin:1em auto 0 auto;
	width:420px;
}
#miamilogo,
#caymanlogo
{
	height:165px;
	width:206px;
}
#miamilogo a,
#caymanlogo a
{
	color:#5e2611;
	cursor:pointer;
	display:block;
	font-size:0.9em;
	height:45;
	padding:155px 0 0 0;
	text-indent:-9999px;
	width:inherit;
}
#miamilogo
{
	background:url(images/miami-logo.jpg) no-repeat top center;
	float:left;
}

#caymanlogo
{
	background:url(images/cayman-logo.jpg)no-repeat top center;
	float:right;
}

/****************
    CLASSES
*****************/

.imgleft
{
	float:left;
	margin:0 6px 6px 0;
}