/*
Theme Name: Alona Palm v1.0
Theme URL: http://www.alonapalmbeach.com
Description: This is the official theme for Alona Palm Beach Resort.
Version: 1.0
Author: Ryan Macalandag
Author URL: http://ryanmacalandag.blogspot.com
Company: Design Depot Graphics
Company Website: http://www.designdepotgraphics.com
*/

/* Start Reset */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;display:block;}
a{
	text-decoration:underline;
	color:#252e1c;
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */
/* End Reset */

/* Start Custom Styles */

body{
	font-size:12px; 
	text-align:center;/* for ie5.+*/
	background:url("images/bg-main-1800.jpg") center top no-repeat;
}

#container{
	width:930px;
	margin:0px auto;
	padding:0px;
}

.regular{
	font-family:Verdana, Arial, sans-serif;
	font-size:80%;
	color:#999;
}

/* Sidebar for logo */
#sidebar-left{
	width:180px;
	margin-top:110px;
	float:left;
	padding:0px;
}

#address{
	margin-top:20px;
	text-align:right;
	line-height:220%;
	padding:0px;
}

/* Main Box */
#main{
	width:695px;
	padding-left:25px;
	margin-top:75px;
	float:left;
}

#nav-main{
	width:550px;
	float:left;
	margin-bottom:10px;
	padding:0px;
}

/*Navigation Menu - Main*/
ul#nav{
	text-align:left;
	padding:0px;
}

ul#nav li{
	display:inline;
	text-transform:lowercase;
	padding:0 7px 0 0;
	font-weight:none;
	font-size:90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul#nav li a{
	color:#aaa;
	text-decoration:none;
}

ul#nav li a:hover,
ul#nav li.current a{
	color:#FDD017;
}

#nav-jump-menu{
	text-align:right;
	float:left;
	width:120px;
	padding:0;
	margin-bottom:10px;
}


/* Horizontal Line - Graduated */
.line{
	height:5px;
	margin:20px 0px 10px 0px;
	background:url('images/line-grad.jpg') no-repeat;
	clear:both;
	padding:0px;
}

.line-bw{
	height:5px;
	margin:20px 0px 0px 0px;
	background:url('images/line-grad-bw.jpg') no-repeat;
	clear:both;
	padding:0px;
}

/* Main Content */
#tag-main{
	padding:10px 20px 0px 0px;
}

.tag-main{
	text-align:left;
	font-size:200%;
	font-weight:800;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:150%;
	color:#3B9C9C;
	padding:0px;
}

.tag{
	text-align:left;
	font-size:170%;
	font-weight:400;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:150%;
	color:#3B9C9C;
	padding:0px;
}

h1.tag{
	font-size:140%;
	margin-top:15px;
}

#content-main{
	padding:10px 40px 0px 0px;
	margin-bottom:50px;
}

.content-main{
	text-align:left;
	font-size:170%;
	font-weight:400;
	font-family:Georgia, "Times New Roman", Times, serif;;
	line-height:140%;
	color:#888;
	padding:0px;
	margin-bottom:10px;
}

.content{
	text-align:left;
	font-size:120%;
	font-weight:400;
	font-family:Georgia, "Times New Roman", Times, serif;;
	line-height:140%;
	color:#666;
	padding:0px;
	margin-bottom:10px;
}

ul.content{
	padding-top:0px;
}

.content li{
	margin:0px 0 0 50px;
	list-style:disc;
	font-size:80%;
}

.photo-main{
	border:3px solid #C9BE62;
	margin:15px 20px 50px 0px;
	float:left;
	padding:0px;
}

.photo{
	border:3px solid #C9BE62;
	margin:10px 20px 12px 0px;
	float:left;
	padding:0px;
}

.table-rates{
	margin-top:20px;
	martin-bottom: 10px;
	font-family:Verdana, Arial, sans-serif;
	line-height:140%;
	font-size:90%;
	color:#666;
	border:1px solid #ddd;
}

.table-rates td{
	padding:10px;
	border:1px solid #ddd;
}

.table-header{
	font-weight:800;
	text-align:center;
	background:#eee;
}

.back-to-top{
	font-size:80%;
	margin-top:30px;
	text-align:right;
}

.back-to-top a{
	color:#ccc;
}

/* Footer */
#copyright{
	font-family:Verdana, Arial, sans-serif;
	font-size:80%;
	color:#888;
	text-align:left;
	width:400px;
	margin-top:5px;
	margin-bottom:35px;
	float:left;
	padding:0px;
}

/*Navigation Menu - Bottom*/
ul#nav-bottom{
	font-size:80%;
	float:left;
	text-align:right;
	margin-top:5px;
	margin-bottom:15px;
	width:260px;
	padding:0 0 0 30px;
}

ul#nav-bottom li{
	display:inline;
	text-transform:lowercase;
	padding:0 7px 0 0;
	font-weight:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul#nav-bottom li a{
	color:#aaa;
}

ul#nav-bottom li a:hover,
ul#nav-bottom li.current a{
	color:#FDD017;
}

/* Miscellaneous Styles */
.italic{
	font-style:italic;
}

.strong{
	font-weight:800;
}

.clear-float{
	clear:both;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.padding-top-30{
	padding-top:30px;
}

.padding-top-15{
	padding-top:15px;
}

.pad-up-down-15{
	padding-top:15px;
	padding-bottom:15px;
}

.pad-left-15{
	padding-left:15px;
}

.pad-left-30{
	padding-left:30px;
}

.pad-left-right-15{
	padding-left:15px;
	padding-right:15px;
}