@charset "UTF-8";
/* CSS Document */

* {font-size: 100%; padding: 0; margin: 0; }
html {height: 100%; }
body {font: 0.84em/1.333 Helvetica, Arial, sans-serif; margin: 0; padding: 0; color: #373636; background: #FFF; min-width: 40em; margin: 0 auto; background: #fff url(../img/body-bg.png) repeat-x; height: 100%; position: relative; }
a {color: #333; font-weight: bold; }
a:hover {color: #666; }
a img {border: none; }
h1 {font-size: 1.9em; color: #373636; font-family: "Helvetica Neue", Helvetica, Arial; font-weight: bold; margin-bottom: 6px; }
h2 {font-size: 1.6em; }
h3 {font-size: 1.3em; margin-bottom: 8px; }
h4 {font-size: 1.2em; }
h5 {font-size: 1em; }
h6 {font-size: 0.85em; }
p {margin: 0 0 1em 0; line-height: 1.9em;  }
ul, ol {margin: 0; padding: 0; }
.bold {font-weight: bold; }
.right {float: right; }
.italic {font-style: italic; }
.small {font-size: 70%; margin: 7px 0 0 0; }


body > #container {height: auto; min-heigh: 100%;}
#container {width: 960px; margin: 0 auto !important; padding: 0; position: relative; height: 100%; }
#header {margin: 0 0 5px 0; width: 960px; height: 75px; position: relative; background: url(../img/maxis-logo.png) no-repeat 0% 70%; }
#header img {position: absolute; top: 20px; left: 0; }
#header h2 {float: left; margin: 65px 0 0 0; padding: 0 2px 0 110px; color: #3a3a3a; }
#header h4 {float: right; margin: 70px 0 0 0; padding: 0 2px 0 0; color: #71736c; font-family: "Helvetica Neue", Helvetica, Arial; font-weight: 200; }

#nav {float: right; margin: 30px 0 10px 0; }
/*#nav ul {width: 700px; }*/
#nav li {float: left; padding: 5px 0; }
#nav a {font-family: "Helvetica Neue", Helvetica, Arial; font-size: 1.3em; font-weight: bold; text-decoration: none; color: #012e56; padding: 7px 25px; }
#nav a:hover {color: #666; }
/*#nav a.current {color: #b6604c; }
#nav li.current {background: url(../img/nav-bg.png) repeat-x bottom; }*/
#nav a.last {border-right: none; padding-right: 0; }

#content {width: 1000px; margin: 55px 0 0 0; float: left; }
#mainPic {width: 505px; float: left; background: url(../img/bg-mainpic.png) no-repeat; width: 536px; height: 363px; padding: 15px 0 0 15px; }
#mainPic h4 {line-height: 2.2em; }
#mainPic a {color: #fff; font-weight: bold; }
#mainPic a:hover {color: #ccc; }

#s3slider {width: 505px; height: 330px; position: relative; overflow: hidden; }
#s3sliderContent {width: 505px; position: absolute; top: 0; margin-left: 0; }
.s3sliderImage {float: left; position: relative; display: none; }
.s3sliderImage span {position: absolute; left: 0; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 505px; background-color: #000; filter: alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; bottom: 0; }
.clear {clear: both; }

#mainText {width: 425px; margin: 0; padding: 15px 0 0 20px; float: left; }
#mainText h1 {color: #373636; font-family: "Helvetica Neue", Helvetica, Arial, Times, serif; font-weight: bold; margin: 0 0 10px 0; letter-spacing: 2px; }
#mainText p {font-family: "Helvetica Neue", Helvetica, Arial; font-size: 1.3em; }
#mainText a {font-weight: bold; }

#homeContent {margin: 0; }
#homeContent {width: 1000px; height: 240px; float: left; margin: 0; }
.homeContentText {padding: 20px 30px; }
.homeContentText p {margin: 15px 0 0 0; }
#homeContent h2, #homeContent h4 {color: #fff; margin-bottom: 3px;  font-family: "Helvetica Neue", Helvetica, Arial; font-weight: bold; }


#homeInterior {width: 630px; min-height: 550px; margin: 35px 0 0 0; float: left; }
#homeInterior2 {width: 960px; min-height: 550px; margin: 35px 0 0 0; float: left; }
#homeInterior h2, #homeInterior h4 {color: #373636; margin-bottom: 3px;  font-family: "Helvetica Neue", Helvetica, Arial; font-weight: bold; }
#homeInteriorContent {float: left; border-top: solid 1px #888; margin: 0 0 15px 0; padding: 20px 0; width: 100%; }
#homeInteriorContent img {margin: 0 15px 10px 0; border: solid 1px #666; }
.interiorContent {float: left; width: 650px; padding: 0; }
.interiorContent ul {margin: 10px 0 10px 0; padding: 0 0 0 30px; }
.interiorContent li {padding: 5px 0; list-style-type: disc; }
.contact li {list-style-type: none; font-size: 110%; }
.projects {float: left; margin: 0 0 35px 0; }
.projects img {margin: 0 15px 0 0; border: solid 1px #666; }
#homeInteriorContent .services {margin: 10px 0 20px 40px; }

.contact {width: 300px; padding: 0; margin: 0; float: left; }

.boxOne {float: left; width: 475px; margin: 0; padding: 10px; }
.boxOne img {margin: 25px 15px 0 0; border: 1px solid #fff; }
.boxTwo {float: left; width: 475px; margin: 0; padding: 10px; }
.boxTwo img {margin: 25px 15px 0 0; border: 1px solid #fff; }
/*.boxOne a {color: #fff; font-weight: bold; }
.boxOne a:hover {color: #333; }
.boxTwo a {color: #fff; font-weight: bold; }
.boxTwo a:hover {color: #333; }
.boxText {float: left; width: 245px; padding: 25px 0 0 0; }*/
.boxText h4 {color: #fff; }
.boxText p {line-height: 1.6em; }

.sideBar {width: 250px; float: left; margin: 35px 30px 25px 0; padding: 0; }
.sideBarContent {padding: 5px; }
.sideBarContent ul {margin: 35px 0 0 0; }
.sideBarContent li {padding: 0 10px; margin: 5px 0 0 0; display: block; background-color: #012e56; }
.sideBarContent li:hover {background-color: #c4960c; }
.sideBarContent a, .portfolio a {color: #fff; font-weight: bold; font-size: 1em; text-decoration: none; display: block; padding: 8px 0; }
.sideBarContent a:hover {color: #333; }
.sideBarContent li.current, .sideBarContent a.current  {background-color: #c4960c; color: #333; }
.sideBarContent img {margin: 0 0 10px 0; }


/* footer */

#footer {background: url(../img/bg-footer.png) repeat-x; width: 100%; height: 125px; clear: both; padding: 0; margin: 0; position: relative; left: 0; bottom: 0; }
.footerText {width: 1000px; margin: 0 auto; padding: 0; }
#footer p {color: #fff; }
#footer a {font-family: "Helvetica Neue", Helvetica, Arial; color: #fff; text-decoration: none; }
#footer a:hover {color: #666; }
#footer .copyright {float: left; width: 100%; margin: 90px 0 0 0; border-top: 1px solid #fff; text-align: center; } 

#footerHome {background: url(../img/bg-footer.png) repeat-x; width: 100%; height: 275px; clear: both; padding: 0; margin: 55px 0 0 0; }
#footerHome p {color: #fff; }
/*#footerHome a {font-family: "Helvetica Neue", Helvetica, Arial; color: #fff; text-decoration: none; }
#footerHome a:hover {color: #666; }*/
#footerHome .copyright  {float: left; width: 100%; margin: 0; border-top: 1px solid #fff; text-align: center; }

.accordionButton {margin: 20px 0; cursor: pointer; }
.accordionButton h4 {text-decoration: underline; }

.accordionContent {margin: 20px 0; }

.contactPic {float: right; }

ul.careers { }
ul.careers li {list-style: none; }