/* -------------------------------------------------------------- 

   style.css 
   Designer: Cade Embery.
   
-------------------------------------------------------------- */




 @import 'reset.css';
 @import 'typography.css';


/* Main Classes
-------------------------------------------------------------- */


body { 
  font-size: 75%;
  color: #708794; 
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a img {
	border: 2px solid #618399;
}

a img:hover {
	
	border: 2px solid #8d200c;
}

h1,h2,h3 { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal; 
}

h1 { font-size: 1.7em; line-height: 1; margin-bottom: 0.6em; padding-top: 0.6em; }
h2 { font-size: 1.6em; line-height: 1; margin-bottom: 0.6em; }
h3 { font-size: 1.3em; line-height: 1;  margin-bottom: 0.6em; text-transform: uppercase;}
h4 { font-size: 1.1em; line-height: 1.25; margin-bottom: 0.6em; font-weight: bold; height: 1.25em; text-transform: uppercase;}
h5, h6 { font-size: 0.9em; font-weight: bold; margin: 0;}

a:focus 	{ outline: none; }
a:hover     { text-decoration: underline; }
a           { color: #315E7C; text-decoration: none; font-weight: bold; }



.wrapper {
	margin: auto;
	width: 950px;
}


/* Sitemap
-------------------------------------------------------------- */
a.sitemap {
	display: block;
	height: 26px;
	width:90px;
	background: url('../images/sitemap.png') no-repeat center center;
	text-indent: -9000px;
	outline: none;
}


#sitemap {
	display:none;
	padding: 1.5em 0;	
}

#sitemap_inner {
	background: #13151c url('../images/sitemap_bottom.jpg') no-repeat bottom;
	padding-bottom: 8px;
	clear: both;
	display: block;
}

#sitemap_top {
	background: url('../images/sitemap_top.png') no-repeat top;
	height: 8px;
}



#sitemap h3, #sitemap h3 a {
	color: #fff;
	padding: 0;
	text-transform: none;
}

#sitemap a {
	display: block;
	padding: 0.2em;
	color: #4989b4;
}

.sitemap_column {
	width:20%;
	float: left;
	display: block;	
}

.sitemap_list {
	background: url('../images/sitemap_sep.jpg') repeat-y left;
	padding: 1.5em;
}

.sitemap_list.first {
	background: none;
}


/* Page Header
-------------------------------------------------------------- */

h1.front {
	font-size: 1.6em;
	padding-top: 0;
}

.pageheader {
	background: #8d200c url('../images/pageheader.jpg') repeat-x top;
	display: block;	
	color: #fff;	
}

.pagefooter {
	background: #8d200c url('../images/pageheader.jpg') repeat-x top;
	display: block;	
	padding: 8px;
}

.pageheader h1 {
	color: #fff;
}

.pageheader .wrapper .block {
	padding: 5px 20px;
	background: #8d200c url('../images/pageheader_wrap.jpg') repeat-x top;
}

.lighter {
	color: #dd8770;
}



/* Masthead
-------------------------------------------------------------- */

#masthead {
	padding: 0;
	background: #20242d url(../images/masthead.jpg) repeat-x top;
}

h2.logo {
	margin: 0;
	padding: 0;
	float: left;
}

h2.logo a {
	display: block;
	width:230px;
	height: 70px;
	background: url('../images/logo.png') left no-repeat;
	text-indent: -9000px;
}

#toplinks {
	float: right;
	padding: 20px 0 0;
}




/* Navigation
-------------------------------------------------------------- */

#primary-links {
	background: #b8c9d1 url('../images/primary.jpg') repeat-x bottom;
	padding-top: 5px;
	margin-bottom: 1px;
	z-index: 1;
}

#primary-links ul li{
	float: left;
}
#primary-links a {
	display: block;
	margin-right: 1px;
	text-indent:-9000px;
	height: 39px;
	width: 108px;
}

#primary-links ul ul li{
  height: auto;
  width: 140px;
}

#primary-links ul ul a{
  background: #20242D;
  color: #ccc;
  height: auto;
  text-indent: 0;
  margin: 0;
  padding: 10px;
  width: 140px;
}

#primary-links ul ul a:hover{
  color: #fff;
  background: #41464C;
  text-decoration: none;
}

#primary-links ul ul {
  width: 140px;
  background: #20242D;
  opacity: 0.95;
  color: #000;
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 10
}

#primary-links li ul {
	position: absolute;
	width: 10em;
	top: 114px;
	left: -999em;
}

#primary-links li:hover ul {
	left: auto;
}

#nav_1 {
	background: url('../images/menu_01.png') no-repeat top left;
}
#nav_1:hover {
	background: url('../images/hover_01.png') no-repeat top left;
}


#nav_2 {
	background: url('../images/menu_02.png') no-repeat top left;
}
#nav_2:hover {
	background: url('../images/hover_02.png') no-repeat top left;
}

#nav_3 {
	background: url('../images/menu_03.png') no-repeat top left;
}
#nav_3:hover {
	background: url('../images/hover_03.png') no-repeat top left;
}


#nav_4 {
	background: url('../images/menu_04.png') no-repeat top left;
}
#nav_4:hover {
	background: url('../images/hover_04.png') no-repeat top left;
}

#nav_5 {
	background: url('../images/menu_05.png') no-repeat top left;
}
#nav_5:hover {
	background: url('../images/hover_05.png') no-repeat top left;
}

#nav_6 {
	background: url('../images/menu_06.png') no-repeat top left;
}
#nav_6:hover {
	background: url('../images/hover_06.png') no-repeat top left;
}

#nav_7 {
	background: url('../images/menu_07.png') no-repeat top left;
}
#nav_7:hover {
	background: url('../images/hover_07.png') no-repeat top left;
}


/* Banner
-------------------------------------------------------------- */
#banner {
	background: #717e88 url('../images/banner.jpg') repeat-x top;
	padding: 0 5px;
	z-index: 0;
}

#banner ul, #banner li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}



#banner img {
	margin: 0;
	padding: 0;
}

#banner a {
	width:114px;
	height: 272px;
	display: block;
	float: left;
	background-color: #75828b;
	border: 1px solid #22272d;
	margin: 2px 1px;
	text-indent: -9000px;
	outline: none;
}

#banner li.first a, #banner li.last a {
	margin: 2px 0;
}

.banner1 {
	background: url('../images/banner_img_1.jpg') no-repeat top left;
}
.banner2 {
	background: url('../images/banner_img_2.jpg') no-repeat top left;
}
.banner3 {
	background: url('../images/banner_img_3.jpg') no-repeat top left;
}
.banner4 {
	background: url('../images/banner_img_4.jpg') no-repeat top left;
}
.banner5 {
	background: url('../images/banner_img_5.jpg') no-repeat top left;
}
.banner6 {
	background: url('../images/banner_img_6.jpg') no-repeat top left;
}
.banner7 {
	background: url('../images/banner_img_7.jpg') no-repeat top left;
}
.banner8 {
	background: url('../images/banner_img_8.jpg') no-repeat top left;
}


/* Layout
-------------------------------------------------------------- */



.ribbon {
	background: #a6b8c2 url('../images/background.jpg') repeat-x top;
}

.contentarea {
		padding: 2em 0;
		background: #fff url('../images/contentarea.jpg') repeat-x top;
}


.red {
	background: #8d200c url('../images/red.jpg') repeat-x top;
	color: #fdad94;
}

.red a, .red h1, .red h2, .red h3, .red h4 {
	color: #fff;
}

.red .block {
	padding-bottom: 10px;
	height: 250px;
	background: url('../images/redShade.jpg') top left;
}

.red .block.home{
  padding-right: 115px;
}



#main-column {
	float: left;
	width: 66.66%;

}

#main-column.thick {
	float: left;
	width: 76%;
}


#right-column {
	float: left;
	width: 33.33%;


}

#left-column {
	float: left;
	width: 20%;
	margin-right: 3%;

}




.block {
	padding: 20px;
}




/* News Area
-------------------------------------------------------------- */

.news-item {
	margin-bottom: 1em;
	font-size: 0.9em;
}




.date {
	margin-left: 10px;
	font-size: 0.9em;
}






/* Featured Projects
-------------------------------------------------------------- */

#featured {
	background: #fff url('../images/light.jpg') repeat-x top;
}

#featured-left,
#featured-right,
#featured-right ul li { height: 251px; overflow: hidden; }

#featured-left {
  float: left;
  width: 232px;
  overflow: visible; }
  #featured-left ul {
    border-right: 1px solid #cfd9de;
    margin: 0;
    padding: 6px 0;
    list-style-type: none;}
  #featured-left ul li { 
    height: 30px;
    line-height: 30px; 
    padding-left: 15px; }  
  #featured-left ul a { color: #5c8599; font-size: 13px; font-weight: normal; }
  #featured-left ul li.active { 
    background: url(../images/featured_active.png) no-repeat;
    width: 222px; } 
  #featured-left ul li.active a  { 
    color: #fff;
    font-weight: bold; } 

#featured-right {
  position: relative;
  width: 717px;
  float: right; }
  #featured-right h3 { font-size: 18px; text-transform: none;}
  #featured-right img { float: right; margin-left: 15px; }
  #featured-right ul { position: absolute; margin: 0; height: 20000em; }
  #featured-right ul li { padding: 15px; height: 221px; }
#featured .block{
  padding-top: 10px;
}

#featured h2{
  background: #aabcc8;
  opacity: 0.65;
  padding: 7px;
  color: #315e7c;
  font-size: 14px;
  z-index: 9999;
  margin-bottom: 0;
  font-weight: bold;
  text-transform: uppercase;
}

#featured .wrapper {
	background: #fff url('../images/featured.jpg') no-repeat top;
	
}

.feature {
	float: left;
	width: 33.30%;
	font-size: 0.9em;
}


/* Footer
-------------------------------------------------------------- */
#footer {
	font-size: 0.9em;
	background: url('../images/footer.jpg') top repeat-x;
	color: #7f919b;
	border-top: 1px solid #fff;
}

.copyright {
	display: block;
	float: left;
	font-weight: bold;
}

.footlinks {
	float: right;
	display: block;
}

.footlinks a {
	margin-right: 1em;
	padding-right: 1em;
	border-right: 1px solid;
}
.last a {
	border-right: none;
	margin-right: 0;
	margin-right: 0;
}



/* Slideshow
-------------------------------------------------------------- */

.slideshow {
	height: 450px;
	width: 100%;
	background: #717e88;
	display: block;
	margin-bottom: 2em;
}

/* Project Details
-------------------------------------------------------------- */



.details {
	float: left;
	width: 50%;
	border-right: 1px solid #748E9D;
	padding: 0 2% 0 0;
	color: #41464C;

}

.details h2 {
	color: #315e7c;
}

.specs {
	float: right;
	width: 46%;
	font-size: 0.9em;
	color: #315e7c;
}


/* List Menus
-------------------------------------------------------------- */

ul.menu, ul.menu li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.menu a {
	display: block;
	border-top: 1px solid #d6dfe4;
	border-bottom: 1px solid #748e9d;
	padding: 10px;
	margin: 0;
	font-weight: normal;
}

ul.menu a:hover, ul.menu a.active {
	background: url('../images/menu_hover.jpg') repeat-x left;
	text-decoration: none;
}

ul.menu a.active {
	font-weight: bold;
}

ul.menu li.first a {
	border-top: none;		
}

ul.menu li.last a {
	border-bottom: none;		
}


/* Buttons
-------------------------------------------------------------- */

.buttons {
	text-indent: -9000px;
	width: 184px;
	height: 33px;
	display: block;
	margin: auto;
	outline: none;
}



.buttons.archives {
	background: url('../images/btn_archives.png') no-repeat;
	margin-bottom: 0;
}

.buttons.readMore {
	background: url('../images/btn_readMore.png') no-repeat;
	margin-bottom: 0;
}

/* Tables
-------------------------------------------------------------- */

tr.even {
	background: #dde4e9;
}




/* Others
-------------------------------------------------------------- */

p.intro {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0.6em;
}

.clearance {
	clear: both;
}

.red-text{
  color: #8d200c;
}

.red-link {
	color: #8d200c;
	display: none;
}

.hnav ul, .hnav li {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* Content
-------------------------------------------------------------*/
.hr{
  background: url(../images/hr.gif);
  height: 2px;
  border:  0;
}
.hr hr{
  display: none;
}

.content{
  color: #353a40;
  height: 100%;
}

.content h2, h3 {
  color: #315e7c;
}
.content h2{
  font-size: 24px;
}
.content h3{
  text-transform: none;
}

.content ul{
  margin-left: 0;
  font-weight: bold;
}

.content ul li{
  line-height: 30px;
  list-style-type: disc;
  list-style-position: inside;
  /*list-style-image: url(../images/list-icon.gif);*/
  padding-left: 10px;
}

.odd{
  background: #a9bcc8
}

.content label{
  color: #353a40;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
}

.content input, .content textarea{
  border: 3px double #93abba;
}

.content input{
  margin-bottom: 10px;
  font-size: 16px;
}

.content form{
  padding: 15px;
  border: 0 1px 1px 0;
  border-color: #93abba;
}

.content form button#submit{
  background: url(../images/button_submit.png);
  height: 33px;
  width: 84px;
  border: 0;
  text-indent: -9000px;
}

.content .news_item{
  background: #a9bcc8;
  margin-bottom: 10px;
}

.content .news_item h3{
  background: #8fa6b4;
  color: #315e7c;
  border-bottom: 1px solid #8fa1ac;
  padding: 8px;
}

.content .news_item .summary{
  padding: 7px;
}

.content .news_item p{
  margin-bottom: 10px;
}

.content .news_item a{
  float: right;
}

html, body{
  height: 100%;
}

.main-wrapper{
  background: url(../images/contentarea.jpg) 0 169px repeat-x;
  min-height: 700px
}

td strong{
  white-space: nowrap;
}