/* Pixel Stew 2009 */
/*  content item layout  */
 /*----------------- css reset------------------------------------*/
/* Remove padding and margin */
html, body, div, span,   
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
img, ins, kbd, q, s, samp,  
small, strike, strong,   
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td {  
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    font-size: 100%;  
    vertical-align: baselinebaseline;  
    background: transparent;  
}  
body {  
    line-height: 1;
}  
/* fixing the IE/Win Disappearing List-Background Bug */
ol, ul {  
    list-style: none;  
}  
blockquote, q {  
    quotes: none;  
}  
blockquote:before, blockquote:after,  
q:before, q:after {  
    content: '';  
    content: none;  
}  
  
table {  
    border-collapse: collapse;  
    border-spacing: 0;  
}
/*------------------reset ends-----------------*/

*{font-family: Verdana, Helvetica;
font-size: 70%;
}

html {height: 100%;
	}
body {
	line-height: 1;
	color: black;
	background:#eff3f2;
	height: 100%;
	}
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
	
.content, .translucentbkg, #back, p, ul, li{font: 1em/1.4em 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color:#000;}
h2 {font:bold 1.2em'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color:#000; text-align:left;}
h3 {font: 1.4em'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color:#000; text-align:left; padding:5px 0 5px 0;}
h4 {font:bold 1.8em'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color:#000; text-align:left;}
body{font-size:62.5%; }
.wrapper{ width:100%;float:left; margin:0 auto 0 auto;}
.wrapback{ width:100%; height:100%;float:left; background:url(../images/New3.2.jpg) no-repeat;}

.header{ float:left;width:910px;height:400px;text-align:left; /* reset text centering in IE 5.x */
		overflow:hidden; /* clearing floats */ }

#nav{
margin:0 auto; 
position:absolute; 
top:315px;
left:20px;
padding-left:0px; 
padding-bottom:5px;
}

#nav ul{
float:left; 
list-style:none; 
text-align:left;
}
#nav li { 
display: inline;
padding: 0;
margin: 0;
}
.nav li a{ 
font:bold 1.2em/1.4em'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;color:#000;
}
.nav li a:hover, li a:active{
text-decoration:none;
}
#nav li:before {
content: "| "; 
color:#000;
}
#nav li:first-child:before {
content: ""; 
}

/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

.current {
font:bold 1.2em/1.4em'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color:#97aea6;
}

.del_links li a{color:#626262; float:left;}
.del_links li a:hover, #nav li a:active{ color:#626262; text-decoration:none;}

.links a{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#626262; float:left;}
.links a:hover, #nav li a:active{ color:#626262; text-decoration:none;}


.number1{ position:absolute;top:380px;  left:24px; width:44px; height:53px; z-index:1;}
.number2{ position:absolute;top:380px;  left:248px; width:44px; height:53px; z-index:1;}
.number3{ position:absolute;top:380px;  left:472px; width:44px; height:53px; z-index:1;}
.logo{ position:absolute; top:30px; left: 30px; width: 250px; height:44px; z-index:1;}
.content{ float:left;width:100%; height:100%;left:27px; margin: 0 auto; clear:left;}

.back {float:left; width: 700px; height: 245px; padding:0 0 0 50px; /* to match DIVs size */ background-color: #ffffff;/* the background */ 
filter:alpha(opacity=100);/*ie*/  opacity: 100;}/*ff*/	  	
.back DIV.translucentbkg {float:left; width:700px; padding:5px 5px 0 50px; height:220px; /* to match DIVs size*/position:absolute; z-index: 2;   /* the background*/}

.bg_box_container{ float:left; width:800px; height:100%; margin-bottom:20px; padding:0 0 0px 30px; }
.bg_box{ float:left; width:225px; height:219px;background:url(../images/bg_box.png) no-repeat; border:solid 0px #000;}
.bg_box DIV.space{ float:left; width:220px; height:225px;}
.bg_box DIV.inside{ float:left; width:178px; border: 0px #000; padding: 20px 5px 0 30px;}
.bg_box DIV.title{ float:left; width:135px; border: 0px #FF0000;font:bold 1.6em/1.4em 
'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color:#000; text-align:center; border-bottom:dotted 1px #898989;}
.bg_box .info{ float:left; width:135px; border: solid 0px #000; padding:6px 0 0 0;}
.bg_box img{  border: solid 0px #000;}
 
.content2pic{ float:left; width:292px; } 
.content2bg{
float:left;
width:750px;
min-height:50px;
height:auto !important;
height:50px;/*Needs to match the min height pixels above*/
background-color:#FFFFFF;
padding:0px 10px 0px 5px; 
margin-left:10px; 
margin-bottom:10px;  
filter:alpha(opacity=80);/*ie*/ opacity: .8;/*ff*/

} 

.content2text{ float:left; width:743px; padding:5px 5px 5px 5px;min-height:50px;height:auto !important;/*Needs to match the min height pixels above*/
 margin-left:10px; margin-bottom:10px;}
.content3bg{ float:left; width:680px;height:100%;background-color:#FFFFFF; padding:0px 5px 0px 5px;  margin-left:10px; margin-bottom:10px;
filter:alpha(opacity=80);/*ie*/ opacity: .8;/*ff*/} 
.content3text{ float:left; width:651px; padding:5px 5px 5px 5px; height:100%; margin-left:10px; margin-bottom:10px;}
 
   <!-- Photo gallery   -->
  /*-----------------------------------------------------------------------------*/  
.bgpic{ border-bottom: 0px #000; float:left;}
.bgpic{ padding:2% 3% 2% 3%; float:left;}
.bgpic img{width:100px; height:100px; float:left;}

<!-- change border color on hover  / -->
  /*-----------------------------------------------------------------------------*/
.bgpic { float:left;	cursor: url(highslide/graphics/zoomin.cur), pointer;outline: none;}
.bgpic img {	border: 3px solid gray;}
.bgpic:hover img {border: 3px solid #d93b75;}

/*--------------------------------------------------------------------------------------------*/
 /*----------------- Bottom Content------------------------------------*/
 /*--------------------------------------------------------------------------------------------*/
.bottom_content{width:100%;float:left; padding:10px 0 20px 0; background:url(../images/bottombg.jpg) no-repeat;  } 
.bottom_content .contact{ float:left; width:200px; padding:0px 0 0 100px; border-right:dotted 1px #000;}
.bottom_content .contact ul{ float:left; width:250px;  }
.bottom_content .contact li{ float:left; text-align:left; width:250px; list-style:none; padding:5px 0 0 0;}

.bottom_content .expert{ float:left; width:300px; padding:0px 0 0 50px}
.bottom_content .expert ul{ float:left; width:300px;}
.bottom_content .expert li{ float:left; text-align:left; width:300px; list-style:none; padding:5px 0 0 0;}

.footer{float:left; width:100%;background-color:#d9f4f2; border-top:dotted 1px #000;text-align:center;padding:5px 0 0 0; margin-left:-3px;/*fix duplicate char in ie6*/min-height:20px;height: auto !important;height: 200px;}
.clear{ clear:left;}
.spacer{ float:left; width:800px; height:25px; margin:0 auto; clear:both; padding:0 0 0 30px; }

.more a{color:#626262; float:right; padding:0 7px 0 0;}
.more a:hover, #nav li a:active{ color:#626262; text-decoration:none;}

.imgstroke{ border: solid 2px #0f4a44;}
.noborder{ border-right:none;}
.li navborder{ border-right:dotted 1px #000;}
.foo {
min-height:200px;
height: auto !important;
height: 200px;
padding:0px 0 0 0;
}
/*-- the drop cap --*/ 
.dropcap {
margin-right:6px;
margin-top:5px;
float:left;
color:#000;
background:none;
border:0px solid #c0c0c0;
font-size:80px;
line-height:60px;
padding-top:2px;
padding-right:5px;
font-family:times;
}

.linkBot{margin-bottom:10px; display:block;}
/*---------- bubble tooltip -----------*/
a.tt{
position:relative;
z-index:24;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; background:;}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #993300;
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px; 
background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url(../images/bubble.gif) no-repeat bottom;
}
@font-face {
font-family: 'KomikaTitleRegular';
src: url('KomikaTitle.eot');
src: local('Komika Title Regular'), local('KomikaTitle'), url('KomikaTitle.ttf') format('truetype');
}

h6.fontface {font: 40px/38px 'KomikaTitleRegular', times, sans-serif;letter-spacing: 0;}