@charset "utf-8";
/* 569bbe */
html,body,td,th 	{  	
	background-color: #FFFFFF;
	margin: 0px; 
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #777;
	line-height:15px;
	font-weight:normal;
	height:100%;
	
	scrollbar-face-color:#EEE ;
	scrollbar-shadow-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #FFF;
}
* html html,* html body,* html td,* html th {
	_height:auto;
	_overflow-x: hidden;
}
td,th 	{  	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #777;
	line-height:15px;
	font-weight:normal;
	letter-spacing:auto;
	_overflow:hidden;
}
#contentL{
	float:left;
	top:0px;
	margin:0px 10px 0 0;
	padding:0px;
	min-height:100%;
	max-height:100%;
    height:100%;
	position:fixed;
	width:350px;
	background-color:#FFFFFF;
	/* hack for ie*/
	#margin-left:-5px;
	#line-height:15px;
	_margin-top:-15px;
}
#contentL #container {
	min-height: 100%;
	max-height:100%;
    height: auto !important;
    height: 100%;
    margin:0px 0px -316px;
}

#contentL #container #boxMenu{
	overflow: auto;
	overflow-x:hidden;
	height:auto;
}
	
/* footer */
#contentL #footer, #contentL #push {
	height: 316px; /* 296 */
	_height: 152px;
}
.logoSpace{
	padding: 22px 24px 24px 24px;
}
.logo {
	width:170px;
	height:34px;
	background-image:url(img/blue/logo.gif);
}

.logointro {
	width:265px;
	height:51px;
	background-image:url(img/blue/logo_intro.gif);
}
#contentR{
	float:left;
	top:0px;
	margin:0px 0 -75px 360px;
	padding:75px 0 0 0;
	width:900px;
	/* hack for ie*/
	#margin:-15px 0 -75px 360px;
	_height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight - 60 : document.body.offsetHeight - 60 + 'px');
	_margin:-10px 0px -75px -360px;
	_position: absolute;
	_width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth - 400 : document.body.offsetWidth - 400 + 'px');
}
/* hack for firefox */
#contentR , x:default {margin:-15px 0 -75px 360px;}
.mainMotto {
 	position:absolute;
 	width: 400px;
 	height: 100%;
 	font-size: 0.9em;
	margin-top:-75px;
	background-image:url(img/img/dotline.gif);
	background-repeat:repeat-y;
	z-index:100;
}


.head {
	font-size: 36px;
	font-family: Helvetica, Arial, sans-serif;
}

.menu {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #777;
	text-transform: uppercase;
}
.submenu {
	font-size: 12px;
	font-weight:500;
	font-family: Helvetica, Arial, sans-serif;

	line-height:15px;
	/*padding-left: 3px;*/
}
.tableSubmenu{
	padding-bottom: 10px;
}
.submenu2 {
	font-size: 12px;
	font-weight:normal;
	font-family: Helvetica, Arial, sans-serif;

	line-height:15px;
	padding-left: 3px;
}
.menubg 	{  	
	background:url(img/img/menubg.gif) repeat;
	margin: 0px  0px 0px  0px; 
	padding: 0px  0p 0px  0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #777;
	}
.text {
	font-size: 12px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #777;
}
.h_menu {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #569bbe;
	font-weight:bold;
}
.h_smenu {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #569bbe;

}
.h_smenu2 {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #569bbe;
	line-height:15px;
	padding-left: 3px;
	font-weight:normal;
}
.activeCat {
	font-size: 12px;
	font-weight:normal;
	font-family: Helvetica, Arial, sans-serif;
	line-height:15px;
	padding-left: 3px;
	color:#569bbe;
	font-weight:bold;
}
.projList {
	font-size: 12px;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	line-height:15px;
	padding-left: 3px;
	color:#569bbe;
}
.nouse {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #569bbe;
}
/* class small IMG */
.imgL{
	width:412px;
	height:236px;
	overflow:hidden;
	padding-top:6px;
}
.smallImg{
	border:2px solid #fff;
	width:auto;
	min-width:114px;
	height:auto;
	margin-right:4px;
	margin-top:4px;
	cursor:pointer;
	float:left;
	overflow:hidden;
}
.smallImg:hover{
	border:2px solid #569bbe;
	width:auto;
	height:auto;
	margin-right:4px;
	margin-top:4px;
	cursor:pointer;
	float:left;
	overflow:hidden;
}
.clearAll{
	clear:both;
}
a:link {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #777;
	text-decoration: none;
}
a:visited {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #777;
	text-decoration: none;
}
a:hover {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #777;
}
a:active {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #777;
}
.linkActive:active{
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #569bbe;
	font-weight:bold;
}

#content {
 	position: absolute;
 	width: 400px;
 	top: 80px;
 	left: 320px;
 	font-size: 0.9em;
 	border: 1px dashed black;
	background-color: red;
 	padding: 10px;
 	z-index: 2;
  }
 

#footer #contact {
	background-color: ;
	font-size: 11px;
	font-family: Arial, sans-serif;
	text-decoration: none;
	color: #777;
	line-height:11px;
	font-weight:lighter;
	margin: 0px 0px 0px 65px;
}
#footer{
	margin: 0px 25px 0px 0px;
}
#footer .swtColor{
	padding : 0px 0px 3px 0px;
	border:0px;
}
#footer a:hover img.swtColor{
	width:15px;
	height:40px;
	overflow:hidden;
}

#footer #bottomMotto{
width:103px;
height:54px;
margin-top: 2px;
background-image:url(img/blue/footerMotto.gif);
position:fixed;

}

/* contact */
.contactInput {
	width:300px;
 	font-size: 11px;
	font-family: Arial, sans-serif;
 	border: 1px solid #333333;
  }


/* project content */
.projectTitle {
	font-size: 20px;
	font-family: Arial, sans-serif;
	text-decoration: none;
	color: #777;
	font-weight:bold;
	margin: 0px;
	padding:0px 0px 5px 0px;
}
.projectSubTitle {
	font-size: 12px;
	font-family: Arial, sans-serif;
	text-decoration: none;
	color: #777;
	font-weight:normal;
	margin: 0px;
	padding:7px 0px 20px 0px;
}


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 20%;
    left: 50%;
    
    margin-left: -300px;
    width: 335px;
    
    background-color: #FFF;
    color: #333;
    border: 1px  dotted #777;
    padding: 12px;
}

.jqmOverlay { background-color:#FFF;}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}