/*
Theme Name: lieberlaw
Theme URI: http://www.businessentials.com
Description: 
Version: 1
Author: Jose Erlino M. Lontok
Author URI: http://www.businessentials.com
*/

body {
	background:url(../images/body_bg.jpg) #F2F1ED repeat-x;
	margin:0;
	padding:0;
}

#wrap {
	width:900px;
	margin:0 auto;
}

#header {
	text-align:center;
}

#nav {
	width:870px;
	height:36px;
	margin:0 auto;
	position:relative;	
}

#nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
}

#nav ul li {
	float:left;
	height:36px;
	display:inline;
	position:relative;	
	text-indent:-9999px;
}

#nav ul li a {
	display:block;
	height:36px;
}

#nav-1 a{
	width:129px;
	background:url(../images/nav.gif) 0 0 no-repeat;
}

#nav-1 a:hover, #nav-1 a.active{
	background:url(../images/nav.gif) 0 -36px no-repeat;
}

#nav-2 a{
	width:166px;
	background:url(../images/nav.gif) -129px 0 no-repeat;
}

#nav-2 a:hover, #nav-2 a.active{
	background:url(../images/nav.gif) -129px -36px no-repeat;
}

#nav-3 a{
	width:143px;
	background:url(../images/nav.gif) -295px 0 no-repeat;
}

#nav-3 a:hover, #nav-3 a.active{
	background:url(../images/nav.gif) -295px -36px no-repeat;
}

#nav-4 a{
	width:171px;
	background:url(../images/nav.gif) -438px 0 no-repeat;
}

#nav-4 a:hover, #nav-4 a.active{
	background:url(../images/nav.gif) -438px -36px no-repeat;
}

#nav-5 a{
	width:130px;
	background:url(../images/nav.gif) -609px 0 no-repeat;
}

#nav-5 a:hover, #nav-5 a.active{
	background:url(../images/nav.gif) -609px -36px no-repeat;
}

#nav-6 a{
	width:131px;
	background:url(../images/nav.gif) -740px 0 no-repeat;
}

#nav-6 a:hover, #nav-6 a.active{
	background:url(../images/nav.gif) -740px -36px no-repeat;
}

#nav li:hover ul {
	display:block;
}

#homeFeature {
	width:900px;
	height:319px;
	background:url(../images/homefeature_bg.jpg) no-repeat;
	position:relative;
}

#homeFlash {
	position:absolute;
	top:15px;
	left:15px;
}

#homeFeatureTxt {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#F2F1ED;
	width:400px;
	position:absolute;
	top:20px;
	right:42px;
}

#homeFeatureTxt p {
	margin:10px 0;
	padding:0;
}

#homePreview {
	width:890px;
	margin:6px auto;
}

#homePreview-top {
	height:40px;
	background:url(../images/homepreview_top56.gif) no-repeat;
}

#homePreview-bottom {
	height:35px;
	background:url(../images/homepreview_bottom.gif) no-repeat;
}

#homePreview-mid {
	height:145px;
	background:url(../images/homepreview_bg.gif) no-repeat;	
}

#homePreview p {
	margin:0;
	padding:0 6px;
	color:#fff;
	font:11px Verdana, Arial, Helvetica, sans-serif;	
}

.previewItem {
	width:280px;
	margin-left:15px;
	float:left;
	display:inline;
}

.previewItem a{
	color:#fff;
	text-decoration:none;
}

#homePreview-bottom .previewItem {
	text-align:right;
	padding:10px 0 0 0;
}

#homePreview-bottom .previewItem a{
	color:#fff;
	text-decoration:none;
}

#inner-top {
	height:15px;
	background-image:url(../images/inner_top.gif);
	font-size:1px;
}

#inner-mid {
	background-image:url(../images/inner_bg.gif);
	color:#F2F1ED;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#inner-bottom {
	height:15px;
	background-image:url(../images/inner_bottom.gif);
	font-size:1px;
}

#inner-sidebar {
	width:273px;
	float:left;
	margin:0 0 0 14px;
	display:inline;
}

#page-photo {
	margin-bottom:15px;
}

.sidebar-item {
	width:257px; /*273px w/o padding*/
	background:url(../images/sidebaritem-bg.gif) top no-repeat;
	padding:10px 8px ;
	margin:0;
	color:#fff;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

.sidebar-item p {
	margin:10px 0;
	padding:0;
}

.sidebar-item a {
	color:#fff;
	font-weight:bold;
}

.sidebar-item ul {
	margin:10px 0 10px 30px;
	padding:0;
}

.sidebar-item li {
	list-style-type:none;
	background:url(../images/list-arrow.gif) 0 6px no-repeat;
	padding-left:15px;
	line-height:22px;
	font-weight:bold;
}

.sidebar-item li a{
	color:#fff;
	text-decoration:none;
}

.sidebar-item li a:hover{
	text-decoration:underline;
}

#inner-content {
	width:535px;
	float:right;
	margin:20px 45px 0 0;
	display:inline;
	background-color:#395D73;
}

#inner-content a {
	color:#E0A169;
}

.title1 {
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

#footer {
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	color:#36586E;
	clear:both;
}

#footer a{
	color:#36586E;
	text-decoration:none;
}


/*globals*/
a {
	outline:none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:1px;
}