/*
html, body {
	height: 100%;
}
*/

body {
	font-family: Tahoma, Helvetica;
	font-size: 80%;
	background: url(../img/background.jpg) #ffffff repeat-x;
	/* background-attachment: fixed;  */
	text-align: center;
	min-width: 810px;
	margin: 0;
	padding: 0;
}

#content {
	margin: 5px auto;
	width: 810px;
	min-height: 600px;
	text-align: left;
}

#logo {
	background: url(../img/seaoil_logo-trans.png);
	width: 311px;
	height: 98px;
	position: absolute;
	margin: -14px 0 0 -31px;
	z-index: -1;
}

#page_header {
	width: 810px;
	height: 50px;
	margin-bottom: 5px;
	text-align: right;
	z-index: 50;
	white-space: nowrap;
}

#page_header ul {
	list-style: none;
	white-space: nowrap;
	/* margin: 25px;
	padding: 0 10px 0 0; */
}

#page_header a { color: #565006; }
#page_header ul li {
	margin-top: 15px;
	display: inline;
	float: right;
	color: #565006;
	padding: 0 0 0 10px;
	white-space: nowrap;
}

#page_menu {
	position: absolute;
	width: 810px;
	height: 50px;
	text-align: right;
	padding-top: 10px;
	z-index: 0;
}

#page_menu div {
	float: right;
	text-align: left;
	width: 79px;
	height: 98px;
	margin: 0 5px 0 0;
}

#page_menu div:hover {
	margin-top: -3px;
	
}

#page_menu #home { background: url(../img/menu_home-trans.png) no-repeat; }
#page_menu #about { background: url(../img/menu_aboutus-trans.png) no-repeat; }
#page_menu #products { background: url(../img/menu_products-trans.png) no-repeat; }
#page_menu #services { background: url(../img/menu_services-trans.png) no-repeat; }
#page_menu #franchise { background: url(../img/menu_franchiseinfo-trans.png) no-repeat; }
#page_menu #vip { background: url(../img/menu_vipclub-trans.png) no-repeat; }

/*
.ie #page_menu #home:hover { background: url(../img/menu_home_hover.gif) no-repeat; }
.ie #page_menu #about:hover { background: url(../img/menu_aboutus_hover.gif) no-repeat; }
.ie #page_menu #products:hover { background: url(../img/menu_products_hover.gif) no-repeat; }
.ie #page_menu #services:hover { background: url(../img/menu_services_hover.gif) no-repeat; }
.ie #page_menu #franchise:hover { background: url(../img/menu_franchiseinfo_hover.gif) no-repeat; }
.ie #page_menu #vip:hover { background: url(../img/menu_vipclub_hover.gif) no-repeat; }
*/

#page_menu #home:hover { background: url(../img/menu_home_hover-trans.png) no-repeat; }
#page_menu #about:hover { background: url(../img/menu_aboutus_hover-trans.png) no-repeat; }
#page_menu #products:hover { background: url(../img/menu_products_hover-trans.png) no-repeat; }
#page_menu #services:hover { background: url(../img/menu_services_hover-trans.png) no-repeat; }
#page_menu #franchise:hover { background: url(../img/menu_franchiseinfo_hover-trans.png) no-repeat; }
#page_menu #vip:hover { background: url(../img/menu_vipclub_hover-trans.png) no-repeat; }

/*
#page_menu #home:hover { background: url(../img/menu_home.png); }
#page_menu #about:hover { background: url(../img/menu_aboutus.png); }
#page_menu #products:hover { background: url(../img/menu_products.png); }
#page_menu #services:hover { background: url(../img/menu_services.png); }
#page_menu #franchise:hover { background: url(../img/menu_franchiseinfo.png); }
#page_menu #vip:hover { background: url(../img/menu_vipclub.png); }
*/

#page_body {
	width: 810px;
	z-index: -20;
}

#page_footer {
	height: 50px;
	margin: 15px 0 0 0;
	font-size: 70%;
	color: #444444;
	text-decoration: none;
	z-index: -20;

}

#page_footer ul {
        list-style: none;
        /* margin: 0;
        padding: 0 10px 0 0; */
}

#page_footer a { color: #444444; }
#page_footer ul li {
        float: right;
	padding: 0 0 0 10px;
}

#curv_header {
	position: absolute;
	width: 810px;
	height: 112px;
	background: url(../img/wave_top-trans.png) no-repeat;
	z-index: -20;
}

#banner {
	height: 300px;
	z-index: -40;
}

/*
#banner_sidebar {
	position: absolute;
	background: url(../img/box-trans.png) no-repeat;
	width: 277px;
	height: 295px;
	margin-top: 80px;
	z-index: -30;
}

#banner_contents {
	position: absolute;
	margin: 125px 0 0 25px;
	font-size: 100%;
	width: 225px;
	height: 220px;
	overflow: hidden;
	z-index: 0;
	color: #003160;
}
#banner a { color: #003160; }
*/

#banner_photo {
	position: absolute;
	width: 810px;
	text-align: left;
	background-repeat: no-repeat;
	margin-top: 65px;
	height: 300px;
	overflow: hidden;
	z-index: -40;
}

#curv_footer {
	background: url(../img/wave_bottom-trans.png);
	height: 91px;
	margin-top: -15px;
	z-index: -20;
}

#page_contents {
	background: #fcd900;
}

#page_sidemenu {
}

#page_sidemenu ul {
	margin-left: -30px;
        list-style: none;
        white-space: nowrap;
}
#page_sidemenu a { color: #565006; }
#page_sidemenu ul li {
	/*
	background: url(../img/sidemenu_content.jpg);
	display: inline;
	*/
	float: left;
	color: #565006;
	padding: 5px 0 5px 0;
	white-space: nowrap;
}


#page_sidebar {
	/* background: url(../img/sidebar_bg.png) repeat-x; */
	width: 170px;
	min-height: 284px;
	margin: 10px 0 10px 20px;
	padding: 10px;
	font-size: 85%;
}

#page_info {
	margin: 10px;
}

/*
#seaoilname {
	font-family: Arial Black;
	font-weight: normal;
}
*/

/* DEFAULT STYLES */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
h1,h2,h3,h4,h5,h6 { color: #003160; }
h1,h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4,h5,h6 { font-size: 100%; }
hr {
        border: none;
        border-top: 1px solid white;
        height: 1px;
}
/*
li { margin-left: -15px; }
div.indent { margin-left: 25px; }
*/

/* CUSTOM STYLES */
.font80 { font-size: 80%; }
.font100 { font-size: 100%; }
.font120 { font-size: 120%; }
.whitehighlight { background: white; }
.curv_borders {
	margin-top: 10px;
	border: 3px solid white;
	background-color: #fcd900;
	padding: 10px;
}
.bubble {
	background: url(../img/bubble.gif) no-repeat;
	height: 95px;
	width: 235px;
	margin-bottom: 8px;
	color: #888888;
	overflow: hidden;
	font-size: 10px;
	text-align: left;
}
.bubble a {
	text-decoration: none;
	color: #44aaff;
}
.bubble h1 {
	font-weight: bold;
	font-size: 12px;
	color: #444444;
	padding: 17px 0 0 0;
	margin: 0;
}

/* RESUME CENTRAL */
.applicant {
}
.applicant #name {
	font-size: 200%;
	font-weight: bold;
}
.applicant #lside {
	text-align: left;
	margin: 2px;
	padding: 2px;
	width: 300px;
	height: 50px;
}
.applicant #rside {
	text-align: right;
	margin: 2px;
	padding: 2px;
	width: 200px;
	height: 50px;
}

.biodata {
	margin-top: 20px;
	text-align: left;
}
.biodata #name {
	font-size: 200%;
	font-weight: bold;
}
.biodata #photo {
	float: right;
	position: relative;
	border: navy 3px solid;
	margin: 0px 0px 10px 10px;
	width: 200px;
	text-align: center;
	background: white;
}
.biodata #photo span {
	position: relative;
}
.biodata #sectionhead {
	background: #008adb;
	margin: 20px 0px 0px 0px;
	font-size: 15px;
	color: white;
	padding: 2px;
}
.sharethis {
	text-align: right;
	margin: 10px;
}

/* These are for the edit form. */
#wikiedit form { margin:0px; width:100%; }
#wikiedit textarea { width:100%; }
.wikimessage { margin-top:4px; margin-bottom:4px; font-style:italic; }

.announcement {
	position: relative;
	display: none;
}