@charset "utf-8";
/* CSS Document
Css for layout */
body { 
	margin:0; 
	padding:0;
	vertical-align:top;
	background:#450000;
	font-family:"Century Gothic", Verdana, Arial;
	font-size:12px; 
	color:#fff;
	position:relative;
	text-align:center;
}

#container { 
	margin:0 auto;
	padding:0;
	width:850px;
	height:auto;
	text-align:center;
	
}
#flash p { padding:20px 0 0 0; margin:0; vertical-align:top;}

/*setting default text*/
div, h1, h2, h3, input, .main, .footer, textarea, input, p, a, .content, span{font-family:"Century Gothic", Verdana, Arial; color:#fff;}

a {color:#ccc; text-decoration:underline; }
a:hover {color:#fff; text-decoration:none; }

form, div, input, textarea, select { margin:0; padding:0; font-family:"Century Gothic", Verdana, Arial;}

input, textarea {font-size:1.01em;}
input {vertical-align:middle;}

p {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
h1, h2, h3 {margin:0px; padding:0px; font-weight:normal;}
ul, li { padding:0; margin:0; list-style:none;}

	
.instruct { text-align:left; padding:0 0 5px 0;}
.spacer {font-size:0px; line-height:0px;}
.clear {clear:both;}
.right {float:right;}
.left {float:left;}

.logo {margin:0; padding:5px; text-align:left;}
.content { padding:10px; width:100%; border:1px solid #000; background:#30393d;}

.bullet {padding:6px 6px 6px 20px;}
.bullet li {list-style:circle;}


.col1 { float:right; margin:0; padding:10px 26px 0px 0px; height:auto;}
.col2 {padding:0; margin:0; }
.col2 p, .col2 ol li{text-align:justify; margin:0; padding:0 13px 0 13px; font-size:12px;color:#fff;}
.col2 ol li{padding:5px 0 5px 0;}
.col2 h3 {font-family:"Century Gothic", Verdana, Arial;font-weight:normal;color:#006600; padding:5px 0 5px 0; font-size:18px;}
.col2 p img {border:1px solid #000;margin:10px 0 3px 10px; float:right;}

.main { width:100%;margin:0; padding:0; background:#81987e;} /*height using javascript*/
.mainLeft { width:100%;  margin:0; padding:0; background:url(images/horizontal-bg.gif) top right repeat-y;}
.mainCenter { margin:0; padding:0; width:100%; background:url(images/horizontal-bg.gif) top left repeat-y;}
.title { color:#ffff99; text-decoration:none; font-size:18px; margin:0; width:50%; padding:0 0 5px 0; font-weight:normal; }

.inventory {margin:0; padding:0; font-size:11px;}
.inventory table {width:100%; margin:0; padding:0; border-left:1px solid #fff;border-bottom:1px solid #fff;border-right:1px solid #fff; }
.inventory .header {border-top:1px solid #fff;}
.inventory .header a {text-align:right; margin:0; padding:0px 0px 10px 0px;}
.inventory .rowsO td {background:#669966;height:18px;}
.inventory .removelink input {cursor:pointer;}
.inventory .rows {height:18px;}

.v_details {width:auto;}
#widgetbox.details {float:right; width:375px; margin:0 0 0 10px; padding:0;}
#widgetbox.photos {float:left; width:400px; padding:0; margin:0;}

.p_container {padding:6px; margin:0;text-align:center; width:auto;}
.p_container p {text-align:center; font-size:24px; padding:0 0 20px 0; margin:0;}
.p_container img {border:1px solid #bbb;}
.p_container .photos {list-style:none; padding:3px; text-align:center;width:305px;}
.p_container .photos li {float:left;padding:3px; text-align:center;}
.p_container .photos a {display:block; float:left;text-align:center;}
.details_l {list-style:none; padding:7px; margin:0;}
.details_l li {padding:2px 0 2px 0; margin:0;}

.margin_1 {padding:0px 15px 0px 15px; }

.navigation {
	margin:0;
	padding:17px 0px 0px 0px;
	width:100%;
	height:auto;
	float:left;
}


/*admin section*/

.menus {width:100%;}

.login table {font-size:12px;}
.login ul{text-align:right; margin:0 auto; width:200px; height:50px;}
.login p {text-align:center; vertical-align:top;}
.login img {padding:0 0 0 5px;}
.login input, .login select {border:1px solid white; background:#000; color:#fff;padding:0;}
.login li{margin:3px 0 3px 0; display:block;}


.submit {padding:10px;}
.submit input {background:#000; border:1px solid #ccc;font-size:12px; color:white;}
.reserv input {background:#000; border:1px solid #ccc;font-size:12px; color:white;}
.explain {text-align:left;padding:5px;}
.explain h2 {font-weight:normal; font:"Century Gothic", Verdana, Arial;font-size:15px;text-decoration:underline;}

.success {border:#000 1px dashed; background:#bbb;padding:10px;color:#ffff33;margin-bottom:5px;font-size:15px;}
.error {border:000 1px dashed; background:#bbb;padding:10px;color:#ff0033;}
.v_info {padding:6px 0 9px 0; vertical-align:middle; text-align:center;}
.v_info_sub {padding:3px;text-align:left;width:500px;}
.v_info_sub tr {text-align:left;}
.v_info_sub tr td  {text-align:left;}
.v_info_sub #title {width:10%;}
.v_info_sub textarea { width:100%;height:400px;color:#000;border:1px solid black;}
.v_info_sub input { width:100%;}