html { height:100%;}
	
body {
	text-align:center;
	padding:0; margin:0;
	background-color:#000000;
	background-image:url(../img/bg_body.jpg); background-repeat:no-repeat; background-position:center top;
	color:#000000; font-size:13px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; line-height:18px;}
	

div{ margin: 0; padding:0;}
a img {border: 0;}

table{border-collapse:collapse;}
td { text-align: left; vertical-align: top;	padding: 0;}

form, fieldset {margin:0; padding:0; border:none;}

p {margin:0; padding: 0;}

a { color:#000000; text-decoration:underline;}
a:hover { text-decoration:none; }

h1 { margin:0; padding:0;}
h2 { margin:0; padding:0; text-transform:uppercase;
	color:#FFFFFF; font-size:26px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:normal;}
h3 { margin:0; padding:0; text-transform:uppercase;
	color:#000000; font-size:20px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:normal;}
h3.history { margin:0; padding:0; text-transform:none;
	color:#000000; font-size:18px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:normal;}
h4 { margin:0; padding:0; text-transform:uppercase;
	color:#FFFFFF; font-size:20px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:normal;}


.ta_justify {text-align: justify;}
.ta_left {text-align: left;}
.ta_right {text-align: right;}
.ta_center {text-align: center;}

.fl_left { float:left;}
.fl_right { float:right;}

.w100 {width: 100%;}
.h100 {height: 100%;}

div.clear {
    border: 0;
    clear: both;
    display: block;
    float: none;
    margin: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
	font-size:0px;
     }

.fotol { float:left;}
.fotol img { display:block; margin:0 14px 4px 0;}

.fotor { float:right; text-align:center;}
.fotor img { display:block; margin:0 0px 10px 15px;}

#site {
	margin:0 auto;
	padding:7px 0 10px 0;
	text-align:left;
	width:996px;
	height: 100%;
	position:relative;
	}
	
	
/*=============================== Header ========================================*/

.header { height:124px; position:relative; padding:0; margin:0; z-index:10;
	background-image:url(../img/bg_header2.jpg); background-repeat:no-repeat; background-position:left top;}

.logo { position:absolute; left:24px; top:34px;}

/*=============================== End Header ========================================*/


/*=============================== Main Menu ========================================*/

.menu_container { position:absolute; left:373px; top:52px;}

#nav { margin:0; padding:0; height:38px; list-style:none; position:relative; z-index:100;}
#nav li {display:block; float:left; margin:0; padding:0; }
#nav li a { display:block; height:38px; text-indent:-5000em;}

#nav .nav1, #nav .sub_nav1 { width:59px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:0 top;}
#nav .nav1:hover, #nav .nav1_act, #nav .sub_nav1_act, #nav .nav1_jshover, #nav .nav1_act_jshover {
	width:59px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:0 center;}
#nav .sub_nav1:hover, #nav .sub_nav1_jshover, #nav .sub_nav1_act:hover, #nav .sub_nav1_act_jshover {
	width:59px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:0 bottom;}
	
#nav .nav2, #nav .sub_nav2 { width:64px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-59px top;}
#nav .nav2:hover, #nav .nav2_act, #nav .sub_nav2_act, #nav .nav2_jshover, #nav .nav2_act_jshover {
	width:64px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-59px center;}
#nav .sub_nav2:hover, #nav .sub_nav2_jshover, #nav .sub_nav2_act:hover, #nav .sub_nav2_act_jshover {
	width:64px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-59px bottom;}
	
#nav .nav3, #nav .sub_nav3 { width:224px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-123px top;}
#nav .nav3:hover, #nav .nav3_act, #nav .sub_nav3_act, #nav .nav3_jshover, #nav .nav3_act_jshover {
	width:224px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-123px center;}
#nav .sub_nav3:hover, #nav .sub_nav3_jshover, #nav .sub_nav3_act:hover, #nav .sub_nav3_act_jshover {
	width:224px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-123px bottom;}
	
#nav .nav4, #nav .sub_nav4 { width:80px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-347px top;}
#nav .nav4:hover, #nav .nav4_act, #nav .sub_nav4_act, #nav .nav4_jshover, #nav .nav4_act_jshover {
	width:80px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-347px center;}
#nav .sub_nav4:hover, #nav .sub_nav4_jshover, #nav .sub_nav4_act:hover, #nav .sub_nav4_act_jshover {
	width:80px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-347px bottom;}
	
#nav .nav5, #nav .sub_nav5 { width:85px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-427px top;}
#nav .nav5:hover, #nav .nav5_act, #nav .sub_nav5_act, #nav .nav5_jshover, #nav .nav5_act_jshover {
	width:85px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-427px center;}
#nav .sub_nav5:hover, #nav .sub_nav5_jshover, #nav .sub_nav5_act:hover, #nav .sub_nav5_act_jshover {
	width:85px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-427px bottom;}
	
#nav .nav6, #nav .sub_nav6 { width:72px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-512px top;}
#nav .nav6:hover, #nav .nav6_act, #nav .sub_nav6_act, #nav .nav6_jshover, #nav .nav6_act_jshover {
	width:72px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-512px center;}
#nav .sub_nav6:hover, #nav .sub_nav6_jshover, #nav .sub_nav6_act:hover, #nav .sub_nav6_act_jshover {
	width:72px; background-image:url(../img/nav.gif); background-repeat:no-repeat; background-position:-512px bottom;}




div.block_dropdown {position:absolute; z-index:90; display:none; width:230px; margin:36px 0 0 0; padding:12px 0 0 0; 
	background-image:url(../img/bg_block_dropdown_top.gif); background-repeat:no-repeat; background-position:left top;}

#nav li:hover div.block_dropdown, #nav .nav1_jshover div.block_dropdown, #nav .nav2_jshover div.block_dropdown, 
#nav .nav3_jshover div.block_dropdown, #nav .nav4_jshover div.block_dropdown, #nav .nav5_jshover div.block_dropdown, 
#nav .nav6_jshover div.block_dropdown, #nav .nav7_jshover div.block_dropdown, #nav .nav1_act_jshover div.block_dropdown, 
#nav .nav2_act_jshover div.block_dropdown, #nav .nav3_act_jshover div.block_dropdown, #nav .nav4_act_jshover div.block_dropdown,
#nav .nav5_act_jshover div.block_dropdown, #nav .nav6_act_jshover div.block_dropdown, 
#nav .nav7_act_jshover div.block_dropdown, 
#nav .sub_nav1_jshover div.block_dropdown, #nav .sub_nav2_jshover div.block_dropdown, #nav .sub_nav3_jshover div.block_dropdown, 
#nav .sub_nav4_jshover div.block_dropdown, #nav .sub_nav5_jshover div.block_dropdown, #nav .sub_nav6_jshover div.block_dropdown, 
#nav .sub_nav1_act_jshover div.block_dropdown, #nav .sub_nav2_act_jshover div.block_dropdown, #nav .sub_nav3_act_jshover div.block_dropdown, 
#nav .sub_nav4_act_jshover div.block_dropdown, #nav .sub_nav5_act_jshover div.block_dropdown, #nav .sub_nav6_act_jshover div.block_dropdown {display:block;}

#nav li ul { list-style:none; margin:0; padding:0 0 12px 0;
	background-image:url(../img/bg_block_dropdown_bottom.gif); background-repeat:no-repeat; background-position:left bottom;}
	
#nav ul li { float:none; margin:0; padding:2px 6px;
	 background-image:url(../img/bg_block_dropdown.gif); background-repeat:repeat-y; background-position:left top;}

#nav li ul a {display:block; padding:3px 3px 3px 7px; height:auto; text-indent:0; text-decoration:none;
	color:#FFFFFF; font-size:14px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
#nav li ul a:hover { color:#000000; background-color:#FFF200;}
	
/*=============================== End Main Menu ========================================*/
	

/*=============================== Content ========================================*/

.content_index { padding:0; margin:0; background-color:#FFFFFF;
	background-image:url(../img/bg_content_top_index.gif); background-repeat:no-repeat; background-position:left top;}
.content_bottom { padding:0; margin:0; overflow:hidden; zoom:1; position:relative; z-index:5;
	background-image:url(../img/bg_content_bottom.gif); background-repeat:no-repeat; background-position:left bottom;}

.content_bottom h2 { position:absolute; top:20px; left:26px;}
.content_bottom h4 { position:absolute; top:25px; left:26px;}

.left { width:223px; float:left;}

.left h3 { padding:0; margin:0 0 3px 33px;}

.block_contact { width:181px; height:106px; padding:0; margin:0 0 5px 21px; 
	background-image:url(../img/bg_block_contact.gif); background-repeat:no-repeat; background-position:left top;}
.block_contact_pad { padding:5px 16px 5px 16px;}
.block_contact p { line-height:16px; padding:0 0 5px 0;}

.block_logo { padding:0; margin:0 0 3px 15px;}
.block_logo a { padding:0; margin:0 8px 0 0}


ul.left_menu { width:195px; list-style:none; margin:50px 0 32px 28px; padding:0;}
ul.left_menu li { margin:0; padding:1px 0 3px 0;}
ul.left_menu li a { display:block; padding:3px 0 2px 0; margin:0; text-decoration:none;
	color:#FFFFFF; font-size:14px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	background-image:url(../img/bg_li.gif); background-repeat:repeat-x; background-position:left bottom;}
ul.left_menu li a:hover { color:#000000; text-decoration:none; padding:3px 0 2px 5px;
	background-image:url(../img/bg_a.gif); background-repeat:no-repeat; background-position:left center;}
ul.left_menu li a.activated { color:#000000; text-decoration:none; padding:3px 0 2px 5px;
	background-image:url(../img/bg_a.gif); background-repeat:no-repeat; background-position:left center;}

.right { width:773px; float:left;}

.flash_container { position:absolute; right:5px; top:0; padding:0; margin:0 0 20px 110px; z-index:1;}

.block_welcome { float:left; width:538px; margin:0 22px 11px 0; 
	background-image:url(../img/bg_block_welcome2.gif); background-repeat:no-repeat; background-position:left top;}
.block_welcome_pad { padding:20px 45px 0 45px;}
.block_welcome p { padding:0 0 15px 0;}

.block_current_projects { float:left;} 
.block_current_projects h3 { margin:14px 0 2px 0;}
.block_view_more { width:181px; height:196px; text-align:center;
	background-image:url(../img/bg_block_current_projects.gif); background-repeat:no-repeat; background-position:left top;}
.block_view_more img { margin:7px 0 0 0;}
a.view_more { font-size:12px; text-decoration:none;
	background-image:url(../img/bg_view_more.gif); background-repeat:repeat-x; background-position:left bottom;}

/*=============================== End Content ========================================*/



/*=============================== Footer ========================================*/

.footer { height:94px; padding:0; position:relative; z-index:200; 
	background-image:url(../img/bg_footer.gif); background-repeat:repeat-x; background-position:top;
	color:#FFFFFF; font-size:12px;}
	
div.bottom_menu { float:right; padding:2px 15px 0 0;}
div.bottom_menu a { margin:0 15px 0 0; text-decoration:none; color:#FFFFFF; font-size:12px;}
div.bottom_menu a:hover { color:#FFDE00;}

.copyright  { float:left; padding:2px 0 0 30px;}

.jm_logo { position:absolute; top:27px; right:0;}

/*=============================== End Footer ========================================*/


/*=============================== Internal ========================================*/

.content { padding:0; margin:0; background-color:#FFFFFF;
	background-image:url(../img/bg_content_top.gif); background-repeat:no-repeat; background-position:left top;}

.right_pad { padding:14px 0 0 41px; margin:0;}

.bg_content_text { width:707px;
	background-image:url(../img/bg_content_text_repeat.gif); background-repeat:repeat-y; background-position:left top;}
.bg_content_text_top { background-image:url(../img/bg_content_text_top.gif); background-repeat:no-repeat; background-position:left top;}
.bg_content_text_bottom { padding:8px 24px 20px 0;
	background-image:url(../img/bg_content_text_bottom.gif); background-repeat:no-repeat; background-position:left bottom;}

.bg_content_text_bottom h3 { padding:0; margin:0 0 30px 10px;}
.bg_content_text_bottom p { padding:0; margin:0 0 20px 18px;}

.anchors li {margin:4px 0; float:left; width:210px;font-size:11px;}
.anchors a {cursor:pointer;}
/*=============================== End Internal ========================================*/

.gallery_nav {margin:0; padding:0;}
.gallery_nav a {margin:0 10px; padding:0;}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:656px; margin:20px 0 50px 25px; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:650px; height:380px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:650px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px; color:white;}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../gallery/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../gallery/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:96px; background:url(../gallery/images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:96px; background:#222 url(../gallery/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:606px; margin-left:5px; height:96px; overflow:hidden}
#slider {position:absolute; left:0; height:96px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}