@import 'forms.css';
@import 'colorbox.css';

body{
	margin: 0;
	color: #000;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	background: url(../images/body_bg.jpg) no-repeat center top #000;
}

ul{
	padding:0px;
	margin:0px;
}
a{
	text-decoration:none;
	color:#CCCCCC;
}


*:focus, *:active{
   outline: 0; 
   -moz-outline: none;
}

*::-moz-focus-inner{
   border: none;
}

input, select, textarea{
   border: 1px solid #00b893;
}

hr{
	color: #00b893;
	height: 1px;
}

input:hover, select:hover, textarea:hover{
   background-color: #ebfffb;
}

th{
	background-color: #ebfffb;
}
table, tr, td, th{
	border-collapse: collapse;
}

h1{
	font-family: Trebuchet MS, Verdana;
	font-size: 16pt;
	color:  #FFF;
}

#wrapper{
	width:1234px;
	margin:0px auto;
	background: url(../images/wrapper-bg.png) no-repeat right top;
	*background: url(../images/wrapper-bg.jpg) no-repeat right 95px;
	min-height:600px;
	height:auto !important;
	height:600px;
	position:relative;
}

#header{
	height:98px;
	width:1234px;
	margin:0px auto;
	*background: url(../images/header-bg.jpg) no-repeat center top;
}

#logo-container{
	position:absolute;
	z-index:1;
	left:140px;
	top:23px;
}

a#logo{
	width:183px;
	height:234px;
	*height: 225px;
	background: transparent url(../images/logo.gif) no-repeat left 1px;
	float:left;
}

a#logo:hover{
	background: transparent url(../images/logo.gif) no-repeat right 1px;
}

#contents{
	margin:0px auto;
	width:974px;
	
	min-height:480px;
	height:auto !important;
	height:480px;
	/**/
	background:url(../images/body-bg.gif) repeat-y;
	
	position:relative;
}

#footer{
	position:relative;
	margin-top:6px;
	height:20px;
}

#body-footer{	
	position:absolute;
	width:771px;
	height:6px;
	background:url(../images/footerbottom-bg.gif) no-repeat;
	right:130px;
	top:-6px;
}

#search-bar{
	background:url(../images/search-bar.jpg) no-repeat;
	width:281px;
	height:16px;
	position:absolute;
	top:72px;
	right:147px;
}

#search-bar a{
	float:left;
	color:#444444;	
	font-family:Verdana,sans-serif;
	font-size:10px;
	font-weight:bold;
	margin:0 3px;
	text-transform:uppercase;
	padding:2px 5px;
}

#search-bar a:hover{
	color:#FFFFFF;
}

#search{
	background:transparent none repeat scroll 0 50%;
	border:0 none;
	color:#444444;
	float:left;
	font-size:9px;
	font-weight:bold;
	height:14px;
	line-height:16px;
	padding:2px;
	text-transform:uppercase;
	width:105px;
}

#search-botton{
	background:transparent;
	border:none;
	float:left;
	font-size:9px;
	font-weight:bold;	
	color:#FFFFFF;
	height:16px;
	margin:0 0 0 4px;
	padding:0;
	width:50px;
}

#leftmenu-main{
	width:202px;
	padding-left:2px;
	margin-top:150px;
	float:left;	
	padding-bottom:50px;
	
	position:relative;
	z-index:2;
}

#leftmenu-bottom{
	background:url(../images/menubottom-bg.gif) right bottom no-repeat;	
	width:204px;
	min-height:166px;
	height:auto !important;
	height:166px;
	bottom:-6px;
	left:0px;
	
	position:absolute;
	z-index:2;
	
}

#content {
	color:#FFFFFF;
	font-size:11px;
	line-height:18px;
	padding-left:14px;
	padding-top:15px;
	float:left;

	font-family:Verdana,sans-serif;
	width:755px;
}

#content h2{
	font-family:Arial,sans-serif;
	color:#FFFFFF;
	font-size:16px;
	margin:0;
	text-transform:uppercase;
}

.clear{
	clear:both;
	overflow:hidden;
	height:0px;
}

#portfolio_page{
	margin-top:10px;
	position:relative;
}

#protfolio_wrapper{
	z-index:1;
	position:relative;
	padding:0px 5px;
}

#protfolio_bg{
	background:url(../images/portfolio-bg.gif);
	width:735px;
	height:437px;
	position:absolute;
	top:0px;
	z-index:0;
	filter:alpha(opacity=40);
	opacity:0.4;
}


#mainmenu{
	padding:0px;
	margin:0px;
	list-style:none;	
}

#mainmenu li{
	margin-bottom:4px;
}

#mainmenu a{
	display:block;
	width:158px;
	height:23px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:23px;
	padding:0 21px;
	text-transform:uppercase;
	background:url(../images/menu_item.jpg) top;
}
#mainmenu a#selected,
#mainmenu a:hover{
	background:url(../images/menu_item.jpg) bottom;
}

#mainmenu li ul.submenu_menu {
	overflow:hidden;
	display:none;
}

#mainmenu li.selected ul.submenu_menu {
	display:block;
}

#mainmenu li ul.submenu_menu li{
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
}

#mainmenu li ul.submenu_menu a{
	background:none;
	font-size:11px;
	font-weight:normal;
	margin:0px;
	width:150px;
	padding:5px 25px 5px 25px;
	height:auto;
	background:url(../images/sub_menu_item.jpg) left bottom;	
	line-height:15px;
	float:left;
}

#mainmenu li ul.submenu_menu a#selected,
#mainmenu li ul.submenu_menu a:hover{
	background:url(../images/sub_menu_item.jpg) right bottom;	
}

#mainmenu ul li div.projectsubmenu_menu {
	position:absolute;
	z-index:3;
	left:200px;
	float:left;
	border:1px solid #2b4748;
	display:none;
}/**/
#mainmenu ul li div.projectsubmenu_menu a{
	margin:0px;
	text-align:left;
	padding-left:5px;	
	padding-right:5px;
	width:200px;
}

.sub-menu-details{
	text-transform:lowercase;
	font-style:italic;
	font-size:8pt;
}

.mid_menu_container{
	height:280px;
	width:210px;
	overflow:hidden;	
}

.top_menu_arrow{
	height:25px;
	width:210px;
	background:url(../images/sub_menu_item_arrow.jpg) 0px 121px;
	border-bottom:1px solid #2b4748;
}

.bot_menu_arrow{
	height:25px;
	width:210px;
	background:url(../images/sub_menu_item_arrow.jpg) 0px 70px;	
	border-top:1px solid #2b4748;
}

.top_menu_arrow:hover,
.top_menu_arrow_hover
{
	background:url(../images/sub_menu_item_arrow.jpg) 200px 121px;
}

.bot_menu_arrow:hover,
.bot_menu_arrow_hover{
	background:url(../images/sub_menu_item_arrow.jpg) 200px 70px;	
}



#news-content-shadow{
	position:absolute;
	top: 15px;
	right:10px;
	width:446px;

	filter:alpha(opacity=40);
	opacity:0.4;
	z-index:1;
}

#news-top-shadow{
	background:url(../images/news-top.gif);
	height:16px;
	overflow:hidden;
}

#news-mid-shadow{
	background:url(../images/news-mid.gif);
}

#news-bot-shadow{
	background:url(../images/news-bot.gif);
	height:20px;
	overflow:hidden;	
}

.newsextracontent{
	width:427px;
	float:right;
	padding-right:15px;
	position:relative;
	z-index:3;	
}

.newsextracontent img{

	float:right;
	max-width: 200px;
    max-height: 200px;
    margin-left: 15px;
    margin-bottom: 15px;
}

.newsextracontent .news_header h3{
	position:relative;
	z-index:2;
	font-size:12px;
	margin:0px;
	padding:0px;	
}

.newslistingwrapper{
	float:left;
	width:290px;
	margin-top:10px;
	position: relative;
	height: 440px;
}

.newsextracontent ul{
	padding:0px 10px;
	margin:0px 15px;
}

.newslistingwrapper img{
   border: none;	
}

.news_item {
	margin-bottom:10px;
	float: left;
	border-bottom: 1px solid #00b893;
}

.news_item .news_header a{
	display:block;
	color:#FFFFFF;
	font-weight:normal;
	font-size:11pt;
}

.news_item .news_header span{
	display:block;
	font-style:italic;
	font-size:9px;
}

.news_item p{
	margin:0px;
	padding:0px;
}
.news_paging {
	
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 0;
	width: 270px;
	height: 20px;
	text-align: center;
	
}
.news_paging a{
	border:1px solid #03676c;
	background:#001818;
	padding:2px;
	margin-left: 2px;
}
.news_link{
	font-size:7pt;
}

.news_left{
	width: 150px;
	float: left;
}

.news_right{
	float: left;
	width: 130px;
}

.news_right img{
	height: 90px;
	width: 130px;
}

/**/


/* midbutton */

.midbutton { 
    width: 118px;
    height: 16px;
    background: url(../images/midbutton.png) transparent no-repeat center center;
    font-family: Verdana, Trebuchet MS;
    font-size: 10px;
    color: #FFF;
    border: none;
    cursor: pointer;
}

.midbutton:hover{
	background: url(../images/midbutton-active.png) transparent no-repeat center center;
}

.midbutton span{
    float: left;
    margin: 3px auto;
}

.content-column-left{
	float:left;
	width:470px;
}

.content-column-right{
	float:right;	
	width:225px;
	margin-right:20px;
}

.content-column-right td div{
	background:url(../images/table-bg.png);
	padding:5px;
	margin:10px 0px;
}

.field_item_button input{
	background:url(../images/midbutton.png) no-repeat;
	width:118px;
	height:16px;
	font-size:7pt;
	border:none;
	color:#FFFFFF;
}

.link_wrapper {
	padding:10px 26px 0px 0px;
}

.link_wrapper a:hover{
	text-decoration:underline;
}
.more_info {
	float:left;
	padding-right:6px;
}
.download_file {
	float:left;	
}