/**********************
BASIC RESET
***********************/
body { background: #b3bcc8 url(img/container-bg.jpg) -21px 0px no-repeat; font-family: Tahoma, Geneva, sans-serif; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
img { border: none; }
ul { list-style: none; }
.clear-floats { clear: both; }
a { outline: none; }
fieldset { outline: none; border:none; }

/**********************
CONTAINER
***********************/
#container {
	
	margin: 0 auto;
	width: 967px;
}

/**********************
TOP
***********************/
#top {
	height: 74px;
}

#icons {
	float: left;
	width: 150px;
	margin: 25px 0 0 13px;
}
#icons img {
	margin-right: 20px;
}

#login {
	color: #fff;
	float: right;
	width: 300px;
}
#login h4 {
	font-size: 0.8em;
	font-weight: normal;
	margin: 15px 0 8px;
}
#login input.i-text {
	background: #062a5c;
	border: none;
	color: #fff;
	font-size: 0.8em;
	height: 16px;
	width: 55px;
}
#login input.i-submit {
	background: url(img/login-button.jpg);
	border: none;
	color: #fff;
	font-size: 0.8em;
	height: 16px;
}
#login form {
	font-size: 0.8em;
}


/**********************
HEADER
***********************/
#header {
	background: url(img/header-bg.png) top left no-repeat;
	height: 134px;
}
#header img {
	float: left;
}
#sub-title {
	background: url(img/orange-sub-title.png) top right no-repeat;
	color: #fff;
	float: right;
	font-size: 1.9em;
	height: 42px;
	line-height: 1.3;
	margin: 55px 25px 0;
	padding-right: 15px;
	text-align: right;
	width: 266px;
}

/**********************
NAVIGATION
***********************/
#nav {
	background: url(img/nav-bg.png) top left no-repeat;
	line-height: 63px;
	height: 59px;
}
#nav ul {
	margin-left: 60px;
}
#nav ul li {
	float: left;
	font-size: 0.725em;
	font-weight: 600;
	margin-right: 2px;
}
#nav ul li a {
	background: url(img/orange-arrow.png) 0px 29px no-repeat;
	color: #617c9d;
	display: block;
	height: 56px;
	padding-left: 18px;
	text-decoration: none;
} 
#nav ul li a.home {
	width: 71px;
	background: url(img/home-button.png) bottom left no-repeat;
}

#nav ul li a.homemain:hover {
	width: 71px;
	background: url(img/home-button.png) bottom left no-repeat;
}
#nav ul li a.homemain {
	width: 71px;
}
#nav ul li a.contact {
	width: 85px;
}
#nav ul li a.contact:hover {
	background: url(img/contact-button.png) bottom left no-repeat;
}
#nav ul li a.contactmain {
	width: 85px;
	background: url(img/contact-button.png) bottom left no-repeat;
}
#nav ul li a.about {
	width: 93px;
}
#nav ul li a.about:hover {
	background: url(img/about-button.png) bottom left no-repeat;
}
#nav ul li a.aboutmain {
    width: 93px;
	background: url(img/about-button.png) bottom left no-repeat;
}
#nav ul li a.our {
	width: 105px;
}
#nav ul li a.our:hover {
	background: url(img/our-button.png) bottom left no-repeat;
}
#nav ul li a.ourmain {
	width: 105px;
	background: url(img/our-button.png) bottom left no-repeat;
}
#nav ul li a.educ {
	width: 158px;

}
#nav ul li a.educ:hover {
	background: url(img/educ-button.png) bottom left no-repeat;
}
#nav ul li a.educmain {
	width: 158px;
	background: url(img/educ-button.png) bottom left no-repeat;
}

/************
NAVIGATION OF SUB
***************/
#nav ul#nav-sub {
	margin-left: 60px;
}
#nav ul#nav-sub li {
	float: left;
	font-size: 0.725em;
	font-weight: 600;
	margin-right: 2px;
}
#nav ul#nav-sub li a {
	background: url(img/blue-arrow-subpage.png) 0px 23px no-repeat;
	color: #ff8a00;
	display: block;
	height: 56px;
	padding-left: 22px;
	text-decoration: none;
} 

#nav ul#nav-sub li a.homemain:hover {
	width: 180px;
	background: url(img/homemain-hover.png) bottom left no-repeat;
	color: #062A5C;
}

#nav ul#nav-sub li a.homemain{
	width: 180px;
}

#nav ul#nav-sub li a.home-i{
	width: 180px;
	background: url(img/homemain-img.png) bottom left no-repeat;
	color: #062A5C;
}

#nav ul#nav-sub li a.home {
	width: 110px;
	color: #062A5C;
	background: url(img/our-button.png) bottom left no-repeat;
}
#nav ul#nav-sub li a.contact {
	width: 85px;
}
#nav ul#nav-sub li a.contact:hover {
		color: #062A5C;
	background: url(img/contact-button-sub.png) bottom left no-repeat;
}
#nav ul#nav-sub li a.about {
	width: 93px;
}
#nav ul#nav-sub li a.about:hover {
		color: #062A5C;
	background: url(img/about-button-sub.png) bottom left no-repeat;
}
#nav ul#nav-sub li a.our {
	width: 105px;
}
#nav ul#nav-sub li a.our:hover {
		color: #062A5C;
	background: url(img/our-button-sub.png) bottom left no-repeat;
}
#nav ul#nav-sub li a.educ-i {
	width: 158px;
	color: #062A5C;
	background: url(img/educ-button.png) bottom left no-repeat;
}
#nav ul#nav-sub li a.educ:hover {
		color: #062A5C;
	background: url(img/educ-button-sub.png) bottom left no-repeat;
}

/**********************
CONTENT
***********************/
#content {
	background: url(img/content-bg.png) top left repeat-y;
	padding-top: 15px;
	text-align: center;
}
#boxes {
	border: 15px solid #dbdee1;
	margin-left: 38px;
	width: 862px;
}
a.box {
	display: block;
	float: left;
	height: 183px;
	margin: 14px 10px 14px 11px;
	width: 193px;
}
a.employee {
	background: url(img/employee-img.jpg) top left no-repeat;
}
a.employee:hover {
	background: url(img/employee-hover.jpg) top left no-repeat; 
}
a.manager {
	background: url(img/manager-img.jpg) top left no-repeat;
}
a.manager:hover {
	background: url(img/manager-hover.jpg) top left no-repeat; 
}
a.employer {
	background: url(img/employer-img.jpg) top left no-repeat;
}
a.employer:hover {
	background: url(img/employer-hover.jpg) top left no-repeat; 
}
a.broker {
	background: url(img/broker-img.jpg) top left no-repeat;
}
a.broker:hover {
	background: url(img/broker-hover.jpg) top left no-repeat; 
}

/**********************
FOOTER
***********************/
#footer {
	background: url(img/footer-bg.png) top left no-repeat;
	height: 156px;
	padding-top: 20px;
}
#footer h3 {
	background: url(img/orange-arrow.png) center left no-repeat;
	color: #768daa;
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 12px;
	padding-left: 15px;
}
#footer p {
	color: #373d46;
	font-size: 0.655em;
}
.f-left img, .f-right img {
	float: left;
}
.f-left p, .f-right p {
	float: left;
	margin-left: 20px;
	width: 650px;
}
.f-left {
	margin-left: 40px;
}
.f-right, .f-left {
	float: left;
	width: 750px;
}

#last {
	color: #555;
	font-size: 0.6em;
	margin-top: 26px;
	*margin-top: 18px;
}
#last a {
	color: #555;
}
.l-left {
	float: left;
	margin-left: 40px;
}
.l-right {
	float: right;
	margin-right: 40px;
}

/**********************
FOOTER-SUB
***********************/
#footer-sub {
	background: url(img/footer-sub-bg.png) top left no-repeat;
	height: 65px;
	padding-top: 4px;
}
#footer-sub h3 {
	background: url(img/orange-arrow.png) center left no-repeat;
	color: #768daa;
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 12px;
	padding-left: 15px;
}
#footer-sub p {
	color: #373d46;
	font-size: 0.655em;
}

/**********************
LEFT-SIDE
***********************/
#left-side {
	background: #dbdee1;
	border: 1px solid #dbdee1;
	float:left;
	margin-left: 35px;
	width: 183px;
}
.place {
	background: #fff;
	border-top: 4px solid #dbdee1;
	height: 32px;
}
#left-side ul {
	font-size: 0.71em;
	margin: 15px 0 0 2px;
	text-align: left;
}
#left-side ul li a {
	background: url(img/white-arrow.png) center left no-repeat;
	color: #617c9d;
	display: block;
	font-weight: bold;
	height: 30px;
	line-height: 2.3;
	padding-left: 14px;
	padding-top:1px;
	padding-bottom:1px;
	text-decoration: none;
	width: 162px;
}
#left-side ul li a:hover {
	background: #fff url(img/orange-arrow-2.png) center left no-repeat;
	border: 1px solid #ffb514;
	padding-top:0px;
	padding-bottom:0px;	
	color: #062a5c;
	height: 28px;
}

/**********************
RIGHT-SIDE
***********************/
#right-side1 {
	float:center;
	text-align: left;
	width: 820px;
	padding-left: 75px;
	padding-right: 75px;
}
#right-side1 h1 {
	color: #ffb514;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 20px;
}
#right-side1 p {
	color: #000000;
	font-size: 0.7em;
	margin-top: 10px;
}
#right-side {
	float:right;
	text-align: left;
	width: 681px;
	padding-right: 40px;
}
#right-side h1 {
	color: #ffb514;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 20px;
}
#right-side p {
	color: #000000;
	font-size: 0.7em;
	margin-top: 10px;
}
#role-menu a {
	background: url(img/role.png) top left no-repeat;
	color: #ffb514;
	display: block;
	float: left;
	font-size: 0.8em;
	font-weight: bold;
	height: 25px;
	padding-left: 24px;
	text-decoration: none;
	width: 130px;
}
#role-menu a:hover {
	background: url(img/role-hover.png) top left no-repeat;
	color: #062a5c;
}

#breadcrumb {
	color: #062a5c;
	font-size: 0.6em;
	font-weight: bold;
}

#breadcrumb a {
	color: #062a5c;
	font-weight: normal;
}
.orange {
	color: #ffb514;
	font-weight: normal;
}


/**********************
BOTTOM
***********************/
#bottom {
	padding-bottom: 20px;
	text-align: center;
}
#bottom ul li {
	border-right: 1px solid #fff;
	float: left;
	font-size: 0.7em;
	padding: 0 55px;
}
#bottom ul li a {
	color: #525a61;
	text-decoration: none;
}

/**********************
LINKS
***********************/
A:link {text-decoration: none; color: #062a5c;}
A:visited {text-decoration: none; color: #062a5c;}
A:active {text-decoration: none; color: #062a5c}
A:hover {text-decoration: none; color: #ffb514;}