/*
OEVisas, v1.0
Media: screen
*/

body {
	background: #F3F6F9 url(../images/background.png) top repeat-x;
	color: #666;
}

#container {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	background: #FFFFFF;
}

#main { }

#content {
	float: right;
	display: inline;
	width: 690px;
}

/* MAIN CONTENT AREA */

.content {
	background: #fff;
	padding: 30px 70px;
	position: relative;
	margin-bottom: 15px;
}

.content h1, .content h2, .content h3 { color: #333; }

.content h1 { font-size: 2.4em; }
.content h2 { font-size: 1.8em; }
.content h3 { font-size: 1.6em; }

.content p, .content li { font-size: 1.4em; }
.content strong { color: #333; }

.content a, .content a:visited {
	text-decoration: none;
	color: #1A95C3;
	border-bottom: 1px solid #fcc;
}

.content a:hover {
	color: #a10;
	border-bottom: 1px solid #f88;
}

.content .intro-text p {
	font-size: 1.6em;
	line-height: 1.3;
}

.content .intro-text strong {
	font-weight: normal;
	color: #000;
}

.content ul, .content ol { margin: 2em 0 2em 2em; }
.content ul li, .content ol li {
	list-style: disc;
	margin-left: 1.4em;
}
.content ol li { list-style-type: decimal; }

.content ul.icon-list, .content ul.icon-list li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.content ul.icon-list li {
	padding: 5px 0 15px 35px;
	position: relative;
}


.content blockquote {
	padding: 10px 20px 10px 40px;
	margin: 3em 0;
	background: #eee url(../images/quote-mark.png) left 5px no-repeat;
	color: #666;
}

.content blockquote cite {
	color: #999;
}


/* SIDEBAR */

#sidebar {
	float: left;
	display: inline;
	width: 230px;
}

.call-oevisas {
	width: 180px;
	height: 12px;
	background: url(../images/call-oevisas.png) no-repeat;
	overflow: hidden;
	text-indent: -999em;
	margin-bottom: 20px;
}

.side-panel {
	padding: 0 10px;
	margin-bottom: 20px;
	color: #50637F;
	overflow: hidden;
}

.side-panel h4 {
	width: 190px;
	height: 10px;
	overflow: hidden;
	text-indent: -999em;
}

.feature {
	border-bottom: 1px solid #DDE6ED;
}

.feature h4 { background: url(../images/featured-service.png) no-repeat; }
.feature h5 {
	font-size: 1.8em;
	font-weight: bold;
	color: #333;
	margin: 5px 0 10px 0;
}

.feature-meta {
	overflow: hidden;
	margin-top: -0.8em;
}

.feature .price {
	font-size: 1.4em;
	color: #333;
	float: left;
}

.feature .price strong {
	font-size: 1.286em;
	font-weight: normal;
}

.feature .details {
	float: left;
	display: inline;
	width: 57px;
	height: 19px;
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/details.png) no-repeat;
	margin-top: 0.5em;
	margin-left: 10px;
}

.feature .details:hover { background-position: 0 -19px; }

.testimonial h4 {
	background: url(../images/testimonial.png) no-repeat;
	margin-bottom: 10px;
}

.testimonial .cite {
	color: #8191A1;
	margin-top: -0.5em;
}

.latest-article h4 { background: url(../images/latest-article.png) no-repeat; }

.latest-article h5 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0.5em 0 0.8em 0;
	line-height: 1.2;
}

.latest-article img {
	float: left;
	display: inline;
	border: 1px solid #ccc;
	margin-right: 10px;
}

.article-meta { font-size: 1.1em; }

.article-meta strong { line-height: 2; }

.article-meta a, .article-meta a:visited {
	line-height: 2;
	text-decoration: none;
	color: #1A95C3;
	border-bottom: 1px solid #fcc;
}

.article-meta a:hover {
	color: #a10;
	border-bottom: 1px solid #f88;
}



/* HEADER */

#header {
	position: relative;
	padding: 15px 0;
	overflow: hidden;
}

#logo {
	float: left;
	display: inline;

}

.login-panel {
	background: #;
	float: right;
	width: 610px;
	overflow: hidden;
	padding: 13px 0 15px 0;
}

.login-form {
	overflow: hidden;
	float: right;
	padding: 0 20px 0 0;
}
 
.login-form h4 {
	float: left;
	display: inline;
	width: 40px;
	height: 20px;
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/login.png) no-repeat;
	margin-top: 1.6em;
}

.login-form div {
	float: left;
	display: inline;
	margin-left: 5px;
}

.login-form label {
	display: block;
	position: relative;
	color: #333;
	width: 140px;
}

.login-form label span {
	position: absolute;
	right: 0;
	font-size: 0.92em;
}

.login-form label a, .login-form label a:visited {
	text-decoration: none;
	color: #999;
}

.login-form label a:hover { color: #333; }

.login-form .text-field {
	width: 135px;
}

.login-form .button {
	float: left;
	display: inline;
	margin-left: 5px;
	margin-top: 1.4em;
}

.register {
	overflow: hidden;
	padding-left: 20px;
	margin-top: 2px;
}

.register h4 {
	width: 161px;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/register.png) no-repeat;
	margin: 0 0 5px 0;
}

.register p { margin: 0; }

.register a, .register span {
	float: left;
	display: inline;
	height: 12px;
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/register-type.png) no-repeat;
}

.reg-employer { width: 93px; }
.reg-employer:hover { background-position: 0 -12px; }

.register .reg-career-seeker { width: 110px; background-position: right top; }
.register .reg-career-seeker:hover { background-position: right -12px; }

.register span {
	width: 15px;
	background-position: -93px 0;
}

.account-options { overflow: hidden; }

.account-options h4 {
	font-size: 1.4em;
	margin: 0 0 0 20px;
	float: left;
	display: inline;
	color: #333;
	font-weight: normal;
	line-height: 1.2;
}

.account-options ul {
	float: right;
	display: inline;
	margin-right: 20px;
	overflow: hidden;
}

.account-options ul li {
	float: left;
	margin-left: 20px;
	padding-left: 20px;
	line-height: 1.6;
}

.account-options a, .account-options a:visited {
	color: #50637F;
	text-decoration: none;
}

.account-options a:hover {
	color: #333;
}

.account-options .manage-account {
	background: url(../images/manage-account.png) left no-repeat;
}

.account-options .sign-out {
	background: url(../images/sign-out.png) left no-repeat;
}


/* NAVIGATION */

#nav {
	background: #1A95C3;
	width: 210px;
	position: relative;
	margin-bottom: 20px;
}

#nav a {
	display: block;
	width: 210px;
	height: 36px;
	overflow: hidden;
	

}

#nav li { border-bottom: 1px solid #C4D9E8; }
#nav li.last, #nav li li { border-bottom: none; }

#nav li li a {
	text-indent: 0;
	height: auto;
	background: none;
	color: #fcc;
	text-decoration: none;
	padding-left: 23px;
}

#nav ul li.selected { background: #2F85BF; }


#nav #level1 {


	font-size: 1.800em;
	font-weight:900;

}

#nav #level1 li a { 
	text-decoration:none;
	color:#DFF2FF;
	padding: 5px 5px 5px 23px; 

}
	
#nav #level1 li a:hover { color: #fff; }

#nav #level1 li.selected { background: #2B7AAF; }

#nav #level1 li.selected a { color: #fff; }


#nav #level2 {
	font-size: 0.9em;
	padding-bottom: 5px;
	font-weight:normal;
}

#nav #level2 li a { padding: 5px 5px 5px 23px; }
#nav #level2 li a:hover { color: #fff; }

#nav #level2 li.selected { background: #2B7AAF; }

#nav #level2 li.selected a { color: #fff; }

#nav #level2 li.selected li a { color: #fcc; }
#nav #level2 li.selected li a:hover { color: #fff; }

#nav #level3 {
	padding-bottom: 10px;
	font-size: 0.9em;
}

#nav #level3 li a {
	padding: 5px 5px 5px 43px;
	background: url(../images/nav-bullet.png) 30px 6px no-repeat;
	color: #fcc;
	width: auto;
}

#nav #level3 li a:hover { background-color: #1D6B9F; }

#nav #level3 li.selected a {
	background: #1D6B9F url(../images/nav-bullet-on.png) 30px 6px no-repeat;
}

.nav-top, .nav-bottom {
	display: block;
	width: 210px;
	height: 5px;
	position: absolute;
	left: 0;
}

.nav-top {
	background: url(../images/nav-top.png) no-repeat;
	top: 0;
}

.nav-bottom {
	background: url(../images/nav-bottom.png) no-repeat;
	bottom: 0;
}


/* BREADCRUMB */

#breadcrumb {
	margin: 0 0 10px 250px;
}

#breadcrumb ul { overflow: hidden; }

#breadcrumb li {
	float: left;
	display: inline;
	color: #8699B2;
}

#breadcrumb a, #breadcrumb a:visited {
	text-decoration: none;
	color: #50637F;
	padding-right: 22px;
	background: url(../images/bullet-breadcrumb.png) right no-repeat;
}

#breadcrumb a:hover { text-decoration: underline; }


/* HEADING BLOCK */

#heading {
	padding: 5px 20px;
	position: relative;
	background: #1A95C3;
	margin-bottom: 15px;
}

.heading-text {
	height: 110px;
	width: 530px;
	display: table-cell;
	vertical-align: middle;
}

#heading h2 {
	color: #fff;
	font-size: 2.6em;
	margin: 0;
	letter-spacing: -1px;
}

#heading img {
	position: absolute;
	right: 0;
	bottom: 0;
}

.heading-home {
	padding: 28px 0;
}

.heading-home h2 {
	width: 524px;
	height: 55px;
	background: url(../images/heading/heading-home.png) no-repeat;
	overflow: hidden;
	text-indent: -999em;
}


/* HOME PAGE */

.home-intro {
	background: #fff;
	padding: 30px 20px 35px 20px;
	margin-bottom: 15px;
}

.home-intro strong { color: #333; }

.home-intro a, .home-intro a:visited {
	text-decoration: none;
	color: #1A95C3;
	border-bottom: 1px solid #fcc;
}

.home-intro a:hover {
	color: #a10;
	border-bottom: 1px solid #f88;
}

.home-intro p {
	font-size: 2.2em;
	line-height: 1.3;
	width: 640px;
	height: 50px;
	background: url(../images/home-intro.png) no-repeat;
	overflow: hidden;
	text-indent: -999em;
}

.home-intro p strong {
	font-weight: normal;
	color: #000;
}

.home-intro ul {
	overflow: hidden;
}

.home-intro li {
	font-size: 1.2em;
	float: left;
	display: inline;
	padding-left: 55px;
	width: 160px;
	margin-right: 10px;
}

.home-intro li.last { margin-right: 0; }



.two-col {
	overflow: hidden;
	margin-bottom: 5px;
}

.two-col .content {
	width: 310px;
	padding: 10px 20px 25px 20px;
	float: left;
	display: inline;
	overflow: hidden;
	position: relative;
}

.two-col .col-right {
	float: right;
}

.two-col .content h2 { margin: 0.2em 0; }
.two-col .content p { font-size: 1.3em; }
.two-col .content .logos { margin-top: 0.5em; }



/* TABLES */
.data {
	margin: 2em 0 3em 0;
	padding: 0;
	border-collapse: collapse;
	border: none;
	width: 100%;
}

.data td, .data th {
	font-size: 1.2em;
	padding: 4px 10px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #E8EDF3;
}

.data thead th {
	font-weight: bold;
	border: 1px solid #DDE5ED;
	color: #50637F;
	background: #E8EDF3;
	vertical-align: bottom;
}

.data th.numeric, 
.data td.numeric, 
.data thead th.numeric {
	text-align: right;
}

.data .odd td, .data .odd th {
	background: #F3F6F9;
}


/* FOOTER */
		
#footer {
	clear: both;
	padding: 0 20px 20px 20px;
	margin-left: 220px;
	color: #666;
	overflow: hidden;
}

#footer p {
	float: right;
	font-size: 1.2em;
	color: #8699B2;
	padding-top: 8px;
}

#footer p a, #footer p a:hover {
	color: #8699B2;
	padding-left: 10px;
	background: url(../images/bullet-footer.png) left no-repeat;
	margin-left: 5px;
}

#footer p a:hover { color: #50637F; }


















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */