/*
Theme Name: F2X
Theme URI: http://www.f2x.co.uk
Description: The F2X Theme
Version: 2.0
Author: Phyo Wai Win
Author URI: http://phyowaiwin.com/
Tags: custom header, fixed width, two columns, three columns, widgets

	This theme was designed and built by Phyo Wai Win,
	whose blog you will find at http://phyowaiwin.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



@charset "UTF-8";
/* 
	Background-Styles 
*/
html
{
overflow:scroll;
}
body {
	margin:0px; padding:0px;
	background-color:#5F5F5F;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color:#484b4b;
	font-size:12px;
}
h1, h2, h3, h4, h5, h6, br{
	margin:0;
	padding:0;
	color:#666666;
}
h5{
	font-size:1.4em;
}
h6{
	font-size:1.3em;
}
p{
	margin:0 0 15px 0;
	padding:0;
}
div {
	display:block;
}
#main {
	background:#fff;
	margin: 0 auto;
	width:760px;
	padding:20px;
	position:relative;
}
img {
	border:none;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color: #333333;
}

/* 
	Header-Styles 
*/
#head{
	position:relative;
	margin-bottom:0.2em;	
	height:67px;
}
#logo{
	float:left;
	padding-left:3px;

}
#search_box{
	float:right;			
}
.error {
	color: red;
	font-style:italic;
	font-weight:bold;
}
.success {
	color: green;
	font-weight:bold;
}
form input{
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	border:solid 1px #999999;

}	
form input[type="text"]{
	width:200px;
}
form textarea{
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	border:solid 1px #999999;
	width:300px;
	height:100px;
}
form input[type="submit"]{
	height:px;	
	background-color:#3C3C3D;
	color:#fff;
	border:#3C3C3D solid;
	padding:0;
}
#frmSearch{	
	position: absolute;
	bottom: 0;
	right: 0;
}
#frmSearch input{
	font-size:10px;
	
}
#frmSearch input[type="text"]{
	width:80px;
}


.clearall{
	clear:both;
}
/* 
	Breadcrumbs
*/
.breadcrumb{
	clear:both;
	position:relative;
	margin:0 0 5px 0;
	font-size:10px;
}
.breadcrumb ul{
	list-style:none;
	text-transform:capitalize;	
	margin:0px; padding:0px;
}
.breadcrumb ul li{
	display:inline;
	margin:0;	
}
/*
#breadcrumb ul li:after{
	content:" >";
}
#breadcrumb ul li.last:after{
	content:"";
}
*/
/*
	Navigation styles
*/
#navigation{
	background-color:#3c3c3d;
	margin-top:3px;
	margin-bottom:8px;
	padding:5px 10px;
}
#navigation ul{
	list-style:none;
	text-transform:capitalize;	
	margin:0px; padding:0px;
	font-size:12px;
	font-weight:bold;
}
#navigation ul li{
	display:inline;
	padding-right:10px;
	margin-right:10px;
	border-right: 2px solid #818386;
}
#navigation ul li.last{
	border-right:none;
}
#navigation ul li.current_page_item a{
	color:#fff;
}
#navigation ul li a{
	color:#999999;
}
#mainquote{
	padding-bottom:3px;
	background:url("images/dots.gif") bottom repeat-x ; 
	position:relative;
	margin-bottom:10px;
}
#quotewrapper {
	
	height:295px;
	position:relative;	
}
#quotewrapper.home{
	background:url("images/headbg_home.jpg") no-repeat;
}
 .our-services, .business-and-operational-reviews, .cost-reduction-and-expense-management , .technology-solutions-consulting , .strategy-and-technology-alignment, .free-telecoms-review-and-report, .telecommunications-optimisation-review, .it-managed-services {
	background:url("images/F2X_Formulating_Strategy.jpg") no-repeat;	
height:295px;
}
.our-clients{
	background:url("images/F2X_Our_Clients.jpg") no-repeat;
height:295px;
}
.about-us, .who-we-are, .our-values, .our-approach, .our-partners, .news{
	background:url("images/F2X_Listening_Thinking.jpg") no-repeat;
height:295px;
}
.contact-us{
	background:url("images/F2X_Contact_Us.jpg") no-repeat;
height:295px;
}
#quotewrapper blockquote{
	position:absolute;
	margin:0;
	left:20px;
	bottom:50px;
	display:block;
	width:320px;
	height:100px;
	font-size:20px;
	font-weight:bold;
	font-style:italic;	
}
#quotewrapper blockquote em{
	color:#9F9F9F;
}


/*
	Main Content Section
*/
#content{
	background:repeat-y url("images/dots.gif");
	width:auto;
	display:block;
	padding:0;
	position:relative;
	color:#666666;
}

#content p em{
	color:#76bda8;
	font-weight:bold;
	font-style:normal;
}

#content .smallcolumn{
	float:left;
	width:163px;
	padding:0 13px;
	background:repeat-y url("images/dots.gif");
	height:auto;
}
#content .smallmediumcolumn{
	float:left;
	width:345px;
	padding:0 13px;
	background:repeat-y url("images/dots.gif");
	height:auto;
}
#content .largecolumn{
	float:left;
	width:545px;
	padding:0 13px;
	background:repeat-y url("images/dots.gif");
}
#content .largecolumn p img{
	float:left;
	margin-right:13px;
}

#content .mediumcolumn{
	float:left;
	width:356px;
	padding:0 13px 0 12px;
	background:repeat-y url("images/dots.gif");
}

#content .lastcolumn{
	background:repeat-y url("images/dots.gif") right;	
	float:right;
	height:100%;
	position:relative;
	display:block;
}
#content ul.submenu{
	list-style:none;	
	margin:0;
	padding:0;	
}
#content ul.submenu li{
	margin:0;
	padding:5px 0px 0 0;
	font-weight:bold;
	background:url("images/dots.gif") bottom repeat-x ; 
}
#content ul.submenu li.last{
	background:none;
}
#content ul.submenu li:hover{
	background-color:#E0EFEA;
	
}
#content ul.submenu li ul  {
	list-style:none;
	margin:0;
	padding:0 0 0 15px;
	
}
#content ul.submenu li ul li {
	background:url("images/dots.gif") top repeat-x ; 
}
#content ul.submenu li a{
	color:#999999;
	display:block;
	width:auto;
	padding-right:10px;
}
#content ul.submenu li a:hover{
	color:#333333;
}

#content ul.submenu li.current_page_item a{
	background:url("images/double_arrow.gif")  no-repeat; 
	background-position: 148px center;
	color:#3F3F3F;
}
#content ul.submenu li ul li.not_current a {
	color: #999999;
}
#content ul.submenu li ul li.not_current a:hover {
	color: #333333;
}

#content ul.submenu li ul li.current_page_item a{
	background:url("images/double_arrow.gif")  no-repeat; 
	background-position: 133px center;
	color:#3F3F3F;
}
#content ul.submenu ul.ex_submenu{
	list-style:none;
	text-transform:capitalize;	
	margin-left:10px;
	padding:0;	
	position:relative;
}
#content ul.submenu ul.ex_submenu li{
	margin:0;
	padding:2px 0;
	font-weight:bold;
	background:none;
}
/*
 =================================
 Start of Featured Service
 =================================
*/
.feature_service {
	margin-top:20px;
	color:#FFF;
}
/*
.feature_service ul.featured_submenu{
	list-style:none;
	text-transform:capitalize;	
	background-color:#83C8B7;
	margin-top:5px;
	margin-left:-12px;
	margin-right:-13px;
	padding:5px 12px 10px 12px;
} 
.feature_service ul.featured_submenu li{
	
	font-weight:bold;
	background:url("images/dots.gif") bottom repeat-x ;
	
}
.feature_service ul.featured_submenu li.last{
	background:none;
}
.feature_service ul.featured_submenu li:hover{
	background-color:#83C8B7;
	color:#333333;
}
.feature_service ul.featured_submenu li ul  {
	list-style:none;
	text-transform:capitalize;	
	margin:0;
	padding:0 0 0 15px;
	
}
.feature_service ul.featured_submenu li ul li {
	background:url("images/dots.gif") top repeat-x ; 
}
.feature_service ul.featured_submenu li a{
	
	color:#333333;
	display:block;
	width:auto;
	padding-right:10px;
}
.feature_service ul.featured_submenu li a:hover{
	color:#333333;
}

.feature_service ul.featured_submenu li.current_page_item a{
	background:url("images/double_arrow.gif")  no-repeat; 
	background-position: 148px center;
	color:#3F3F3F;
}
.feature_service ul.featured_submenu li ul li.not_current a {
	color: #999999;
}
.feature_service ul.featured_submenu li ul li.not_current a:hover {
	color: #333333;
}
*/
/*
 =================================
 End of Featured Service
 =================================
*/
#content h2{
	font-size:1.6em;
	margin-bottom:5px;
}
#content h3{
	margin-bottom:5px;
}

#content h4{
	margin-top:5px;
	font-size:1em;
	color:#76bda8;
}
#content h4 span{	
	color:#DFAB7D;
}
#content em{
	padding:0;
	margin:0;
	font-size:1em;
	color:#3F3F3F;
	font-weight:bold;
}
.highlight{
	color:#76bda8;
}
.survey {
	display:block;
	width:100%;
	height:10em;
	clear:left;
	font-size:1.2em;
	margin:15px 0 5px 0;
}
.survey_left{
	
	width:280px;
	border: 1px grey solid;
	display:block;
	padding:0 10px 0 0;
	float:left;
	
	clear:both;
	height:90%;
}
.survey_right {
	float:left;
	display:block;
	width:250px;
	height:90%;
	position:relative;
	background:url("images/survey_arrow.jpg") 5px  center  no-repeat ;
	
}
.survey_right span{
	height:50px;
	margin-top: -15px;
	top:50%;
	position:absolute;
	width:150px;
	margin-left:70px;
	margin-right:20px;
}
.survey_right span.oneliner{
	margin-top:-9px;
}
.survey_satisfaction{
	font-size:1.2em;
	
}
.survey_satisfaction span{
	text-align:center;
	color:#9F541D;
	display:block;
}
/*
	Footer section
*/
#footer {
	padding-bottom:3px;	
	position:relative;
	margin-bottom:10px;
	background:url("images/dots.gif") top repeat-x ; 

}
#footer ul{
	list-style:none;
	text-transform:capitalize;	
	margin:0px; 
	padding:5px 0 0 12px;
	
	font-size:10px;
	font-weight:bold;
}
#footer ul li{	
	float:left;
	display:inline;
	line-height:1em;
	padding-right:10px;
	margin-right:10px;
	border-right: 2px solid #818386;
}
#footer ul li.last{
	border-right:none;
	margin:0;
	padding:0;
}
#footer ul li a{
	color:#3F3F3F;
}

/*
    jQuery Image Fade In and Out
*/
#slideshow {
		position: relative;
		width: 760px;
		height: 295px;
		overflow: hidden;
	}
	#slideshow img {
		position: absolute;
		left: 0;
		top: 0;
		width: 760px;
		height: 295px;
	}

/*

Image Lists

*/
.image_lists img
{
    margin:2px 40px;	
}
/*
 Hack for WordPress stupid <br/> tag , which seems to automatically add after img tags
*/
.image_lists  br{
	display:none;
}