/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Arial, Helvetica, Verdana, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin: 0;
  background: url(images/bg_page.jpg) top center no-repeat #347c68;
  color: #666666;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  min-width: 890px;
  text-align: center;
}

a:link {text-decoration: underline; color: #990000; background-color: transparent;}
a:visited {text-decoration: underline; color: #990000; background-color: transparent;}
a:hover {text-decoration: none; color: #006666; background-color: transparent;}

/*-- GENERAL BITS --------------*/
.container {margin: 0 auto; width: 890px; padding: 0; border: 0; position: relative; text-align: left;}
.mainContainer {margin: 30px 0 0 0; float: left; display: inline; width: 890px; background-color: #FFFFFF; padding: 0 0 30px 0;}

/*-- HEADER---------------------*/
.headerLogo {float: left; display: inline; margin: 25px 0 25px 30px; width: 330px; height: 122px;}
.headerStrapline {float: right; display: inline; margin: 71px 30px 0 0; width: 309px; height: 43px;}

.navbar {float: left; display: inline; margin: 0 0 0 30px; width: 830px; height: 38px; background: url(images/navbar_bg.gif) top left repeat-x #525d5a;}
	.navbar ul {display: inline; float: left; list-style: none; margin: 0 0 0 20px; padding: 0;}
	.navbar li {display: inline; float: left;}
	.navbar li a {display: inline; float: left; height: 20px;}
	.navbar li span {display: none;}

.navLink {margin: 0 26px 0 0;}
.navLinkEnd {margin: 0;}

#nav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 41px; height: 38px;}
#nav01 a:hover {background: url(images/nav_home_on.gif) top left no-repeat;}
#nav01on a {background: url(images/nav_home_on.gif) top left no-repeat; width: 41px; height: 38px;}

#nav02 a {background: url(images/nav_our_vision_off.gif) top left no-repeat; width: 71px; height: 38px;}
#nav02 a:hover {background: url(images/nav_our_vision_on.gif) top left no-repeat;}
#nav02on a {background: url(images/nav_our_vision_on.gif) top left no-repeat; width: 71px; height: 38px;}

#nav03 a {background: url(images/nav_company_off.gif) top left no-repeat; width: 66px; height: 38px;}
#nav03 a:hover {background: url(images/nav_company_on.gif) top left no-repeat;}
#nav03on a {background: url(images/nav_company_on.gif) top left no-repeat; width: 66px; height: 38px;}

#nav04 a {background: url(images/nav_experience_off.gif) top left no-repeat; width: 76px; height: 38px;}
#nav04 a:hover {background: url(images/nav_experience_on.gif) top left no-repeat;}
#nav04on a {background: url(images/nav_experience_on.gif) top left no-repeat; width: 76px; height: 38px;}

#nav05 a {background: url(images/nav_services_off.gif) top left no-repeat; width: 60px; height: 38px;}
#nav05 a:hover {background: url(images/nav_services_on.gif) top left no-repeat;}
#nav05on a {background: url(images/nav_services_on.gif) top left no-repeat; width: 60px; height: 38px;}

#nav06 a {background: url(images/nav_testimonials_off.gif) top left no-repeat; width: 86px; height: 38px;}
#nav06 a:hover {background: url(images/nav_testimonials_on.gif) top left no-repeat;}
#nav06on a {background: url(images/nav_testimonials_on.gif) top left no-repeat; width: 86px; height: 38px;}

#nav07 a {background: url(images/nav_location_off.gif) top left no-repeat; width: 59px; height: 38px;}
#nav07 a:hover {background: url(images/nav_location_on.gif) top left no-repeat;}
#nav07on a {background: url(images/nav_location_on.gif) top left no-repeat; width: 59px; height: 38px;}

#nav08 a {background: url(images/nav_vacancies_off.gif) top left no-repeat; width: 70px; height: 38px;}
#nav08 a:hover {background: url(images/nav_vacancies_on.gif) top left no-repeat;}
#nav08on a {background: url(images/nav_vacancies_on.gif) top left no-repeat; width: 70px; height: 38px;}

#nav09 a {background: url(images/nav_contact_off.gif) top left no-repeat; width: 55px; height: 38px;}
#nav09 a:hover {background: url(images/nav_contact_on.gif) top left no-repeat;}
#nav09on a {background: url(images/nav_contact_on.gif) top left no-repeat; width: 55px; height: 38px;}

/*-- HOMEPAGE --*/
.homeIntro {float: left; display: inline; width: 830px; height: 248px; margin: 0 0 0 30px; background: url(images/home_intro_image.jpg) top left no-repeat #359cb7;}
	.homeIntro img {border: 0;}
	.homeIntro h1 {font-size: 14px; text-indent: -9999px; margin: 50px 0 0 290px;}

.homeLowerHalf {float: left; display: inline; width: 830px; margin: 0 0 0 30px; background-color: #ecf3f2; padding: 0 0 20px 0;}

.homeOurVision {float: left; display: inline; width: 248px; background-color: #FFFFFF; border: 1px solid #d2d7d6; margin: 20px 20px 0 20px;}
	.homeOurVision h2 {margin: 9px 0 10px 9px; text-indent: -9000px; line-height: 1em; background: url(images/thumb_our_vision.jpg) top left no-repeat; width: 230px; height: 130px;}
	.homeOurVision p {margin: 0 19px 5px 19px; font-size: 11px; color: #666666; line-height: 1.5em;}
	.homeOurVision h5 {margin: 0 19px 15px 19px; font-size: 11px; color: #333333; line-height: 1.5em;}

.homeServices {float: left; display: inline; width: 248px; background-color: #FFFFFF; border: 1px solid #d2d7d6; margin: 20px 0 0 0;}
	.homeServices h2 {margin: 9px 0 10px 9px; text-indent: -9000px; line-height: 1em; background: url(images/thumb_services.jpg) top left no-repeat; width: 230px; height: 130px;}
	.homeServices p {margin: 0 19px 5px 19px; font-size: 11px; color: #666666; line-height: 1.5em;}
	.homeServices h5 {margin: 0 19px 15px 19px; font-size: 11px; color: #333333; line-height: 1.5em;}

.homeTestimonials {float: right; display: inline; width: 248px; background-color: #FFFFFF; border: 1px solid #d2d7d6; margin: 20px 20px 0 0;}
	.homeTestimonials h2 {margin: 9px 0 10px 9px; text-indent: -9000px; line-height: 1em; background: url(images/thumb_testimonials.jpg) top left no-repeat; width: 230px; height: 130px;}
	.homeTestimonials p {margin: 0 19px 5px 19px; font-size: 11px; color: #666666; line-height: 1.5em;}
	.homeTestimonials h5 {margin: 0 19px 15px 19px; font-size: 11px; color: #333333; line-height: 1.5em;}

/*-- FOOTER --*/
.footer {float: left; display: inline; width: 830px; margin: 20px 0 50px 30px;}
	.footer p {font-size: 11px; color: #FFFFFF; line-height: 1.5em; float: left; display: inline; margin: 0 0 40px 0;}
	.footer h4 {font-size: 11px; font-weight: normal; color: #FFFFFF; line-height: 1.5em; float: right; display: inline; margin: 0 0 40px 0;}
	.footer img {float: right; display: inline; border: 0; margin: -7px 0 0 5px;}
	.footer a:link {text-decoration: underline; color: #ccffff; background-color: transparent;}
	.footer a:visited {text-decoration: underline; color: #ccffff; background-color: transparent;}
	.footer a:hover {text-decoration: none; color: #FFFFFF; background-color: transparent;}

/*-- CONTENT PAGE --*/
.titleArea {float: left; display: inline; width: 830px; height: 89px; margin: 0 0 0 30px;}
	.titleArea h1 {margin: 0; text-indent: -9000px; line-height: 1em; width: 830px; height: 89px;}

#titleOurVision {background: url(images/title_our_vision.jpg) top left no-repeat;}
#titleCompany {background: url(images/title_company.jpg) top left no-repeat;}
#titleServices {background: url(images/title_services.jpg) top left no-repeat;}
#titleTestimonials {background: url(images/title_testimonials.jpg) top left no-repeat;}
#titleLocation {background: url(images/title_location.jpg) top left no-repeat;}
#titleContact {background: url(images/title_contact.jpg) top left no-repeat;}
#titleThankYou {background: url(images/title_thank_you.jpg) top left no-repeat;}
#titleProjects {background: url(images/title_projects.jpg) top left no-repeat;}
#titleVacancies {background: url(images/title_vacancies.jpg) top left no-repeat;}
#titleExperience {background: url(images/title_experience.jpg) top left no-repeat;}

.contentArea {float: left; display: inline; width: 830px; margin: 0 0 0 30px; background: url(images/content_area_bg.gif) top left repeat-y; border-bottom: 1px solid #ecf3f2;}

.contentMainColumn {float: left; display: inline; width: 520px; margin: 20px 0 30px 20px;}
	.contentMainColumn p {font-size: 14px; color: #666666; line-height: 1.6em;}
	.contentMainColumn ul {margin: 0 0 0 0; padding: 0; line-height: 1.5em; list-style: none; font-size: 15px; color: #666666;}
	.contentMainColumn li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 1em; background-repeat: no-repeat; padding: 6px 0 5px 15px;}
	.contentMainColumn h3 {font-size: 16px; font-weight: bold; color: #333333; margin: 1.5em 0 -0.6em 0;}
	.contentMainColumn h4 {font-size: 16px; font-weight: bold; color: #333333; margin: 1.5em 0 0.5em 0;}
	.contentMainColumn h6 {font-size: 11px; font-weight: bold; color: #333333;}
	.contentMainColumn h6 em {color: #CC0000;}
	.contentMainColumn form {padding: 0; margin: 10px 0 0 0;}
	.contentMainColumn label {font-size: 14px; font-weight: bold; color: #333333; width: 120px; display: inline; float: left; padding: 4px 0 0 0; margin: -4px 10px 0 0;}
	.contentMainColumn label em {color: #CC0000;}

.formContactText {width: 300px; border: 1px solid #999999; background-color: #FFFFFF; font-size: 12px; padding: 4px;}
.formContactSelect {width: 300px; background-color: #FFFFFF; font-size: 12px;}
.formContactButton {padding: 5px 5px 5px 5px; background-color: #990000; color: #FFFFFF; font-size: 14px; border: 1px solid #660000; margin: 10px 0 0 130px;}

.contentRightColumn {float: right; display: inline; width: 270px; margin: 0 0 0 0; background: url(images/right_col_top.jpg) top left no-repeat; padding: 0 0 20px 0;}
	.contentRightColumn h5 {margin: 110px 20px 5px 20px; text-indent: -9000px; line-height: 1em; width: 118px; height: 20px; background: url(images/col_head_work_with_us.gif) top left no-repeat;}
	.contentRightColumn h6 {margin: 110px 20px 5px 20px; text-indent: -9000px; line-height: 1em; width: 129px; height: 20px; background: url(images/col_head_contact_details.gif) top left no-repeat;}
	.contentRightColumn p {margin: 10px 20px 0 20px; font-size: 12px; color: #666666; line-height: 1.8em;}
	.contentRightColumn p strong {color: #333333;}

.googlemap {float: left; display: inline; width: 520px; margin: 10px 0 10px 0;}

.companyProfile {float: left; display: inline; width: 520px; margin: 20px 0 20px 0;}
	.companyProfile img {float: left; display: inline; width: 115px; margin: 0 0 0 0;}
	.companyProfile h5 {float: right; display: inline; width: 385px; font-size: 14px; color: #333333; line-height: 1.4em; margin: 0 0 10px 0;}
	.companyProfile h5 em {font-size: 14px; font-style: italic; font-weight: normal; color: #454545;}
	.companyProfile p {float: right; display: inline; width: 385px; font-size: 12px; color: #666666; line-height: 1.6em; margin: 0 0 10px 0;}