body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, "sans-serif"; text-align: center; font-size: 11px; background: #f0f0f0; }
img { border: none; }
form { margin: 0px; padding: 0px; }

.clear { clear: both; }

#container { position: relative; width: 960px; margin: 0px auto; padding: 0px; text-align: left; }

#header { padding: 0px 30px; }
#header #logo { padding: 20px 0px; }
#header #links { float: right; padding: 0px 15px; background: #fff; line-height: 20px; }
#header #links a { text-decoration: none; color: #aaa; }
#header #links a:hover { color: #666; }
#header #subheader { padding: 10px 0px 7px 0px; border-top: 1px solid #ccc; border-bottom: 2px dotted #ccc; }

#page { padding: 70px 130px 0px 130px; margin: 0px; }

#nav { position: absolute; top: 125px; left: 130px; width: 700px; padding: 0px; }
#nav ul { margin: 0px 0px 0px 275px; list-style: none; padding: 0px; }
#nav ul .selected { color: #666; }
#nav li { float: left; margin: 0px; padding: 0px 6px; line-height: 20px; background: #000; }
#nav a { text-decoration: none; color: #aaa; }
#nav a.selected { color: #000; }
#nav a:hover { color: #666; }
#nav .primary-selected { background: #fff; }
#nav .secondary-selected { background: #ff0; }
#nav .tertiary-selected { background: #f00; }
#nav .left { float: left; line-height: 20px; width: 275px; }

#contentintro { padding: 0px; margin: 0px; height: 250px; }
#page .container-home { background: url("/images/bg-home.jpg") no-repeat top; }
#page .container-news { background: url("/images/bg-news.jpg") no-repeat top; }
#page .container-about-ipex { background: #a4c7e7 url("/images/bg-about_ipex.jpg") no-repeat top; }
#page .container-team { background: #000 url("/images/bg-team.jpg") no-repeat top; }
#page .container-what-we-do { background: #3d7cbf url("/images/bg-what_we_do.jpg") no-repeat top; }
#page .container-portfolio { background: #fff url("/images/bg-portfolio.jpg") no-repeat top; }
#page .container-hiring { background: #fff url("/images/bg-hiring.jpg") no-repeat top; }
#page .container-contact-us { background: #fff url("/images/bg-contact_us.jpg") no-repeat top; }
#page .container-login { background: #fff url("/images/bg-login.jpg") no-repeat top; }

#contentheader { background: url("/images/black-75.png"); padding: 10px 10px 5px 10px; margin: 0px; }
.sIFR-active #contentheader { padding-bottom: 0px; }
#contentheader h1 { padding: 0px; margin: 0px; font-size: 24px; color: #fff; font-weight: normal; }

#content { padding: 0px 0px 15px 0px; margin: 0px; }
#content .pageheading { position: relative; padding: 10px 0px 5px 15px; border-bottom: 1px solid #ccc; background: #fff; font-weight: normal; }
.sIFR-active #content .pageheading { padding-bottom: 0px; }
#content .inner { position: relative; padding: 20px 150px 20px 15px; background: url("/images/white-75.png"); }
#content .inner .bottom { border-bottom: 2px dotted #ccc; }
#content .inner .heading { border-bottom: 1px solid #ccc; margin: 10px 0px 20px 0px; padding: 10px 0px 0px 0px; }
#content h1 { font-size: 24px; font-weight: normal; padding: 0px; margin: 0px; color: #666; }
#content h2 { font-size: 11px; color: #000; }
#content h3 { font-size: 11px; color: #666; }
#content p { font-size: 11px; color: #666; margin: 0px 0px 10px 0px; line-height: 1.5em; }
#content strong, #content b { color: #000; font-weight: normal; }
#content a { color: #000; text-decoration: none; }
#content a:hover { color: #666; }
#content ol, #content ul { color: #666; }
#content li { font-size: 11px; line-height: 1.5em; }
#content li a { font-size: 11px; font-weight: normal; }
#content input, #content textarea, #content select { font-family: Arial, Helvetica, "sans-serif"; font-size: 11px; }
#content label { font-size: 11px; font-weight: bold; }
#content .table p { margin: 0px; padding: 0px; }
#content #contact input, #content #contact select, #content #contact textarea { border: 1px solid #666; padding: 3px; margin: 2px 0px; }
#content #contact input.submit { background: #ff0; border: 0px; height: 25px; width: 60px; }

#content .companys a.submit { display: block; background: #ff0; border: 0px; height: 16px; width: 80px; padding: 5px 10px; }
#content .teams a.submit { display: block; background: #ff0; border: 0px; height: 16px; width: 40px; padding: 5px 10px; }

#content2 { position: relative; padding: 30px 0px 0px 0px; margin: 10px 0px 0px 0px; }
#content2 .pageheading { padding: 10px 0px 0px 15px; background: #fff; }
#content2 h1 { font-size: 24px; font-weight: normal; padding: 0px; margin: 0px; color: #666; }

#companys .companys { background: #888; color: #fff; }
#companys .companys td { vertical-align: top; }
#companys .companys .number { width: 70px; padding: 10px; font-size: 50px; line-height: 45px; text-align: center; }
#companys .companys .company { width: 180px; padding: 10px; }
#companys .companys .company .heading { font-size: 24px; }
#companys .companys .body { padding: 10px; }
#companys .companys .body a { color: #ddd; text-decoration: none; }
#companys .companys .body a:hover { color: #fff; }
#companys .companys .dark { width: 150px; }
#companys .spacer { line-height: 20px; }

#teams .teams { background: #888; color: #fff; }
#teams .teams td { vertical-align: top; }
#teams .teams .number { width: 70px; padding: 10px; font-size: 50px; line-height: 45px; text-align: center; }
#teams .teams .team { width: 180px; padding: 10px; }
#teams .teams .team .heading { font-size: 24px; }
#teams .teams .body { padding: 10px; }
#teams .teams .body a { color: #ddd; text-decoration: none; }
#teams .teams .body a:hover { color: #fff; }
#teams .teams .dark { width: 150px; }
#teams .spacer { line-height: 20px; }

#team { background: #fff; padding: 10px 10px 20px 10px; border-bottom: 1px dotted #666; }
#team .arrow { padding: 10px; }
#team .arrow img { cursor: pointer; }
#team .section { margin: 0px 10px; overflow: hidden; width: 600px; height: 120px; }
#team .section ul { width: 3660px; list-style: none; margin: 0px; padding: 0px; }
#team .section li { float: left; margin: 0px 20px; padding: 0px; }
#team .section li a { display: block; width: 110px; height: 120px; text-decoration: none; text-align: center; }

#member { padding: 20px 70px; background: #fff; }
#member .image { float: left; }
#member .body { position: relative; margin-left: 200px; }
#member .body .heading { font-size: 16px; color: #000; }
#member .body .position { font-size: 16px; color: #666; }
#member .body .description { color: #666; line-height: 18px; }
#member .body .description a { color: #000; text-decoration: none; }
#member .body .description b, #member .body .description strong { color: #000; text-decoration: none; font-weight: normal; }

#content form b { color: #F00; }

#footercontainer { text-align: center; }
#footercontainer #footerheading { margin: 0px auto; color: #666; width: 960px; text-align: left; background: #fff; }
#footercontainer #footerheading .heading { margin: 0px 0px 0px 145px; padding: 10px 0px 0px 0px; }
#footercontainer #footerheading .heading h1 { margin: 0px; padding: 0px; }
#footercontainer #footercontact { background: #ddd; }
#footercontainer #footercontact .inner h1 { margin: 0px; padding: 0px; }
#footercontainer #footercontact .inner { clear: both; font-size: 11px; padding: 15px 0px; margin: 0px auto; color: #666; width: 960px; text-align: left; }
#footercontainer #footercontact .inner .c { padding-left: 145px; }
#footercontainer #footercontact .inner .c a { color: #666; text-decoration: none; }
#footercontainer #footercontact .inner .c a:hover { color: #000; text-decoration: none; }
#footercontainer #footer { background: #888; line-height: 30px; }
#footercontainer #footer .inner { clear: both; font-size: 11px; padding: 0px; margin: 0px auto; color: #fff; width: 960px; text-align: left; }
#footercontainer #footer .inner a { color: #fff; text-decoration: none; }
#footercontainer #footer .inner a:hover { color: #ccc; text-decoration: none; }
