/* Main CSS Document */

@import url("core.css");

#header {
	width: 1076px;
	margin: 0px auto;
}
.logo {
	width: 700px;
	float: left;
}
.tel {
	width: 200px;
	float: right;
	padding: 36px 28px 0px 0px;
}



ul.nav {
	width: 906px;
	height: 32px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
}
ul.nav li {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	text-indent: -6000px;
}
ul.nav li a.home {
	background: url(../images/nav-home.gif) no-repeat;
	height: 25px;
	width: 95px;
	display: block;
}
ul.nav li a.home:hover { 
	background: url(../images/nav-home-on.gif) no-repeat;
}
ul.nav li.homeOn {
	background: url(../images/nav-home-on.gif) no-repeat;
	height: 25px;
	width: 95px;
	display: block;
}
ul.nav li a.about {
	background: url(../images/nav-about.gif) no-repeat;
	height: 25px;
	width: 173px;
	display: block;
}
ul.nav li a.about:hover { 
	background: url(../images/nav-about-on.gif) no-repeat;
}
ul.nav li.aboutOn {
	background: url(../images/nav-about-on.gif) no-repeat;
	height: 25px;
	width: 173px;
	display: block;
}
ul.nav li a.services {
	background: url(../images/nav-services.gif) no-repeat;
	height: 25px;
	width: 145px;
	display: block;
}
ul.nav li a.services:hover { 
	background: url(../images/nav-services-on.gif) no-repeat;
}
ul.nav li.servicesOn {
	background: url(../images/nav-services-on.gif) no-repeat;
	height: 25px;
	width: 145px;
	display: block;
}
ul.nav li a.contact {
	background: url(../images/nav-contact.gif) no-repeat;
	height: 25px;
	width: 126px;
	display: block;
}
ul.nav li a.contact:hover { 
	background: url(../images/nav-contact-on.gif) no-repeat;
}
ul.nav li.contactOn {
	background: url(../images/nav-contact-on.gif) no-repeat;
	height: 25px;
	width: 126px;
	display: block;
}
ul.nav li a.employment {
	background: url(../images/nav-employment.gif) no-repeat;
	height: 25px;
	width: 134px;
	display: block;
}
ul.nav li a.employment:hover { 
	background: url(../images/nav-employment-on.gif) no-repeat;
}
ul.nav li.employmentOn {
	background: url(../images/nav-employment-on.gif) no-repeat;
	height: 25px;
	width: 134px;
	display: block;
}

ul.nav li a.calendar {
	background: url(../images/nav-calendar.gif) no-repeat;
	height: 25px;
	width: 134px;
	display: block;
}
ul.nav li a.calendar:hover { 
	background: url(../images/nav-calendar-on.gif) no-repeat;
}
ul.nav li.calendarOn {
	background: url(../images/nav-calendar-on.gif) no-repeat;
	height: 25px;
	width: 134px;
	display: block;
}



/* middle */
#middle {
	width: 422px;
	height: 225px;
	background: url(../images/bg-header.gif) no-repeat;
	margin: 0px 0px 20px 0px;
	padding: 26px 26px 0px 627px;
	font-size: 14px;
}
#middle ul {
	padding: 0px;
	margin: 0px 0px 0px 50px;
}
#middle li {
	padding: 0px 0px 10px 10px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	list-style-image: url(../images/bullet-tick.gif);
}


/* content */
#content {
	width: 1135px;
	background: url(../images/bg-content.gif) repeat-y;
	margin: 3px auto 0px auto;
	padding: 0px;
	
}
#contentBgTop {
	background: url(../images/bg-content-top.gif) no-repeat;
	width: 1073px;
	padding: 12px 33px 0px 29px;
}


/* left */
#content .left {
	width: 259px;
	float: left;
}



/* right */
#content .right {
	width: 795px;
	float: right;
}



/* contact */
.contactBox {
	padding: 20px;
	background: url(../images/bg-contact-box.gif) no-repeat;
	color: #ffffff;
	font-size: 14px;
}
.contactBox p {
	padding: 0px 0px 0px 20px;
	line-height: 22px;
}
.contactBoxBottom {
	height: 20px;
	background: url(../images/bg-contact-box-bottom.gif) no-repeat bottom left;
	margin: 0px 0px 20px 0px;
}



/* news */
.newsBox {
	padding: 20px;
	background: url(../images/bg-news-box.gif) no-repeat;
}
.newsBoxBottom {
	height: 20px;
	background: url(../images/bg-news-box-bottom.gif) no-repeat bottom left;
	margin: 0px 0px 20px 0px;
}



#footer {
	width: 1105px;
	background: url(../images/bg-footer.gif) no-repeat;
	padding: 33px 0px 0px 30px;
	margin: 0px auto;
	font-size: 14px;
	font-weight: bold;
}