* { margin:0; padding:0;}
body {
	background:#f1f5f6;
	font-size:100%;
	line-height:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#7a7a7a;
	text-align:center;
}

/*-------------------------------------------------------------- UNIVERSAL ELEMENTS --*/
h1, h2, h3, h4, h5, h6, dl.faq-list strong {
	font-weight:bold;
	line-height:120%;
	text-transform:uppercase;
	color:#89E1FF;
}
small {font-size:70%;}
h1 {font-size:180%;}
h2, dl.faq-list strong {font-size:16px;}
h3 {font-size:100%;}
h4 {font-size:90%;}
h5 {font-size:80%;}
h6 {font-size:70%;}

a {color:#55463C;} /*------------ LINKCOLOR ----*/
a:hover {color:#B16628; } /*------------LINK HOVER COLOR ----*/


/*in_line*/
img {border:0; vertical-align:top; text-align:left;}
/*ul { list-style:none;}*/

a:hover{text-decoration:none;}
a {color:#7a7a7a;}



.column { float:left;}
.clear { clear:both;}

.h_menu_wr, #content, #footer{ width:981px;}
/*header*/
.h_top_link{
	/*background:#f1f4f6 url(images/h_top_link1.gif) 0 0 repeat-x;
	background-image:url(images/logo.png) ;
	background-repeat:no-repeat;  */
		height:58px;
		margin-top:5px;
	position:relative;
	padding-bottom:5px;
}
 
#toplink{
padding:7px 20px 0px 20px;
float:left;
width:auto;
height:auto;
font-weight:bold;}

#toplink a{
text-decoration:none;}
.h_menu_wr{
	height:381px;
	background-color: #272E42;
}
.h_menu_wr .logo{
	position:absolute;
	margin:156px 0 0 99px;
	left: -53px;
	top: -45px;
	width: 894px;
	height: 295px;
}
.menu{
background-color:#2C3248;
width:980px;}
.h_menu_wr .menu{ position:absolute; margin:17px 0 0 16px;}
.h_menu_flash {
	position:absolute;
	margin:10px 0 20px 84px;
	left: 44px;
	top: 112px;
	width: 980px;
	height: 300px;
	background-color: #003366;
}

/*footer*/
#footer{
	text-indent:29px;
	background:#f1f5f6;
	padding:20px 0;
	font-family:Tahoma;
	color:#0f1324;
	font-size:13px;
	text-align: center;
}
#footer a{ color:#0f1324; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}


/*content*/
#content{
	height:100%;
	font-size:0.875em;
	color:#FFFFFF;
	line-height:1.6em;
	background: url(images/content_wrapper.jpg) 0 0 repeat;
	width:980px;
}
#content a{ color:#77c1ff;}
#content b{ color:#ffffff;}
#content p{ margin-top:21px;}
.img_left{ float:left; margin-right:19px;}
.indent_col{
	padding:18px 0 33px 47px;
}
.title{ display:block; margin:0 0 5px -7px; position:relative;}
.line_x{
	height:30px;
	background:url(images/line_x.gif) 0 15px repeat-x;
}
.list_box ul{ float:left;}
.list_box .ind_left{ margin-left:65px;}
ul li a{ background:url(images/list_marker.gif) 0 3px no-repeat; padding:0 0 0 9px; color:#76c0ff; text-decoration:none;}
ul li a:hover{ text-decoration:underline;}
dl dt a{ color:#ffffff !important; font-weight:bold; font-size:0.687em;}
dl dd{ padding-bottom:13px;}
.ind_top{ margin-top:15px;}
.ind_top_bot{ display:block; margin:13px 0;}
/*================== index.html ==================*/
#page1 #content .col_1 .col_box{ width:567px;}
#page1 #content .col_1 .col_box img{ float:left; margin-right:6px; margin-top:4px;}
#page1 #content .col_1 .col_box_1{ width:352px;}
#page1 #content .col_1 .col_box_2{ width:112px;}
/*================== index-2.html ==================*/
#page3 #content .col_1 .ind_left{ margin-left:22px !important;}
/**/
#page3 #content .col_2 .col_box{ width:562px;}
#page3 #content .col_2 .col_box_1{ width:260px;}
#page3 #content .col_2 .col_box_2{ width:260px; margin-left:30px;}
/*================== index-3.html ==================*/
#page4 #content .col_1 .ind_left{ margin-left:56px !important;}
/*================== index-4.html ==================*/
#page5 #content .col_1 b{ display:block; margin-top:15px;}
#page5 #content .col_2 span{ float:right; margin-right:61px;}
#page5 #content .col_3 .form div{height:22px;}
#page5 #content .col_3 .form input{height:18px;}
#page5 #content .col_3 .form textarea{  height:70px; overflow:auto; display:block; margin-bottom:11px;}
#page5 #content .col_3 .form textarea, #page5 #content .col_3 .form input{width:257px;  border:1px solid #7e7e7e; color:#1b2131; font-family:"Times New Roman", Times, serif; font-size:1em; padding-left:3px;}


/* according css */
.mypets{ 
cursor: pointer;
height:30px;
line-height:30px;
margin-bottom:0pt;
text-indent:15px;
background:transparent url(images/acc2.png) repeat-x scroll 0%;
color:#ffffff;
text-transform:none;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
cursor: pointer;
height:30px;
line-height:30px;
margin-bottom:0pt;
text-indent:15px;
background:transparent url(images/acc1.png) repeat-x scroll 0%;
color:#000000;
text-transform:none;
}
.thepet{
margin-bottom:20px;
}
.thepet ul{
padding-left:20px;
}
.payment{
width:100%;
font-size:12px;
}
.padding{
padding-left:20px;
}

p.notep{
padding:10px;
border:2px dashed #ff0000;
}

.inputbox{
height:25px;
width:400px;
border:1px solid #003C77;
}
.inputboxarea{
height:150px;
width:400px;
border:1px solid #003C77;
}

.flash-hdd
{
z-index:100; position:relative;background-color:#282F42; width:980px;
}
/*MENU*/

.menuDrop {
	background-color:#282F42;
	width:980px;
	float:left;
	height: 60px;  
	position:relative;
	z-index:1000;
}

.menuDrop ul {margin:0; padding:0; list-style-type:none;z-index:1000; padding-left:45px;}
.menuDrop li {margin:0; padding:0; float:left; position:relative;}
.menuDrop a {width:90px; height:auto; display:block;}
/*.menuDrop table {position:absolute; top:0; left:0; border-collapse:collapse;} /* ie hack */
li.bgmenu a{ 
background-image:url(images/bgmenu.png);
width:140px;
height:56px; 
font-size:16px;
text-align:center;
padding-top:20px;
color:#FFFFFF;
font-weight:bold;}



li.bgmenu a:hover {
background-image:url(images/bgmenu_hover.png); visibility:visible;
text-decoration:none;} 


/* button images 
li.home a {background-image: url(../images/bgmenu.jpg); background-position: 0 0; width: 133px; height:56px;}
li.how a {background-image: url(../images/bgmenu.jpg); background-position: 0 0; width: 133px;height:56px;}
li.drivedebug a {background-image: url(../images/bgmenu.jpg); background-position: 0 0; width: 133px;height:56px;} 
li.faq a {background-image: url(../images/bgmenu.jpg); background-position: 0 0; width: 133px;height:56px;}
li.price a {background-image: url(../images/bgmenu.jpg); background-position: 0 0; width: 133px;height:56px;}
li.contactus a {background-image: url(../images/bgmenu.jpg); background-position: 0 0; width: 133px;height:56px;}
 
li.home a:hover {background:url(../images/bgmenu_hover.jpg) 0 0; visibility:visible;} 
li.how a:hover {background:url(../images/bgmenu_hover.jpg) 0 0; visibility:visible;}
li.drivedebug a:hover {background:url(../images/bgmenu_hover.jpg) 0 0; visibility:visible;}

li.faq a:hover {background:url(../images/bgmenu_hover.jpg) 0 0; visibility:visible;}
li.price a:hover {background:url(../images/bgmenu_hover.jpg) 0 0; visibility:visible;}
li.contactus a:hover {background:url(../images/bgmenu_hover.jpg) 0 0; visibility:visible;}
 */
/* drop down */
.menuDrop ul ul {visibility:hidden; position:absolute; top:55px; left:-45px;  }

/* list items */
.menuDrop ul ul a, .menuDrop ul ul a:link, .menuDrop ul ul a:visited {height:30px; text-align:center; padding:10px 0 3px 9px; background: #000000; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; border-left: none; font-size:11px; color:#ffffff;   font-weight:bold; text-decoration:none;}
.menuDrop ul ul a:hover {background: #333333;background-image:url(images/bgmenu.png); filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;   padding:10px 0 3px 9px; cursor:pointer; text-decoration: none; color:#cccccc;}
.menuDrop ul li:hover ul, .menuDrop ul a:hover ul {visibility:visible;} /* used for hover visibility */
 
/*END MENU*/