/* -------------------------------------------------------------- 

Sandals Building Page Styles
Author:	Justin Pardee, Collective Industry
Date: 	Oct 26, 2009

-------------------------------------------------------------- */

@import 'reset.css';

/* -------------------------------------------------------------- 


1: BASE STYLES
2: TYPOGRAPHY
3: STRUCTURE
4: SECTIONS
	a) Hero
	b) Content
	c) Footer
5: MISC

-------------------------------------------------------------- */
html {
	background: #fcf5e3 url(../img/bg.jpg) no-repeat 50% 0;
	color: #221905;
}


body {
	padding-top: 36px;
	text-align:center;
	font: 16px/21px Garamond, “Hoefler Text”, Times New Roman, Times, serif;
}


/* 2: Typography
--------------------------------------------------*/
h1 {
	font-size: 36px;
	line-height: 36px;
}
p {
	margin-bottom: 18px;
}

/*
h2 {
	font-size: 21px;
	font-weight: normal;
	line-height: 42px;
	color: #ff7f00;
}
ul {
	margin-bottom: 21px;
	margin-left: 20px;
	list-style: disc;
	font-size: 13px;
}
p em, li em {
	font-style: normal;
	background: #ffc;
}
*/

h1#ttl-ourfuturehome {
	width: 346px; height: 0; padding-top: 36px;
	overflow: hidden;
	background: url(../img/ttl-ourfuturehome.png) no-repeat;
}

/* 3: Structure
--------------------------------------------------*/

#wrap {
	margin: 0 auto;
	width: 960px;
	text-align: left;
/* 	background: url(../grid.gif) repeat-y; */
}
#header {
	margin: 0 10px 18px;
}
/*
#content {
	padding: 21px 25px 21px;
	background: url(../img/bg-content.png) repeat-y;
}

#footer {
	margin-bottom: 42px;
	padding: 0 25px 21px;
	background: url(../img/bg-footer.png) no-repeat bottom;
	color: #999;
	font-size: 13px;
	text-align: center;
}
*/

/* 4: Sections
--------------------------------------------------*/
/* 4a: Hero --------------------*/
#billboard {
	margin:0 10px 0 5px;
}
#hero {
	width: 620px;
	float: left;
	position: relative;
	margin-right: 15px; padding: 5px;
	background: #fff5d1;
}
#billboard p {
	padding-top: 18px;
}
#btn-donatenow {
	display: block;
	position: relative; left: -5px;
	width: 150px; height: 0; padding-top: 123px;
	overflow: hidden;
	background: url(../img/btn-donatenow.png) no-repeat;
}
#btn-donatenow:hover {
	background-position: 0 -123px;
}


/*
#logo {
	margin-bottom: 21px;
}
#hero #sshot {
	position: absolute;
	right: 20px; top: 126px;
}
#hero p {
	width: 380px;
	color: #666;
	font-size: 12px;
}
#hero p.welcome {
	font-size: 14px;
}
*/

/* 4b: Content ------------------*/
/*
#article {
	width: 380px;
	float: left;
}
#aside {
	margin-top: 168px;
	width: 380px;
	float: right;
}
#btn-ortaketour {
	display: block;
	margin: 0 auto;
	width: 222px; height: 0; padding-top: 36px;
	overflow: hidden;
	background: url(../img/btn-ortaketour.png) no-repeat;
}
#btn-ortaketour:hover {
	background-position: 0 -36px;
}

/* 4c: Footer ------------------*/
#footer .contact {
	color: #666;
}
#footer a:link, #footer a:visited {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
*/


/* 5: Miscellaneous
--------------------------------------------------*/
/* Self-Clearing Floats ----*/
#billboard:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}