/*  
Theme Name: FXRecuiter
Theme URI: http://www.reversedelta.com/
Version : 2.0
Author: Reverse Delta
Author URI: http://www.fxrecruiter.com/
Description: Custom theme for FXRecuiter. The Design, CSS, XHTML is copyright.
*/
body {
	padding: 0;
	color: #333333;
	margin: 0;
	font-size: .8em;
	font-family: Arial;
}
a {
	text-decoration: none;
	color: #005a93;
}
a:hover, a:active {
	text-decoration: underline;
}
a img {
	border: none;
}
.clear {
	clear: both;
}

/*Header*/
.header {
	width: 990px;
	margin: 10px auto;
}
.logo {
	background: no-repeat url(images/logo.gif);
	width: 236px;
	height: 85px;
}
.logo a {
	width: 236px;
	height: 85px;
	display: block;
	background: none;
	outline: none;
}
.callnow {
	float: right;
	width: 265px;
	height: 81px;
	padding: 5px 10px 0 0;
}
.mmid {
	width: 990px;
	margin: 0 auto;	
}
.nav {
	background: url(images/nav.jpg);
	height: 42px;
	padding: 1px 10px 0 10px;	
}
.nav ul, .greybox ul {
	list-style:  none;
}
.nav ul li {
	float: left;
	padding: 0 10px 0 10px;	

}
.nav ul li a {
	color: #c3efff;
}
.nav .nright {
	float: right;
}
.nav .nleft {
	float: left;
}
.vsec {
	background: url(images/vsec.jpg);
	height: 160px;
	padding: 0;
}

.flashbanner 
 {
	background: url(images/vsec.jpg);
	height: 160px;
	padding: 0;
}

.vleft {
	float: left;
	width: 617px;
	margin: 7px 0 0 0;
}
.vright {
	float: right;
	width: 295px;
	margin: 20px 0;
}
.tbutton {
	padding: 15px 0 0 30px;
}
/*Header End*/

/*Body*/
.main {
	width: 690px;
	padding: 10px;
	float: left;
}
.main p {
	padding: 0 0 0 3px;
}

.main-tour
{
	width: 990px;
}
.sidebar {
	width: 260px;
	float: right;
	background: #f0eeee;
}
.boxes {
	width: 690px;
}
.box {
	width: 200px;
	float: left;
	background: repeat-x url(images/bgb.gif);
	margin: 0 5px 10px 5px;
	padding: 10px;
}
.box ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	list-style: none;
}
.box ul li{
	padding: 0 0 0 13px;
	background: no-repeat 0 4px url(images/pointer1.gif);
}
.box h2 {
	margin: 0 0 10px 0;
	color: #6b4784;
	border-bottom: 1px solid #268abe;
}
.test {
	font-style: italic;font-family:georgia, serif;font-size:0.9em;line-height:1.35em;
}
.greybox {
	background: #eeeded;
	padding: 1px 0 6px 0;
margin-top:25px;

}
.greybox h2 {
	padding: 6px 10px 6px 10px;
	color: #006eae;
	font-weight: normal;
	font-size: 16px;
	margin: 0;
	border-bottom: 1px solid #fff;
}
.greybox p {
	margin: 0;
	padding: 6px 10px 6px 10px;
}
.greybox ul {
	padding: 0 0 0 10px;
	margin: 0;
}
.greybox ul li{
	padding: 0 0 0 10px;
	background: no-repeat 0 4px url(images/pointer2.gif);
}
.sidebar h2 {
	color: #006eae;
	font-weight: normal;
	font-size: 21px;
	padding: 5px 10px 0 5px;
}
ul.smain {
	padding: 0;
	margin: 0;
	list-style: none;
margin-top:-5px; 
}
ul.smain li {
	border-bottom: 1px solid #fff;
	padding: 6px 10px 8px 30px;
display:block;
	background: no-repeat 3% 7px url(images/tick.gif);	

}

ul.smain li a, .box ul li a {
	 color: #666666; 
}
ul.smain li a:hover, .box ul li a:hover {
	color: #222;
}

.footer {
	background: #037fbb repeat-x url(images/footbg.jpg);
	margin: 10px 0 0 0;
}
.fbox {
	width: 230px;
	float: left;
	padding: 6px;
}
.fbox1 {
	width: 250px;
}
.fbox h2 {
	margin: 11px 0 0 0;
	font-size: 12px;
	color: #fff;
}
.fbox ul {
	list-style: none;
	margin: 7px 0 0 0;
	padding: 0;
	font-size: 11px;
}
.fbox ul li a {
	color: #00b7d6;
}
.fbox ul li a:hover {
	color: #8fd3df;
	}
.copy {
	padding: 10px 0 10px 6px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
.copy a {
	color: #fff;
}
h2.h2post {
	color: #6b4784;
font-weight: normal;
	font-size: 21px;
	border-bottom: 1px solid #2887bd;
	padding: 0 0 10px 0;
}
.main h2 {
	color: #6b4784;
	font-weight: normal;
	font-size: 21px;
}
.main h3 {
	color: #6b4784;
}
/*Body End*/

.contact-form input {border:1px solid #5F3678}
.contact-form textarea {border:1px solid #5F3678}

/*call-to-action images*/
.cta {
	padding-top:10px;
clear:both;
border:0px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0 0 0 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 0 4px 0 0;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


.banner { margin:0 auto; width:990px; height:160px; background:url(images/banner_bg.jpg) repeat-x left top }
.banner_left { width:515px; float:left; overflow:hidden; text-align:center;  padding:5px 0;  }
.banner_right { width:465px; float:left; overflow:hidden;  }
.banner_right p { margin:0; padding:20px 20px 0 5px; color:#FFFFFF; font-size:16px; line-height:21px; font-family:Arial, Helvetica, sans-serif;  }

.banner_right p a{ margin:0; padding:20px 20px 0 5px; color:#FFFFFF; font-size:16px; line-height:21px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }

.banner_right p a:hover{ margin:0; padding:20px 20px 0 5px; color:#FFFFFF; font-size:16px; line-height:21px; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; }


.clear { clear:both; padding:0; margin:0; height:0; line-height:0; font-size:0; }