@charset "utf-8";
/* CSS Document */
/*
-----------------------------
Title: Glowfish
Designer: Siwat Tongpatanakul
Created: 26 February 2010
Last updated: 16 April 2010
-----------------------------
*/
*
{
	margin:0px;
	padding:0px;
}
body
{
	background-color:#3F3F3F;
	font-size:14px;
	text-align:center;
}

html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset
{
	border:0px;
	color:#4D4D4F;
	font-family:Arial, Helvetica, sans-serif;
}
a:link,
a:visited,
a:active,
a:hover { color:#9DC03B; text-decoration:none;}
a:active, a:focus {outline:none;}
p.spaced {line-height:140%;}

#layout_wrap
{
	background:#DDD url(../images/glowfish_web_bgr2.png) repeat-x;
}
#main_container
{	margin:0 auto;
	text-align:left;
	width:1050px;
}
#menu_container
{	width:1050px;
	height:40px;
}
#menu
{	width:977px;
	height:auto;
	padding:0px 0px 0px 400px;
}
#banner_container
{	width:1050px;
	height:148px;
	background:url(../images/glowfish_web_banner.png) no-repeat;
}
#banner_space
{
	height:110px;
	width:1050px;
}
#banner2 
{
	height:258px;
	width:1050px;
	background:url(../images/glowfish_web_banner6.png) no-repeat;
}
#banner3 
{
	height:258px;
	width:1050px;
	background:url(../images/glowfish_offices_banner.png) no-repeat;
}
#content_top
{
	height:15px;
	width:970px;
	padding:0px 40px 0px 40px;
	background:url(../images/glowfish_web_content_top.png) no-repeat;
}
#content_container
{	width:970px;
	min-height:450px;
	background:url(../images/glowfish_web_body_bg.png) repeat-y;
	padding:10px 40px 0px 40px;
}
#footer_wrap
{
	background:#3F3F3F url(../images/glowfish_web_footer_bgr.png) repeat-x top;
	width:100%;
	height:100%;
}
#footer_a
{	width:970px;
	height:25px;
	background:url(../images/glowfish_web_footer.png) no-repeat;
	padding:0px 40px 0px 40px;
}
#footer_b
{	width:970px;
	height:50px;
	padding:0px 40px 0px 40px;
}

/*------------ Content Text Colours --------------------------------------------------*/
img{border-style: none;}

.headings{font-size:22px; color:#9DC03B; font-weight:bold;}
.headings2{font-size:18px; color:#F16D54; font-weight:bold;}
.headings3{font-size:18px; font-weight:bold;}
.highlight1{color:#9DC03B;}
.footer_text{color:#9DC03B; font-size:12px;}
.highlight2{font-weight:bold;}
.container { margin: 0 auto; width:1050px}
.highlight3{font-weight:bold; color:#9DC03B;}
.highlight4{color:#F16D54;}

ul.green_bullets {padding-left:1.3em; list-style:url(../images/glowfish_bullet.jpg);}
ul.green_bullets2 {padding-left:1.3em; list-style:url(../images/glowfish_bullet.jpg); line-height:140%;}
/*------------ Content Boxes ---------------------------------------------------------*/
#index_panel_wrap {min-height:480px;}
#index_panel_a {width:335px; float:left; padding-right:15px;}
#index_panel_b {width:330px; float:left; padding-right:15px; padding-left:15px; border-left-color:#EFEFEF; border-left-style:solid; border-width:1px; }
#index_panel_c {width:240px; float:right; border-left-color:#EFEFEF; border-left-style:solid; border-width:1px; padding-left:15px;}
#index_divider {height:20px; border-color:#EFEFEF; border-bottom-style:dotted; border-width:thin; vertical-align:text-top; }

#about_panel_wrap {min-height:480px;}
#offices_panel_wrap {min-height:750px;}
#floorplan_panel_wrap {min-height:1380px;}
#panorama_panel_wrap {min-height:850px;} /* Edit Height to fit PHP coding */
#panorama1_panel_wrap {min-height:450px;} /* Edit Height to fit PHP coding */
#reservations_panel_wrap {min-height:850px;} /* Edit Height to fit PHP coding */
#thankyou_panel_wrap {min-height:480px;} 
#rates_panel_wrap {min-height:480px;}
#gallery_panel_wrap {min-height:480px;}

#general_panel_a {width:695px; float:left; padding-right:15px; border-right-color:#EFEFEF; border-right-style:solid; border-width:1px;}
#general_panel_c {width:240px; float:right; padding-left:15px;}



#contact_panel_wrap {min-height:580px;}
#contact_panel_a {width:335px; float:left; padding-right:15px;}
#contact_panel_b {width:330px; float:left; padding-right:15px; padding-left:15px; border-left-color:#EFEFEF; border-left-style:solid; border-right-color:#EFEFEF; border-right-style:solid; border-width:1px;}
#contact_panel_c {width:240px; float:right; padding-left:15px;}
.contact_font_fix {font-size:14px;}
.contact_font_fix2 {font-size:14px;color:#9DC03B;}

#faq_panel_wrap {min-height:480px;}

#dual_panel_a {width:475px; padding-right:10px; border-right-color:#EFEFEF; border-right-style:solid; border-width:1px; float:left;}
#dual_panel_b {width:470px; padding-left:10px; float:right;}

#content_header_welcome{height:25px; border-color:#EFEFEF; border-bottom-style:solid; border-width:2px; padding-bottom:5px;}
#content_header_about{height:25px; border-color:#EFEFEF; border-bottom-style:solid; border-width:2px; padding-bottom:5px;}
#content_header_misc{height:25px; border-color:#EFEFEF; border-bottom-style:solid; border-width:2px; padding-bottom:5px;}

#gallery_boxes1 {width:150px; height:150px; padding:20px 11px 11px 11px; float:left;}
#gallery_boxes2 {width:150px; height:150px; padding:11px 11px 11px 11px; float:left;}

#likebox-frame{
 border:2px solid #FFF;
 width:230px;
 z-index:10;
 height:62px;
 overflow: hidden;
 position:relative;
 top:-1px;
 left:-2px;
}
#likebox-frame iframe{
  left:-5px;
  overflow:hidden;
  position:relative;
  top:-1px;
}

/*------------ Table Colours --------------------------------------------------------*/

#tables {
	width:700px
}
#tables td, #tables {
	clear: left;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#tables th {font-size:14px; padding:5px 4px 4px 4px; text-align:left; background-color:#9DC03B; color:#FFFFFF;}
#tables tr.alt td {background-color:#CEDF9D;}
#tables tr.alt2 td {background-color:#E6EFCE;}

/*------------ Navigation Bar --------------------------------------------------------*/

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height:40px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom;} /*--Hover State--*/
ul#topnav a.home {
	background:url(../images/glowfish_menu_home.png) no-repeat;
	width:75px;
}
ul#topnav a.about {
	background:url(../images/glowfish_menu_about.png) no-repeat;
	width:80px;
}
ul#topnav a.floorplan {
	background:url(../images/glowfish_menu_floorplan.png) no-repeat;
	width:120px;
}
ul#topnav a.panorama {
	background:url(../images/glowfish_menu_panorama.png) no-repeat;
	width:101px;
}
ul#topnav a.reservations {
	background:url(../images/glowfish_menu_reservations.png) no-repeat;
	width:146px;
}
ul#topnav a.rates {
	background:url(../images/glowfish_menu_rates.png) no-repeat;
	width:70px;
}
ul#topnav a.gallery {
	background:url(../images/glowfish_menu_gallery.png) no-repeat;
	width:97px;
}
ul#topnav a.contact {
	background:url(../images/glowfish_menu_contact.png) no-repeat;
	width:99px;
}
ul#topnav a.faq {
	background:url(../images/glowfish_menu_faq.png) no-repeat;
	width:58px;
}

/** MODIFLY B&M **/
#tables-regis .input{
	width: 250px;
}
#tables-regis{
	font-size: 12px;
	font-family: Tahoma;
}
div.form-regis{
	margin-left: 87px;
}
#btn-submit{
	width: 72px;
	height: 29px;
	cursor: pointer;
	background: url(../images/btn-reserv.png) no-repeat;
	border: 0px;
}
#btn-reset{
	width: 72px;
	height: 29px;
	cursor: pointer;
	background: url(../images/btn-reset.png) no-repeat;
	border: 0px;
}
.error{
	color:red;
	font-size: 10px;
	font-family: Tahoma;
	font-weight: normal;
}
/** ADMIN **/
#menu-admin
{	height:auto;
	padding:10px 0 0 20px;
	width:840px;
}
ul#topnav-admin li{
display: inline;
padding-left: 20px;
}
ul#topnav-admin a{
color: black;
font-size: 14px;
display: inline
}

#floorplan {
	float:left;
	width:175px;
	margin-right:5px;
}

/** END **/
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}