
/* CSS Document */


* { margin: 0; padding: 0; }

a {
	font: normal 8pt Tahoma, serif;
	color: #222;
}

a:link, a:visited {
	font: normal 8pt Tahoma, serif;
	text-decoration:none;
	border-bottom: 1px dotted #999;
}

a:hover {
	font: none 8pt Tahoma, serif;
	color: #089c9d;
	text-transform: none;
	border-bottom: 1px dashed #089c9d;
}



#wrapper {
	background: #fff;
}




#tagcopy {
	
	text-align: left;
	position: relative;
	width:694px;height:120px; 
/*	font: normal 9pt/12pt verdana;*/
	background:#fff;
	z-index: 8;
margin: auto;margin-top: 20px;

}

#tagcopy-zoom {
	border-left:10px solid white;
 
	border-bottom:5px solid white;

	position: absolute;
	width:89%;height:220px ;
/*	font: normal 9pt/12pt verdana;*/
	background:white;
	overflow:auto;
	top:150px; 
	margin-top:5px;
	visibility: hidden;
margin: auto;



}

#tagcopy-zoom h1 {
	margin-bottom: 10px;margin-top: 10px;
}

#homenav {
	z-index: 9;
	position: absolute; 
	margin-top:-50px;margin-left:21px;  
	
	visibility: hidden;

	text-align: left;


}

#homenav a {

	font: normal 8pt Tahoma, serif;
	line-height: 2em;
	color: #666;
}

#homenav a:link, a:visited {

	text-decoration:none;
	border-bottom: 0px dotted #999;
}

#homenav a:hover {

	color: #000;
	text-transform: none;
	border-bottom: 1px dotted #000;
}



#tagline{ 
	text-align: center;
	width:99%;height:40px;
	background: white url(images/tagline_blue.gif) no-repeat center center;

}

#nav-container {


background: white;

}


#nav {
	text-align: center;
	background: white;
	width:100%; height: 50px;
	padding-top:40px; 
	padding-bottom:35px; 


}

#nav span {
font: bold 10pt Tahoma, serif;
color: #116280;
}

#nav-text {
background: #fff; text-align: center;
}

#nav-text .text {
font: normal 10pt Tahoma, serif;
color: #999; text-align:left;
}

#nav a {
	font: 9pt Tahoma, serif;
	line-height: 2em;
	color: #666;
}

#nav a:link, a:visited {

	text-decoration:none;
	border-bottom: 1px dotted #999;
}

#nav a:hover {

	color: #000;
	text-transform: none;
	border-bottom: 1px dashed #99CC00;
}

#wrapper {
}



#footer { 

	padding-top: 8px;
	background: #Fff;
	text-align:center;
	font: normal 8pt Tahoma, serif;
	padding-left: 10px;
}





/*****************************************/


h1 {
	margin-top: 0;
}



.last {
	margin-bottom: 0;
}

.clearing {
	height: 0;
	clear: both;
}

.georgia {
	font: normal 12pt/14pt Georgia, serif;
}
.verdana {
	font: normal 10pt/13pt verdana, sans serif;
}

.tahoma {
	font: normal 12pt/14pt tahoma,serif;
}

.tahoma {
	font: normal 12pt/14pt trebuchet MS,serif;
}



body {
	margin-top: 1%;
	margin-left: 3%;
	margin-right:3%;
	background: #fff;
}




/* CSS for the box starts here 
http://www.456bereastreet.com/archive/200406/flexible_box_with_custom_corners_and_borders/
*/


.box2 {
	padding:0 12px 0 0;
	background:#fff url(images/borders2.gif) 100% 0 repeat-y;
}
.bi2 {
	padding:0 0 0 12px;
	background:#fff url(images/borders2.gif) 0 0 repeat-y;
}
.bt2 {
	height:17px;
	margin:0 -12px;
	background:url(images/box2.gif) 100% 0 no-repeat;
}
.bt2 div {
	width:18px;
	height:17px;
	background:url(images/box2.gif) 0 0 no-repeat;
}
.bb2 {
	height:17px;
	margin:0 -12px;
	background:url(images/box2.gif) 100% 100% no-repeat;
}
.bb2 div {
	width:18px;
	height:17px;
	background:url(images/box2.gif) 0 100% no-repeat;
}
.box2 h1 {
	margin:0;
	padding:0.4em 2px;
	background:#efece6;
	font:bold 1.5em/1 Arial, Helvetica, sans-serif;
}

.box2 h2 {
	margin:0;
	padding:0.3em 10px;
	/* background:#efece6; */
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}

.box2 h3 {
	/*
	margin:0;
	padding:0.3em 10px;
	background:#efece6; 
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	*/
display:none;
}

h3 {display:none;}


/* new experiment */

.box {
	padding:0 14px 0 0;
	background:#fff url(images/borders2.gif) 100% 0 repeat-y;
}

.bi {
	padding:0 0 0 12px;
	background: #fff url(images/borders2.gif) 0 0 no-repeat;
}
.bi2 {
	padding:0 0 0 14px;
	background:#fff url(images/borders2.gif) 0 0 repeat-y;
}
.bt {
	height:140px;
	margin:0 -12px;
	background:url(images/box-block.gif) 100% 0 no-repeat;
}
.bt div {
	width: 18px;
	height:17px;
	margin-left: -2px;
	background:url(images/box-block.gif) 0 0 no-repeat;
}

.bb {
	height:17px;
	margin:0 -14px;
	background:url(images/box3.gif) 100% 100% no-repeat;
}
.bb div {
	width:18px;
	height:17px;
	background:url(images/box3.gif) 0 100% no-repeat;
}

.box h1 {
	margin:0;
	padding:0.4em 2px;
	background:#E1EBEF;
	font:bold 1.2em Trebuchet MS, Arial, Helvetica, sans-serif;
}

.box h2 {
	margin:0;
	padding:0.3em 10px;
	/* background:#efece6; */
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}

.box h3 {
	margin:0;
	padding:0.3em 10px;
	/* background:#efece6; */
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}




#header {margin-top:-9px;
	width: 100%; height: 140px; 
	background: #88B0C1 url('images/header_tr.gif') no-repeat top right;
 position: absolute7;
}


#newlogo {margin-top: -140px;
	width: 100%; height: 140px; 
	background: #88B0C1 url('images/header_logo2.gif') no-repeat top left;


}

#newcontact {
	width: 100%; height: 140px; margin-top: -143px;
	background: transparent url('images/header_contact_kris.gif') no-repeat center right;

}


