charset "UTF-8";

/* -- RESET -- */
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset {margin:0; padding:0; border:0;}
input,select {vertical-align: middle;}
img {border: 0px; padding: 0px; margin: 0px; display:block;}

/* -- colors 

gray/charcoal/text -- #333333

-- */


/* -- BASICS -- */
body { background: #395668 url(../images/bg.jpg) center top repeat-x; color:#333; font-family: Helvetica, Arial, sans-serif; line-height: 1.5em; font-size: 14px; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 {font-family:Helvetica, Arial, sans-serif; line-height:1.3em;}
h1{font-size: 17px; margin:0;}
h2 {font-size:15px;}
h3 {font-size:13px; margin-bottom:0;}
p{margin:0 0 14px 0;}
b, strong{font-weight: bold;}
i, em{font-style: italic;}

hr {clear:both; border:0; width:100%; color:#d3d3d3; background-color:#d3d3d3; height:1px; margin:20px 0px;}

a {color:#024d85; text-decoration:none;}
a:hover {text-decoration:underline;}

/* -- MISC -- */
div.clear {overflow:hidden; height:0px; clear:both;}
img.alignRight {float:right; margin:0 0 20px 20px;}
img.alignLeft {float:left; margin:0 20px 20px 0;}
.error {color: red;}

/* -- LAYOUT -- */ 
#wrapper {
    margin:0 auto; padding:0; position:relative; width:1024px; min-height:561px;
    _height: 561px; /* IE6 exclusively */
}
#logo {position:absolute; top:0; left:0; z-index:999;}
#logo img {width:425px; height:125px;}
#buildings {position:absolute; top:0; left:0; height:561px;}
#content-wrapper {
    padding:130px 0 0 40px; z-index:99; position:relative;
    width:984px;
}

#nav {width:984px;}
	#nav ul {margin:0; padding:0;}
	#nav ul li {list-style:none; float:left; margin:0 5px 0 0; padding:0;}
	#nav ul li a {background:#fff; padding:14px 10px 15px; font-weight:bold; font-size:14px; line-height:45px; color:#333; text-decoration:none; margin:0;}
	#nav ul li a:hover, #nav ul li a.active {background:#ebf0f2;}

			
/* -- CONTENT -- */
#content {
    width:810px; background:#ebf0f2; padding:30px 30px 30px 30px; display:block; height:290px;
    _margin-top:-130px; /* IE6 exclusively */
}
	.scroll-pane {height:290px; overflow:auto;}
	
	
/* -- FOOTER -- */
#footer {width:100%; background:url(../images/bg-footer.jpg) center top repeat-x; height:207px; position:relative;}
#footer-content {text-align:center; margin:0 auto; width:944px; position:relative; height:91px; padding:49px 0 0 0;}
#footer .green {font-size:26px; color:#336600; margin:20px 0 5px 0; padding:0; font-weight:bold; position:relative; top:15px;}
#footer .gray {font-size:18px; color:#666; margin:0; padding:0; font-weight:normal; text-transform:none; position:relative; top:15px;}
#copyright {color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:10px; line-height:1.6em; font-weight:bold; text-align:center; margin-top:20px;}
	#copyright a {color:#fff; text-decoration:none;}
	#copyright a:hover {text-decoration:underline;}
	



/* -- SPECIFIC PAGES -- */
	
	/* -- Projects --*/ 
	.seal {float:left; margin:0 30px 20px 0;}
	.projects {float:left; display:block; margin-bottom:20px;}
	
	/*-- jQuery Scrollbar ---*/
	.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;}
	.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #bdd7e1;}
	.jScrollPaneDrag {position: absolute; background: #012c41; cursor: pointer; overflow: hidden;}
	.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden;}
	.jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden;}
	a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background-color: #012c41; height: 10px; background:url(../images/arrow-up.gif) center top no-repeat;}
	a.jScrollArrowUp:hover {/*background-color: #f60;*/}
	a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden; background-color: #012c41; height: 10px; background:url(../images/arrow-down.gif) center top no-repeat;}
	a.jScrollArrowDown:hover {/*background-color: #f60;*/}
	a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}

	/*-- MAP --*/

    /*-- Contact --*/
    #contact .map {
        width:415px;
        float:left;
        position:relative;
    }
    #contact .map h1 {
        position:absolute;
        width:390px;
        text-align:center;
    }
    #contact .map .areas {
        padding:12px 10px 0 0;
        font-size:10px; line-height:1em;

    }

    #contact h4 {
        font-size:10px; line-height:1em;
        margin:0;
    }
    #contactform_container {
        width:370px;
        float:left;
    }
    #contactform p {
        float:left;
        width:380px;
    }
    #contactform input {
        float:left;
        width:160px;
        margin:0 10px 10px 0;
    }
    #contactform select {
        float:left;
        width:160px;
        margin:0 10px 10px 0;
    }
    #contactform #send {
        width:auto;
        float:none;
        margin:0;
    }
    #contactform textarea {
        width:339px; height:71px;
        background-color:#fff;
        *width: 338px;; /* IE 7 and below */

    }
    #contactform p.msgarea {
        display:none;
    }
    #content .webphone {
        text-align:center;
        width:340px;
        min-height:267px;
        _height: 267px; /* IE6 exclusively */
        margin:0;
        font-size:19px;
    }
    #contactform .labelHighlight {color:#666;}
    #contactform .errorfield {color:#c41230;}

    /* 20100803 */
    #contactform #mailing { width:336px; }