/* Exemplifying the <div> and <span> elements in XHTML */

/* style for background */
body{ background-image: url(images/gradientdark.png);
	background-color: #222222;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #2c2c2c;
	padding: 10px;
	font-size:12px;
	background-attachment:fixed;}

*{margin:0px; padding:0px;}
h4{margin-top: 20px;
font-size:16pt;font-weight: lighter;}
h5{font-size:14pt;font-weight:lighter;}
	
/* ---------- div container, parent ----------*/	
div#container{margin:0px auto;
	background-color:#7b6b5c;
	width:850px;	
	text-align:left;}

/* ---- div title, child of container ----*/
div#title{background-image:url(images/gradient title.png);
background-repeat:repeat-x;
background-color: #888888;
	height: 66px;
	font-family:Georgia, "Times New Roman", Times, serif;
	width: auto;
	margin: 0px;	
	text-align: center;}

/* ---- div header, child of container ----*/	
div#header{width: inherit;
	height:175px;
	background-image:url(images/boracay.JPG);
	background-color:#888888;
	
	position:relative;	}

/* ---- div content, child of container ----*/
div#content{background-color: #7b6b5c;
	width:inherit;
	height:755px;
	display:block;
	margin-top:0px}
	


/* styles in div content */	
h1.label{font-family:Georgia, "Times New Roman", Times, serif;
	font-size: large;
	font-variant:small-caps;
	color: #EEEEEE;
	margin: 10px 23px 5px 27px;
	border-bottom: 1px solid #D4BFAA;
	padding-bottom:8px;}

#slide{position:absolute;
	top: 80px;left: 100px;}

#marquee{font-size:24px;
	color:#3366CC;}


.notlink{color: #FF9900;}	
.image{ position:absolute;
	top: 40px;
	left:20px;
	z-index:1;}
#contactus{ font-size:16px;}
#nextpage{position: absolute;
	top: 50px;
	right: 50px;
	z-index:2;
	}
#page{position:absolute;
	top:50px;
	left:30px;
	z-index:3;}

.nextnext{ color:#0000DD;}
a.nextnext:hover{ color: #DD0000;}
	
a{color: #DDDDDD;
text-decoration:none;}
a:hover{color: #FFCC00;}

/* -- div left, child of content --*/
div#left {background-color: #ddd8c6;
	border: 1px solid #c2bdaa;
	width:755px;
	height: 680px;
	margin: 0px 0px 10px 28px;
	padding: 15px 20px 0px 20px;
	float:left;
	display:inline;
	text-align: left;
	position:absolute;}

#allan, #allaninfo{font-size:18px;}	
#allan2{font-size:32px; }

/* styles in div right */
h2{font-size: 12px;
	font-weight: bolder;
	text-decoration: none;
	text-transform: uppercase;
	background-color:#c2bdaa;
	text-align:center;
	padding: 3px 0px 3px 0px;}



/* ---- div footer, child of container ----*/	
#footer{background-color: #bbb6a0;
	padding: 5px;
	width:relative;
	text-align:center;
	font-size: 10px; }