﻿/* global */
#global{
	z-index:1;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width:1067px; 
	height: auto;
}

body {
	
	background-image: url("");
	background-repeat: repeat;
	background-position: left top;
	background-color: #000000;
	font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.8em;
}

#logo {
position: absolute;
top: 26px;
left: 34px;
}



/* photoborder*/
img { border: none; } 

.clearfloat{
clear:left;
}





/* list styles */
#content li{
	font-size: 13px;
	width: 215px;
	padding: 0px 0px 0px 0px;
	margin: -10px 0 7px -20px;
	list-style: none;
	border-bottom: #ccc dotted 1px;	
	line-height: 30px;
}

#content li a {
	color: #fff;
	text-decoration: none;

}

#content li a:hover{
	color: #000;
	text-decoration: none;
}



p{
	margin: 5px 8px 0 7px;
	padding: 0 0 0 0;
	font-size: 1em;
	line-height: 140%;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}



#bantop{
	position:absolute;
	top:0px;
	z-index:0
}

.logo{
position:absolute;
	top:10px;
	left:250px;
	width:246px;
	z-index:7;
}



.top{
	z-index:7;
	position: absolute;
	left: 2px;
	top: 255px;
	width: 1010px;
}
	
.bottom{
	float: right;
	margin: 0px 0 -20px 0;
	padding: 0px 0 5px 0;
}	
	
	
#content{
	z-index:3;
	position: absolute;
	left: 2px;
	top: 272px;
	width: 1012px;
	height:auto;
	margin: 0px 0 0px 0;
	padding: 0px 0px 0px 15px;
	background-color: #fff;
	background-image: url("images/city.png");
	background-repeat : no-repeat;
	background-position: bottom;
	
}

.content_bottom{
	z-index:100;
	float: left;
	width: 725px;
	height:auto;
	margin: 2px 0 0px 2px;
	padding: 0px 0px 0px 0px;
	background-color: none;
}

.content_bottom img{
	margin: 0px 0 0px 0px;
	padding: 0px 0px 0px 0px;
}

.contentleft{
	z-index:3;
	float: left;
	width: 250px;
	height:auto;
	margin: 0 0 20px 10px;
	padding: 5px 5px 5px 5px;
	font-size:12;
	background-color: #fbb03b;
	background-image: url("images/tab1.png");
	background-repeat : no-repeat;
	background-position: top;
}





.middletop{
	z-index:3;
	float: left;
	width: 442px;
	height:auto;
	margin: 0px 0px 0 11px;
	padding: 0px 5px 5px 0px;
	background-color: none;
}

.middletop_contact{
	z-index:3;
	float: left;
	width: 442px;
	height:auto;
	margin: 0px 0px 0 11px;
	padding: 0px 5px 5px 3px;
	background-color: none;
}
.middletop_contact h1{ font-size: 21px; color: #0099cc; font-weight: normal;  margin: -4px 0 0 0px; padding: 0 0 0 0;}


.middletop img{
border: 0px solid #ccc;
}

.middletop_gallery{
	z-index:3;
	float: left;
	width: 740px;
	height:auto;
	margin: 0px 0px 0 15px;
	padding: 0px 5px 5px 0px;
	background-color: none;
}

.middletop_gallery img{
	border: 0px solid none;
	margin: 0px 19px 20px 0px;
	padding: 0px 0px 0px 0px;
}


.middle_content{
width: 442px;
height:auto;
margin: 5px 0 10px 0;
padding: 5px 5px 5px 5px;
}

.middle_content p{
width: 442px;
height:auto;
margin: 0px 0 0px 0;
padding: 0px 0px 0px 0px;
}





.middletop_tourist{
	z-index:3;
	display:block;
	float: left;
	width: 442px;
	height:auto;
	margin: -14px 0px 0 14px;
	padding: 0 0px 0px 0px;
	background-color: none;
}
.middletop_tourist h1{ font-size: 21px; color: #0099cc; font-weight: normal;}

.rightside_tourist {
	z-index:3;
	float: right;
	width: 250px;
	height:auto;
	margin:-1px 23px 20px 0px;
	padding: 2px 0px 0px 0px;
	font-size:12;
	background-color: none;
	background-repeat : no-repeat;
	background-position: top;
}

.rightside_tourist img{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.rightside_tourist h1{ font-size: 21px; color: #0099cc; font-weight: normal;}
.rightside_tourist h2{ font-size: 18px; color: #d1102b; font-weight: normal;}

.rightside_dining {
	z-index:3;
	display:block;
	float: left;
	width: 250px;
	height:auto;
	margin: 1px 0px 10px 0px;
	padding: 0 0px 0px 0px;
	background-color: none;
}

.middletop_dining{
	z-index:3;
	display:block;
	float: left;
	width: 442px;
	height:auto;
	margin: -4px 20px 10px 14px;
	padding: 0 0px 0px 0px;
	background-color: none;
}

.middletop_dining h1{ font-size: 21px; color: #0099cc; font-weight: normal;  margin: 0px 0 0 0px; padding: 0 0 0 0;}
.middletop_dining h2{ font-size: 15px; color: #0099cc; font-weight: normal;  margin: 0px 0 0 0px; padding: 0 0 0 0;}

.middletopproduct{
	z-index:3;
	display:block;
	float: left;
	width: 730px;
	height:auto;
	margin: -4px 0px 0px 13px;
	padding: 0 0px 0px 0px;
	background-color:none;
}

.middletopproduct h1{ font-size: 21px; color: #0099cc;  margin: 0px 0 0 1px; padding: 0 0 0 0; font-weight: normal;}


.middle2{
	z-index:3;
	display:block;
	float: left;
	width: 446px;
	height:35px;
	margin:0px 0px 10px 0px;
	padding: 5px 5px 5px 0px;
	background-image: url("images/tab2.png");
	background-repeat : no-repeat;
	background-position: top;
}




.middle2credits{
	z-index:3;
	display:block;
	float: left;
	width: 432px;
	height:auto;
	margin:0px 10px 0 10px;
	padding: 4px 5px 5px 10px;
	background-repeat : no-repeat;
	background-position: top;
	background-color: none;
}

.middle2credits  p{
	width: 420px;
	margin:0 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: none; 
	font-size: 12px; 
	color: #000; 
	font-weight: normal;
}

.middle2credits2{
	z-index:3;
	display:block;
	float: left;
	width: 432px;
	height:auto;
	margin:0px 10px 0 10px;
	padding: 4px 5px 5px 10px;
	background-repeat : no-repeat;
	background-position: top;

}


.middle2creditsright{
	z-index:3;
	display:block;
	float: right;
	width: 432px;
	height:auto;
	margin:0px 10px 0 10px;
	padding: 4px 5px 5px 10px;
	background-repeat : no-repeat;
	background-position: top;
}
.middle2creditsright  p{
	width: 420px;
	margin:0 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: none; 
	font-size: 12px; 
	color: #000; 
	font-weight: normal;
}

.right_content{
	z-index:150;
	float: right;
	width: 250px;
	height:auto;
	margin:-1px 23px -10px 0px;
	padding: 2px 0px 0px 0px;
	font-size:12;
	background-color: none;
	background-repeat : no-repeat;
	background-position: top;
}

.right_content img{
	margin: 0px 0px 11px 0px;
	padding: 0px 0px 0px 0px;
}



.footer{
	z-index:7;
	position: absolute;
	left: 229px;
	top: 150px;
}





.floatleft img{
	float:left;
	margin: 0px 15px 15px -2px;	
}

.floatleft p{
width: 440px;
padding: 0px 0px 0px 0px;	
margin: 0px 0px 0px 0px;	

}

.floatright {
	float:right;
}

.shopping {
float:left;
width: 800px;
height: auto;
margin: 0 0 0 -13px;
padding: 0 0 20px 0;
background-color: none;

}


.description{
	font-size: 19px;
	color: #8F0B1C;
	text-decoration: none;
}

.bold1{
	font-size: 25px;
	color: #8F0B1C;
	text-decoration: none;
}

h1 { font-size: 150%; color: #900; font-weight: normal; } 

h1 {
  color: #333;
  background-color: transparent;
}
a {
  color: #000;
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
}

#imagegallery a img {
  border: none;
}

#imagegallery {
	float: left;
	background-color: transparent;
	margin:30px 10px 10px 30px;
	padding: 0 0 0 0;
	width: 700px;
	height:110px;
}

#imagegallery2 a img {
  border: none;
}

#imagegallery2 {
	float: left;
	background-color: transparent;
	margin:0 10px -20px 0;
	padding: 0 0 0 0;
	width: 700px;
	height:110px;
}

 #polaroid {
	left: 300px;
	top:  0px;
	z-index: 100;
  }
  
 .heading{
	font-size: 17px;
	color: #fff;
	margin-left: 0px;
	
}

 .heading_shopping{
	font-size: 1.6em;
	color: #0099cc;
	margin-left: 0px;
	
}



 h1{
	font-size: 18px;
	color: #0099cc;
	margin: 10px 0px 0px 0px;
	font-weight: bold;
}

 .headingsmaller_black{
	font-size: 1.3em;
	color: #000000;
	margin-left: 0px;
}

 .headingsmallerr{
	font-size: 1em;
	color: #ffffcc;
	margin-left: 0px;
}

 .news_title{
	font-size: 1.2em;
	color: #fff;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}

 .news_title1{
	font-size: 1.5em;
	color: #000f;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}

 .headingad{
	font-size: 1.5em;
	color: #ffffff;
	margin: 0px 0 0 20px;
	padding: 0 0 0 0;
}



 .headingadhome{
	font-size: 1.6em;
	color: #ffffff;
	margin-left: 23px;
	margin: 0 0 0 8px;
	padding: 0 0 0 0;
}

  .headingblack{
	font-size: 1.6em;
	color: #000000;
	margin-left: 5px;
}

 
div.spacer {
  clear: both;
  }



.placeholder{
	width: 100px; 
	height: 105px; 
}
  
  
  /* MAIN PHOTO WRAPPER */
#main {
	float: left; 
	width: 400px; 
	height: 350px; 
	margin:0 0 10px 60px;
	padding: 0 0 0 0;
	background-image: url("images/polaroid1.png");
	background-repeat: no-repeat;
	background-position: bottom;
}

#main p{
	text-align: center;
}  
/* END PHOTO WRAPPER */



/* START SPRITE WRAPPER */



#spriteposition {
	position: absolute;
	top:155px;
	left:0px;
	padding-left:0px;
	margin-left:0px;
	z-index: 50;
}



/* GLOBAL HEADER */
	#globalheader { width: 1050px; height: 5px; margin: 50px auto; position: relative; }
	#globalheader #sprites { margin: 0; padding: 0; }
	#globalheader #sprites li { display: inline; }
	#globalheader #sprites li a { float: left; width: 150px; height: 0; padding-top: 50px; overflow: hidden; }
	#globalheader #sprites li a,
	#globalheader #sprites { background-image: url(images/sprite.png); background-repeat: no-repeat; }

/* Links */
	#globalheader #sprites li#home a { background-position: 0 0; }
	#globalheader #sprites li#top10 a { background-position: -150px 0; }
	#globalheader #sprites li#tourist a { background-position: -300px 0; }
	#globalheader #sprites li#shopping a { background-position: -450px 0; }
	#globalheader #sprites li#dining a { background-position: -600px 0; }
	#globalheader #sprites li#gallery a { background-position: -750px 0; }
	#globalheader #sprites li#contact a { background-position: -900px 0; }

/* Hover */
	#globalheader #sprites li#home  a:hover { background-position: 0 -51px; }
	#globalheader #sprites li#top10 a:hover { background-position: -150px -51px; }
	#globalheader #sprites li#tourist a:hover { background-position: -300px -51px; }
	#globalheader #sprites li#shopping a:hover { background-position: -450px -51px; }
	#globalheader #sprites li#dining a:hover { background-position: -600px -51px; }
	#globalheader #sprites li#gallery a:hover { background-position: -750px -51px; }
	#globalheader #sprites li#contact a:hover { background-position: -900px -51px; }

/* Active */
	#globalheader #sprites li#home a:active { background-position: 0 -102px; }
	#globalheader #sprites li#top10 a:active { background-position: -150px -102px; }
	#globalheader #sprites li#tourist a:active { background-position: -300px -102px; }
	#globalheader #sprites li#shopping a:active { background-position: -450px -102px; }
	#globalheader #sprites li#dining a:active { background-position: -600px -102px; }
	#globalheader #sprites li#gallery a:active { background-position: -750px -102px; }
	#globalheader #sprites li#contact a:active { background-position: -900px -102px; }
	
	/* Current State */
	# body#home #Nav li#nav00 a { background-position: 0 -105px; }
	# body#about #Nav li#nav01 a { background-position: -125px -105px; }
	# body#services #Nav li#nav02 a { background-position: -250px -105px; }
	# body#work #Nav li#nav03 a { background-position: -375px -105px; }
	# body#blog #Nav li#nav04 a { background-position: -500px -105px; }
	# body#contact #Nav li#nav05 a { background-position: -625px -105px; }
	# body#contact #Nav li#nav05 a { background-position: -625px -105px; }


#down_container img {
  border: 2px solid #90a1a8;
  margin: 10px 0;
}

.pic1, .pic2 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 0px;
	width: 300px;
}

.pic1, .pic2 img{
  border: 0px solid #ccc;
}

#middletop10 h1{ font-size: 21px; color: #0099cc; font-weight: normal; margin: 15px 0 0 1px; padding: 0 0 0 0;}
#righttop10 h1{ font-size: 21px; color: #0099cc; font-weight: normal;  margin: 15px 0 0 1px; padding: 0 0 0 0;}


#middletop10{
	z-index:3;
	display:block;
	float: left;
	width: 350px;
	height:auto;
	margin: -19px 0px 10px 3px;
	padding: 0px 0px 5px 0px;
	background-color: none0;
}
#middletop10 p{
	width: 340px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding: 0 5px 0px 5px;

}

#righttop10{
	z-index:3;
	display:block;
	float: right;
	width: 370px;
	height:auto;
	margin: -18px 10px 10px 0px;
	padding: 0 0px 0px 0px;
	background-color: none;
}
#righttop10 p{
	width: 340px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding: 0 15px 0px 5px;

}


/* left content start */ 
#left_content{
	float: left;
	width: 260px;
	margin: 0 0 15px 2px;
	padding: 0px 0 0px 0;
	background: url(images/body_orange.gif) repeat-y;
}

#left_content p{
	width: 210px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	background-color: none; 
}

#left_content a {
	color: #ffffff;
	text-decoration: none;
}



#left_content a:hover{
	color: #fff;
	text-decoration: #ccc;		
}

.left_content_top_image{
	width: 260px;
	height: 8px;
	
	background: url(images/top_orange.gif) no-repeat;
}

.left_content_bottom_image{
	width: 260px;
	height: 8px;
	background: url(images/bottom_orange.gif) no-repeat;
}


#left_content_shopping{
	float: left;
	width: 260px;
	margin: 0 0 0px 3px;
	padding: 0px 0 0 0px;
	background: url(images/body_orange.gif) repeat-y;
}



#left_content_shopping p{
	width: 250px;
	margin:0 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: none; 
}



/* top 10 sub menu */ 
#top10_menu{
	float: left;
	width: 260px;
	margin: 1px 0 14px 0;
	padding: 0 0 0 0;
	background: url(images/body.gif) repeat-y;
}

.top10_menu_top{
	width: 260px;
	height: 8px;
	background: url(images/top.gif) no-repeat;
}

.top10_menu_bottom{
	width: 260px;
	height: 8px;
	background: url(images/bottom.gif) no-repeat;
}



.section img {
	float: left;
	width: 150px;
	padding: 5px;
	margin-right: 10px;
	border: 4px solid #2a2a2a;
}


.sectionshop{
	float: left;
	width: 160px;
	margin: 0px 20px 20px 2px;
	padding: 0px 0px 0px 0px;
	border:#782c02 solid 0px;
	background-color: none; 
	
}

.sectionshop p {
float: left;
width: 150px;
height: auto;
margin: 0 0 0 0px;
padding: 5px 5px 5px 5px;
background: url(images/shopping_btn.gif) no-repeat;

}

.sectionshop img {
	float: left;
	width: 160px;
	padding-left: 0px;
	border: 0px solid #2a2a2a;
}


/* end of 2 columns */




/* index, dining, tourist content styles */
.section_01_two_col .section_01_box {
	clear: both;
	width: 442px;
	height: 149px;
	margin: 10px 0 0 0;
	padding: 0px 0 5px 0px;
	background:none;
}
.section_01_box .section_01_box_title{
	width: 442px;
	height: auto;
	font-weight: bold;
	font-size: 13px;
}

.section_01_box p {
	width: 442px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background:none;
}

.section_01_box img{
	float: left;
	margin: 5px 15px 0 0px;
	border: #ccc solid 0px;
}

.section_01_two_col h2{ font-size: 15px; color: #0099cc; font-weight: normal;  margin: 0px 0 0 0px; padding: 0 0 0 0;} 

/* Credits Page styles */
.credits .section_01 {
	clear: both;
	width: 450px;
	height: 149px;
	padding: 0px 0px 0px 0px;
	
}

.section_01{
	font-weight: bold;
	font-size: 14px;
}

.section_01 img{
	float: left;
	margin: 3px 10px 0px 0;
}



#gallerywrapper{
float: left;
width: 730px;
height:auto;
padding: 0px;
background-color: none;
}



#gallerywrapper2row{
float: left;
width: 200px;
height: 400;
padding: 0px;
margin-top: 40px;
}




/*form styles*/

.form{
font-family:arial,helvetica,sans-serif;
margin:0px 0px 10px 0px;
padding: 5px 0 5px 0;
border-style:solid;
border-color:#fdca00;
border-width:1px;
color:#6aa6ff;
}

.submit {
	font-size:13px;
	background: #fee47b;
	color:#993300;
	border-style:solid;
	border-width:1px;
	border-color:#fdca00;
	margin: 5px 0 0 7px;
}

.reset {
	font-size:13px;
	background: #fee47b;
	color:#993300;
	border-style:solid;
	border-width:1px;
	border-color:#fdca00;
}

div.container {
 background-color: transparent;
font-family:arial,helvetica,sans-serif;
margin:4px 0 2px 5px;
padding: 0 0 0 0;
border-style:solid;
border-color:#993300;
border-width:1px;
color:#993300;
}


.middletop_cart_complete{
	z-index:3;
	display:block;
	float: right;
	width: 500px;
	height:auto;
	margin:0 10px 0 7px;
	padding: 0px 15px 5px 0px;
	background-color: none;
}
.middletop_cart_complete h1{ font-size: 21px; color: #0099cc;  margin: -5px 0 0 1px; padding: 0 0 0 0; font-weight: normal;}

/* start cart styles column */



#div basket 

	#basket tr{border:none;}
	#basket td{border:none;}
	#basket table{
		padding: 0 5px 5px 5px;
		margin: 0 0 10px 0px;
		border:#67a8ea solid 1px;
		width:230px;
		background:#ffffcc;
}

#basket { padding: 0 0px 10px 13px; }

label {
  float: left;
  width: 100px;
  padding-right: 1px;
}
input,textarea{
  padding: 6px;
  font: 12px arial, sans-serif;
  background: #fff;
  border:1px solid #67a8ea;
   color: #000; 
}


/* styles when you click on text area */
input:focus,
textarea:focus{  
  color: #317dcb;
  background:#d8e8f8;
  border:1px solid #67a8ea;
}
#name, #email, #subject{
	width:300px;
	
}
#message{
	width:400px;
	height:150px;
}
/* end cart styles column */



