/* CSS Document */
/* colors used in site
dark aqua #0077bb or 07b
med aqua #00bbed  
light aqua #88ccee
grey #dddddd
yellow #ffee33 
orange #ff9933*/

/* CLEAR ALL BROWSER DEFAULTS */
body, p, img, form, ul, li, span, img, a, img a, td, tr, table{
margin: 0;padding: 0;border: 0;}
ul, ul li {list-style-type: none;}
iframe, img, img a{border: 0;}

/* styles */
body{text-align: center; background-color: #eee}
p { 
    text-align: justify; 
    padding-bottom: 15px; }
img { margin-bottom: 1px; }
#wrapper{
     	margin: 10px auto;
     	position: relative;
	width: 960px;
	min-width: 760px;
	max-width: 1000px;
	text-align: left;
	background-color: #fff;
	border-top: 5px solid #07b;}

#menu, #banner, #content, #footer{
	position: relative;
	clear: both;
	margin: 0 15px 10px 15px;}

.right{float: right; margin: 0 0 0 15px;}
.left{float: left;margin: 0 15px 0 0 ;}
.center{text-align: center;}
.clear {clear:both; height:1px;}
.banner{float: left;width: 610px;}

/* font sizes */
body, p {font: 12px/18px  Arial, Verdana, Helvetica, sans-serif; }
h1{font-size: 18px; line-height: 18px; margin: 0 0 15px 0; text-transform: uppercase;}
h2{
	font-size: 18px; 
	line-height: 18px; 
	letter-spacing: 2px; 
	margin: 0 0 15px 0;
	text-transform:uppercase;
	font-family: "MS Trebuchet",  Verdana, Arial, sans-serif;}

h3, h4 {
      	font-size: 14px; 
	line-height: 14px; 
	margin: 15px 0 15px 0;
}
.smalltext{font-size: 9px;}

.box{ padding: 0 15px 0 0; }

.graybox{ padding: 10px; background-color: #eee; color: #000;}

#footer p{font-size: 9px; line-height: 30px;}

/* ---- font colors ---- */
body{color: #555;}
a {color: #07b; text-decoration:none;}
a:hover{color: #e93;}
h1, h2, h3 {color: #07b;}
h4{color: #ff9933}
/* top menu styles */ 
#nav {width: 100%;
	float: right;
      font-family: Arial, Verdana, Helvetica;
}
#nav ul {
	float: right;
	margin: 0;
	padding: 0;
}
#nav ul li {
	display: inline;	
	float:left;	
	margin: 0;
}
#nav ul li a{
	display: block;
	padding: 0 15px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	letter-spacing: 1px;
}
#nav ul li a:hover{
	background-color: #88ccee;
	color: #fff;
}

/* sub navigation used on vision page */
#subnav {    
	float: left;
	margin: 0;
	width: 195px;    
	font-family: Arial, Verdana, Helvetica;
}
#subnav ul {
	margin: 0;
	padding: 0;
}
#subnav ul li {	
	display: block;
      width: 180px;
	margin: 0;
      padding: 0;
	border: 0;
}
#subnav ul li a{
	display: block;
	text-indent: 15px;
	line-height:25px;
	font-size: 14px;
	letter-spacing: 1px;
	border-left: 5px solid #07b;
	background-color: #fff;
}
#subnav ul li a:hover{
	border-left: 5px solid #0be;
	background-color: #07b;color: #fff;
}

/* numbered lists */
ol { 
	margin: 0; 
	padding: 0;  
	list-style-type: decimal;
}
ol li {
	margin: 5px 30px; 
	padding: 0; 
	display: list-item; 
	list-style-type: decimal;
}

/* other styles */
#banner{ 
	background:#88ccee url(images/bannerbg.gif) repeat-x; 
	height: 100px; 
}
.bannertitle {
	font-family: Verdana, Arial, sans-serif;
	float: right; 
	padding: 0 15px; 
	line-height: 100px; 
	color: #fff; 
	font-size: 20px;
	font-weight: bold;
	border-left: 1px solid #fff;
	max-width: 140px;
}
#widecontent{
	width: 100%;
	clear: both;
}
#homecontent{
	position: relative;
	float: right;  
	width: 64%; 
	min-width: 500px; 
	margin-left: 15px; 
} 
#visioncontent {
	position: relative;
	float: right;  
	width: 70%;
	min-width: 500px; 
	margin-left: 15px; 
}
.large{font-size: 16px; }
.bordered{
	border: 3px solid #999; 
	text-align: center;}
#toggler dt,
#toggler1 dt,
#toggler2 dt {
	color: #0077bb; 
	font-size: 14px; 
	font-weight: 600; 
	cursor: pointer;}

#toggler dt:hover,
#toggler1 dt:hover,
#toggler2 dt:hover {color: #ccc;}

#toggler dd,
#toggler1 dd,
#toggler2 dd {display: none; margin: 5px 0 15px 0; }

/* LINKS effects services and Products page */

#svcitem {
      clear: both;
      position: relative;	
	padding-top: 10px;
      border-bottom: 1px solid #ccc;
 	background-color:#eee;
      float: left;
      width: 100%;
      margin-bottom: 10px;
}
#svcitem a {	
	display:inline;	
	padding-left: 10px;	
	text-decoration: none;	
	color: #07b;
}
#svcitem a:hover {	
	background: transparent;
	text-decoration: none;
}
#svcitem a span{	
	display:none;}
#svcitem a:hover span{	
	display: inline;	
	position:absolute;
	top:30px;
	left:200px;
      width: 300px;
	padding: 0;
      color: #333;
}
#products {clear: both;}
#products dt {font-weight: bold;}
#products dd {margin: 0;}

/* investment page */
.paypalhead {
	width: 220px; 
	background-color: #07b; 
	color:#fff; 
	padding: 10px; 
	float: left;
}
.paypal form { 
	background-color: #f93; 
	color: #fff; 
	margin: 0; 
	padding: 10px; 
	text-indent: 0;
}
#emailformbox{ 
	background-color: #eee; 
	padding: 5px; 
	color:#333; 
	width: 400px;
}
#emailformbox form legend{
	font-weight: bold; 
	color: #0077bb; 
	font-size:14px;
}
#emailformbox form label{      
	display: block;
      float: left;
      width: 200px;
      min-width: 150px; 
      text-align: left;
}
#emailformbox form input,
#emailformbox form textarea{}
#emailformbox form input .checkbox{
     width: 30px;
     text-align: left;
}
td{text-align: center; padding: 5px 0; border: 1px 
solid #999;}
.noborder{border: 0; text-align: left; }

.even{background-color: #fff;}
.odd{background-color: #ddd;}
/* footer styles - some attributes above */

#footer{ 
	background-color: #ddd; 
	height: 30px;}
#footer p{ padding: 0 15px; }