/* 

_______________________
UNIVERSAL STYLES */
html { background: #FFFFFF; }
body { background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; color: #666666; } 

a, .content a { color: #005395; text-decoration: none; }
a:visited, .content a:visited { color: #005395; }
a:hover, .content a:hover { color: #F79239; } 

/* 
_______________________
STRUCTURE */
#wrap { background: url(bg_wrap.gif) left top repeat-y; width: 980px; margin: 0 auto; padding: 0 1px; }
#header {  }
#middle_container { background: #FFFFFF url(../images/bg_middle.jpg) left bottom repeat-x; min-height: 340px; padding: 0px 0; padding-top:100px; }
#middle {background: url(../images/img_gray-pixel.gif) 160px top repeat-y; background:#FFFFFF;}
#footer { background: #277CCD url(../images/bg_footer.gif) left bottom repeat-x; border: 1px solid #D7D7D7; border-left: 0; border-right: 0; padding: 20px 40px; }
/*
________________________
CONTENT */
#logo { padding: 20px 0; }
#logo p { padding: 0; margin: 0; }
#nav { background: url(../images/bg_nav.gif) left bottom no-repeat; padding: 0 50px 60px 50px; }

/* home top */
#header_home { position: relative; height: 320px; }
#logo_home { position: absolute; top: 210px; left: 0; width: 980px; text-align: right; z-index: 5; }
#nav_home { background: url(../images/bg_nav-home.jpg) left bottom no-repeat; position: absolute; top: 325px; left: 0; padding: 30px 0px 60px 100px; width: 880px; }
.footer_text
{
font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#FFFFFF;
 }
#footer-slogan {color:#FFFFFF; font-size:10px; font-family:Arial, Helvetica, sans-serif; float: left; width: 264px; }
#footer-copyright { float: right; color: #FFF; font-size:11px; font-size:10px; font-family:Arial, Helvetica, sans-serif;}

#sidenav {
	float: left;
	width: 130px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 5px;
}
#subnav { float: left; width: 120px; padding: 0px 40px 0 40px; }
/* for 3 column with sidenav/text_column_1/right_column */
#text_column_1 { float: left; width: 500px; padding: 0 40px; }
/* for 3 column with sidenav/subnav/text_column_2 */
#text_column_2 { float: left; width: 580px; }
#text_column_2-3 { float: left; width: 340px; padding: 0 40px 0 0; }
/* for 2 column with sidenav/text_column_3 */
#text_column_3 {  }
#text_column_4 { float: left; width: 200px; padding: 0 40px; }
#text_column_5 { float: left; width: 500px; }
#right_column { float: left; width: 200px; }

.breadcrumbs { font-size: 90%; font-style: italic; padding: 10px 0; }

/* PROJECT TEMPLATE */
#project_thumb_list {  }
#project_thumb_list ul { margin: 0; padding: 0; }
#project_thumb_list ul li { margin: 0; padding: 0; display: inline; float: left; width: 165px; height: 165px; overflow: hidden; position: relative; }
#project_thumb_list ul li .project_click { position: absolute; top: 0; left: 0; width:165px; height: 165px; overflow: hidden; }
#project_thumb_list ul li .project_thumbnail { width: 165px; height: 165px; overflow: hidden; }
#project_thumb_list ul li .project_thumb_details { background: #EA6C26; color: #FFFFFF; padding: 20px; width: 125px; height: 125px; overflow: hidden; display: none; }
#project_thumb_list ul li.over .project_thumbnail { display: none; }
#project_thumb_list ul li.over .project_thumb_details { display: block; }
.project_thumb_details p { padding: 0 0 20px 0; margin: 0; line-height: 120% !Important; }
p.project_name { font-weight: bold; }
p.project_location { font-style: italic; }


#type_list, #location_list, #featured_list { display: none; }

#project_description_image { padding: 10px 0; }
#project_description_links a { padding: 0 6px; font-size: 90%; }
#project_description_text { padding: 10px 0; }

.navigation { clear: both; padding: 12px 0; }
.alignleft { float: left; }
.alignleft img { padding-right: 12px; padding-bottom: 8px; }
.alignright { float: right; }
.alignright img { padding-left: 12px; padding-bottom: 8px; }
 /*
________________________
ROTATOR */
#rotator { background: #102D4F; position: absolute; top: 0; left: 0; height: 325px; width: 980px; }
#rotator div { z-index: 2; position:absolute; top:0; left:0; }
#rotator div.active { z-index:4; }
#rotator div.last-active { z-index:1; }
#rotator2 { position: absolute; top: 0; left: 0; width: 980px; text-align: left; z-index: 10; }
#rotator2 div { z-index: 1; position:absolute; top:210px; left:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; display: none; }
#rotator2 div.active { z-index: 9!important; filter:alpha(opacity=100); -moz-opacity:100; -khtml-opacity: 100; opacity: 100; display: block; }
#rotator2 div.last-active { z-index:1; }

#rotator_btns { position: absolute; top: 296px; left: 0px; z-index: 5; padding: 0 50px; width: 880px; }
#rotator_btns a { color: #FFFFFF; float: left; display: block; line-height: 29px; text-decoration: none; padding-right: 35px; }
#rotator_btns a.active { color: #FCB813; }
/*
________________________
NAVIGATION */
#nav {  }
#nav ul, #nav_home ul { margin: 0; padding: 0; }
#nav ul li, #nav_home ul li { margin: 0; padding: 0; list-style: none; display: inline; }
#nav ul li.seperator, #nav_home ul li.seperator {  }
#nav ul li a, #nav_home ul li a { padding: 15px 6px; font-size: 11px; color: #666666; text-decoration: none; }
#nav ul li.current_page_ancestor a, #nav_home ul li.current_page_ancestor a, #nav ul li.current_page_item a, #nav_home ul li.current_page_item a { color: #2A80D2; font-weight: bold; }
#nav ul li a:hover, #nav_home ul li a:hover { color: #2A80D2; }
#nav ul li.page-item-53, #nav_home ul li.page-item-53 { border-right: 1px solid #D7D7D7; margin-right: 6px; padding: 8px 6px 8px 0; }

#sidenav, #subnav {  }
#sidenav ul, #subnav ul, #text_column_4 ul { padding: 0; margin: 0; }
#sidenav ul li, #subnav ul li, #text_column_4 ul li { padding: 0; margin: 0; list-style: none; }
#sidenav ul li a, #subnav ul li a, #text_column_4 ul li a { padding: 4px 0; margin: 0; text-decoration: none; color: #666666; font-size:12px; line-height:22px; }
#text_column_4 ul#featured_list li a { display: block; padding: 6px 0; }
#sidenav ul li a:hover, #subnav ul li a:hover, #text_column_4 ul li a:hover { color: #222222; }
#text_column_4 ul li a { font-size: 100%; line-height: 120%; }
#sidenav ul li.current_page_item a, #sidenav ul li.current_page_ancestor a, 
#subnav ul li.current_page_item a, #subnav ul li.current_page_ancestor a, 
#text_column_4 ul li.active a { color: #2A80D2; font-weight: bold; }
/*
________________________
TEXT */
.content { font-size: 110%; line-height: 180%; }

.content h2 { color: #2A80D2; font-family: "Times New Roman", Times, serif; font-size: 180%; line-height: 140%; margin: 0; padding: 10px 0; font-weight: normal; }
.content h3, .content h4, .content h5 { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 130%; line-height: 150%; margin: 0; padding: 6px 0; font-weight: normal; }
.content h5 { font-size: 100%; font-style: italic; }

.news-listing { line-height: 140%; }
.news-listing h4 { font-size: 110%; line-height: 140%; margin: 0; padding: 12px 0 0 0; }

.button_select, a.button_select, .projects-links a { background: #2A80D2 url(../images/img_arrow.gif) right center no-repeat; cursor: pointer; display: block!Important; color: #FFFFFF!Important; font-size: 100%; padding: 3px 8px!Important; margin: 20px 0 5px 0!Important; line-height: 140%!Important; }
a.button_select:hover,  .projects-links a:hover { color: #FFFFFF; }

/*
________________________
CLEARS */
.clear { clear: both; }
#header:after, #middle:after, #project_thumb_list:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*
________________________
END */
.heading{ color: #2A80D2;
font-family: "Times New Roman", Times, serif;
font-size:25px;
line-height: 140%;
margin: 0; 
padding: 5px 5px 0 20px;
font-weight: normal;
}

.text
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:15px;
padding: 5px 5px 5px 20px;
line-height:16px;
}
.txt
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#2A80D2;
text-decoration:none;
}
.txt a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
text-decoration:none;
}
.txt a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
text-decoration:underline;
}
hr
{
margin-top:5px;
margin-left:20px;
}
.heading2{ color:#666666;
font-family: "Times New Roman", Times, serif;
font-size:21px;
letter-spacing:1px;
line-height: 140%;
margin: 0; 
padding: 5px 5px 0 20px;
font-weight: normal;
}
.heading3{ color:#2A80D2;
font-family: "Times New Roman", Times, serif;
font-size:20px;
margin: 0; 
font-weight: normal;
}
.heading4{ color:#2A80D2;
font-family: "Times New Roman", Times, serif;
font-size:18px;
margin: 0; 
font-weight: normal;
}
.contact
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:18px;
text-decoration:none;
}
.txt1
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2A80D2;
text-decoration:none;
}