html, body, 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, strong, 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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    /*font-family: "Lucida Grande", Verdana, Arial;*/
    font-family: "Arial Narrow", Verdana;
}


/*#map {
float:left;
height:350px;
left:25px;
position:relative;
top:10px;
width:415px;
border:1px solid #841B7A;
}*/

#map
{
height:350px;
left:261px;
position:absolute;
top:-420px;
width:415px;
z-index:1301;
border:1px solid #841B7A;

}

#footer{
margin-top: 80px;
 height:99px; 
 background: url(../images/footerbg.jpg) repeat-x;
 text-indent: -9999px;
} 
  
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background: black url(../images/topbg.jpg) top repeat-x; 
} 
 
#pagewidth{ 
position: relative;
 width:1200px;
 height:603px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 background: url(../images/twelvebg.jpg) top no-repeat  
} 
 
#header{
 position:relative; 
 height:164px; 
 width:100%;
}

#logo{
height:164px;
width:274px;
position:relative;
padding-left:65px;
text-indent: -9999px;
bottom:3px;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
background-position:28px 0;
} 
 
#maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:100%;
 /*padding-bottom: 75px*/
 padding-bottom: 8px /* with thin solid edge footer*/
 }
 
 #buttons{
height:225px;
margin-left:105px;
width:130px;
float:left;
z-index: 99
 }
 
  #buttons li{
cursor: pointer
 }
 
 
 #footerimage{
 width:717px;
 height:34px;
  background: url(http://www.phuconcepts.net/clients/twelve/images/footerimg.png);
  background-repeat: no-repeat;
   margin-left:auto; 
 margin-right:auto;
 /*top: 30px; If with the faint white lines */
 top: 8px; /* with thin solid edge footer*/

 position:relative
 }



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


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

.pikachoose{
float:right;
position:relative;
margin-left: 0px;
width:690px;
right:265px;
}


/* This is the ul you have all your images in */
.pikachoose ul{
height:66px;
margin-top:40px;
width: 1740px;
margin-left: 0px;
}

#pikaWrapper
{
	height: 509px;
	overflow: hidden;
	width: 723px;
}
.pikachoose ul li{float: left;border:1px solid #841b7a; padding:2px; margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:690px;height:400px;display:block;position:relative;}

/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative; padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:1px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:1px;height:1px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:1px;height:1px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center; display:none}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:1px;width:1px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:1px;width:1px;background:url('fastf.png') top right no-repeat;}


#makeMeScrollable div.scrollableArea *
	{
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
	}
	
#overlay
{
	position: absolute; 
	top: 2px; 
	left: 246px;
	width: 720px; 
	height: 431px; 
	z-index: 100
}

#topbar{
background: url(../images/topborder.png) repeat-x; 
height:50px;
width:100%;
}

#topbar h1{
	color: white;
	padding-left: 20px;
	font-size: 29px;
	font-family: "Arial Narrow", Verdana;

}

.page
{
	width: 100%;
	height: 100%;
	background: url(../images/contentbg.png) repeat;
}

#leftBtn{
background-image: url(../images/btn_left.png);
height:50px;
left:-59px;
position:absolute;
top:454px;
width:50px;
cursor: pointer
}


#rightBtn{
background-image:url(../images/btn_right.png);
height:50px;
left:735px;
position:absolute;
top:454px;
width:50px;
cursor: pointer
}


.page p{
color: #fff;
font-size: 14px;
}

#presentedBy a
{
bottom:89px;
color:#3B3B3B;
font-size:85%;
left:100px;
position:absolute;
text-decoration:none;
}

#page-3 h1{
font-size:16px; 
}

#price{
width:100%;
text-align: center; 
margin-left: auto ; 
margin-right: auto ;
}

#price h1{
color:#FFFFFF;
font-size:20px;
padding-left:108px;
}

#page-3{
font-size:14px; 
color:#fff;
}

#page-3 h1{
font-size:16px; 
}


#page-3 a{
color: #841b7a;
text-decoration: none;
}

#page-3 a:hover{
color: #841b7a;
text-decoration: underline;
}

#restaurants{
color:#fff; 
padding-left:15px; 
position:relative; 
float:left
}

#page-2 ul li{
font-family:"Arial Narrow",Verdana;
font-size:14px;
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
}

#blobs {
height:90px;
left:174px;
padding:0;
position:absolute;
top:50px;
width:90px;
}

#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#blobs a {display: block;}

#blob1 {width: 90px; height: 90px;}

#blob1 a {height: 90px; background: url(../images/sophia.png) no-repeat 0 0}


#blob1 a:hover {background: url(../images/sophia.png) 0px -90px}


.tooltip {
	display:none;
	background:transparent url(/images/black_arrow.png);
	font-size:14px;
	height:60px;
	width:160px;
	padding:25px;
	color:#fff;	
	z-index: 10000000000000;
	padding-top: 35px;
}