/*  
Theme Name: Food Business Consultancy
Theme URI: http://www.flowinteractive.com.au
Description: FBC theme created by Flow Interactive
Version: 0.1
Author: Flow Interactive
Author URI: http://www.flowinteractive.com.au/

	This theme is copyright Flow Interactive 2009. All rights reserved.

*/


/* Main CSS Start */
* {
	padding: 0;
	margin: 0;
}
a{
outline:none;
}
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Arial, Helvetica, sans-serif;
background:url( images/body_bg.gif) repeat-x top;
padding:0;
margin: 0;
}

#wrapper{
width: 757px;
padding: 0;
margin:0 auto;
}

/* Main CSS End */
/* Header CSS End */
#header{
background:url( images/header_bg.jpg) no-repeat right top;
width: 757px; 
height: 155px;
padding: 0;
margin: 0;
position:relative;
}

#logo{
float:left;
width: 99px;
height: 131px;
padding: 5px 0 0 31px;
}
#strapline{
float:left;
}

#strapline a{
font-size: 13px;
display: block;
background: url( images/strapline.gif) no-repeat left;
text-indent: -9000px;
width: 403px;
height: 25px;
margin: 61px 0 0 19px;
padding: 0;
}

/* Navigation CSS Start */
#nav{
background:url( images/nav_bg.gif) repeat-x;
width: 550px;
height: 24px;
padding: 0;
margin: 0;
position:absolute;
top: 133px;
left: 100px;
}
#nav ul {
list-style: none;
float:right;
}

#nav ul li {
float: left;
background: url( images/nav_sprtr.gif) no-repeat right;
padding: 0;
}

#nav ul li.page-item-17 {
background: none;
}
#nav ul li a {
font: normal 14px Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
padding: 0 10px 0 10px;

}
#nav ul li a:hover, #nav a.page_item {
color: #91191e !important;
background:url( images/nav_sprtr1.gif) no-repeat right;
}
#nav ul li a:hover.no_sprtr {
background: none;
}

/*Drop downs*/
#nav ul li ul { /* second-level lists */
	position: absolute;
	background: #63a1c1;
	border: 1px outset #ccc;
	width: 13em;
	display:none;
	z-index:1000
}
#nav ul li ul li a {width: 11em; margin:0; text-align:left; display:block; padding: 0.5em 0.75em; font-size: 1em; color:#fff; background: #63a1c1}

#nav ul li:hover ul, .nav ul li a:hover ul, #nav ul li.sfhover ul {
	display:block
}

div#nav ul li ul li a:hover {
	color:#00FFFF;
	background: none !important
}

/* Navigation CSS End */
/* Banner CSS Start */
#outer_banner {
background: #e7f5ff;
}

#banner {
width: 757px;
padding: 0;
margin: 0;
clear:both;
overflow:auto;
}
.banner_left{
background:url( images/banner_bg.jpg) no-repeat left top;
width: 569px;
height: 116px;
padding: 0;
margin: 0;
float:left;
}
.banner_left p{
width: 264px;
color: #333333;
font-size: 20px;
padding: 25px 0 0 229px;

}
.banner_right{
background:url( images/banner_right_bg.jpg) repeat-x;
float:right;
height: 116px;
width: 172px;
padding: 0 8px 0 8px;
margin: 0;
}
.banner_right a{
font-size: 11px;
color: #FFFFFF;
margin:0;
display:block;
padding: 0 0 6px 0;
}
.banner_right a.blog{
float:right;
}
.banner_right a:hover{
text-decoration:none;
}
.banner_right a span{
font-size: 10px;
float:right;
}
.banner_right h3{
}
.banner_right h3 a{
font-size: 11px;
display: block;
width: 145px;
height: 22px;
background: url( images/latest-blog.gif) no-repeat;
text-indent: -9000px;
margin:10px 0 0 14px;
padding: 0;
}
/* Banner CSS End */
/* Content CSS Start */
#content{
width: 757px;
padding: 0;
margin: 0;
clear:both;
overflow:auto;
}
.content_left{
width: 524px;
padding: 22px 23px 0 21px;
margin: 0;
float:left;
}
.img_box{
width: 140px;
float:left;
display:block;
padding: 0;
margin: 0 23px 20px 0;
}
.img{
padding-bottom: 18px;
}
.aha{
padding: 0 23px 0 17px;
}
.content_left h1{
color: #247ca9;
font-size: 22px;
padding: 0 0 20px 0;
}
.content_left h2{
color: #247ca9;
font-size: 16px;
padding:0 0 13px 0;
}
.content_left p{
font-size: 12px;
padding-bottom: 11px;
line-height: 150%
}
.content_left ul {margin: 0.5em 0 0.5em 2em}
.content_left li {font-size: 1.2em; margin-bottom: 0.5em}
.content_left a.contact{
font-size: 11px;
display: block;
width: 156px;
height: 29px;
background: url( images/contact_us.gif) no-repeat;
text-indent: -9000px;
margin:0 0 12px 163px;
padding: 0;
}
.content_right{
background:url( images/content_right_bg.jpg) no-repeat top #FFFFFF;
width: 167px;
padding: 24px 0 0 21px;
margin: 0;
float:right;
}
.content_right h2{
font-size: 14px;
color: #247ca9;
padding-bottom: 10px;
}
.content_nav{
overflow:auto;
padding: 0;
}
.content_nav ul {
list-style: none;
float: left;
padding: 0 0 0 2px
}

.content_nav ul li {
background: url( images/bullet.gif) no-repeat left;
padding: 0 0 5px 14px;

}

.content_nav ul li.no_sprtr {
background: none;
}
.content_nav ul li a {
font: normal 11px/11px Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
padding:0 0 0 14px;

}
.content_nav ul li a:hover, #nav a.active {
color: #000000;
}
.content_nav ul li a:hover.no_sprtr {
background: none;
}
.content_right h3{
}
.content_right h3 a{
font-size: 11px;
display: block;
width: 81px;
height: 15px;
background: url( images/testimonial.gif) no-repeat;
text-indent: -9000px;
margin:23px 0 12px 33px;
padding:0;
}
.content_right p{
font-size: 11px;
font-style:italic;
padding-left: 7px;
}
/* Content CSS End */
/* Footer CSS Start */
#footer{
background: #d7f2ff;
padding: 0;
height: 108px;
margin: 20px 0 0 0;
clear:both;
}
.inner_footer{
width: 757px;
padding:10px 9px 0 9px;
margin:0 auto;
}

.inner_footer ul {
list-style: none;
width: 430px;
margin: 0 auto 10px auto
}
.inner_footer ul li {
float: left;
padding: 0;
}

.inner_footer ul li ul { /* second-level lists */
	display:none;
}

.inner_footer ul li.no_sprtr {
background: none;
}
.inner_footer ul li a {
font-size: 10px;
color: #666666;
text-decoration: none;
padding: 0 9px 0 9px;

}
.inner_footer ul li a:hover, #nav a.active {
color: #91191e !important;
background:url( images/nav_sprtr1.gif) no-repeat right;
}
.inner_footer p{
font-size: 10px;
color: #999999;
text-align:center;
}
.inner_footer p a{
font-size: 10px;
color: #999999;
}
.inner_footer p a:hover{
text-decoration:none;
}

/* Footer CSS End */
/*.alignleft{
font-size: 16px;
font-weight:bold;
color: #277da9;
padding: 0 0 8px 0;
display:block;

}
.alignleft a{
color: #277da9;
text-decoration:none;
}
.alignleft a:hover{
text-decoration:underline;
}
.alignright{
font-size: 16px;
font-weight:bold;
color: #277da9;
padding: 0 0 8px 0;
display:block;

}
.alignright a{
color: #277da9;
text-decoration:none;
}
.alignright a:hover{
text-decoration:underline;
}*/
.post h2{
font: 14px;
color: #277da9;
padding:8px 0 8px 0;
}
.postmetadata small{
color: #000;
font-size: 11px;
padding: 8px 0 8px 0;
display:block;
}
.postmetadata small a{
color: #277da9;
font-size: 11px;
text-decoration:none;
}
#respond h3{
font-size: 12px;
color: #277da9;
padding: 0;
}
#commentform p{
color: #000;
font-size: 11px;
padding: 8px 0 8px 0;
display:block;
}
#commentform p a{
color: #277da9;
font-size: 11px;
text-decoration:none;
}
#commentform p textarea{
width: 350px;
padding: 0;
}
.comment-body{
color: #000;
font-size: 11px;
padding: 8px 0 8px 0;
display:block;
}
.comment-body p{
color: #000;
font-size: 12px;
padding: 5px 0 5px 0;
display:block;
}

.commentmetadata a{
color: #277da9;
font-size: 11px;
text-decoration:none;
}
.fn{
font-size: 12px;
color: #277da9;
font-weight: bold;
}
.says{
font-weight: bold;
font-size: 12px;
color: #277da9;
}
.widget_text 
{
list-style:none;
}
.postmetadata {padding: 10px; background:#E8F7FF}
#nav ul li.current_page_item a{
	color: #91191e;
}
#footer inner_footer  ul li.current_page_item a{
	color: #91191e;
}
.clearfix:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden}

.clearfix{display:inline-block}

* html .clearfix{height:1%}
.clearfix{display:block}
