* {margin: 0; padding: 0;}
html { height: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #000; }
body {height: 100%; margin: 0; padding: 0; background: #ffffff url(../img/body-bg-repeat.png) repeat-x;}

#outer-container {position: relative; height: auto !important; height: 100%; min-height: 100%; background: transparent url(../img/header-blue-bg.png) no-repeat center 149px;}
#container { width: 960px; position: relative; margin: 0 auto; height: auto !important; height: 100%; min-height: 100%; }
#header {height: 415px;}
#header #logobox {height: 69px; width: 960px; padding: 10px 0px 0px 0px; float:left;}

a { color: #123988; text-decoration: underline; font-weight: bold; }
a:hover { color: #123988; text-decoration: none; font-weight: bold; }

h1 { font-size: 155%; font-weight: bold; color: #123988; margin: 0px 0px 10px 0px; }
h2 { font-size: 125%; font-weight: bold; color: #123988; margin: 0px 0px 10px 0px; }
h3 { font-size: 110%; font-weight: bold; color: #889cc3; margin: 0px 0px 10px 0px; }

#header #nav {height: 70px; width: 960px; float: left;}
#header #nav ul.menu {float: left; color: #ffffff; font-size: 115%; font-weight: bold;}
#header #nav ul.menu li {float: left; padding: 20px 19px; cursor: pointer; list-style-type: none; background: transparent url(../img/nav-divider.png) no-repeat center right;}
#header #nav ul.menu li:hover {background: url(../img/nav-highlight.png) repeat-x;}
#header #nav ul.menu li a {height: 30px; display: block; color: #ffffff; text-decoration: none;}
#header #nav ul.menu li a:hover {}

#header #nav ul.menu li ul.submenu {width: 170px; height: auto; margin: 19px 0px 0px -19px; padding: 5px 5px 15px 5px; background: #0e397e; position: absolute; left: -999em; font-size: 13px; border-left: 1px solid #a9cdf2; border-right: 1px solid #a9cdf2; border-bottom: 1px solid #a9cdf2;}
#header #nav ul.menu li:hover ul.submenu {left: auto;}
#header #nav ul.menu li ul.submenu li {height:20px; padding: 0px 10px 0px 10px; margin: 5px 0px 5px 0px; float: none; background: none;}
#header #nav ul.menu li ul.submenu li:hover {background: url(../img/nav-highlight.png) repeat-x;}
#header #nav ul.menu li ul.submenu li a {}
#header #nav ul.menu li ul.submenu li a:hover {}

#header #pageintro {width: 280px; height: 200px; padding: 25px 0px 25px 0px; float: left; color: #ffffff;}
#header #pageintro h3 {font-size: 140%; margin: 0px 0px 10px 0px;}
#header #pageintro p {}
#header #slideshow {width: 680px; padding: 15px 0px 0px 0px; float: left;}
#header #pageintro .esans {font-size: 110%; color: #ffffff;}

#content { padding: 20px 10px 20px 10px; min-height: 385px; height: auto; overflow: auto; }

.home-left { width: 635px; float: left; margin: 0px 20px 0px 0px; }
.home-left p { line-height: 150%; font-size: 90%; margin: 0px 0px 15px 0px;}

.home-right { width: 285px; float: left; }

#content-holder { width: 880px;}
#content-holder h2 {margin: 10px 0px 10px 0px; }
#content-holder p {font-size: 90%; margin: 0px 0px 10px 0px; line-height: 150%;}
#content-holder p .date {font-weight: bold; font-size: 110%;}
#content-holder .dept-logo {width: 880px; float: left;}
#content-holder ul.nostyle {list-style-type: none; list-style-position:inside;}

.column4 { width: 660px; float: left; margin: 0px 20px 0px 0px; }
.column5 { width: 200px; padding: 10px 0px 0px 0px; float: left; }
.column1team { width: 280px; float: left; margin: 0px 20px 0px 0px; }
.column2team { width: 280px; float: left; }
.column1locate { width: 200px; float: left; margin: 0px 20px 0px 0px; }
.column2locate { width: 660px; float: left; }
.column1batty { width: 200px; float: left; margin: 0px 20px 0px 0px; }
.column2batty { width: 660px; float: left; }
.personinfo { width: 280px; height: 140px; margin: 0px 0px 20px 0px; }
.personpic { width: 100px; float: left; margin: 0px 10px 0px 0px; }
.personname { width: 170px; float: left; }
.column1clients { width: 230px; float: left; margin: 0px 20px 0px 0px; }
.column2clients { width: 630px; float: left; }
.clientlogos1 { width: 630px; height: 92px; clear: both; }
.clientlogos2 { width: 630px; height: 111px; clear: both; }
.clientlogos3 { width: 630px; height: 82px; clear: both; }
.clientlogos4 { width: 630px; height: 98px; clear: both; }
.column1contact { width: 280px; float: left; margin: 0px 20px 0px 0px; font-size: 90%; }
.column2contact { width: 280px; float: left; font-size: 90%;}
.joinerypics { width: 661px; height: 308px; clear: both; margin: 0px 0px 20px 110px; }
.joinerypic1 { width: 231px; height: 308px; float: left; margin: 0px 20px 0px 0px; }
.joinerypic2 { width: 410px; height: 308px; float: left; }
.joinerypic3 { width: 410px; height: 308px; float: left; margin: 0px 20px 0px 0px; }
.joinerypic4 { width: 231px; height: 308px; float: left; }
.joinerypic5 { width: 661px; height: 273px; float: left; }
.constructionpics { width: 830px; height: 72px; clear: both; margin: 0px 0px 20px 0px; }
.constructionpic { width: 108px; height: 72px; float: left; margin: 0px 10px 0px 0px; }
.text { width: 50px; float: left; }
.text2 { width: 230px; float: left; margin: 0px 0px 20px 0px; }
.text3 { width: 150px; float: left; }
.pic { width: 880px; margin: 0px 0px 15px 0px; text-align: center; }

#footer-container {height: 87px; background: transparent url(../img/footer-bg-repeat.png) repeat-x center bottom;}
#footer { height: 87px; width: 960px; margin: 0px auto; height: 52px; bottom: 0; text-align: center; font-size: 85%; padding: 8px 0px 0px 0px; color: #123988; }
#footer p {font-size: 90%;}
img {border: none; margin: 0; padding: 0;}