body {
	background: url('images/bg-interface-red.png') repeat-x #ffffff;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
	text-align: left;
	margin: 0 0 0 0;
	height:100%;

}

#header {width: 1000px; height: 53px; margin: 0 auto 0 auto;}
#header-left {width: 195px; height: 55px; float:left; background: url('images/bg-logo.png');}
#header-right {width: 805px; height: 35px; float:left; margin-top: 20px; float:left; background: url('images/bg-interface-off.png');}
#interface-bottom-index {width: 100%; height: 15px; background: #ffffff; background: url('images/bg-interface-sub.jpg'); margin: 2px auto 0 auto;}
#interface-bottom {width: 100%; height: 15px; margin: 2px auto 0 auto; background: #b4a997 url('images/bg-interface-sub2.jpg') no-repeat center;}


#container {width: 1000px; margin-right: auto; margin-left: auto; margin-top: 0px;}
#image-cell {width: 1000px; height: 460px; float:left; border-bottom: solid 1px #000000;}
#image-cell-small {width: 1000px; height: 100px; float:left; border-bottom: solid 2px #000000; border-top: solid 2px #000000;}
#text-cell {width: 1000px; float:left; background: #ffffff;}
#text-area {width: 880px; float:left; margin: 40px 0 25px 60px;}
#text-area-projects {width: 920px; float:left; margin: 40px 0 25px 60px;}
#text-area-photogalleryicon {float:right;}

#flash-aboutslideshow {width: 640px; height; 520px; float:left; margin: 20px 0 10px 180px;}

#index-image {float:left; width: 100%; min-width:1000px; max-height:460px; overflow: hidden;}
#index-subnav {float:left; width: 100%; background: url('images/bg-subnav.jpg');}
#index-footer-container {width: 1000px; height: 200px; color:#ffffff; margin: 5px auto 0 auto; font-size: 10px;}
#index-pour-1 {width: 400px; float:left; height: 20px; font-weight: normal; letter-spacing:1px; margin: 1px 0 0 10px;}
#index-pour-2 {width: 400px; float:left; height: 20px; font-weight: normal; letter-spacing:1px; margin: 1px 0 0 10px;}
#index-pour-flash {width: 640px; float:left; height: 20px; font-weight: normal; letter-spacing:1px; margin: 0 0 0 0;}
#index-footer-shell {width: 1000px; margin: 10px 0 0 0;}
#index-footer-cell-top {width: 1000px; height: 15px; background: url('images/footer-bg-top.png');}
#index-footer-cell-center {width: 1000px; min-height: 85px; background: url('images/footer-bg-center.png'); overflow: hidden;}
#index-footer-cell-bottom {width: 1000px; height: 15px; background: url('images/footer-bg-bottom.png');}
#index-footer-cell-smalltext {width: 1000px; height: 15px;}
#index-text {width: 267px; margin: 0 0 0 12px; float:left;}
#index-recent-news {width: 215px; margin: 2px 0 0 28px; float:left;}
#index-featured-project {width: 430px; margin: 2px 0 0 28px; float:left;}
#index-smalltext-left {width: 800px; margin: 10px 0 0 40px; text-align:center; font-size: 9px; line-height: 12px; float:left; }
#index-smalltext-right {width: 120px; margin: 8px 10px 0 20px; float:right;}
#index-smalltext-icons {margin: 0 0 0 0;}
.index-title {font-weight: normal; font-size: 16px; text-transform: uppercase;}
.index-subtitle {font-weight: normal; font-size: 14px; text-transform: uppercase;}
.index-link {float:right;}

#about-nav {width: 150px; margin: 0px 0 20px 60px; float:right;}
.about-nav-tab {background: url("images/about-nav-red.png"); width: 150px; height: 25px; text-align: center; padding-top: 5px; color:#ffffff; margin: 0 10px 0 0; float: left; }
.about-nav-tab a:link {color:#ffffff; display: block; height: 30px;}
.about-nav-tab a:visited {color:#ffffff;}
.about-nav-tab a:hover, .about-nav-tab a.on {background: url("images/about-nav-gray.png"); height: 25px; margin-top: -5px; padding-top: 5px;}

.team-vcard {margin: 0 0 0 -5px;}
.team-custom-sm {margin: 0 0 0 2px; font-size: 9px;}

#history-cell-container {width: 852px; float:left; background:#000000; padding: 4px 0px 0px 4px;}
.history-cell-item {width: 138px; float:left; margin: 0 4px 6px 0; opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */}
.history-cell-item:hover {opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}
.history-cell-item-on {width: 138px; float:left; margin: 0 4px 6px 0;}
.history-cell-item-img {width: 138px; height:104px; float:left;}
.history-cell-item-year {width: 138px; float:left; margin: 4px 0 0 4px; color: #ffffff;}

#history-highlight-container {width: 852px; float:left; margin: 20px 0px 0px 0px; }
#history-highlight-left {width: 420px; float:left; border-right: 1px solid #797979;}
#history-highlight-left-img {width: 210px; height:158px; float:left; margin: 0 10px 0 0; border: 3px solid #000000;}
#history-highlight-left-info {width: 180px; float:right; margin: 0 10px 0 0; }
#history-highlight-left-info ul {margin-left: -40px;}
#history-highlight-left-info li {background: url('images/project-dot-red.jpg') left top no-repeat; padding:  0 0 0 20px; list-style-type: none;}
.history-text-year {font-size: 19px; color: #cc3333;}
.history-text-title {font-size: 13px; color: #cc3333;}
.history-text-also {font-size: 19px; color: #cc3333; font-weight:bold;}
#history-highlight-right {width: 400px; float:left; padding: 4px 0px 0px 20px;}

#img-about {width: 250px; float:left; margin: 30px 0 30px 30px;}
#text-about {width: 450px; float:left; margin: 30px 0 30px 30px;}
#subnav-about {width: 150px; float:left; margin: 30px 0 0 20px;}
#gallery-about {width:430px; float:left; margin: 30px 0 30px 30px;}
#gallery-about-text {width: 450px; float:left; margin: 30px 0 30px 30px;}

.services-nav-tab {background: url("images/services-nav-red.png"); width: 225px; height: 25px; text-align: center; padding-top: 5px; color:#ffffff; margin: 0 10px 0 0; float: left; }
.services-nav-tab a:link {color:#ffffff; display: block; height: 30px;} 
.services-nav-tab a:visited {color:#ffffff;}
.services-nav-tab a:hover, .services-nav-tab a.on {background: url("images/services-nav-gray.png"); height: 25px; margin-top: -5px; padding-top: 5px;}

#project-text {width: 400px; float:left; margin: 0 0 0 0; line-height: 24px;}
#project-gallery {width: 490px; float:left; margin: 0 0 0 20px;}
.project-title {font-weight: bold; text-transform: uppercase;}
#project-text ul {margin-left: -30px;}
#project-text li {background: url('images/project-dot-red.jpg') left center no-repeat; padding:  0 0 0 25px; list-style-type: none;}
.project-nav {width: 900px; margin: 10px 0 20px 0; float:left; background: url("images/projects-nav-bg.png"); overflow: hidden;}
.project-nav-content {width: 650px; float:left; line-height: 27px;}
.project-nav-content a:link, .project-nav-content a:visited {color:#000000;}
.project-nav-content a.on {color:#cc3333;}
.project-nav-content-left {width: 300px; float:left; margin: 5px 0 5px 10px;}
.project-nav-content-right {width: 300px; float:left; margin: 5px 0 5px 25px;}
.project-nav-tabs {width: 250px; float:left; font-weight: bold; font-size: 11px; 	color: #ffffff; }
.project-nav-tabs a {display:block; height: 30px; text-decoration: none;}
.project-nav-tabs a:link, .project-nav-tabs a:visited {display: block; color: #ffffff; padding-top: 5px; }
.project-nav-tabs a:link span, .project-nav-tabs a:visited span, .project-nav-tabs a span  {display: none;}
.project-nav-tabs ul {margin: 0px; padding: 0px; }

.project-nav-tabs ul li {list-style: none; color: #ffffff; width: 250px; height: 30px; text-align: center; background: url("images/projects-nav-red.png");}
.project-nav-tabs ul li a:hover {list-style: none; margin: 0 0 0 0; width: 250px; height: 25px; background: url("images/projects-nav-gray.png");  color: #ffffff; display: block;}
.project-nav-tabs ul li a.on {list-style: none; margin: 0 0 0 0; width: 250px; height: 25px; background: url("images/projects-nav-gray-on.png"); color: #ffffff; display: block;}

#careers-left {width: 230px; float:left; }
#careers-middle {width: 400px; float:left; margin: 0 10px 0 10px; }
#careers-right {width: 225px; float: left; margin: 0 0 0 0; }
#img-careers {width: 250px; float:left; margin: 30px 0 30px 30px;}
#text-careers {width: 350px; float:left; margin: 30px 0 30px 30px;}

#careers-nav {width: 225px; margin:60px 30px 20px 60px; float:right;}
#careers-nav2 {width: 225px; margin: 20px 0 20px 60px; float:right;}
.careers-job-title {text-transform: uppercase; font-size: 11px;}
.careers-job-opening {margin: 10px 0 0 0; color: #cc3333}


#text-webcams {width: 650px; float:left; margin: 40px 0 30px 30px;}


.news-nav-shell {width: 900px; margin: 10px 0 20px 0; float:left; background: url("images/bg-news.png"); overflow: hidden;}
.news-nav {width: 300px; float:left;}
.news-nav-content {width: 580px; margin: 10px 10px 10px 10px; float:left;}
.news-nav-tab {margin: 10px 0 0 0; }
.news-nav-tab a:link {color:#cc3333; display: block; list-style: none; padding: 4px;} 
.news-nav-tab a:hover, .news-nav-tab a.on {background: url("images/news-nav-tab.png"); list-style: none; color:#cc3333; }










#contact-map {float:right; border: solid 2px #000000; margin-top: -20px;}


#footer {width: 1000px; min-height: 45px; background: url('images/bg-footer.png'); float:left; color: #ffffff;}
#footer-left {width: 100px; float:left; margin: 10px 0 0 60px; }
#footer-left a {font-weight: normal; font-size: 14px; color:#ffffff;}
.a1 {font-size: 15px;}
.a2 {font-size: 13px;}
.a3 {font-size: 11px;}
#footer-center {width: 680px; float:left; text-align: center; font-size: 9px; line-height: 12px; margin-top: 10px; letter-spacing: 1px;}
#footer-center a {color:#ffffff; list-style: none; } 
#footer-right {width: 100px; float:left; margin-left: 20px;}

.img-sm {margin: 10px 3px 0 0;}
.img-about {border: solid 2px #000000;}
.img-services-nav {margin: 10px 10px 10px 0;}
.img-news {border: solid 2px #000000; float:left; margin: 5px 15px 20px 0;}
.img-main {border: 4px solid #212121; margin: 0 0 5px 0;}
.img-thumbnail {border: 4px solid #212121; margin: 5px 5px 0 0;}







a:link, a:visited { color:#cc3333; outline: none; font-weight: bold; text-decoration: none;}
a:hover, a:active { color: #cc3333; outline: none; font-weight: bold;}
a img {border: 0;}


h1 {color: #cc3333; font-size: 21px; text-transform: uppercase; margin: 0 0 0 0;}
h2 {color: #cc3333; font-size: 16px; margin: 5px 0 0 0; font-weight: normal;}
h3 {color: #cc3333; font-size: 12px; margin: 5px 0 0 0;}

.title-red {color: #cc3333; font-weight: bold;}



#nav-team {font-weight: bold; font-size: 11px; 	color: #ffffff; }
#nav-team a {display:block; height: 30px; 	text-decoration: none;}
#nav-team a:link, #nav-team a:visited {display: block; color: #ffffff; padding-top: 5px; }
#nav-team a:link span, #nav-team a:visited span, #nav-team a span  {display: none; }

#nav-team ul li {
	list-style: none;
	color: #ffffff;
	width: 150px;
	height: 30px;
	text-align: center;
	background: url("images/bg-nav-red.jpg");
}

#nav-team ul li a:hover, #nav-team li a.on {
	list-style: none;
	width: 150px;
	height: 25px;
	background: url("images/bg-nav-gray.jpg"); 
	color: #ffffff;
	display: block;
}