@font-face {
	font-family: 'Trade Gothic Bold Condensed';
	src: url('../fonts/trade-gothic-bold-condensed.eot');
	src: local('?'), url('../fonts/trade-gothic-bold-condensed.woff') format('woff'), url('../fonts/trade-gothic-bold-condensed.ttf') format('truetype'), url('../fonts/trade-gothic-bold-condensed.svg#webfontuwGr11JC') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Trade Gothic Condensed';
	src: url('../fonts/trade-gothic-condensed.eot');
	src: local('?'), url('../fonts/trade-gothic-condensed.woff') format('woff'), url('../fonts/trade-gothic-condensed.ttf') format('truetype'), url('../fonts/trade-gothic-condensed.svg#webfontxZgd88Jz') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { font-size: inherit; background: #fff; color: #000; }
body, textarea, input.text, select { font-family: Arial, Helvetica, sans-serif; }
input.checkbox { margin: 0; padding: 0; width: 13px; height: 13px; }
html { font-size: 62.5%; }
html, body { height: 100%; }

.hidden { display: none; }
.clear { clear: both; border: 0; padding: 0; height: 0; overflow: hidden; }
a { outline: none; }

.wysiwyg { font-size: 100%; color: #7e7e7e; }
.wysiwyg strong { font-weight: bold; }
.wysiwyg em { font-style: italic; }
.wysiwyg img { display: block; max-width: 100%; height: auto; }
.wysiwyg p, .wysiwyg div, .wysiwyg span, .wysiwyg font, .wysiwyg ul li, .wysiwyg ol li { font-size: 14px; line-height: 16px; }
.wysiwyg p, .wysiwyg div { margin: 12px 12px 12px 0; }
.wysiwyg div { margin: 0; }
.wysiwyg p strong, .wysiwyg div strong { font-weight: bold; }
.wysiwyg p em, .wysiwyg div em { font-style: italic; }
.wysiwyg ul, .wysiwyg ol { margin: 0; padding: 0 0 0 17px; list-style: disc outside; }
.wysiwyg ol { list-style-type: decimal; }
.wysiwyg ul li, .wysiwyg ol li { margin: 0; padding: 0 0 0 0; background: none; }
.wysiwyg ul li p, .wysiwyg ol li p { display: inline; }
.wysiwyg a { color: #11a6df; text-decoration: underline; }
.wysiwyg a:hover { text-decoration: none; }
.wysiwyg table { width: 100%; }
.wysiwyg table tr td { padding: 5px; vertical-align: top; }
.wysiwyg .first { margin-top: 0; }
.wysiwyg > *:first-child { margin-top: 0; }
.wysiwyg .last { margin-bottom: 0; }
.wysiwyg > *:last-child { margin-bottom: 0; }

#wrap { width: 1045px; margin: 0 auto; }

#header { padding: 20px 0 0 0; }
#header .logo { float: left; display: block; width: 193px; height: 118px; background: url(../images/header-logo.gif) no-repeat; text-indent: -9000px; }
#header .links { float: left; width: 817px; padding: 0 0 0 35px; }
#header .links .menu { float: left; padding: 25px 0 0 0; }
#header .links .menu ul li { float: left; margin: 0 35px 0 0; }
#header .links .menu ul li a { text-decoration: none; font-size: 1.4em; line-height: 1.2em; color: #17397f; }
#header .links .menu ul li a:hover { text-decoration: underline; }
#header .links .social { float: right; }
#header .links .social ul li { float: left; }
#header .links .social ul li a { display: block; height: 58px; margin: 0 0 0 13px; background-position: top left; background-repeat: no-repeat; text-indent: -9000px; }
#header .links .social ul li a:hover { background-position: bottom left; }
#header .links .social ul li a.button1 { width: 55px; height: 56px; margin-top: 1px; background-image: url(../images/header-social-button1.gif); }
#header .links .social ul li a.button2 { width: 52px; height: 52px; margin-top: 3px; background-image: url(../images/header-social-button2.gif); }
#header .links .social ul li a.button3 { width: 51px; height: 50px; margin-top: 4px; background-image: url(../images/header-social-button3.gif); }
#header .links .social ul li a.button4 { width: 57px; height: 58px; margin-top: 0px; background-image: url(../images/header-social-button4.gif); }
#header .links .social ul li a.button5 { width: 55px; height: 56px; margin-top: 1px; background-image: url(../images/header-social-button5.gif); }
#header .links .navigation { padding: 20px 0 0 0; }
#header .links .navigation ul li { float: left; margin: 0 38px 0 0; }
#header .links .navigation ul li.last { margin-right: 0; }
#header .links .navigation ul li a { display: block; text-decoration: none; }
#header .links .navigation ul li a strong { display: block; padding: 0 0 5px 0; font-size: 1.6em; line-height: 1.2em; color: #0e0d09; text-transform: uppercase; }
#header .links .navigation ul li a span { position: absolute; display: none; margin: 0 0 0 0; font-size: 1.4em; line-height: 1.2em; color: #a79441; text-align: center; }
#header .links .navigation ul li a:hover span, #header .links .navigation ul li a.active span { display: block; }

#footer { padding: 30px 0 0 0; }
#footer .links { padding: 30px 0 30px 40px; background: #555; }
#footer .links ul li { float: left; width: 110px; margin: 0 35px 0 0; }
#footer .links ul li.last { margin-right: 0; }
#footer .links ul li h6 { display: block; padding: 0 0 2px 0; font-size: 1.6em; line-height: 1.2em; font-weight: bold; color: #fff; }
#footer .links ul li h6 a { color: #fff; text-decoration: none; }
#footer .links ul li ul li { float: none; margin: 4px 0 0 0; }
#footer .links ul li ul li a { font-size: 1.6em; font-weight: normal; line-height: 1.2em; color: #a1b540; text-decoration: none;  }
#footer .links ul li ul li a:hover { text-decoration: underline; }
#footer .copyright { padding: 10px 0 10px 0; text-align: right; }
#footer .copyright span { margin: 0 30px 0 0; color: #1b1b74; font-weight: bold; font-size: 1.3em; line-height: 1.2em; }

#home { padding: 10px 0 0 0; }
#home .gallery { position: relative; margin: 0 0 0 -68px; }
#home .gallery .button1, #home .gallery .button2 { position: absolute; display: block; width: 43px; height: 88px; margin: 222px 0 0 -17px; background: url(../images/home-gallery-button1.gif); text-indent: -9000px; z-index: 1; }
#home .gallery .button2 { margin-left: 1163px; background-image: url(../images/home-gallery-button2.gif); }
#home .gallery .viewer { width: 1180px; height: 500px; }
#home .gallery .viewer ul li { position: absolute; width: 1180px; height: 500px; background: #fff; }
#home .promo { padding: 4px 0 0 0; overflow: hidden; }
#home .promo h6 { float: left; display: block; width: 259px; padding: 17px 0 17px 0; font-size: 1.6em; font-weight: bold; line-height: 1.2em; color: #fff; background: #17397f; text-align: center; }
#home .promo ul { float: left; width: 786px; background: #f0f0f0; }
#home .promo ul li { position: absolute; padding: 0 20px 0 20px;  }
#home .promo ul li span { float: left; display: block; padding: 18px 0 0 0; color: #555; font-size: 1.2em; line-height: 1.2em; }
#home .promo ul li img { float: left; margin: 0 10px 0 10px; }
#home .news { float: left; width: 290px; padding: 30px 0 0 0; }
#home .news h6 { display: block; padding: 0 0 10px 80px; font-size: 1.6em; font-weight: bold; color: #a1b540; }
#home .news .button1, #home .news .button2 { position: absolute; width: 15px; height: 14px; background: url(../images/home-news-button1.gif) no-repeat; text-indent: -9000px; z-index: 1; }
#home .news .button2 { margin: -14px 0 0 0; background-image: url(../images/home-news-button2.gif); }
#home .news .box { height: 150px; }
#home .news .items { position: absolute; width: 290px; height: 150px; overflow: hidden; }
#home .news ul { position: absolute; width: 260px; padding: 0 0 0 30px; }
#home .news ul li { padding: 0 0 0 50px; background: url(../images/home-news-item.gif) center left no-repeat; overflow: hidden; }
#home .news ul li span { display: block; height: 30px; padding: 10px 0 10px 0; background: url(../images/home-news-item-divider.gif) bottom left repeat-x; font-size: 1.1em; line-height: 1.4em; color: #555; }
#home .news ul li span a { color: #555; text-decoration: none; line-height: 1.4em; }
#home .news ul li span a:hover { text-decoration: underline; }
#home .links { float: right; padding: 30px 0 0 0; }
#home .links ul li { float: left; margin: 0 23px 0 0; }
#home .links ul li.last { margin-right: 0; }
#home .links ul li a { display: block; width: 226px; height: 143px; text-indent: -9000px; }
#home .links ul li a.button1 { background-image: url(../images/home-links-button1.gif); }
#home .links ul li a.button2 { background-image: url(../images/home-links-button2.gif); }
#home .links ul li a.button3 { background-image: url(../images/home-links-button3.gif); }

#virtual-tour { padding: 10px 0 0 0; }
#virtual-tour .background { position: absolute; left: 0; width: 100%; z-index: -1; }
#virtual-tour .background img { position: absolute; display: block; width: 100%; }
#virtual-tour .content { margin: 17px 0 0 0; background: #fff; }
#virtual-tour h2 { position: absolute; display: block; margin: 10px 0 0 -31px; padding: 27px 20px 27px 20px; font-size: 3.5em; color: #fff; font-weight: bold; text-transform: uppercase; background: #a1b540; text-align: center; z-index: 1; }
#virtual-tour .gallery { padding: 12px 0 0 12px; }
#virtual-tour .gallery .button1, #virtual-tour .gallery .button2 { position: absolute; display: block; width: 115px; height: 42px; margin: 360px 0 0 0; background: url(../images/virtual-tour-gallery-button1.gif); text-indent: -9000px; z-index: 10; }
#virtual-tour .gallery .button2 { margin-left: 906px; background-image: url(../images/virtual-tour-gallery-button2.gif); }
#virtual-tour .gallery .viewer { width: 1021px; height: 680px; }
#virtual-tour .gallery .viewer li { position: absolute; width: 1021px; height: 680px; background: #fff; }
#virtual-tour .gallery .viewer li img { position: absolute; }
#virtual-tour .logo { position: absolute; width: 75px; height: 74px; margin: 640px 0 0 951px; z-index: 5; background: url(../images/virtual-tour-gallery-logo.png); _background-image: url(../images/virtual-tour-gallery-logo.gif); text-indent: -9000px; }
#virtual-tour .hotspots a { position: absolute; display: block; width: 16px; height: 16px; text-decoration: none; background: url(../images/virtual-tour-gallery-hotspot-dot.png); _background-image: url(../images/virtual-tour-gallery-hotspot-dot.gif); z-index: 2; }
#virtual-tour .hotspots a span { position: absolute; display: none; width: 243px; margin: -70px 0 0 0; padding: 0 0 31px 0; background: url(../images/virtual-tour-gallery-hotspot-popup-bottom.png) bottom left no-repeat; _background-image: url(../images/virtual-tour-gallery-hotspot-popup-bottom.gif); }
#virtual-tour .hotspots a span strong { display: block; padding: 10px 12px 0 12px; background: url(../images/virtual-tour-gallery-hotspot-popup-top.png) top left no-repeat; _background-image: url(../images/virtual-tour-gallery-hotspot-popup-top.gif); font-size: 1.6em; line-height: 1.2em; font-weight: bold; color: #a1b540; }
#virtual-tour .hotspots a:hover span { display: block; }
#virtual-tour .thumbnails { height: 160px; padding: 30px 18px 0 18px; }
#virtual-tour .thumbnails .items { position: absolute; width: 987px; height: 95px; overflow: hidden; }
#virtual-tour .thumbnails .items ul li { float: left; margin: 0 27px 0 0; }
#virtual-tour .thumbnails .items ul li a { display: block; width: 142px; height: 95px; }
#virtual-tour .thumbnails .scrollbar { width: 987px; height: 17px; margin: 120px 0 0 0; background: url(../images/virtual-tour-gallery-scrollbar-track.gif) center left repeat-x; }
#virtual-tour .thumbnails .scrollbar .slider { position: absolute; width: 987px; height: 17px; }
#virtual-tour .thumbnails .scrollbar .slider a { position: absolute; display: block; width: 17px; height: 17px; margin: 0 0 0 -8px; background: url(../images/virtual-tour-gallery-scrollbar-slider.png); _background-image: url(../images/virtual-tour-gallery-scrollbar-slider.gif); }

#frame { padding: 10px 0 0 0; }
#frame .background { position: absolute; left: 0; width: 100%; z-index: -1; }
#frame .background img { position: absolute; display: block; width: 100%; }
#frame .border { margin: 40px 0 0 0; background: #fff; }
#frame .menu { position: relative; float: left; width: 280px; margin: -10px 0 0 -31px; }
#frame .menu h1 { display: block;}
#frame .menu h1 a { display: block; padding: 27px 0 17px 0; background: #a1b540; text-decoration: none; font-size: 4.0em; color: #fff; font-weight: normal; text-transform: uppercase; font-family: 'Trade Gothic Bold Condensed'; text-align: center; }
#frame .menu h1 a:hover { background: #ccc; }
#frame .menu h4 { display: block; padding: 10px 0 0 60px; font-size: 1.2em; line-height: 1.2em; color: #555; }
#frame .menu ul { padding: 10px 0 0 19px; }
#frame .menu ul li { margin: 0 0 9px 0; }
#frame .menu ul li.last { margin-bottom: 0; }
#frame .menu ul li a { display: block; text-decoration: none; }
#frame .menu ul li a strong { display: block; padding: 10px 5px 3px 35px; color: #fff; font-family: 'Trade Gothic Condensed'; line-height: 1.2em; font-size: 2.4em; font-weight: normal; background: #555; }
#frame .menu ul li a:hover strong, #frame .menu ul li a.active strong { background: #21438b; }
#frame .menu ul li a img { display: block; width: 249px; margin: 0 0 0 12px; }
#frame .content { float: left; width: 778px; min-height: 500px; padding: 9px 0 40px 9px; }
#frame .content h2 { display: block; padding: 10px 0 0 10px; font-family: 'Trade Gothic Bold Condensed'; font-size: 4.8em; font-weight: normal; color: #7e7e7e; }
#frame .content h3 { display: block; padding: 0 0 0 10px; font-size: 1.6em; line-height: 1.2em; font-weight: normal; color: #a1b540; }
#frame .content h3 strong { font-weight: bold; }
#frame .content h3 em { font-style: normal; color: #1b1b74; }
#frame .content .location { display: block; margin: 10px 0 10px 10px; font-size: 1.6em; color: #555; }
#frame .content .wysiwyg { padding: 20px 30px 0 10px; }
#frame .content .wysiwyg img { margin: 10px 10px 10px 0; }
#frame .content .wysiwyg img.right { margin-left: 10px; }
#frame .content .wysiwyg a { color: #555; text-decoration: none; }
#frame .content .wysiwyg a:hover { text-decoration: underline; }
#frame .content .wysiwyg a.blue { color: #21438b; }
#frame .content .wysiwyg a.button { float: left; display: block; padding: 14px 10px 14px 10px; background: #415599; color: #a7c25d; font-size: 1.2em; font-weight: bold; }
#frame .content .form { padding: 30px 0 0 10px; }
#frame .content .form .column1 { float: left; width: 208px; }
#frame .content .form .column1 .box label { display: block; padding: 0 0 5px 0; font-size: 1.3em; line-height: 1.2em; color: #000; }
#frame .content .form .column1 .box input { }
#frame .content .form .column2 { float: left; padding: 0 0 0 40px; }
#frame .content .form .column2 .box { padding: 0 0 30px 0; }
#frame .content .form .column2 .box label { float: left; display: block; width: 140px; font-size: 1.3em; line-height: 1.2em; color: #000; }
#frame .content .form .column2 .box span.required { position: inherit; float: left; width: 10px; margin: 0 0 0 10px; text-align: right; }
#frame .content .form .column2 .box textarea { float: left; width: 300px; margin: 0 0 0 10px; }
#frame .content .form .column2 .box .dropdowns { float: left; width: 300px; margin: 0 0 0 10px; }
#frame .content .form .column2 .box select { margin: 0 0 10px 0; padding: 3px; background: #fff; font-size: 1.4em; color: #000; border: 1px solid #b9b8b6; } 
#frame .content .form .column2 .box select.error { border-color: #f00; }
#frame .content .form input.text, #frame .content .form textarea { display: block; width: 200px; margin: 0 0 15px 10px; padding: 3px; background: #fff; font-size: 1.4em; color: #000; border: 1px solid #b9b8b6; }
#frame .content .form input.text.error, #frame .content .form textarea.error { border-color: #f00; }
#frame .content .form .buttons { padding: 0 0 0 0; }
#frame .content .form .buttons button { float: right; display: block; margin: 0 0 0 10px; padding: 5px 15px 5px 15px; border: none; background: #21438b; font-size: 1.6em; font-weight: bold; color: #fff; }
#frame .content .form span.required { position:absolute; display: block; padding: 4px 0 0 0; font-size: 1.4em; font-weight: bold; color: #f00; }
#frame .content .form p { font-size: 1.2em; font-weight: normal; }
#frame .content .form p span.required { position: static; display: inline; font-size: normal; margin: 0 5px 0 0; }
#frame .content .top h2 { float: left; width: 650px; }
#frame .content .top span, #frame .content .top a { float: right; width: 100px; padding: 5px 0 0 0; font-size: 1.4em; line-height: 1.6em; color: #21438b; text-decoration: none; }
#frame .content .top a:hover { text-decoration: underline; }
#frame .content #superintendent { padding: 0 0 0 10px; }
#frame .content #superintendent .wysiwyg { padding-left: 0; }
#frame .content #superintendent .lists { padding: 20px 0 0 0; }
#frame .content #superintendent .lists ul { float: left; width: 200px; padding: 0 20px 0 0; }
#frame .content #superintendent .lists ul li { padding: 0 0 3px 0; }
#frame .content #superintendent .lists ul li { font-size: 1.2em; line-height: 1.2em; }
#frame .content #superintendent .lists ul li strong { font-weight: bold; color: #305093; }
#frame .content #superintendent .lists ul li a { color: #c22b2b; }
#frame .content #superintendent h4 { display: block; padding: 25px 0 15px 0; font-size: 1.4em; font-weight: bold; color: #21438b; }
#frame .content #superintendent ol li { margin: 0 0 10px 0; font-size: 1.4em; line-height: 1.2em; color: #7e7e7e; }
#frame .content #superintendent ol li em { color: #21438b; }
#frame .content #superintendent .register { padding: 15px 0 0 0; }
#frame .content #superintendent .register label { float: left; margin: 0 0 20px 0; display: block; width: 160px; font-size: 1.4em; color: #000; }
#frame .content #superintendent .register input { float: left; margin: 0 0 20px 0; font-size: 1.4em; background: #fff; padding: 3px; border: none; border: 1px solid #b9b8b6; }
#frame .content #superintendent .register input.error { border-color: #f00; }
#frame .content #superintendent .register button { margin: 0 0 0 160px; }
#frame .content #superintendent .register button span { display: block; width: 127px; height: 27px; background: url(../images/superintendent-register-button.gif); text-indent: -9000px; }
#frame .content #superintendent .register button.save span { background: url(../images/button-save-changes.gif); }
#frame .content #login .box { width: 265px; padding: 0 0 16px 45px; margin: 10px 0 0 200px; background: #21438b; }
#frame .content #login .box input { width: 225px; margin: 16px 0 0 0; background: #fff; padding: 5px; font-size: 1.6em; color: #000; border: none; }
#frame .content #login .box input.error { color: #f00; }
#frame .content #login .box button { display: block; width: 127px; height: 27px; margin: 20px 0 0 50px; }
#frame .content #login .box button span { display: block; width: 127px; height: 27px; background: url(../images/login-submit.gif); text-indent: -9000px; }
#frame .content #login .links { display: block; margin: 10px 0 0 200px; }
#frame .content #login .links li { margin: 0 0 5px 0; }
#frame .content #login .links li a { font-size: 1.2em; color: #7e7e7e; }
#frame .content #login p { display: block; width: 265px; margin: 10px 0 0 200px; font-size: 1.2em; color: #7e7e7e; line-height: 1.2em; }
#frame .content #login p a { color: #7e7e7e; }
#frame .content #team { padding: 30px 0 10px 10px; }
#frame .content #team .detail { float: left; width: 294px; }
#frame .content #team .detail .image { width: 294px; height: 280px; }
#frame .content #team .detail .title { float: left; display: block; padding: 15px 20px 0 0; font-size: 1.4em; color: #21438b; }
#frame .content #team .detail .email { float: left; display: block; margin: 1px 0 0 0; padding: 15px 0 0 0; font-size: 1.2em; color: #21438b; }
#frame .content #team .detail .wysiwyg { padding: 15px 0 0 0; color: #21438b; }
#frame .content #team .list { float: left; width: 430px; padding: 0 0 0 40px;  }
#frame .content #team .list ul li { float: left; margin: 0 0 5px 0; }
#thumbnailer.list ul li a{text-decoration: none; font-weight: bold;}

#frame .content #team .list ul li a { display: block; width: 100px; height: 90px; color: #555;}
#frame .content #team .list ul li a:hover { background-position: bottom left; }
#frame .content #partners-login { padding: 30px 0 0 0; }
#frame .content #partners-login .button { display: block; width: 230px; height: 58px; margin: 0 0 0 215px; background: url(../images/partners-login.gif); text-indent: -9000px; }
#frame .content #the-weekend { padding: 0 0 20px 0; }
#frame .content #the-weekend .gallery { padding: 25px 0 20px 34px; }
#frame .content #the-weekend .gallery .viewer { width: 467px; height: 350px; margin: 0 0 0 92px; }
#frame .content #the-weekend .gallery .button1, #the-weekend .gallery .button2 { position: absolute; display: block; width: 29px; height: 29px; margin: 175px 0 0 0; background: url(../images/the-weekend-gallery-button1.gif); }
#frame .content #the-weekend .gallery .button2 { margin-left: 620px; background-image: url(../images/the-weekend-gallery-button2.gif); }
#frame .content #the-weekend .gallery .description { position: absolute; width: 110px; margin: 300px 0 0 580px; font-size: 1.1em; line-height: 1.2em; color: #555; z-index: 1; }
#frame .content #the-weekend .button { padding: 30px 0 0 230px; }
#frame .content #the-weekend .button span { float: left; display: block; padding: 3px 0 0 0; font-size: 1.3em; font-weight: bold; color: #1b1b74; }
#frame .content #the-weekend .button a { float: left; display: block; margin: 0 0 0 10px; padding: 3px 0 3px 0; width: 120px; background: #254583; color: #fff; font-size: 1.3em; font-weight: bold; text-align: center; text-decoration: none; }
#frame .content #work-here { padding: 30px 0 0 0; }
#frame .content #work-here ul { padding: 0 0 0 60px; }
#frame .content #work-here ul li { margin: 0 0 30px 0; }
#frame .content #work-here ul li h6 { display: block; font-size: 1.5em; font-weight: bold; color: #1b1b74; }
#frame .content #work-here ul li .wysiwyg { padding: 15px 0 20px 0; }
#frame .content #work-here ul li .email { color: #1b1b74; font-size: 1.3em; font-weight: bold; }
#frame .content #our-work-home { padding: 25px 0 0 45px; }
#frame .content #our-work-home .map { width: 690px; height: 492px; }
#frame .content #our-work-home img { display: block; }
#frame .content #our-work-home .button { float: left; display: block; margin: 30px 0 0 0; padding: 4px 10px 4px 10px; background: #a1b540; font-size: 1.2em; color: #fff; font-weight: bold; text-decoration: none; }
#frame .content #our-work-site-ings h3 { padding: 20px 32px 0 32px; }
#frame .content #our-work-site-ings .intro { padding: 22px 50px 0 50px; font-size: 1.4em; line-height: 1.2em; color: #555; }
#frame .content #our-work-site-ings .intro a { text-decoration: none; color: #21438b; }
#frame .content #our-work-site-ings img { margin: 20px 0 0 280px; }
#frame .content #our-work-site-ings .buttons { padding: 35px 0 0 183px; }
#frame .content #our-work-site-ings .buttons a { float: left; display: block; width: 166px; height: 39px; margin: 0 35px 0 0; text-indent: -9000px; }
#frame .content #our-work-site-ings .buttons a.gallery { background-image: url(../images/our-work-site-ings-button-gallery.gif); }
#frame .content #our-work-site-ings .buttons a.upload { background-image: url(../images/our-work-site-ings-button-upload.gif); }
#frame .content #our-work-projects .list { float: left; width: 650px; padding: 30px 0 0 60px; }
#frame .content #our-work-projects .list .items { position: absolute; width: 650px; height: 380px; overflow: hidden; }
#frame .content #our-work-projects .list .items ul { position: absolute; width: 650px; }
#frame .content #our-work-projects .list .items ul li { float: left; height: 200px; margin: 0 35px 35px 0; }
#frame .content #our-work-projects .list .items ul li a { display: block; width: 125px; text-decoration: none; }
#frame .content #our-work-projects .list .items ul li a strong { display: block; padding: 10px 0 0 0; text-align: center; font-size: 1.3em; line-height: 1.2em; font-weight: bold; color: #17397f; text-decoration: underline; }
#frame .content #our-work-projects .scrollbar { float: left; width: 20px; }
#frame .content #our-work-projects .scrollbar .button1, #frame .content #our-work-projects .scrollbar .button2 { display: block; width: 20px; height: 22px; margin: 0 0 7px 0; background: url(../images/our-work-projects-scrollbar-button1.gif); text-indent: -9000px; } 
#frame .content #our-work-projects .scrollbar .track { width: 17px; height: 308px; margin: 0 0 0 2px; padding: 12px 0 0 0; background: url(../images/our-work-projects-scrollbar-track.gif) center 0 repeat-y; }
#frame .content #our-work-projects .scrollbar .track div { position: absolute; height: 320px; }
#frame .content #our-work-projects .scrollbar .track a { position: absolute; display: block; width: 17px; height: 17px; margin: -8px 0 0 0; background: url(../images/virtual-tour-gallery-scrollbar-slider.png); _background-image: url(../images/virtual-tour-gallery-scrollbar-slider.gif); }
#frame .content #our-work-projects .scrollbar .button2 { margin: 12px 0 0 0; background-image: url(../images/our-work-projects-scrollbar-button2.gif); }
#frame .content #our-work-project h2 { position: absolute; display: block; width: 814px; padding: 75px 0 0 0; font-size: 100%; }
#frame .content #our-work-project h2 strong { float: right; padding: 8px 8px 4px 8px; font-size: 4.2em; font-weight: bold; color: #fff; background: #17397f; font-family: 'Trade Gothic Condensed'; }
#frame .content #our-work-project h3 { padding: 20px 30px 0 30px; }
#frame .content #our-work-project .description { padding: 20px 0 0 30px; }
#frame .content #our-work-project .description .title { float: left; display: block; padding: 4px 4px 4px 4px; font-size: 1.2em; color: #fff; background: #17397f; }
#frame .content #our-work-project .description .wysiwyg { width: 410px; padding: 15px 0 0 0; }
#frame .content #our-work-project .blog { position: absolute; margin: -65px 0 0 460px; }
#frame .content #our-work-project .blog span { display: block; padding: 0 0 8px 0; font-size: 1.1em; color: #555; font-weight: bold; text-transform: uppercase; }
#frame .content #our-work-project .gallery { padding: 40px 0 0 10px; height: 86px; }
#frame .content #our-work-project .gallery .button1, #frame .content #our-work-project .gallery .button2 { position: absolute; display: block; width: 16px; height: 22px; margin: 35px 0 0 0; background: url(../images/our-work-project-gallery-button1.gif); z-index: 1; }
#frame .content #our-work-project .gallery .button2 { margin-left: 712px; background-image: url(../images/our-work-project-gallery-button2.gif); }
#frame .content #our-work-project .gallery .items { position: absolute; width: 668px; margin: 0 0 0 30px; overflow: hidden; }
#frame .content #our-work-project .gallery .items ul li { float: left; margin: 0 20px 0 0; }
#frame .content #our-work-project .gallery .items ul li a { display: block; width: 152px; }
#frame .content #contact .map { width: 660px; height: 375px; margin: 5px 0 0 10px; background: #ccc; }
#frame .content #contact table { margin: 15px 0 0 190px; }
#frame .content #contact table tr td { padding: 5px 10px 5px 5px; vertical-align: top; }
#frame .content #contact table tr td label { display: block; margin: 0 0 25px 0; font-size: 1.6em; line-height: 1.2em; font-weight: bold; color: #1b1b74; }
#frame .content #contact table tr td span { display: block; margin: 0 0 25px 0; font-size: 1.6em; line-height: 1.2em; font-weight: bold; color: #555; }
#frame .content #contact table tr td span a { color: #555; line-height: 1.2em; }
#frame .content #directory .form .box { float: left; padding: 20px 0 20px 20px; background: #777; }
#frame .content #directory .form .box .title { display: block; padding: 0 0 20px 0; font-size: 1.7em; font-weight: bold; color: #fff; }
#frame .content #directory .form .box input, #frame .content #directory .form .box select { float: left; width: 140px; background: #fff; border: 1px solid #666; padding: 2px; font-size: 1.3em; margin: 0 20px 0 0; }
#frame .content #directory .form .buttons { float: left; width: 200px; padding: 15px 0 0 20px; }
#frame .content #directory .form .buttons button { float: none; width: 110px; margin: 0 0 15px 0; text-align: center; }
#frame .content #directory .items ul { padding: 10px 0 0 200px; }
#frame .content #directory .items ul li { margin: 20px 0 0 0; }
#frame .content #directory .items ul li strong { display: block; font-size: 1.5em; font-weight: bold;  color: #1b1b74; }
#frame .content #directory .items ul li p { display: block; padding: 5px 0 0 0; font-size: 1.5em; font-weight: normal; }
#frame .content #directory .items ul li p, #frame .content #directory .items ul li a { line-height: 1.6em; color: #1b1b74; }

.file { padding: 0 0 20px 18px; }
.file .selected { float: left; display: block; padding: 0 9px 3px 0; font-size: 1.2em; }
.file .selected a { color: #231f20; }
.file .browse { float: left; color: #231f20; font-size: 1.2em; margin: 0 10px 0 0; }
.file .reset { float: left; display: none; color: #231f20; font-size: 1.2em; }
.file .uploading { float: left; display: none; width: 140px; }
.file .uploading .progress { float: left; width: 80px; height: 10px; margin: 0 9px 0 0; padding: 1px 1px 1px 1px; border: 1px solid #999; }
.file .uploading .progress span { display: block; width: 0; height: 10px; background: #6787e3; }
.file .uploading .cancel { float: left; font-size: 1.2em; color: #231f20; }

#popup { position: fixed; _position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
#popup .popup-overlay { width: 100%; height: 100%; background: #000; opacity: 0.75; filter: alpha(opacity=75); }
#popup .popup { position: absolute; display: none; top: 50%; left: 50%; width: 590px; padding: 25px 35px 55px 35px; margin: -250px 0 0 -330px; background: #fff; z-index: 1; }
#popup .popup .column1 { float: left; width: 240px; margin: 0 0 0 25px; }
#popup .popup .column2 { float: left; width: 270px; margin: 0 0 0 35px; }
#popup .popup h3 { float: left; display: block; width: 510px; padding: 0 0 25px 0; font-size: 2.4em; font-weight: bold; color: #17397f; font-family: 'Trade Gothic Condensed'; text-align: center; }
#popup .popup .close { float: right; display: block; width: 32px; height: 28px; margin: 0 0 25px 0; background: url(../images/popup-close.gif); text-indent: -9000px; }
#popup .popup em { float: left; display: block; width: 8px; padding: 0 10px 20px 0; font-size: 1.8em; color: #21438b; }
#popup .popup em.hidden { display: block; color: #fff; }
#popup .popup input.text { float: left; width: 200px; margin: 0 0 20px 0; padding: 4px 4px 4px 4px; background: #fff; border: 1px solid #aaa9a9; font-size: 1.5em; color: #000; }
#popup .popup input.text.error, #popup .popup .error { border-color: #f00; }
#popup .popup select { float: left; margin: 0 10px 20px 0; padding: 4px 4px 4px 4px; background: #fff; border: 1px solid #aaa9a9; font-size: 1.5em; color: #000; }
#popup .popup textarea { float: left; width: 240px; margin: 0 0 20px 0; padding: 4px 4px 4px 4px; background: #fff; border: 1px solid #aaa9a9; font-size: 1.5em; color: #000; }flo
#popup .popup .fields { display: block; }
#popup .popup .fields select { width: 113px; }
#popup .popup .fields input.text { width: 60px; }
#popup .popup .warning { display: block; font-size: 1.2em; color: #21438b; }
#popup .popup label { display: block; padding: 0 0 14px 18px; font-size: 1.5em; text-transform: uppercase; }
#popup .popup .options { padding: 0 0 20px 18px; }
#popup .popup .options ul li { float: left; margin: 0 20px 0 0; }
#popup .popup .options ul li label { display: block; padding: 0 0 3px 0; font-size: 1.7em; color: #21438b; text-align: center; }
#popup .popup .options ul li input.radio { margin: 0; padding: 0; width: 13px; height: 13px; }
#popup .popup button { display: block; width: 126px; height: 32px; margin: 0 0 0 18px; background: url(../images/popup-submit.gif); overflow: hidden; text-indent: -9000px; }
#popup .site-ings-upload-complete p { padding-top: 100px; padding-bottom: 70px; text-align: center; }
#popup p { display: block; padding: 0 50px 0 50px; color: #415599; font-size: 1.5em; line-height: 1.6em; }
#popup p span { line-height: 1.6em; color: #9f9f9f; }