@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#ebebeb; }
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0; background:#ebebeb url(images/header_bg.gif) top repeat-x; height:99px; }
.header { width:960px; margin:0 auto; padding:0; }
/********** mimtech-popup *********/
/* twitter */
#twitter {
	height:35px;
	width:35px;
	cursor:pointer;
	position:absolute;
	left:0;
	top:0;
	z-index:105;
	}
#twitter .trigger {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	width:25px;
	height:25px;
	position:absolute;
	left:5px;
	top:76px;
	background:url(images/twitter_sm.png) no-repeat bottom left;
	text-indent:-9999px;
	font-size:1px;
	}
#twitter .popup {
	display:none;
	width:310px;
	height:400px;
	padding-top:17px;
	background:url(images/engage_bg.gif) repeat-x;
	position:absolute;
	top:0;
	left:0;
	}	
#twitter .popup h2 { 
	color:#f4612c;
	padding:0 0 0 10px;
	font: bold 18px Trebuchet MS, Arial, Helvetica, sans-serif;
	}	
#twitter .popup h2 span {display:block; font: normal 11px/1.6em Trebuchet MS, Arial, Helvetica, sans-serif; color:#f4612c;}
#twitter .popup ul { margin:0; padding: 5px 10px 20px 10px;	list-style:none;}
#twitter .popup ul li {font:normal 12px Trebuchet MS, Arial, Helvetica, sans-serif; color:#fff; line-height:1.8em; padding:0 10px 20px 10px; margin:0;}
#twitter ul#twitter_update_list li {text-decoration:none; color:#fff; line-height:1.8em; font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif; }
#twitter ul#twitter_update_list li a, #twitter ul#twitter_update_list li a:link, #twitter ul#twitter_update_list li a:active, #twitter ul#twitter_update_list li a:visited {
	text-decoration:none; color:#f4612c; line-height:1.8em; font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif;
	}
#twitter .popup a, #twitter .popup a:link, #twitter .popup a:visited, #twitter .popup a:active {
	text-decoration:none; color:#f4612c; line-height:1.8em; font: bold 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	}
img.twitter {
	cursor:pointer;
	}	
ul#top_buttons li.active {
	background-position:top left;	
	}
	
ul#twitter_update_list li 
{
    text-decoration:none;
    color:#5a5a5a;
    line-height:1.8em;
    font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;
    border-bottom:dashed 1px #5a5a5a;
    padding:10px 0px 10px 5px;
    
}
ul#twitter_update_list li a, ul#twitter_update_list li a:link, ul#twitter_update_list li a:active, ul#twitter_update_list li a:visited {
	text-decoration:none;
	color:#f4612c;
	line-height:1.8em;
	font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	}
/* share */
#share {
	height:35px;
	width:35px;
	cursor:pointer;
	position:absolute;
	left:0;
	top:0;
	z-index:106;
	}
#share .trigger {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	width:25px;
	height:25px;
	position:absolute;
	left:43px;
	top:75px;
	background:url(images/share_sm.png) no-repeat bottom left;
	text-indent:-9999px;
	font-size:1px;
	}
#share .popup {
	display:none;
	width:310px;
	height:400px;
	padding-top:17px;
	background:url(images/engage_bg.gif) repeat-x;
	position:absolute;
	top:0;
	left:0;
	}
#share .popup h2 { 
	color:#f4612c;
	padding:0 0 0 10px;
	font: bold 18px Arial, Helvetica, sans-serif;
	}
#share .popup h2 span {display:block; font: normal 11px/1.6em Arial, Helvetica, sans-serif; color:#c0c0c0;}
#share .popup a, #share .popup a:link, #share .popup a:visited, #share .popup a:active  {
	text-decoration:none; color:#5a5a5a; line-height:1.8em; font: normal 12px Arial, Helvetica, sans-serif; padding:0 10px 0 10px;
	}
#share .popup p {text-align:center; padding-right:30px;}
#share img { border:0px; float:none; vertical-align:middle; padding:0; margin:0; }
/* interact */	
#interact {
	height:35px;
	width:35px;
	cursor:pointer;
	position:absolute;
	left:0;
	top:0;
	z-index:107;
	}
#interact .trigger {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	width:25px;
	height:25px;
	position:absolute;
	top:75px;
	left:83px;
	background:url(images/interact_sm.png) no-repeat bottom left;
	text-indent:-9999px;
	font-size:1px;
	}
#interact .popup {
	display:none;
	height:400px;
	min-width:930px;
	width:930px;
	padding-top:17px;
	background:url(images/engage_bg.gif) repeat-x;
	position:absolute;
	top:0;
	left:0;
	}
#interact h2 { 
	color:#f4612c;
	font: bold 18px Arial, Helvetica, sans-serif;
	}
#interact h2.big { font: bold 18px Arial, Helvetica, sans-serif; color:#ffffff; margin:0;  padding:0 0 0 10px;}
#interact h2 span {display:block; font: normal 11px/1.6em Arial, Helvetica, sans-serif; color:#c0c0c0;}	
#interact .popup_left {float:left; width:250px; margin:0 0 0 10px;}
#interact .popup_middle {float:left; width:250px; margin:0 0 0 50px;}
#interact .popup_right { float:left; width:250px; margin:0 0 0 55px;}
#interact label {
	margin:1px 0;
	font:normal 12px Arial, Helvetica, sans-serif; 
	color:#ffffff; 
	line-height:1.8em; 
	padding:0 0 0 5px; 
	margin:0;
	}
#interact input.text {
	width:200px;
	background-color: #c0c0c0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	border:1px solid #5a5a5a;
	margin:0 0 10px 5px;
	}
#interact input.submit {
	border:none;
	background:none;
	color:#f4612c;
	font-size:1em;
	width:100px;
	text-align:left;
	padding:0 0 0 5px;
	margin:0;
	cursor:pointer;
	font-weight:bold;
	}
#interact a, #interact a:link, #interact a:active, #interact a:visited {
	text-decoration:none; color:#c0c0c0; line-height:1.8em; font: bold 12px Arial, Helvetica, sans-serif; padding:0 10px 0 10px;
	}
/* logo */
.logo { padding:0; margin:0; width:359px; float:left;}
/* menu */	
.menu { padding:30px 0 0 0; margin:0 auto; width:600px; float:right; }
.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#a9a8a8; font:normal 14px Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:12px 9px; background:none;}
.menu ul li a:hover {  background: url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span {   background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active {  background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span {   background:url(images/l_menu.gif) no-repeat left;}
/* search */
.search { padding:15px 0 5px 0; margin:0 auto; width:320px;}
.search form { display:block; float:left; padding:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:263px; padding:0 5px 0 0; height:33px;}
.search form .keywords { line-height:14px; height:17px; float:left; background: url(images/search_bg.gif) left top no-repeat; border:0;  padding:8px 5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#6c6c6c;}
.search form .button { float:left; margin:0; padding:0;}
/*header_text_bg*/
.header_text_bg { margin:0; padding:16px 0 16px 0; background: url(images/header_text_bg.gif) top repeat-x; }
.header_text_bgA { margin:0; padding:0px; background: url(images/header_text_bg.gif) top repeat-x; }
.header_text_bg2 { margin:0; padding:19px 0 0 0; background: url(images/header_text_bg2.gif) top repeat-x; height:120px;}
.header_text_bg3 { margin:0; padding:19px 0 0 0; background: url(images/header_text_bg3.gif) top repeat-x; height:25px;}
.header_text2 { margin:0 auto; padding:5px 10px; width:938px;}
.header_text2 h2 { width:380px; float:left; margin:0; padding:20px 0 0 20px; font: bold 30px Trebuchet MS, Arial, Helvetica, sans-serif; color:#fff;}
.header_text2 p { width:350px; float:right; margin:0; padding:20px 0 10px 0; font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif; color:#e6e6e6;}
.bread { width:600px; float:left; margin:0; padding:29px 0 0 20px; font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif; color:#5a5a5a; }
.bread2 { width:600px; float:left; margin:0; padding:1.7px 0 0 20px; font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif; color:#5a5a5a; }
.bread a { text-decoration:none; color:#f4612c; line-height:1.8em; font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;}
.bread2 a { text-decoration:none; color:#f4612c; line-height:1.8em; font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;}
.follow p { width:210px; float:right; text-align:right; margin:0; padding:35px 0 0 25px; font: bold 11px Arial, Helvetica, sans-serif; color:#000000;}
.follow img { float:none; padding:0; margin:5px 5px; vertical-align:middle; border:0px; }
/*header_text*/
.header_text { margin:0 auto; padding:5px 10px; width:938px; background:#272727; border:1px solid #373737; }
.header_text h2 { font: normal 14px Trebuchet MS, Arial, Helvetica, sans-serif; color:#f0f0f0; padding:5px 0; margin:0;}
.header_text h2 span { font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color:#e6e6e6;}
.header_text img { float:right; margin:0; padding:5px 0 0 0;}

/* simple jQuery slideshow */

#slideshow {
    position:relative;
    height:275px;
    width:960px;
    overflow: hidden;
    margin:0 auto;
    padding:0px; 
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* s3slider on homepage style */
.s3slider_resize { width:960px; margin:0 auto; padding:0px; }

#s3slider { 
   width: 960px; /* important to be same as image width */ 
   height: 275px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}
#s3slider2 { 
   width: 960px; /* important to be same as image width */ 
   height: 375px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}
#s3sliderContent {
   width: 960px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   left: 0;
   border: 0;
   float: left;
   margin: 0;
   margin-right: 0;
   padding: 0;
   right: 0;
   list-style-type: none;
}

.s3sliderImage {
   float: right; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   float: left;
   left: -300px;
   font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color:#e6e6e6;
   padding: 10px 13px;
   width: 254px;
   height: 230px;
   background-color: #272727;
   border: solid 1px #373737;
   filter: alpha(opacity=100); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.s3sliderImage span a { text-decoration:none; color:#f4612c; line-height:1.8em; font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; float:right;}

/********** body **********/
.body_resize { margin:0; padding:0;  background:#fff;}
.body { width:930px;  margin:0 auto; padding:10px 10px;}
.body h1 { font: bold 20px Trebuchet MS, Arial, Helvetica, sans-serif; color:#f4612c; margin:0;  padding:10px 5px;}
.body h2 { font: bold 18px Trebuchet MS, Arial, Helvetica, sans-serif; color:#f4612c; margin:0;  padding:10px 5px;}
.body h2 span { display:block; font: normal 11px/1.6em Trebuchet MS, Arial, Helvetica, sans-serif; color:#5a5a5a;}
.body h2.big { font: bold 18px Trebuchet MS, Arial, Helvetica, sans-serif; color:#000000; margin:0;  padding:0;}
.body h3 { font: bold 15px Trebuchet MS, Arial, Helvetica, sans-serif; color:#f4612c; margin:0;  padding:10px 5px;}
.body img { float:left; padding:0; margin:10px 5px; }
.body img.portf { margin:5px auto; padding:0;}
.body img.floated { float:right; padding:0; margin:10px 5px;}
.body p { font:normal 12px Trebuchet MS, Arial, Helvetica, sans-serif; color:#5a5a5a; line-height:1.8em; padding:5px 5px; margin:0;}
.body p.big { font:normal 13px Trebuchet MS, Arial, Helvetica, sans-serif; color:#5a5a5a; line-height:1.8em; padding:5px 5px; margin:0;}
.body p.grey { color:#565656;}
.body strong { color:#272727;}
.body p span { color:#4a8094; font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; line-height:1.8em;}
.body a { text-decoration:none; color:#f4612c; line-height:1.8em; font: normal 13px Trebuchet MS, Arial, Helvetica, sans-serif;}
.body ul { list-style:none; margin:10px auto; padding:0;}
.body li { padding:3px 0 3px 15px; margin:0; font: normal 13px Trebuchet MS, Arial, Helvetica, sans-serif; color:#5a5a5a; }
.body ul.privacy { list-style:none; margin:10px auto; padding:0;}
.body li.privacy { background:url(images/ul_li.gif) left no-repeat; padding:3px 0 3px 15px; margin-left:20px; font: normal 13px Trebuchet MS, Arial, Helvetica, sans-serif; color:#5a5a5a; }
.right { width:330px; float:left; padding:5px 10px; margin:0;}
.right a { text-decoration:none; color:#f4612c; line-height:1.8em; font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;}
.right ul.privacy { list-style:none; margin:10px auto; padding:0;}
.right li.privacy { background:url(images/ul_li.gif) left no-repeat; padding:3px 0 3px 15px; margin-left:20px; font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif; color:#5a5a5a; }
.left { width:560px; float:left; padding:5px 10px; margin:0;}
.block { width:255px; float:left; margin:10px; padding:0;}
.blockA { width:265px; float:left; margin:0px 10px 0px 0px; padding:0;}
.port { padding:5px 10px;}
.port_row {padding: 0; margin:0; float:left; }
.port_resize { width:282px; float:left; margin:0; padding:10px 5px;}
.bookmark {width:520px; border: solid 1px #c0c0c0; vertical-align: middle; }
p.clr, .clr { clear:both; padding:0; margin:0;}
/*FBG*/
.FBG { background:#f5f5f5; border-top:1px solid #e6e6e6; margin:0; padding:0;}
.FBG_resize { width:930px; margin:0 auto; padding:20px 10px;}
.FBG_resize p { font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color:#717171; padding:5px; margin:0; line-height:1.8em;}
.FBG_resize ul { list-style:none; margin:10px auto; padding:0;}
.FBG_resize li { background:url(images/ul_li.gif) left no-repeat; padding:3px 0 3px 15px; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#717171; }
.FBG_resize img { padding:0; margin:5px 5px; vertical-align:middle; border:0px; }
.FBG_resize a { text-decoration:none; color:#2a2a2a; font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif;}
.FBG_resize h2 { font: bold 14px Trebuchet MS, Arial, Helvetica, sans-serif; color:#2a2a2a; padding:5px; margin:0;}
.FBG_resize h2 a { font: bold 14px Trebuchet MS, Arial, Helvetica, sans-serif; color:#2a2a2a; padding:0px; margin:0;}
.FBG_resize .right {width:275px; float:right; margin:0; padding:10px 10px;}
.FBG_resize .left { width:150px; float:right; margin:0; padding:10px 10px;}
/* END_bloga*/
/*************footer**********/
.footer {padding:0;  margin:0; background:url(images/footer_bg.gif) top repeat-x;}
.footer_resize { width:930px; margin:0 auto; padding:0 10px;}
.footer p { font:normal 11px  Trebuchet MS, Arial, Helvetica, sans-serif; color:#6d6d6d;}
.footer a { text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; color:#7a7a7a; text-decoration:none; padding:5px; margin:0;}
.footer img { margin:0; padding:0; float:left;}
.footer p.leftt { text-align:left; width:350px; margin:0; padding:15px 0 0 0; float:right;} 
/********** contact form **********/
.error { width:500px; border:dashed 1px #5a5a5a; background:#ebebeb; font:normal 12px Trebuchet MS, Arial, Helvetica, sans-serif; color:#ff0000; line-height:1.8em; padding:5px 5px; margin:5px;}
/********** helpdesk form **********/
/*
#helpdeskform { margin:0; padding:5px 10px;}
#helpdeskform * { color:#F00;}
#helpdeskform ol { margin:0; padding:0; list-style:none;}
#helpdeskform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#helpdeskform li.buttons { margin:5px 0 5px 0;}
#helpdeskform label { margin:0; width:110px; display:block; padding:10px 0; color:#5e5e5e; font: bold 12px Arial, Helvetica, sans-serif;  float:left;}
#helpdeskform label span { color:#F00;}
#helpdeskform input.text { width:200px; border:1px solid #e8e8e8; margin:10px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#helpdeskform textarea { width:410px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#fff; float:left;}
#helpdeskform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}
*/
/* home news */

.news_headline a { font: bold 16px Trebuchet MS, Arial, Helvetica, sans-serif; color:#000; margin:0;  padding:0;}
.newsdate { font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; padding:0 0 0 5px; color:#5a5a5a; }
/* section navigation */

.glossymenu{
margin: 5px 0;
padding: 0;
width: 320px; /*width of menu*/
}

.glossymenu a.menuitem{
background: black url(images/glossyback.gif) repeat-x bottom left;
font: bold 14px Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
height: 18px;
padding: 12px 0;
padding-left: 10px;
text-decoration: none;
border-top: solid 1px #7f7f7f;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 2px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px dashed #f4612c;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px Trebuchet MS, Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}