/*
Theme Name: Powerful
Theme URI: http://jaysone.com
Description: A theme made specificially for Powerful Group of Companies
Version: 1
Author: Jaysone Francis
Author URI: http://jaysone.com
Tags: professional, clean
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/tabs.css";

/*===== Basic stuff =====*/
body	{
	font: normal normal normal 14px/20px Arial, helvetica, sans-serif;
	color: #727272;
	background: #fff;
}



/*===== END Basic stuff =====*/

/*===== Header area =====*/

#header {
	
	width: 100%;
	background-color: #1f3e98;
}

#header_content {
	padding: 20px 0 35px 0;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

/*===== Translation =====*/
/*
#translation_bar {
width: 70px;
position: absolute;
top: 125px;
right: 520px;
}

#translation_bar a img {
margin: 0 3px 0 0;
width: 20px;
height: 15px;
}

#translation_bar div#transl_sign a {
color: #fff;
}
*/

#google_translate_element {
	position: relative;
	width: 170px;
	top: 47px;
	left: 260px;
	overflow: hidden;
	color: #fff;
}


/*===== END translation =====*/

#header_content h1 {
	float: left;
}

#header_content h1 a {
	width: 268px;
	height: 121px;
	background: transparent url(style/images/logo.png) no-repeat scroll;
	text-indent: -9999px;
	display: block;
}

	/*===== BEGIN Navigation area =====*/
	
	.nav {
		overflow: hidden;
	}
	
	.nav ul {
		float: right;
	}
	
	.nav ul li {
		float: left;
		margin: 0 35px 0 0;
	}
	
	.nav ul li a {
		display: block;
		color: #fff;
		font-size: 15px;
		text-decoration: none;
		padding: 50px 0 0 0;
	}
		
		/*===== Navigation Icons =====*/
	
		.nav ul li.page-item-3 a {
			background: transparent url(style/images/nav/home_icon.png) no-repeat center top scroll;
		}
	
		.nav ul li.page-item-2 a {
			background: transparent url(style/images/nav/about_icon.png) no-repeat center top scroll;
			padding: 50px 3px 0 2px;
		}
		
		.nav ul li.page-item-5 a {
			background: transparent url(style/images/nav/companies_icon.png) no-repeat center top scroll;
		}
		
		.nav ul li.page-item-7 a {
			background: transparent url(style/images/nav/latest_news_icon.png) no-repeat center top scroll;
		}
		
		.nav ul li.page-item-10 {
			margin: 0 10px 0 0;
		}
		
		.nav ul li.page-item-10 a {
			background: transparent url(style/images/nav/contact_icon.png) no-repeat center top scroll;
		}
		
	/*===== END Navigation area =====*/
	
	/*===== BEGIN Search form =====*/
		
		#search {
			float: right;
			position: relative;
		}
		
		#search form {
			margin: 40px 0 0 0;
			float: right;
		}
		
		#search form input#s {
			width: 164px;
			height: 21px;
			background: transparent url(style/images/search_input_field_bg3.png) no-repeat scroll;
			color: #626262;
			border: none;
			padding: 2px 5px 0 5px;
			max-width: 164px;
		}
		
		#search img {
			position: absolute;
			top: 32px;
			left: -42px;
		}
		
		button#searchsubmit {
			cursor: pointer;
			text-indent: -99999px;
			border: none;
			width: 41px;
			height: 42px;
			background: transparent url(style/images/search_icon.png) no-repeat scroll;
		}
		
	/*===== END Search form =====*/

/*===== END Header stuff =====*/

/*===== BEGIN Feature area =====*/

#feature {
background-color: #ededed;
height: 290px;
padding: 40px 0 0 0;
position: relative;
}

.container {
margin: 0 auto;
width: 1000px;
}

.container a.prevPage {
cursor: pointer;
background: transparent url(style/images/left_hand.png) no-repeat scroll;
width: 55px;
height: 50px;
text-indent: -99999px;
float: left;
}

.container a.nextPage {
cursor: pointer;
background: transparent url(style/images/right_hand.png) no-repeat scroll;
width: 55px;
height: 50px;
text-indent: -99999px;
float: right;
}


div.scrollable {
	margin: 0 auto;
	width: 800px;
	position: relative;
	overflow: hidden;
	height: 200px;
	
}

div.scrollable div.items {
	width: 20000em;
	position: absolute;
}

div.scrollable div.items div {
	width: 800px;
	float: left;
	cursor: pointer;
}

div.scrollable div.items img {
margin: 0 55px 0 0;
}

div.scrollable div.items h2 {
font-size: 24px;
color: #98B709;
font-style: italic;
margin: 0 0 20px 0;
}

div.scrollable div.items p {
color: #6d6d6d;
margin: 0 0 15px 0;
}

div.scrollable div.items a {
font-size: 15px;
color: #1f3e98;
font-style: italic;
float: right;
}

/*===== END Feature area =====*/



/*===== Front Content (main page) =====*/

#front_content {
width: 940px;
margin: 30px auto 80px;
overflow: hidden;
background: #fff;
}

#col1 {
width: 330px;
}

#col2, #col3 {
	width: 280px;
}

#col1, #col2, #col3 {
	float: left;
	margin-right: 20px;
}

#col3 {
	margin: 0;
}
/*===== BEGIN Column 1 =====*/

#col1 h2 {
font-family: arial;
font-weight: bold;
font-size: 30px;
height: 37px;
background-color: #99B709;
color: #fff;
padding: 8px 0 0 10px;
}

#col1 .recent_news h3 {
color: #1F3E98;
font-family: arial;
font-size: 19px;
font-weight: bold;
margin: 25px 15px 20px 10px;
}

#col1 .recent_news p {
margin: 0 15px 0 15px;
}

#col1 .recent_news a {
float: right;
font-size: 13px;
color: #1f3e98;
margin: 0 0 20px 0;
text-decoration: none;
}

#col1 .recent_news {
overflow: hidden;
line-height: 23px;
margin: 0 0 20px 0;
border-bottom: 1px solid #9e9e9e;
}

.recent_news img {
float: left;
border: 1px solid #DFDFDF;
margin: 5px 10px 0 15px
}

/*===== END Column 1 =====*/

/*===== BEGIN Column 2 =====*/

#col2 h2 {
font-family: arial;
font-weight: bold;
font-size: 30px;
height: 37px;
background-color: #99B709;
color: #fff;
padding: 8px 0 0 10px;
}

#col2 ul {
margin: 25px 15px 20px 10px;
}

#col2 ul li a {
text-decoration: none;
color: #464646;
}

#col2 .subpages ul li {
padding: 10px;
}

#col2 .subpages ul li a {
color: #B41615;
font-size: 18px;
padding: 2px;
display: block;
}

#col2 .subpages ul li a:hover {
background: #FFFF00;
}

/*===== END Column 2 =====*/

/*===== BEGIN Column 3 =====*/


#col3 h2 {
font-family: arial;
font-weight: bold;
font-size: 30px;
height: 37px;
background-color: #99B709;
color: #fff;
padding: 8px 0 0 10px;
}

div.network img {
margin: 25px 0 0 10px;
border: 1px solid #9e9e9e
}

div.stay_in_touch {
margin: 20px 0 0 0;
}

div.stay_in_touch ul {
margin: 25px 15px 20px 10px;
overflow: hidden;
}

div.stay_in_touch ul li {
margin: 0 0 25px 0;
}

div.stay_in_touch ul li a {
text-decoration: none;
width: 255px;
height: 30px;
display: block;
color: #464646;
}

div.stay_in_touch ul li a img {
float: left;
margin: 0 10px 0 0;
}


/*===== END Column 3 =====*/

	
	/*===== Pages Area =====*/

#content_wrapper {
overflow: hidden;
margin: 0 auto 60px;
width: 940px;
}

.maincontent {
margin: 40px 55px 0 10px; /* change margin right to 60 once borders are take away*/
width: 590px;
overflow: hidden;
float: left;
line-height: 22px;
display: inline; /*--IE6 Double margin bug --*/
}
	
.maincontent h2 {
font-family: arial;
color: #1f3e98;
font-weight: bold;
font-size: 30px;
margin: 0 0 35px 0;

}

.maincontent p {
margin: 20px 0 20px 0
}

.maincontent img {
margin: 5px 10px 4px 0;
}

		/*===== The Companies Page =====*/
		
		.maincontent .individual_companies {
		width: 248px;
		overflow: hidden;
		font-size: 12px;
		float: left;
		margin: 0 27px 40px 20px;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #AFAFAF;
		display: inline; /*---IE6 Double Margin Bug --*/
		}
		
		.maincontent .individual_companies img {
		float: left;
		margin: 0px 10px 10px 0;
border: 1px solid #afafaf;
		}
		
		.maincontent .individual_companies h2 {
		font-size: 18px;
		font-weight: bold;
		color: #98b709;
		margin: 4px 0 0 0;
		}
		
		.maincontent .individual_companies p {
		clear: left;
		margin: 0;
		}
		
		.maincontent .individual_companies a {
		float: right;
		text-decoration: none;
		color: #1f3e98;
		}
		
		/*===== END The Companies Page =====*/
		
		
		/*===== The Individual Companies Page =====*/

		
		#content_wrapper .individual img.individual_small {
		float: left;
		margin: 4px 10px 20px 0;
border: 1px solid #DFDFDF;
		}
		
		#content_wrapper .individual p {
		clear: left;
		}
		
		#content_wrapper .individual h2 {			
		font-size: 30px;
		font-weight: bold;
		color: #98b709;
                line-height: 32px;
		}



			/*===== Tabs =====*/
			
			#content_wrapper .individual .details {
				margin: 40px 0 40px 0;
			}
			
			.panes div {
			margin: 1px 0 0 0;
			border: 1px solid #98b709;

			}
			
			.panes div p {
			color: #727272;
			font-size: 13px;
			margin: 10px;
			}
			
			.panes div ul {
			font-size: 13px;
			margin: 0 0 10px 25px;
			font-style: italic;
			}
			
			.panes div ul li {
			list-style-type: square;
			}

.panes table {
width: 450px;
margin: 20px;
border: 1px solid #98B709;
}

.panes table caption {
margin: 30px 0 0 0;
font-size: 16px;
font-weight: bold;
font-style: italic;
}

.panes table tr th {
font-weight: bold;
padding: 10px;
color: #fff;
background: #98b709;
}

.panes table tr td {
padding: 5px 0 5px 20px;
border: 1px solid #98b709;
}
			
			/*===== END Tabs =====*/
			
			/*===== BEGIN Image gallery =====*/
			
			#gallery {
			width: 580px;
			margin: 0 auto;
			}

			#gallery a img {
			margin: 0 11px 11px 11px;
			}

#gallery .gallery_overlay {
display: none;
background: transparent url(style/images/white_overlay.png) no-repeat scroll;
width: 656px;
height: 526px;
z-index: 10000;
padding: 70px 0 30px 60px;
}

#gallery .gallery_overlay a img {
margin: 0;
}

#gallery .gallery_overlay .close {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 15px;
	left: 15px;
	cursor: pointer;
	text-indent: -9999px;
}
						
			/*===== END Image Gallery =====*/


		/*===== END The Individual Companies Page =====*/

/*===== BEGIN Blog Page (Latest News) =====*/

.blog_post {
border-bottom: 1px solid #c8c8c8;
margin: 0 0 40px 0;
overflow: hidden;
}

.blog_post img {
border: 1px solid #adadad;
margin: 0 20px 25px 0;
float: left;
}

.blog_post h2 a {
text-decoration: none;
color: #98b709;
font-weight: bold;
font-size: 30px;
line-height: 32px;
}

.blog_post p {
clear: left;
}

.blog_post p.meta {
font-size: 12px;
color: #1f3e98;
font-style: italic;
}

.blog_post p.meta a {
color: #1f3e98;
}

.blog_post a.read_more {
display: block;
float: right;
margin: 20px;
text-decoration: none;
font-style: italic;
font-size: 12px;
color: #1f3e98;
}

/*===== END Blog Page (Latest News) =====*/

/*===== Single post pages =====*/

div.post img {
border: 1px solid #adadad;
float: left;
margin-bottom: 40px;
}

div.post h2 {
line-height: 32px;
}

div.post p {
clear: left;
}

div.post h3 {
font-size: 30px;
color: #98B709;
font-style: italic;
border-right: 10px solid #1F3E98;
border-bottom: 10px solid #1F3E98;
padding: 5px;
margin: 0 0 20px;
}

div.post h4 {
color: #1F3E98;
font-size: 24px;
font-weight: bold;
font-style: italic;
margin: 0 10px 0 0;
}

div.post h5 {
color: #DF0D16;
font-size: 10px;
font-style: italic;
margin: 0 10px 0 0;
}

div.postimage {
max-width: 560px;
background-color: #F0F0F0;
padding: 10px;
margin: 20px auto;
overflow: hidden;
}

div.postimage img {
float: none;
max-width: 555px;
max-height: 400px;
}

div.post ul {
margin: 20px 0 0 10px;
}

div.post ul li {
margin: 20px;
background: url(style/images/accepted_32.png) no-repeat scroll 0 50%;
padding: 10px 0 10px 40px;
}

div.post ul.note li {
background: url(style/images/note_32.png) no-repeat scroll 0 50%;
}

div.post ul.download li {
background: url(style/images/download_32.png) no-repeat scroll 0 50%;
}



/*===== Comments =====*/


#comments_template{
background-color: #ededed;
padding: 20px;
}

#comments_template h4 {
	color: #98B709;
	font-size: 25px;
	margin: 0 0 20px 0;
}

ol#comments_section {
overflow: hidden;
}

ol#comments_section li {
overflow: hidden;
margin: 0 0 20px 0;
}

.comment_details {
float: left;
}

.comment-author {
width: 80px;
font-size: 12px
}

.comment-author img {
margin: 0;
}

.comment-author a {
font-size: 12px;
text-decoration: none;
}

.comment-author cite {
line-height: 18px;
}

.comment-meta {
width: 100px;
}

.comment-meta a {
font-size: 11px;
color: #727272;
text-decoration: none;
}



.comment_content {
width: 400px;
float: right;
background: #fff;
overflow: hidden;
padding: 20px
}

.comment_content p {
margin: 0;
}


.comment_content a {
float: right;
text-decoration: none;
color: #98b709;
font-size: 12px
}

/*===== Cancel comment reply =====*/

div#cancel-comment-reply {
clear: both;
}

div#cancel-comment-reply span a {
text-decoration: none;
color: #98b709;
font-size: 12px
}

/*===== END cancel comment reply =====*/

	/*===== Children comments =====*/

.children {
clear: both;
padding: 20px 0 0 0;
}

.children .comment_details {
margin-left: 110px
}

.children .comment_content {
width: 300px;
}

div.comment_details {
width: 100px;
}

	/*===== END Children comments =====*/

/*===== END comments =====*/

/*===== END Single post pages =====*/

/*===== Archive page =====*/
		
body.category div.post {
border-bottom: 1px solid #9e9e9e;
margin: 20px 0;
overflow: hidden;
}

body.category div.post h4 a{
text-decoration: none;
color: #98B709;
}


/*===== END Archive page =====*/

/*===== Sidebar =====*/

#sidebar {
width: 280px;
overflow: hidden;
margin: 40px 0 0 0;
font-size: 12px;
}

#sidebar h4 {
width: 272px; 
/* height: 37px; testing 21/5/2010 */
color: #fff;
font-weight: bold;
font-size: 18px;
background-color: #98b709;
padding: 15px 0 15px 8px;
}

#sidebar div {
	margin: 0 0 50px 0;
	overflow: hidden;
}

#sidebar #company img, #sidebar #latestNews img, #sidebar #page_snippet img {
border: 1px solid #d7d7d7;
margin: 20px 0 20px 9px;
}

#sidebar p {
	width: 260px;
	margin: 0 auto;
}

#sidebar a {
float: right;
padding: 0 11px 0 0;
margin: 20px 0 0 0;
text-decoration: none;
color: #1f3e98;
}

/*===== BEGIN Sidebar 2 =====*/

#sidebar div.companies_list {
margin-bottom: 30px;
}

#sidebar div.companies_list h4 {
margin-bottom: 40px;
}

#sidebar div.companies_list ul, #sidebar div#travel_cats ul {/* Changes made on the 22/05/2010 */
margin: 25px 0 0 8px;
}

#sidebar div.companies_list ul li, #sidebar div#travel_cats ul li.cat-item {/* Changes made on the 22/05/2010 */
margin: -20px 0 21px 0;

}

#sidebar div.companies_list ul li a, #sidebar div#travel_cats ul li.cat-item a {/* Changes made on the 22/05/2010 */
float: none;
color: #626262;
padding: 3px;
display: block;
margin-right: 8px;
}

#sidebar div.companies_list ul li a:hover, #sidebar div#travel_cats ul li.cat-item a:hover {/* Changes made on the 22/05/2010 */
background-color: #98b709;
color: #fff;
}

#sidebar div.companies_list ul li.current_page_item a {
background-color: #1f3e98;
color: #fff;
}

/*===== END Sidebar 2 =====*/

/*===== BEGIN Sidebar 3 =====*/

#sidebar #stay_in_touch ul {
overflow: hidden;
margin: 0 0 0 10px;
}

#sidebar #stay_in_touch ul li {
margin: 0 0 25px;
}

#sidebar #stay_in_touch ul li a {
float: none;
color: #464646;
display: block;
height: 30px;
text-decoration: none;
width: 255px;
}

div#stay_in_touch ul li a img {
float: left;
margin: 0 10px 0 0;
}

/*===== BEGIN Sidebar 3 Categories =====*/

#sidebar #categories {
margin-bottom: 30px;
}

#sidebar #categories h4 {
margin-bottom: 40px;
}

#sidebar #categories ul {
margin: 25px 0 0 8px;
}

#sidebar #categories ul li {
margin: -20px 0 21px;
}

#sidebar #categories ul li a {
display: block;
float: none;
margin-right: 8px;
padding: 3px;
color: #626262;
}

#sidebar #categories ul li a:hover {
background-color: #1F3E98;
color: #fff;
}


#sidebar #categories ul li a:hover {

}

/*===== END Sidebar 3 Categories =====*/


/*===== END Sidebar 3 =====*/

/*===== END Sidebar =====*/
	
	/*===== END Pages Area =====*/
	
/*===== Footer Area =====*/

#footer {
clear: both;
background-color: #1F3E98;
color: #fff;
overflow: hidden;
}

#footer_content {
width: 940px;
margin: 40px auto;
}

#footer_content a {
color: #ededed;
}

#footer_col1, #footer_col2, #footer_col3 {
float: left;
height: 100px;
margin-bottom: 40px;
}

#footer_col1{
width: 310px;
padding: 0 20px 0 10px;
border-right: 1px solid #fff;
}

#footer_col2 {
	border-right: 1px solid #fff;
}

#footer_col2, #footer_col3 {
width: 260px;
padding: 0 20px 0 20px;
}

#footer_col3 {
padding: 0 0 0 20px;
}

/*===== END Footer Area =====*/