*{
margin:0;
padding:0;
}

body{
background: #f8fdff url("img/bg2.png") repeat-x 0% 0%;
font-size: 10px;
font-family: "Lucida Grande", Tahoma,Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#666;
padding:0;
margin:0;
}

img.center {
display: block;
margin: 5px 0 0 35px;
}

img {
border: 0;
}

/* ----------font styles-------------- */

a {color:#006699;font-weight:bold;text-decoration:underline;}
a:visited {color:#996699;font-weight:bold;text-decoration:underline;}
a:hover,a:active {color:#ff6666;font-weight:bold;text-decoration:underline;}

h1 {
font-family: Arial, sans-serif;
font-size:2.2em;
text-transform:uppercase;
font-weight: bold;
margin:24px 0 0 0;
float:left;
width:500px;
}

h1 a, h1 a:hover, h1 a:visited, h1 a:active{
color:#006699;
text-decoration:none;
 }

h2 {
font-family: Arial, sans-serif;
font-size:13px;
color:#006699;
font-weight: bold;
font-style:italic;
padding: 10px 0 0 10px;
margin:0;}

span.quote {
font-style:italic;
}

h1 span.reg {
font-size: 60%; 
vertical-align: top;
}

h2 span.reg, p span.reg, ul.table li span.reg {
font-size: 70%; 
vertical-align: top;
}

p.meta {
font-weight:normal;
color:#cccccc;
font-size: 0.9em;
text-decoration:none;
}

p.meta a, p.meta a:visited, p.meta a:active {
font-weight:normal;
color:#cccccc;
text-decoration:none;
}

p.meta a:hover {
font-weight:normal;
color:#cccccc;
text-decoration:underline;
}

p.tagline {
font-size:1em;
color:#666666;
margin:0;
padding: 0;
width:100%;
}

p.footnote {
font-style:italic;
color:#999;
}

ol.uroman {list-style-type: upper-roman}

ol {margin-left: 25px;}


/* ----------container to center the layout-------------- */
#container {
width: 725px;
margin-bottom: 10px;
margin: 0 auto;
}

/* ----------header-------------- */
#header {
padding: 0px;
margin: 10px 0 0 0;
}

#header img#remote {padding:20px 0px;} 

#header img#hanbos {padding:0px;} 

#logo {
width:170px;
position:absolute;
margin:0px 0 0 560px;
text-align:right;
} 

/* -----------------content--------------------- */
div#content { 
min-height:600px;
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------nav------------- */
#nav {
	font-size: 1em;
	margin-top: 2em;
	z-index:1;
}

#nav ul, #nav ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav ul {
	padding: 0;
	margin: 0;
}

#nav ul li {
	display: inline;
	padding: 7px 0 3px 0;
	margin: 0;
}

#nav ul li a {
	padding: 6px 0 6px 0;
	margin: 0;
	border:none;
}

#nav ul li a img {
	padding: 7px 0 3px 0;
	border:none;
	margin:0;
}

#nav ul li a:hover {
	color:#fff;
	text-decoration: none;
}

/*\*//*/
#nav ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

#nav ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}

/* -------------button bgs------------- */

#nav ul #nav-home a{
	background: url("img/buttons/home.png") no-repeat 0 0; 
	}
	
#nav ul #nav-chip a{
	background: url("img/buttons/chip.png") no-repeat 0 0; 
	}
	
#nav ul #nav-safe a{
	background: url("img/buttons/safe.png") no-repeat 0 0; 
	}
	
#nav ul #nav-shop a{
	background: url("img/buttons/shop.png") no-repeat 0 0; 
	}
	
#nav ul #nav-about a{
	background: url("img/buttons/about.png") no-repeat 0 0; 
	}
	
#nav ul #nav-benefits a{
	background: url("img/buttons/benefits.png") no-repeat 0 0; 
	}
	
#nav ul #nav-ca a{
	background: url("img/buttons/ca.png") no-repeat 0 0; 
	}

/* -------------hover bgs------------- */


#nav ul #nav-safe a:hover {
	background: url("img/buttons/safe_hover.png") no-repeat 0 0; 
	}
	
#nav ul #nav-shop a:hover {
	background: url("img/buttons/shop_hover.png") no-repeat 0 0; 
	}
	
#nav ul #nav-about a:hover {
	background: url("img/buttons/about_hover.png") no-repeat 0 0; 
	}
	
#nav ul #nav-home a:hover {
	background: url("img/buttons/home_hover.png") no-repeat 0 0; 
	}
	
#nav ul #nav-chip a:hover {
	background: url("img/buttons/chip_hover.png") no-repeat 0 0; 
	}
	
#nav ul #nav-benefits a:hover {
	background: url("img/buttons/benefits_hover.png") no-repeat 0 0; 
	}
	
#nav ul #nav-ca  a:hover {
	background: url("img/buttons/ca_hover.png") no-repeat 0 0; 
	}
	
/* -------------to highlight current nav item------------- */
#safe #nav ul #nav-safe a{
	background: url("img/buttons/safe_hover.png") no-repeat 0 0; 
	}
	
#shop #nav ul #nav-shop a{
	background: url("img/buttons/shop_hover.png") no-repeat 0 0; 
	}
	
#chip #nav ul #nav-chip a{
	background: url("img/buttons/chip_hover.png") no-repeat 0 0; 
	}
	
#about #nav ul #nav-about a{
	background: url("img/buttons/about_hover.png") no-repeat 0 0; 
	}
	
#home #nav ul #nav-home a{
	background: url("img/buttons/home_hover.png") no-repeat 0 0; 
	}

#benefits #nav ul #nav-benefits a{
	background: url("img/buttons/benefits_hover.png") no-repeat 0 0; 
	}
	
#ca #nav ul #nav-ca  a{
	background: url("img/buttons/ca_hover.png") no-repeat 0 0; 
	}


/* --------------boxes------------- */
div.box1 {
background: url("img/bg_box.png") no-repeat;
border:1px solid #006699;
width: 725px;
height:273px;
padding: 0;
margin: 0 0 20px 0;
z-index:99;
}

div.box {
background: url("img/bg_box.png") no-repeat;
border:1px solid #006699;
width: 725px;
height:273px;
padding: 0;
margin: 0 0 20px 0;
}

/* --------------columns------------- */
#left {
float: left;
width: 225px;
margin: 10px 12px 10px 10px;
padding: 0;
clear: none;
}

#center {
float: left;
width: 225px;
margin: 10px 12px 10px 0;
padding: 0;
clear: none;
}

#right{
float: left;
width: 225px;
margin: 10px 10px 10px 0;
padding: 0;
clear: none;
}

#quote{
width: 210px;
margin: 12px 0 0 10px;
}

/* --------------table w icons------------- */
ul.table{
list-style: none;
	margin: 0;
	padding: 0;
}

ul.table li {
list-style: none;
	margin: 6px 0 0 6px;
	padding: 0;
}

li#first {
	margin: 4px 0 0 6px;
}

ul.table li img {
	margin: 0 10px -2px 0;
	padding: 0;
}

/* -----------footer--------------------------- */
#footer,#footer p {
clear: both;
margin: 20px 0 0 0;
padding: 0;
text-align: center; }

/*------------------inquire--------------*/	
#inquire {
	z-index:99;
	margin: 20px 0 0 10px;
	padding: 0;
	width:210px;
	height:20px;
	background: url("img/buttons/inquire.png"); 
	}
	
#inquire:hover{
	background: url("img/buttons/inquire_hover.png"); 
	}
	
#inquire a{
	width:100%;
	margin: 0 60px;
	font-family: Arial, sans-serif;
	line-height:150%;
	font-size:13px;
	color:#fff;
	font-weight: bold;
	letter-spacing:1px;
	text-decoration:none;
	font-style:italic;
	}

/*-------------contact form---------------*/
.form {
margin: 10px 12px 10px 10px;
padding: 0;
}

.form p {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

div.col1 {
margin: 0 0 0 10px;
float:left;
display:block;
}

div.col2 {
margin: 0 0 0 10px;
float:left;
display:block;
}

input.button {
margin: 3px 0 0 10px;
float:right;
}