/***************************************************
			     WEBBYAPPS STYLES
***************************************************/

html, body{margin:0;padding:0;height:100%}

#head, #head-booking, #head-about, #head-getting, #head-things, #head-contact{
	width:768px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url('');
	background-repeat: no-repeat;
	height: 210px;
	background-position: left 83px
}

/***************************************************
			    DESIGN ELEMENTS
***************************************************/	

.clearing { height: 0; width:100%;display: block; clear: both; overflow:hidden; }  
.hidden{overflow: hidden;visibility: hidden;}

p{display: block;margin: 0px;padding-top: 5px;padding-bottom: 5px;}
li{
	float: none;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	display: block;
}
li a{color: #666666;padding-left: 10px;display: block;line-height: 16px;}
a, a.green, a.blue, a.blue-text{color: #108BAF;font-family: Tahoma, Arial;font-size: 10px;font-weight: normal;text-decoration: none;}
a:hover, a.green:hover, a.blue:hover, a.blue-text:hover{color: #8C3039;}
a.green{color: #9CAC2D;font-size: 12px;}
a.blue{color: #108BAF;font-size: 12px;}
a.blue-text{color: #108BAF;font-size: 11px;background-image: url('pic/line.png');background-repeat: repeat-x;background-position: left bottom}
/***************************************************
			       CONTAINER
***************************************************/

#container{
	width:758px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 15px;
}

#container-message{
	text-align: center;
	margin-top: -35px;
	margin-left: -200px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 70px;
	visibility: visible;
}

/***************************************************
			       HOLDERS
***************************************************/
.holder-empty{
	width:760px;
	float: right;
}

.message-home, .message, .message-step{
	position: absolute;
	width: 204px;
	height: 47px;
	right: 260px;
	top: 330px;
	margin: 0;
	z-index: 1;
}

.message{top: 230px;}

.message-step{
	height: 43px;
	right: 0;
	top: 500px;
}

.holder{
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 220px;
	line-height: 14px;
}

#holder-left, .holder-left-info, .holder-form, #holder-left-small{
	width:585px;
	float:left;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	position: relative;
}

#holder-left-small{
	width:420px;
	padding-left: 3px;
}

.holder-form{
	width:490px;
	background-color: #E2E7B2;
	margin-bottom: 1px;
	line-height: 20px;
}

.holder-nav{
	width:750px;
	line-height: 20px;
	position: relative;
	float: left;
}

.holder-left-info{width:225px;padding-right: 35px;}

#holder-right, #holder-right-big{
	width:145px;
	float: right;
	position: relative;
}

#holder-right-big{width:310px;}



/***************************************************
			HEADING TEXT ELEMENTS
***************************************************/

h1, h2, h3, h4, h5, h6{
	font-family: verdana, Arial;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: normal;
}

h1{
	border-bottom:1px solid #AA0009; font-size: 16px;
	color: #8C3039;
	font-weight: normal;
	display: block;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 8px;
	margin-top: 8px;
	
}

h2{
	border-bottom:1px solid #ACDDFD; font-size: 16px;
	color: #029AB5;
	font-weight: normal;
	display: block;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 8px;
	margin-top: 8px;
	
}

h3{
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	line-height: 14px;
	padding-left: 25px;
}

h4{
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	padding-top: 10px;
}

h5{
	font-size: 11px;
	color: #333333;
	padding: 20px;
	line-height: 14px;
	}

h6{
	border-bottom:1px solid #ACDDFD; font-size: 16px;
	color: #029AB5;
	font-weight: normal;
	display: block;
	padding-bottom: 3px;
	background-image: url('pic/h6.png');
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 8px;
	margin-top: 8px;
	margin-left: 22px;
	margin-right: 3px
	}

.text-box, .text-box2{
	font-family: Tahoma, Arial;
	font-size: 11px;
	display: block;
	color: #666666;
	padding-bottom: 5px;
}

.text-box2{
	font-size: 12px;
	color: #CCCCCC;
}



/***************************************************
			        FOOTER
***************************************************/

#footer{
	border-top:1px solid #8C3039; font-size: 16px;
	width:760px;
	font-family: "Lucida Sans Unicode", Arial;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	background-repeat: no-repeat;
	position: relative
}

#FooterOne{
	width:480px;
	float:left;
	position: relative;
}

#FooterTwo{
	width:272px;
	float:right;
	background-repeat: no-repeat;
	background-position: 136px 12px;
	padding-right: 3px;
	text-align: right;
	line-height: 40px
}


/***************************************************
				       MENU
***************************************************/

#nav-menu{
	height: 12px;
	padding-top: 55px;
	padding-left: 179px;
	background-image: url('images/top-logo.jpg');
	background-repeat: no-repeat;
	background-position: left top
}

#nav-menu ul, ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nav-menu li{
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#nav-menu li a{
	line-height: 20px;
	float: left;
	width: 90px;
	color: #666666;
	text-decoration: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 0px;
	font-weight: bold;
	background-repeat: no-repeat
}

#nav-menu li a:hover{
	color: #ffffff;
}

#bootom-menu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 765px;
}

#bootom-menu li{
	float: left;
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#bootom-menu li a{
	color: #999999;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 8px;
	padding-left: 0px;
	line-height: 40px;
	display: inline;
}

#bootom-menu li a:hover{color: #8C3039;}

body#home a#home_link, 
 
body#getting a#getting_link{color: #8C3039;}


/* IMAGE TABLE AND COLOR BARS */

.imagewidth		{ width: 135px; }


.black1			{ background-color: #000000; }	/* BLACK - home */

.black2			{ background-color: #857550; }	/* TAN - home */

.greengray1		{ background-color: #383929; }	/* GREEN GRAY - about */

.greengray2		{ background-color: #6D6F53; }	/* GREEN GRAY LT - about */

.burgundy1		{ background-color: #8F313E; }	/* BURGUNDY */

.burgundy2		{ background-color: #C0616D; }	/* LT BURGUNDY */

.tan1			{ background-color: #AD835A; }	/* TAN */

.tan2			{ background-color: #CCB492; }	/* LT TAN */

.silver1		{ background-color: #B7BFC5; }	/* SILVER */

.silver2		{ background-color: #D4DCE1; }	/* LT SILVER */

.gray1		{ background-color: #AFACB3; }	/* GRAY */

.gray2		{ background-color: #D3D0D8; }	/* LT GRAY */

.copper1		{ background-color: #A87E6F; }	/* COPPER */

.copper2		{ background-color: #CDA496; }	/* LT COPPER */

.olive1		{ background-color: #6F9D19; }	/* OLIVE */

.olive2		{ background-color: #9BC153; }	/* LT OLIVE*/


/* FOR RIGHT SIDEBAR */
fieldset legend {
		border:0px solid #999999;
		background-color: #F0F0F0;
		padding: 2px}

/* SUBMIT */
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-size:9pt;
font-weight:bold;

background:url(formbg.gif) repeat-x left top;
}


/* MENU TAB STYLE */

#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 0px solid #D25A0B; /*Brown color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 2px 0 0; /*Margin between each menu item*/
padding: 2px 2px;
background-color: white; /*Brown color theme*/
border-top: 0px solid #8C3039;
border-left: 0px solid #8C3039;
border-right: 0px solid #8C3039;
border-bottom: 0px solid #8C3039;
}

#modernbricksmenu2 a:hover{
background-color: #C6616B; /*Brown color theme*/
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #8C3039; /*Brown color theme*/
color: white;
border-color: #8C3039; /*Brown color theme*/
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}

#myform .textinput{
width: 100px;
border: 1px solid gray;
}

#myform .submit{
font: normal 9px Verdana;
height: 12px;
border: 1px solid black;
background-color: lightyellow;
}




li1 {
margin:0 0px 0px 0px;
padding-left:10px;
list-style:none;
background-image:url(_assets/arrow.GIF);
background-position:0 3px;
background-repeat:no-repeat;
font-size:8pt;
font-family: "Verdana", Arial;
color:#666666;
}