/*
Theme Name: FEHM Group of Companies
Theme URI: http://www.fazleerezuan.com/
Description: 
Author: Fazlee Rezuan
Version: 1.0
Tags: 2 column

Using MentariCSS Framework
Get it from http://www.mentaricss.com
Licensed under GPL
*/

/* Import external stylesheet */
@import url('mentari.css');
/* Common HTML tags */
body {
	font-family:verdana, arial;
	padding:0px;
	background:url(./images/sitebg.png) #212121;
	margin-top:0px;
}
#wrapper {
	width:960px;
	margin:10px auto;
}
.logo {
	position:absolute;
	float:left;
	z-index:100;
	margin-top:8px;
	margin-left:10px;
}

#nav {
	list-style: none;
	margin: 90px 0px 0px 0px;
	padding: 15px 10px;
	text-align: right;
	white-space: nowrap;
	font-size:12px;
	position:relative;
	width:940px;
	font-family:verdana;
	float:left;
	right:0;
	border:0px solid #003366;
	background-color:#2a8af7;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
ul#nav li {
	display: inline;
	margin: 20px 0px;
}
ul#nav a {
	text-decoration: none;
	padding:5px 10px 6px 7px;
	color:#FFF;
	text-shadow: 1px 1px 1px #000;
}
ul#nav a#current
{
	background-color:#FFF;
	color:#000;
	padding:5px 7px 6px 7px;
	border-width: 0px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0px 2px 1px #fff;
}

ul#nav a:hover
{
	background-color:#FFF;
	color:#333333;
	padding:5px 10px 6px 7px;
	border-width: 0px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0px 0px 0px #fff;
}

#nav .current_page_item a, #nav .current_page_ancestor a
{
	background-color:#FFF;
	color:#000;
	padding:5px 10px 6px 7px;
	border-width: 0px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow:none;
}

#content
{
	background-color:#FFF;
	margin:0;
	padding:0;
	text-align:justify;
}

#content ul
{
	font-size:12px;
	line-height:26px;
}

#footer
{
	background:url(../images/content-bottom.png) no-repeat;
	height:45px;
}

#slider
{
	margin-top:0px;
}

.nivo-controlNav {

	position:absolute;

	left:2%;

	bottom:10px;

}

.nivo-controlNav a {

	display:block;

	width:10px;

	height:10px;

	background:url(./images/bullets.png) no-repeat;

	text-indent:-9999px;

	border:0;

	margin-right:3px;

	float:left;
	
	

}

.nivo-controlNav a.active {

	background-position:-10px 0;

}



.nivo-directionNav a {

	display:block;

	width:30px;

	height:30px;

	background:url(./images/arrows.png) no-repeat;

	text-indent:-9999px;

	border:0;

}

a.nivo-nextNav {

	background-position:-30px 0;

	right:15px;

}

a.nivo-prevNav {

	left:15px;

}

.widget-front
{
	border:0px solid #CCC;
	margin:10px 10px 10px 10px;
	float:left;
	width:295px;
	font-size:11px;
	padding-top:10px;
	
}

.widget-page
{
	border:0px solid #CCC;
	margin:-10px 10px 10px 10px;
	float:left;
	width:270px;
	font-size:11px;
	
}

.widget-front p
{
	padding:10px;
	line-height:18px;
}

.widget-front h1
{
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#7c7c7c;
	padding:5px 5px 5px 10px;
	color:#FFF;
	margin-top:0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 6px;
	text-shadow:0 0 1px #333;
	text-transform:uppercase;
}

.widget-page h1
{
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	padding:5px 5px 5px 10px;
	color:#333;
	margin-top:0px;
	text-shadow:0 0 1px #333;
	text-transform:uppercase;
}

.principal, .about-us, .latest-news
{
	border:0px solid #CCC;
	margin:10px 10px 10px 10px;
	float:left;
	width:295px;
	font-size:11px;
	padding-top:10px;
}

.principal
{
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:#f4f4f4;
}

.principal p
{
	padding:0px;
}

.about-us h2, .latest-news h2
{
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#7c7c7c;
	padding:5px 5px 5px 10px;
	color:#FFF;
	margin-top:0px;
	width:180px;
			-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-shadow:0 0 1px #333;
}

.about-us p
{
	padding:0 10px;
	line-height:24px;
}


.latest-news p
{
	padding:0 10px;
	line-height:18px;
}

#news-container

{

	height:600px;

}

.posts

{

	padding-left:10px;

	padding-right:10px;

	margin-top:15px;

}

.posts img
{
	margin:10px;
}

.posts a

{

	font-size:12px;

	text-decoration:none;

	color:#690;

	font-weight:bold;

	text-transform:uppercase;

}



.posts p

{

	padding:0px;

	font-size:11px;

	margin-top:5px;

}



.posts-date

{

	font-style:italic;

	font-size:12px;

	text-align:right;

	color:#999;

	margin:-10px 0 0;

	padding:0;

}

#footer
{
	background:url(./images/content-bottom.png) no-repeat;
	height:45px;
	padding:30px;
	font-size:11px;
	color:#999;
	text-align:center;
}

#footer a
{
	color:#999;
	text-decoration:none;
}
#footer a:hover
{
	text-decoration:underline;
}

#sidebar
{
	width:270px;
	float:left;
	padding-top:30px;
}

.sidebar-splash
{
	margin-left:-17px;
}

/*.submenu
{
	font-family:Verdana, Geneva, sans-serif;
	margin-top:-15px;
}

.submenu ul
{
	list-style:none;
	line-height:24px;
}

.submenu a
{
	text-decoration:none;
	color:#333;
	text-shadow:0px 0px 1px #999;
	font-size:14px;

}

.submenu li a
{
	border-top:1px solid #CCC;
}

.submenu a:hover
{
	color:#F30;
}
*/
#sidebar .current
{
	list-style-image:url(./images/sub-bullet.png);
}

#sidebar .current a, .current_page_item a
{
	color:#F30;
}

.content
{
	float:left;
	width:670px;
	margin-top:0px;
	margin-bottom:20px;
}

.content h2 {
	font-family:arial;
	font-size:18px;
	margin:0;
	padding:0px 0 10px;
	text-align:left;
	text-shadow:1px 1px 1px #FFFFFF;
	color:#06C;
}

.content h1 {
	font-family:arial;
	font-size:28px;
	margin:0;
	padding:20px 0 10px;
	text-align:left;
	text-shadow:1px 1px 1px #FFFFFF;
	color:#333;
}


.content p
{
	font-size:12px;
	line-height:22px;
}

.profile
{
	padding:5px;
	height:auto;
	font-size:12px;
}

.children
{
	margin-bottom:10px;
}

.children li
{
	margin-left:-20px;
}

.children li a
{
	font-size:12px;
}

/* ------------------------------------------- */
#navcontainer { margin-left: 10px; font-size:11px; margin-top:5px; margin-bottom:10px;}

#navcontainer h2 { display:none; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 190px;
color: #fff;
background-color: #39F; /* #036 */
text-decoration: none;
text-shadow:0px 0px 0px #000;
}

#navcontainer .current_page_item, #navcontainer .current_page_ancestor, #navcontainer .current_page_parent
{
	text-shadow:none;
}

#navcontainer a:hover
{
color: #fff;
background-color: #6CB6FF;
text-decoration: none;
}

#navcontainer ul ul li { 
margin: 0 0 1px 0; 
padding-left:0px;

}

#navcontainer .children
{
	margin-top:1px;
	font-size:11px;
}

#navcontainer .children ul li a
{
padding: 2px 5px 2px 30px;
background-color:#999;
background-image:url(images/bullet-square-white.png);
background-repeat:no-repeat;
background-position:15px 10px;
width: 185px;
font-size:11px;
}

#navcontainer ul ul a
{
display: block;
padding: 2px 5px 2px 20px;
width: 185px;
color: #fff;
background-color:#666;
text-decoration: none;
background-image:url(images/bullet-square-white.png);
background-repeat:no-repeat;
background-position:8px 12px;
font-size:11px;
}

#navcontainer ul ul a:hover
{
color: #fff;
background-color:#6CB6FF;
text-decoration: none;
}

/* ------------------------------------------- */

.subpagenav

{

	list-style:none;

	margin-left:-3px;

	padding:0;

}



.subpagenav ul

{

	color:#F90;

}



.subpagenav li

{

	padding:5px 5px 5px 30px;

	margin:2px;

	background:url(images/bullet-square-white.png) 20px 20px no-repeat;

	background-color:#79b93f;

	width:200px;

}



.subpagenav .page_item

{

	padding:5px 5px 5px 30px;

	margin:2px;

	background:url(images/bullet-square-white.png) 10px 20px no-repeat;

	background-color:#79b93f;

	width:173px;

}



.subpagenav .current_page_item 

{

	padding:5px 5px 5px 30px;

	margin:2px;

	background:url(images/bullet-square-white.png) 10px 20px no-repeat;

	background-color:#79b93f;

	width:173px;

}



.subpagenav a

{

	font-size:12px;

	text-decoration:none;

	line-height:18px;

	color:#fff;

}



.subpagenav a:hover

{

	text-decoration:underline;

}

.tbl-products
{
	font-size:12px;
}

/*.tbl-products strong
{
	text-align:left;

}*/

.tbl-products p
{
clear:both;
}

.tbl-products td, tr
{
	text-align:justify;
}

.newslist
{
    padding:10px;
	margin-bottom:5px;
}

.title-page-list a
{
	text-decoration:none;
	color:#06C;
	font-size:12px;
	padding:10px 5px;
}

.posts-date-list
{
	font-size:12px;
	color:#fff;
	font-style:italic;
	padding:10px;
	background-color:#999;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	width:150px;
}

.bod
{
	font-size:12px;
	width:500px;
	border:0;
}

.bod td
{
	text-align:center;
	padding:0;
	margin:0;
	border:0;
}

.product h1 { font-size:14px; margin:0; padding:0 0 10px; border-bottom:1px solid #969696;margin-bottom:5px;}
.product p { }
.product img { float:left; }
.product { border:1px solid #CCC; padding:10px; margin-bottom:10px; clear:both}

.marine { border-right:1px solid #999; border-top:1px solid #999;}
.marine thead { background:#C3C3C3; text-shadow:1px 1px 1px #FFF; font-size:20px;}
.marine tr td { margin:10px; padding:5px; font-size:12px; border-left:1px solid #999; border-bottom:1px solid #999; }
.marine img { padding:0; margin:0; text-align:center;}