/*
Theme Name: Jpfinancial2
Theme URI: http://www.rahatalam.com
Description: Theme Designed for Jpfinancial.co.uk
Author: Rahat Alam
Author URI: http://www.rahatalam.com
Version: 1.0.3
*/
/*********************************************************************************************
CSS Reset
*********************************************************************************************/
@font-face {
	font-family: 'Latoblack';
	src: url('fonts/lato-black.eot');
	src: url('fonts/lato-black.eot?#iefix') format('embedded-opentype'),
		 url('fonts/lato-black.woff') format('woff'),
		 url('fonts/lato-black.ttf') format('truetype');
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Regular.eot');
	src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato-Regular.woff') format('woff'),
		 url('fonts/Lato-Regular.ttf') format('truetype'),
		 url('fonts/Lato-Regular.svg#wf') format('svg');
}
@font-face {
	font-family: 'Latobold';
	src: url('fonts/latobold.eot');
	src: url('fonts/latobold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/latobold.woff') format('woff'),
		 url('fonts/latobold.ttf') format('truetype');
}
@font-face {
	font-family: 'Latolight';
	src: url('fonts/latolight.eot');
	src: url('fonts/latolight.eot?#iefix') format('embedded-opentype'),
		 url('fonts/latolight.woff') format('woff'),
		 url('fonts/latolight.ttf') format('truetype'),
		 url('fonts/latolight.svg#wf') format('svg');
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
* {
margin: 0;
padding: 0; }

table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {border: 0px none;}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {list-style: none;}
caption, th {text-align: left;}
q:before, q:after {}
abbr, acronym {border: 0px none;}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; width: 100%; }
th { background: #BBCCDD; color:#333; }
th, td { line-height: 20px; padding: 4px; }
ul { list-style: none inside; }
a img { border:none; }
.floatleft { float:left; }
.floatright { float:right; }
.clear { clear:both; }
.transpBlack { background:url('transpBlack.png'); }

p {
margin-top:3px;
color:#6a6a6a;
font-size:14px;
margin-bottom: 13px;
}
h2 { font-size: 18px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

a {
color:#666;
text-decoration:none; }
a:hover {
text-decoration:none;
	}

/*********************************************************************************************
Toolbox CSS  -------------------------  All Theme Files
*********************************************************************************************/
.navigation { color: #fff; float: left; width: 100%; }
.navigation .alignleft a,   .navigation .alignright a { width: 125px; text-align: center; height: 20px; }
.navigation a, .post .navigation a { color: #fff; background: #34475b; font-weight: bold; margin: 7px 5px; padding: 5px 6px; cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
.navigation .alignleft { float: left; }
.navigation a:hover { color: #fff; text-decoration: none; background: #243445; }
.navigation .alignright { float: right; }
.wp-pagenavi { font-size: 10px; text-align: center; padding-top: 12px; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; }
.wp-pagenavi .pages { padding: 5px 6px; margin: 0 6px; color: #fff; background: #34475b; border: 1px solid #DDD; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 5px 6px; color: #fff; font-weight: bold; background: #34475b; }
.wp-pagenavi .current { padding: 5px 6px; color: #fff; margin: 0 5px; background: #243445; font-weight: bold; border: 1px solid #DDD; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-pagenavi a:hover { color: #fff; background: #243445; }
.post-edit-link { text-transform: uppercase; font-size: 10px; color: #f81b10; font-weight: bold; }
.full { width: 960px; margin: 0 auto; }
.wp-caption { border: 1px solid #ccc; text-align: center; background-color: #DCDCDC; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; border: 0px none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 14px; padding: 0 3px 5px; margin: 0; font-style: italic; }

#wp-calendar caption { font-weight: bold; color: #333; text-transform: uppercase; }
#wp-calendar td { text-align: center; }
#wp-calendar td a { color: #333; font-weight: bold; text-decoration: underline; }
#wp-calendar td a:hover { text-decoration: none; }
#wp-calendar caption { background: #888888 none repeat scroll 0 0; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 8px 10px; text-shadow: 1px 1px 0 #656565; text-transform: uppercase; text-align: left; }
#wp-calendar #today { background: #2F91C4; color: #fff; font-weight: bold; }


.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; border: 5px solid #DDDDDD; }
.alignnone { border: 5px solid #DDDDDD; }
.alignleft { float: left; margin: 0 10px 0 0; }
.alignleft img { float: left; margin: 0 10px 0 0; border: 5px solid #DDDDDD; }
.alignright { float: right; margin: 10px 0 0 20px; }
.alignright img { float: right; border: 5px solid #DDDDDD; }
.floatleft, #more_left { float: left; }
.screen-reader-text { display: none; }
h3.cuffon { color: #777777; font-size: 24px; margin: 25px 0px 15px 0;}
.bubble a, .bubble span { background: url('images/bubble.png') no-repeat; width: 34px; height: 35px; position: absolute; top: 15px; right: 15px; margin: 0; color: #c6dce2; font-family: Georgia; font-weight: bold; font-size: 14px; text-align: center; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:0 }
.bubble a:hover, .bubble span:hover { text-decoration: none; color: #f81b10; }
#main .bubble a { padding: 4px 0 0 0; right: 25px; top: 10px; }
span.date, span.category, span.author { padding-left: 12px; text-transform: uppercase; font-size: 10px; color: #818a91; margin: 0 5px 10px 0; }
span.date { background: url('images/clock.png') no-repeat 0 2px; }
span.category { background: url('images/category.png') no-repeat 0 2px; }
span.author { background: url('images/user.png') no-repeat 0 2px; }
pan.category a, span.author a { border-bottom: none; color: #818a91; font-weight: normal; }
span.category a:hover, span.author a:hover { border-bottom: 1px dotted #818a91; text-decoration: none; }

/*********************************************************************************************
Page Structure
*********************************************************************************************/
body {
	font-family:Lato, Helvetica, sans-serif;
	font-size:12px;
	background:#f4f2e5;
	color:#54595d;
}

 #page-wrap{
	width: 100%;
	margin: 0 auto;
}

/*********************************************************************************************
Header
*********************************************************************************************/
#header {
	width: 1024px;
	display:block;
	margin: 0 auto;
}
#header_in {
	height: 110px;
	width:1024px;
    margin:0 auto;
    
	}
#nav-wrap {
    background:#000;
	margin:0 auto;
	}
#nav-wrap ul {
	float:left;
}
#logo {
	float:left;
	padding-top: 40px;
	}

#top_right{
	width: 405px;
	height: 100px;
	float: right;
}
#top_right h3{
	font-family:Latoblack;
	font-size:26px;
	letter-spacing:1pt;
	color:#666;
}
	
/*********************************************************************************************
Navigation
*********************************************************************************************/
#nav_out{
	width: 1024px;
	height: 36px;
	border: 1px solid transparent;
	border-top-color: #3d7ec0;
	border-right-color: #3d7ec0;
	border-bottom-color: #3876b4;
	background:url('images/navbg.png') #fff;
    display:block;
	margin:0 auto;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
}
#navigation{
	font-family:"Myriad Pro","Helvetica Neue","Helvetica",sans-serif!important;
	width:1010px;
	margin:0 auto;
	font-size:16px;
	
	}

#menu-main-menu{
	list-style:none;
	font-family:"Myriad Pro","Helvetica Neue","Helvetica",sans-serif!important;
	margin-bottom:0px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#menu-main-menu li{
	float:left;
	margin-right: 10px;
	padding: 9px 9px 0px 9px;
	border: 0px solid #C0C0C0;
	color:#fff;
	position:relative;
	font-family: "Corbel Bold",sans-serif;
	text-transform: uppercase;
}
#menu-main-menu a{
	color:#fff;
	text-decoration:none;
	text-shadow: 1px -1px 2px #045280;
}
#menu-main-menu li:hover{
	color:#fff;
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#3d6082;
	position:relative;
	height:28px;
	text-decoration:none;
}


/*--- DROPDOWN ---*/
#menu-main-menu ul{
    font-family:lato;
	background:#396898;
    border-top: 3px solid #3876b4;
    border-bottom: 1px solid #3876b4;
    border-right: 1px solid #3876b4;
    border-left: 1px solid #3876b4;
    min-width: 230px;
	list-style:none;
    position:absolute;
    margin-top: 9px;
	padding-top:px;
	padding-bottom:10px;
	z-index:100;
    left: -9999px;
    -webkit-border-bottom-left-radius: 6px;
	-khtml-border-bottom-left-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-khtml-border-bottom-right-radius: 6px;
	-moz-border-right-bottom-radius: 6px;	
}
#menu-main-menu ul li{
	margin-right: 0px;
	padding-left:17px;
	padding-bottom:8px;
	font-size: 16px;
	border-bottom:1px dashed #3876b4;
    	letter-spacing: 1px;
	padding-top:10px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	margin-left:0px;
}
#menu-main-menu ul li:hover{
    	height:auto;
	background:#284a6c;
	padding-left:17px;
	font-size:16px;
	padding-top:10px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	margin-left:0px;
}
#menu-main-menu ul a{ /* Stop text wrapping and creating multi-line dropdown items */
}
#menu-main-menu li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#menu-main-menu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#;
	text-decoration:none;
}
#menu-main-menu li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#menu-main-menu ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	color:#fff;
}
/*********************************************************************************************
Top Slider
********************************************************************************************/
#slider_wrapper {
	width: 1024px;
	margin-top: 6px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
	overflow:hidden;
	background: #3d7ec0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}
#slider_container {
	width: 1024px;
	float: right;
	overflow:hidden;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 320px;
	}
#slider_container_right {
	width: 340px;
	float: left;
	overflow:hidden;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 320px;

}
#slider_container_right h3{
	width: 300px;
	display:block;
	background:#930;
    font-size:20px;
	text-transform:uppercase;
}
/*********************************************************************************************
Top Slider
********************************************************************************************/
.widgetmain_cnt h3{
    font-family: Latoblack;
	font-size:18px;
    width:100%;
	height:20px;
	color:#4095EE;
	padding:9px 0px 10px 5px;
    border-bottom:2px solid #4095EE;
	}
.widgetmain h3{
    font-family: "Corbel Bold",sans-serif;
	
    font-size: 18px;
	
    text-transform: uppercase;
    height:20px;
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 9px 10px 10px 13px;
    border-bottom: 2px solid #4095EE;
    background: #086fb0;
}
.widgetmain h2 {
	font-size:20px;
	height:30px;
	color:#797979;
	text-align:center;
	}
.widgetmain ul {
	padding:5px;
	width:300px;
	}
.widgetmain ul ul {
	padding:5px;
	}
.widgetmain ul li {
	list-style-type:none;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	border-bottom:1px dashed #999999;
	margin-bottom:8px;
 	}
.widgetmain  a:hover, #nav a:active,
	li.current_page_parent a,
	li.current_page_parent a:visited,
.widgetmain  li.current_page_item a:visited
        {
	color:#333;
    }
.textwidget {
	padding:6px;
	}
.mort_calc{
display: block;
overflow: hidden;
position: relative;
overflow: hidden;
height: 200px;
padding: 15px;
}
.mort_calc p{
display:block;
height:25px;
clear:both;
}
.mort_calc span{
width:190px !important;
padding-right: 15px !important;
display:block;
color: #444;
font-weight: bold;
padding-top:5px !important;
font-size:14px!important;
float:left !important;
}
.mort_calc .mortgageField{
width:82px;
height:20px !important;
background:#fff;
padding:5px;
float:left !important;
font-size: 13px;
font-weight: bold;
color: #5E5E5E;
border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #CCC;
display:block;
}
.mort_calc .mortgageSelect{
width:95px;
height:34px;
background:#fff;
padding:5px;
float:left !important;
font-size: 13px;
font-weight: bold;
color: #5E5E5E;
border-radius:3px;
border: 1px solid #CCC;
display:block;
}
.mort_calc .mortgagemonthly{
width:140px !important;
display:block;
font-size:16px;
font-weight:bold;
padding-top:5px 5px 5px 0px !important;
font-size:14px!important;
float:left !important;
}
.mort_calc .mortgageAnswer{
width:120px !important;
padding:4px;
color:red;
float:left !important;
font-size:14px!important;
font-weight:bold;
border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
display:block;
}
.mort_calc .calcbutton{
width: 140px;
background: #4095EE;
padding: 8px;
color: white;
font-size: 14px;
margin-bottom: 15px;
float: right !important;
border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #0d81e3;
display: block;
font-weight: bold;
text-transform: uppercase;
position: absolute;
top:170px;

}
.mort_calc .calcbutton:hover{
background: #086fb0;
}
#mor_calc_result{
display:none;
}
#contact{
	list-style:none;
	margin:0;
}
#contact li{
	float: left;
	height:32px;
	margin:0 0 5px;
    position: relative;
    width:300px;
}
#contact li .text{
	width:110px;
	font-size: 14px!important;
	padding-right:5px !important;
	font-weight:bold;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	text-indent: 5px;
}
#contact li .required{
	position:absolute;
	right:10px;
	top:10px;
	z-index:100;
}
#contact li .wpcf7-form-control-wrap{
	position: absolute;
}
#contact li .wpcf7-form-control-wrap input{
	width: 160px;
	height: 20px !important;
	background: #fff;
	padding: 5px;
	float: left !important;
	font-size: 14px;
	font-weight: bold;
	color: #5E5E5E;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
	border: 1px solid #CCC;
	display: block;
}
#contact li .wpcf7-form-control-wrap textarea{
	width: 160px;
	height: 110px !important;
	background: #fff;
	padding: 5px;
	float: left !important;
	font-size: 14px;
	font-weight: bold;
	color: #5E5E5E;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
	border: 1px solid #CCC;
	display: block;
}
#contact li .wpcf7-form-control-wrap input:focus, #contact li .wpcf7-form-control-wrap textarea:focus{
	background:#F0EFEF
}
#contact li .wpcf7-form-control-wrap textarea{
	line-height: 28px;
	height:200px;
}
#contact li#message{
	min-height:132px;
	margin-bottom:10px;
}
#contact li#submit input{
	float:right;
	margin-right: 12px;
	background: #5E9FCC;
	text-align:center;
	padding: 8px;
	color: white;
	font-size: 14px;
	margin-bottom: 15px;
	border-radius: 3px;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}
#contact li#submit input:hover{
	background: #E49F19;
}
div.wpcf7-validation-errors {
    clear: left;
}
#call_request{
	list-style:none;
	margin-top: 10px;
}
#call_request li{
	height:32px;
	margin:0 0 5px;
    	position: relative;
    	width:317px;
	border-bottom: 0px solid #fff !important;
}
#call_request li .text{
	width: 146px;
	display: block;
	float: left;
	font-size: 14px!important;
	padding-right: 5px !important;
	font-weight: bold;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	text-indent: 5px;
}
#call_request li .required{
	right:10px;
	top:10px;
	z-index:100;
}
#call_request li .wpcf7-form-control-wrap{
	position: absolute;
}
#call_request li .wpcf7-form-control-wrap input{
	width: 168px;
	height: 20px !important;
	background: #fff;
	padding: 5px;
	float: left !important;
	font-size: 14px;
	font-weight: bold;
	color: #5E5E5E;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
	border: 1px solid #CCC;
	display: block;
}
#call_request li .wpcf7-form-control-wrap textarea{
	width: 168px;
	height: 110px !important;
	background: #fff;
	padding: 5px;
	float: left !important;
	font-size: 14px;
	font-weight: bold;
	color: #5E5E5E;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
	border: 1px solid #CCC;
	display: block;
}
#call_request li .wpcf7-form-control-wrap input:focus, #contact li .wpcf7-form-control-wrap textarea:focus{
	background:#F0EFEF
}
#call_request li .wpcf7-form-control-wrap textarea{
	line-height: 28px;
	height:200px;
}
#call_request li#message{
	min-height:132px;
	margin-bottom:10px;
}
#call_request li#submit input{
	width: 200px;
	margin-left: 8px;
	background: #4095EE;
	text-align:center;
	padding: 8px;
	color: white;
	font-size: 14px;
    border:1px solid #0d81e3;
	border-radius: 3px;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}
#call_request li#submit input:hover{
	background: #086fb0;
}
#whyus {
	width:320px;
	padding:5px 5px 5px 0px !important;
	}
#whyus li {
	list-style-type:none;
	background:url('images/tick-small.png') no-repeat left center;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	border-bottom:0px dashed #999999;
	margin-bottom:11px;
	padding-left:33px;
	color:#666;
 	}
#whyus a:hover, #whyus a:active,
	li.current_page_parent a,
	li.current_page_parent a:visited,
#whyus  li.current_page_item a:visited
        {
	color:#333;
    }
/***********************************************************************************************
Bottom widgets
*********************************************************************************************/
#bottom_widgets{
 	width:100%;
	overflow: hidden;
}
#bottom_title_img {
	padding: 5px 5px 5px 10px;
	float: left;
	height: 33px;
}
#bottom_widgets_left{
 	width: 350px;
 	float:left;
 	background: rgb(248, 236, 223);
}
#bottom_widgets_left h3{
 	padding: 12px 0px 8px 45px;
 	border-bottom: 2px solid rgb(226, 119, 4);
 	color: rgb(226, 119, 4);
        text-transform: uppercase;
}
#bottom_widgets_right{
 	width: 643px;
	float:right;
 	background: rgb(219, 230, 227);
 	height: 273px;
}
#bottom_widgets_right h3{
 	padding: 12px 0px 8px 45px;
 	border-bottom: 2px solid rgb(4, 155, 226);
 	color: rgb(4, 155, 226);
	text-transform: uppercase;
}
.testimonial{
	padding:20px !important;
}
.photo{
	width: 115px !important;
	height: 115px !important;
	float: left;
	margin-left:10px;
	display: block;
}
.photo img{
        width: 110px !important;
	height: 110px !important;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 70px;
	display: block;
	background: #fff;
}
.content{
	font-size: 14px !important;
	padding: 15px !important;
	float: left;
	width: 450px;
	border-radius: 3px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;
	line-height: 20px;
	color: rgb(73, 143, 8) !important;
	background: #fff;
}
.client{
	width: 100px;
	margin-top:10px;
	float: right;
	font-size: 14px !important;
	font-weight: bold;
	color: rgb(15, 127, 214) !important;
}
/*********************************************************************************************
Homepage Articles
********************************************************************************************/
#main {
	width: 1004px;
	background:#fff;
	margin-left: auto;
	padding:10px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 5px;
 	}

#main .wrapper {
	display:block;
        overflow:hidden;
	}
#main #content {
	float:left;
	width: 640px;
	min-height:350px;
 	padding:0px;
 	margin-bottom:15px;
    	text-decoration:none;
	}

#main #content-main {
	float:left;
	width: 640px;
	min-height:350px;
 	padding:0px;
 	margin-bottom:15px;
    	text-decoration:none;
	}
#main #content-main h3{
    	font-family: Latoblack;
    	font-size: 24px;
    	height: 40px;
    	color: #086fb0;
	padding-right: 40px;
	clear: both;
	
    border-bottom: 1px solid #e8e3e3;
}
#main #content-single {
	background:#;
	float:left;
	width: 640px;
	min-height:500px;
 	padding:0px;
 	margin-bottom:15px;
    margin-left:3px;

    text-decoration:none;
	}

#main .article {
 	margin:3px 0;
	float:left; padding-left:0; padding-right:3px; padding-top:0; padding-bottom:0px
 	}

#main .article .pic {
	float:left;
	position:relative;
	padding:5px;
	}


#main .article .pic img {
	border:4px solid #E8E8E8;
	padding:0;
    width:95px;
    height:45px;
	margin:0 0px 0px 0;
	}

#main .article h1 a {
	font-weight: bold;
	font-family: Latoblack;
	font-size: 24px;
    	height: 40px;
    	color: #086fb0;
	letter-spacing: 1px;

}

#main .article h2 a {
	color:#4B4B4B;
	font-weight:bold;
	font-size:13px;
	position:relative;
	line-height:16px;
	}

#authorav img {
	float:left;
	margin:5px 10px 8px 0;
	padding:3px;
	border:1px solid #ccc;
	}

#main h1.single a {
	color:#19283b;
	font-weight:bold;
	font-size:30px;
	line-height:1.2;
	}

.article p {
	line-height:1.9;
	}
.entry {
 	padding-left:0px;
 	}
.article .entry a {
	color:#496E97;
	border-bottom:1px dotted #6189B5;
	font-weight:bold;
	text-decoration:none;
	}
.article .entry a:hover {
	border-bottom:1px dotted #D08F56;
	color:#DD9555;
	}

.article ul {
	margin:0 0 20px;
	padding:0 0 0 30px;
	}

.article ul li {
	list-style-type: none;
	}

.article ol {
	margin:0 0 20px;
	padding:0 0 0 30px;
	}

.article ol li {
	list-style-type:decimal;
	}

#authorpic {
	float:right;
	margin:10px 5px 0 0;
	}

.article blockquote {
	color:#666666;
	border-left:3px solid #CCCCCC;
	color:#777777;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	font-style:italic;
	line-height:1.8em;
	margin:10px 20px 10px 30px;
	padding-left:10px;
	}

blockquote, q {
	quotes:none;
	}
.article .alignleft {
	float:left;
	margin:5px 15px 10px 0;
	}
	.article .alignright {
	float:right;
	margin:10px 0px 10px 15px;
	}
}

.postbox {
	padding-top:10px;
    	margin:0px 0px 0px 0px;
	font-size:14px;
	border:1px solid #E4E7E7;
}
.postbox h2 {
	margin:5px 0px 0px 0px;
	font-size:13px;
	color:#000;
	letter-spacing:-1px;
    	padding-right:10px;
}

.postbox h2 a, .postbox h2 a:visited {
	margin:5px 5px 5px 5px;
	color:#000;
	text-decoration:none;
}

.postbox h2 a:hover {
	color:#999999;
}

.post-date {
	margin:0px 0px;
	color:#000;
}

.post-date a, .post-date a:visited {
	color:#369;
	border-bottom:1px dotted #369;
}

.post-date a:hover {
	border-bottom:none;
	text-decoration:none;
}

.post-date em {
	background:none;
	font:12px/14px Georgia;
	color:#777;
}

.post-exerpt {
	margin-top:2px;
	padding:5px;
	border:0px solid #D6D6D6;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 3px;
}
.post-top-single{
    height: 40px;
    padding-top: 3px;
    border-bottom: 1px solid #e8e3e3;
}
.post-top-single-right-search{
    padding-top:5px;
    float:right;
}
#crumbs {
padding:4px;
font-size:14px;
font-weight:bold;
}
/*********************************************************************************************
Single Articles & Pages
*********************************************************************************************/
.afterpost {
	margin:5px 0 0 0;
	padding:3px 5px 5px 5px;
	background:#fff;
    	border:2px solid #F1F1F1;
	}
.afterpost-banner {
    	width:475px;
	margin-left:5px;
	padding:3px 0px 0px 0px;
	background:#;
	}

.article .related{
	width:65%;
	float:left;
	}

.article .share{
	width:35%;
	float:left;
	}

.article .related li, .article .share li{
	list-style-type: none;
	}

.article .afterpost h3 {
	font-size:16px;
	font-weight:bold;
	text-transform:capitalize;
	font-style:normal;
	color:#008080;
	}
.related {
    border:2px solid #000;
	text-transform:uppercase;
	font-style:italic;
	font-size:10px;
	color:#c13636;
 	}
.article .related ul {
	margin:5px 0 0 0;
	padding:0 10px 0 0;
	}
.related li {
	padding:0 0 4px 0;
	}
.related li a {
	text-transform:capitalize;
	color:#555555;
	font-size:12px;
	font-weight:bold;
	}

.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
	color:#666;
	}
a.readmore {
	clear:both;
 	text-align:right;
	float:right;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:10px;
	background: #1f3447; padding: 3px 0 3px 5px; text-transform: uppercase; color: #fff; font-size: 10px;   font-weight: bold;   text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3); }
	a.readmore:hover { background: #45637c; color: #fff; text-decoration:none;  }
	a.readmore span { 	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;background: #315369; padding: 5px 7px;   margin:0; }
	a.readmore:hover span { background: #6693af; color: #fff;}
.post-rating {
	float:right;
	margin:0px 0px 0px 0px;
}

.post-tags{
    background:#;
    float:center;
    margin:0px 0px 0px 0px;
    border-top:2px solid #999999;
    border-bottom:2px solid #999999;
}
.searchn{
 	float:right;
	position:relative;
        margin-top:20px;
	}

.pagetitle{
    background:#;
    margin-left:10px;
    margin-top:10px;
    border-bottom:1px dashed #000;
	width:660px;
	}
}

/*********************************************************************************************
Comments
*********************************************************************************************/
#comments { margin-left:1px; float:left; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0 }
#comments h3 { font-size: 16px; color: #19283b; margin-top: 10px; clear: left;border-bottom:; border-top:0px dotted #000;}
#comments a { text-decoration: none; }
#comments div.comments { margin: 0 0 10px 0; }
#comments div.comments h2 { font-size: 18px; font-weight: normal; }
#comments div.comments li, #main #respond {padding: 10px 0 5px; margin-top: 10px; }
#comments ol.commentlist div.comment-content {margin-left: 95px;}
#comments cite { font-style: normal; font-weight: normal; }
#comments p.trackbackurl { font-size: 11px; }
#comments p.trackbackurl span.url { font-weight: bold; padding: 1px; }
#comments a.more-link { display: block; margin: 10px 0 0; }
#comments div#comments-comments ul, #comments div#comments-comments ol {background: #fff; margin-left: 0; }
#comments .normalComments {background:#; padding: 0px 0; clear: left; font-family: Tahoma, Sans-Serif; }
#comments .normalComments li { background:#D7D7E3; margin: 0px 0 0em 0; padding: 10px 10px 10px 10px; list-style-type: none; border: 1px solid #C0C0C0; position: relative; margin-bottom:5px;}
#comments .normalComments li.alt{ background:#D0D0B9; border: 1px solid #C0C0C0; margin: 0px 0 0em 0; padding: 10px 10px 10px 10px; list-style-type: none; border: 1px solid #C0C0C0; position: relative; margin-bottom:5px;}
#comments .normalComments li ul li { background:#; padding: 10px 5px 5px 10px; }
#comments .normalComments li ul.children {background: #; padding: 0px 0 0; }
#comments .normalComments li ul.children li {background: #f1f1f1; border: 1px solid #C0C0C0; margin: 10px 0 0px 20px; }
#comments .normalComments li ul.children li.alt {background:#fff; margin: 10px 0 0px 20px; }
#comments .normalComments li ul li {border: none; }
#comments .normalComments cite.fn { font-size: 16px; font-weight: bold; font-family: Arial; }
#comments .normalComments div.gravatar {background:#EDEDED float: left; display: inline; width: 75px; margin: 0 10px 5px 0; }
#comments .normalComments div.gravatar img { margin: 0; }
#comments .normalComments div.comment-author { margin: 0 20px 3px 0; line-height: 18px; }
#comments .normalComments div.comment-content { margin-left: 100px; }
.normalComments p,   .normalComments li.author p { margin-left: 85px; font-size: 12px; line-height: 20px; }
#comments .normalComments .avatar {background:#EDEDED; float: left; margin: 0 15px 0 0; width: 60px; border: 1px solid #bdbdbd; padding:3px;}
#comments .normalComments span.Review { display: yes; }
}
#comments .normalComments .children { margin: 0 0 0 0; }
#comments .normalComments .commentmetadata a.comment-edit-link { background: #000; }
#comments .normalComments .commentmetadata { margin: 0 0 0px 0;}
#comments	.normalComments .commentmetadata a { display: none;}
#comments		.normalComments .commentmetadata a:hover { color: #4f535b; text-decoration: none; }
#comments	.normalComments .reply { clear: both; margin: 10px 0 0 90px; position: absolute; top: 7px; right: 4px; }
#comments .normalComments .cancel-comment-reply p { margin: 0 0 0 0; }
#comments .afterpost .navigation .alignleft a, #comments .reply a, .afterpost .navigation .alignright a, #comments .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; background: #2f91c4; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; }
#comments .afterpost .navigation .alignleft a:hover, #comments .afterpost .navigation .alignright a:hover, #comments .reply a:hover, #comments .cancel-comment-reply a:hover { text-decoration: underline; }
.afterpost .navigation { background: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a { width: 125px; padding: 3px 0 0 3px; text-align: center; height: 20px; }
#commentform { color: #6F6F6F; margin-top: 15px; }
#commentform code { font-size: 11px; }
#commentform p { margin: 0 10px 15px 0; font-size: 12px; }
#commentslabel, #commentform label { line-height: 2.0em; font-size: 11px;}
#comments input, #commentform input { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-repeat: repeat-x; width: 190px; padding: 5px 5px 5px 8px; margin: 0 5px 15px 0; font-size: 12px; margin-bottom: 5px; font-family: Arial, Tahoma, Helvetica, sans-serif; color: #333; font-weight: bold; background: #eff3f5; border-style: solid; border-width: 1px; }
#comments textarea, #commentform textarea { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 450px; height: 130px; padding: 8px 8px 16px 8px; margin-bottom: 15px; font-size: 12px; font-family: Arial, Tahoma, Helvetica, sans-serif; color: #333; font-weight: bold; background: #000; border-style: solid; border-width: 1px; }
#comments #submit, #commentform #submit { background: #2f91c4; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); border: none; text-transform: uppercase; cursor: pointer; cursor: hand; }
#comments #submit:hover, #commentform #submit:hover { background: #243445; }
#commentform #subscribe { float: left; margin: 5px 5px 0 0; }
#commentform { color: #626060; margin-top: 15px; }
#commentform code { font-size: 11px; }
#commentform p { margin: 0 0 5px; font-size: 12px; }
#commentform #formLabels { float: left; display: inline; width: 220px; }
#commentform #formContent {float: left; display: inline; width: 360px; }
.article label, #commentform label { font-weight: bold; line-height: 2.0em; font-size: 11px; display: block }
.article input, #commentform input { background-repeat:; repeat-x; width: 190px; font-size: 12px; margin-bottom: 5px; font-family: Arial, Tahoma, Helvetica, sans-serif; color: #333; font-weight: bold; background: #f4f6f6 0 0; border-style: solid; border-width: 1px; padding-left:8px; padding-right:5px; padding-top:8px; padding-bottom:8px }
.article textarea, #commentform textarea { width: 340px; height: 285px; padding: 8px 8px 16px 8px; margin-bottom: 15px; font-size: 12px; font-family: Arial, Tahoma, Helvetica, sans-serif; color: #333; font-weight: bold; background: #f4f6f6 none repeat scroll 0 0; border-style: solid; border-width: 1px; }
.article #submit, #commentform #submit {font-size: 11px; text-transform: uppercase; color: #fff; font-weight: bold; padding: 5px 7px; width: auto; font-family: Verdana; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }

/*********************************************************************************************
Sidebar & Widgets
*********************************************************************************************/
	#sidebar {
	float:right;
	width: 350px;
	margin-right:4px;
	margin-bottom:15px;
	position:relative;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

	#sidebar h3 {
	font-size: 18px;
    text-transform: uppercase;
    height: 20px;
    background: url('images/widget_titlebg.png');
    color: rgb(252, 252, 252);
    padding: 9px 0px 10px 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
	}
#sidebar .widget {
    background: rgb(241, 238, 232);
    font-size: 14px!important;
    font-weight: bold;
    text-indent: 5px;
	overflow:hidden;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 10px;
	}
#sidebar .social {
	background:#f5f5f5;
    	border:0px solid #007575;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin:5px 5px;
	float:left;
	width:330px;
	height:35px;
	margin-bottom:10px;
	}
	#sidebar .social  span{
	margin:5px 5px;
	float:left;
	font-size:18px;
	font-weight:bold;
	width:200px;
	height:30px;
	}
	#sidebar .widget h2 {
	font-size:20px;
	height:30px;
	color:#797979;
	text-align:center;
	}
	#sidebar .widget ul {
	padding:0px;
	}
	#sidebar .widget ul ul {
	padding:5px;
	}
	.widget ul li {
	list-style-type:none;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	border-bottom: 1px solid #fff;
	margin-bottom:8px;
 	}
	.widget  a:hover, #nav a:active,
	li.current_page_parent a,
	li.current_page_parent a:visited,
	.widget  li.current_page_item a,
	.widget  li.current_page_item a:visited
        {
	color:#333;
    }
	.textwidget {
	padding:6px;
	}
	.cat-post-item a{
	padding:0px;
	color:#8a8a8a;
	font-size:16px;
	line-height:22px;
	}
	.cat-post-item a:hover{
	padding:0px;
	color:#525252;
	font-size:16px;
	line-height:22px;
	}
	.cat-post-item p{
	padding:0px;
	font-size:12px;
	line-height:22px;
	}
#main_sidebar{
	width: 344px;

	float: left;
	margin-left: 20px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
	margin-top: auto;
	margin-bottom: auto;
}
.widgetmain_sidebar{
    overflow:hidden;
	background: rgb(241, 238, 232);
    font-size: 14px!important;
    font-weight: bold;
    text-indent: 5px;
    padding-bottom:10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 10px;
}
.widgetmain_sidebar h3{
	font-size: 18px;
    text-transform: uppercase;
    height: 20px;
	background: url('images/widget_titlebg.png'); 
	color: rgb(252, 252, 252);
    padding: 9px 0px 10px 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
}
#sidebar #recentcomments, #sidebar .widget .popular, #footer #recentcomments, #footer .widget .popular { color: #828282; font-size: 11px; }
#sidebar #recentcomments ul,  #sidebar .widget ul.popular, #footer #recentcomments ul,  #footer .widget ul.popular { padding: 0px 0 0 0; }
#sidebar #recentcomments li,  #sidebar .widget .popular  li, #footer #recentcomments li,  #footer .widget .popular  li { border-top: 1px solid #C0C0C0; padding: 3px 5px 6px 10px; clear: left; list-style-type: none; float: left; width: 285px; background:#A7E9E9; margin-bottom:0px;}
#footer #recentcomments li,  #footer .widget .popular  li { width: 195px; }
#sidebar #recentcomments li:last-child,  #sidebar .widget .popular  li:last-child, #footer #recentcomments li:last-child,  #footer .widget .popular  li:last-child { border-bottom: none; }
#sidebar #recentcomments a,  #sidebar .widget .popular  a, #footer #recentcomments a,  #footer .widget .popular  a { font-weight: bold; font-size: 12px;}
#sidebar #recentcomments a,  #sidebar .widget .popular  a { color: #7A7A7A; }
#sidebar #recentcomments img, #footer #recentcomments img { float: left; margin: 5px 8px 5px 0; width: 30px; height: 30px; border:1px solid #fff; }
#sidebar .widget .popular  a, #sidebar .widget .popular  h3,  #footer .widget .popular  a, #footer .widget .popular  h3 { text-align: left; }
#sidebar .widget .popular, #footer .widget .popular { text-align: right; }
ul.gallery img { border: 2px solid #D3DDE5; padding: 0; }

#footer ul.gallery img { width: 55px; height: 55px; }
ul.gallery img:hover { border: 2px solid #0C2B41; }
ul.gallery { display: block; list-style-type: none; float: left; margin-bottom: 6px; clear: both; }
ul.gallery li { border: none; float: left; list-style-type: none; margin: 3px 8px 3px 3px; list-style-position: outside; }
#footer ul.gallery li { margin: 4px; }
#footer .widget #s, #footer .widget #searchsubmit {
	margin:0;
}

/*********************************************************************************************
Forms
*********************************************************************************************/

#s {
background:url('images/search.png') no-repeat;
border:medium none;
float:left;
height:25px;
font-size:11px;
color:#666666;
font-family:Arial;
font-weight:normal;
width:140px; margin-left:40px; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:9px; padding-right:0px; padding-top:7px; padding-bottom:0 }


#searchsubmit {
background:url('images/searchb.png') no-repeat;
border:medium none;
margin:0;
text-indent:-9999px;
width:35px;
cursor:pointer;
height:29px }
#searchsubmit:hover {
opacity:0.7;
filter:alpha(opacity=90); }
#search label, #search .submit { display:none; }
input, textarea { border: 1px solid #CCCCCC; padding: 5px; }
.select_option{
width: 180px;
height: 34px;
background: white;
padding: 5px;
float: left !important;
font-size: 13px;
font-weight: bold;
color: #5E5E5E;
border-radius: 3px;
border: 1px solid #CCC;
display: block;
}
/********************************************************************************************
Footer
*********************************************************************************************/
#footer_out{
	width: 100%;
	margin-bottom: 25px;
	height: 180px;
}
#footer_out2{
    
}	
#footer {
	padding:0px 0 0px 0px;
	width: 1004px;
	background: #fff;
	height: 180px;
	margin:0 auto;
	color:#97b2c2;
	border-radius: 3px;
	padding: 10px;
}
#footer h4{font-size:16px;color: #666;font-family: "Corbel bold",sans-serif;text-transform: uppercase;padding: 10px 0px 5px 0px;}

#footer ul{padding-top:1px; margin-top: 10px;}

#footer li{
	list-style-type: none;
	font-size: 14px;

	line-height: 18px;
	color:#CCC;
	margin-bottom: 8px;
}

#footer a{color: #999;text-decoration:none;font-style:normal;}

#footer a:hover{color:#959393}

#footer .textwidget{ padding: 5px 0px 0px 0px}
.footer_bottom {
	padding:0px 0 0px 0px;
	width:1006px;
    height:120px;
	margin:0 auto;
	color:#97b2c2;
	}
.footer_left_col {width: 240px;margin-right: 10px;float:left;}
.footer_right_div {margin-right: 10px;margin-top: 10px;float:left;}
.footer_left{width:1005px;float:left; overflow:hidden}

.footer_left span{color:#fff;font: 11pt/13pt Latoblack !important;font-weight:bold; display:block; width:1005px; border-bottom:2px solid #fff;padding-bottom:10px;}

.footer_right{float:left;width:310px;}

.footer_right span{color:#fff;font: 11pt/13pt Latoblack !important;font-weight:bold; display:block; width:320px; border-bottom:2px solid #fff;padding-bottom:10px;}
.email-sub-footer {
	padding: 10px;
	display:block;
	border: 1px solid #999;
	width: 218px;
	border-radius:3px;
	margin-top: 3px;
}
.email-sub-button{
	width: 238px;
	padding: 12px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
	background: #999;
	text-align: center;
	font: 14px/1.0 Latobold !important;
	border: 1px solid #999;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	margin-top:10px;
	float: left;
	display: block;
}
#social_icons							{ position:absolute; list-style:none;margin-top: 2px !important; }
#social_icons li							{ list-style:none; text-indent:-99999px; display:block; width:25px; height:25px; float:left; margin:0px 8px 0 0; }
#social_icons a							{ display:block; width:25px; height:25px; background:url(images/social_icons.png) 0 0 no-repeat; }
#social_icons .twitter a					{ background-position:0 0; }
#social_icons .twitter:hover a			{ background-position:0 -25px; }
#social_icons .facebook a				{ background-position:-25px 0; width:25px; }
#social_icons .facebook:hover a			{ background-position:-25px -25px; }
#social_icons .google a					{ background-position:-50px 0; }
#social_icons .google:hover a			{ background-position:-50px -25px; }
#social_icons .pinterest a				{ background-position:-75px 0; width:25px; }
#social_icons .pinterest:hover a			{ background-position:-75px -25px; }
#social_icons .rss a						{ background-position:-100px 0; }
#social_icons .rss:hover a				{ background-position:-100px -25px; }