@charset "utf-8";
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
margin:0;
padding:0;
background-repeat: repeat;
}
table {
border-collapse:collapse;
border-spacing:0;
border:0;
}
fieldset, img {
border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal
}
ol, ul, li {
list-style:none
}
caption, th {
text-align:left
}
h1, h2, h3, h5, h5, h6 {
font-size:100%
}
q:before, q:after {
content02:''
}
/**********default reset end************/
/**********new default reset start**********/
b {
font-weight:bold;
}
a {
color: #147;
}
.title, .alt {
font-size: .9em;
text-decoration: none;
}
/**********new Default reset end**********/
/*---------------------------------------------------------------------------------*/
body, html {
font-family:  Arial, Verdana, sans-serif Helvetica;
background:url(../images/bg.gif);
text-align: center;
margin-top: 10px;
padding: 0;
color: #000;
}
/**********Global setting #banner- start**********/
#banner {
font: normal 1.6em Georgia, "Times New Roman", Times, serif;
color: #ffffff;
margin: 0 auto;
width: 960px;
height: 114px;
background-color:#6796D1;
background-image: url(../images/header_bac.png);
background-repeat: no-repeat;
background-position: right top;
}
#banner h1 {
width: 450px;
height: 115px;
}
#banner h1 a {
display: block;
width: 418px;
height: 115px;
background-image: url(../images/header_logo.png);
margin-left: 60px;
background-repeat: no-repeat;
background-position: left top;
padding-left: 10px;
}
/**********Global setting #banner end**********/
/**********Global setting Navbar start**********/
html>body #navbar {
height:39px;
width: 955px;
margin: 0 auto;
font-family: Arial, Verdana, sans-serif, Tahoma;
font-size: .93em;
text-decoration: none;
text-align: left;
padding: 0 0 0 0;
}
#nav ul { /* all lists */
margin: 0;
list-style: none;
line-height: 1;
}
#nav a {
display: block;
width: 10em;
text-decoration: none;
}
#nav a.navbutton {
width: 5em;
background: #c60;
padding: 20px 0 4px 5px;
margin: 0 2px 2px 0;
font-weight: bold;
color:#000;
}
#nav a.current {
width: 5em;
border-top: solid 1px #cc6600;
background-color: #6796D1;
padding: 20px 0 4px 5px;
margin: 0 2px 0 0;
color: #FFF;
font-weight: bold;
text-decoration: none;
}
#nav li { /* all list items */
float: left;
width: 80px;/* width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
position: absolute;
background: none;
font-size: .8em;
width: 10em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li { /* second-level lists */
padding: 0 0 2px 0;
}
#nav li ul a { /* second-level lists */
background: #c60;
color: #000;
padding: 1px 0 2px 5px;
}
#nav a.navbutton:hover {
background-color: #6796D1;
border-top: solid 1px #cc6600;
color: #FFF;
}
#nav li ul a:hover { /* second-level lists */
background-color: #6796D1;
color: #FFF;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/*****Global setting contact start***/
ul#contact {
float: left;
background-color: #c60;
width: 635px;
padding: 5px 0 5px 0;
font-size: .90em;
}
ul#contact li {
float: left;
padding: 0 5px 0 5px;
}
/**********Global setting contact end ***********************/
/*****paypal icons start ********/
#creditcards {
height: 25px;
}
ul#contact ul.paypalcards {
float: left;
padding: 0 0 0 0;
}
ul#contact ul.paypalcards li {
padding: 0 0 0 0;
height: 23px;
float: left;
}
/************Global setting message for site start************/		


/*row1 section*/
#row1 {
width: 940px;
min-height: 170px;
padding: 10px 10px 10px 10px;
}
#message {
float: right;
width: 460px;
min-height: 170px;
margin: 0;
color:#FFF;
background-color: #6da4d7;
}
#message p {
font-size: 1.2em;
margin: 0;
padding: 10px 10px 10px 10px;
font-family: Arial, Verdana, sans-serif Helvetica,;
font-weight: normal;
}
/************Global setting message for site end************/
/************Global setting Sale box start***/

ul#saleitem h1 {
padding: 0;
font-size: .93em;
text-align: left;
text-transform: inherit;
font-weight: bold;
color: #000
}
ul#saleitem {
width: 300px;
height: 130px;
padding: 10px 0 0 10px;
}
li.sale {
width: 160px;
height: 125px;
margin: 0 0 10px 0;
padding: 10px 0 0 10px;
background-color: #6da4d7;
}
li.sale a img {
width: 150px;
height: 100px;
border: 0;
padding: 0;
border: solid 1px #333;
}
/**********Global setting Sale Box end***/
/**********Global setting Container #content01 Start **************/
#container {
text-align: left;
position: relative;
margin: 0 auto;
padding: 0;
height: auto;
width: 960px;
voice-family: "\"}\"";
voice-family: inherit;
background-color: #7ab8f1;
border-left-width: solid 3px #E07B15;
border-right-width: solid 3px #cc6600;
}
#content01 {
clear: both;
text-align: left;
width: 940px;
height: 310px;
margin: 0 0 0 10px;
padding: 0;
background-color:#6da4d7;
}
/**********Global setting Container Start **************/

/*******footer start ********/
#footer {
font: .6em Arial, Verdana, Helvetica, sans-serif;
background-color: #7ab8f1;
color: #000;
text-align: center;
width: 645px;
height: 35px;
margin: 0 auto;
padding:0 0 0 315px;
background-image: url(../images/trans_repeator.png);
background-repeat: repeat-x;
background-position: bottom;
}
#footer ul {
float: none;
}
#footer ul#footer-nav li {
float: left;
padding: 10px 5px 0 0;
}
#footer ul#footer-nav li a {
text-decoration: none;
color: #000;
}
#footer ul#footer-nav li a:hover {
text-decoration: none;
color: #fff;
}
/************ footer end************/
/************.home page start************/
.home #message {
margin: 0;
padding: 0 0 0 0;
height: 175px;
}
/***** Home page salepost start******/
.home #salepost {
width: 460px;
height: 165px;
margin: 0;
padding: 10px 0 0 10px;
background-color: #6da4d7;
}
.home #salepost li.forsale img alt, li.saleitem img alt {
font-size: .5em;
}
.home #salepost ul.instore, #salepost ul.onsale {
float: left;
}
.home #salepost ul.instore {
font-size: .8em;
width: 70px;
}
.home #salepost ul.instore li h1 {
font-size: .9em;
}
.home #salepost ul.instore .forsale img {
width: 60px;
height: 60px;
border: solid 1px #c60;
}
.home #salepost ul.onsale li.saleitem {
padding: 0 10px 0 0;
}
.home #salepost ul.onsale li.saleitem a img {
width: 150px;
height: 100px;
border: 0;
padding:0;
border: solid 1px #c60;
}
/*****salepost end******/	
.home #row2 {
clear: both;
text-align: left;
width: 940px;
height: auto;
margin: 0 0 0 10px;
padding: 0 0 10px 0;
}
.home #row2 h1 {
width: 940px;
font-size: 1em;
margin: 0;
padding: 0 0 3px 0;
background-image: none;
border-bottom: solid 2px #c60;
}
/***.home galleries start***/
.home #galleries {
margin: 0;
padding: 5px 0 0 10px;
height: 275px;
background-color: #6da4d7;
}
.home #galleries h2 {
padding: 0 0 3px 0;
font-weight: bold;
font-size: .9em;
border: none;
}
.home #galleries li a img {
width: 170px;
height: 175px;
border: solid 1px #c60;
}
.home #galleries ul.caption {
padding: 2px 0 0 0;
float: none;
font-size:0.751em;
}
.home #galleries ul li {
margin: 0;
float: left;
}
.home #galleries li a {
text-decoration: none;
margin: 0;
padding: 0;
}
.home #galleries li a:hover {
color: #ffffff;
text-decoration: none;
margin: 0;
}
/*****home movie start*****/
.home #movgallery {
float: left;
width:219px;
height: 200px;
padding: 0;
}
.home #movgallery h2 {
padding: 0 0 3px 0;
font-weight: bold;
font-size: .9em;
border: none;
}
.home #movgallery object {
width: 174px;
height: 143px;
border: solid 1px #c60;
}

.home #movgallery li.caption em {
color: #000;
font-style: normal;
text-decoration: none;
font-size:.8em;
}
.home #movgallery li.caption a {
color: #000;
font-style: normal;
text-decoration: none;
font-size:.8em;
}
.home #movgallery li.caption a:hover {
color: #fff;
font-size:.8em;
}
.home #movgallery a {
color: #000;
font-style: normal;
text-decoration: none;
font-weight: bold;
font-size: .7em;
}
.home #movgallery a:hover {
color: #fff;
}
/*.home picgalleries*/
.home #picgallery li#home, li#business, li#other, li#advertise {
width: 170px;
height: 200px;
list-style: none;
padding: 0 10px 0 0;
}
/***.home galleries end***/

/***.home row3*** start***/
.home #row3 {
height: 190px;
margin: 0 10px 0 10px;
padding: 0;
}
.home #row3 h1 {
width: 940px;
font-size: 1em;
margin: 0;
padding: 0 0 3px 0;
background-image: none;
}
/*packagelist*/
#row3 #packagelist {
margin:0;
padding:0;
}
#row3 ul.package {
float:left;
width: 200px;
height: 130px;
padding: 5px 0 0 0;
background-color: #6da4d7;
margin: 0 3px 0 7px;
padding:0 10px 0 10px;
font-size: 0.9em;
color: #FFF;
border: 2px solid #c63;
}
 #row3 ul.package h2 {
color: #000;
padding: 0 0 3px 0;
}
 #row3 ul.package li {
padding: 0 0 0 0;
}
 #row3 ul.package li.packageprice{
color: #000;
padding: 2px 0 0 0;
}
 #row3 ul.package li.packageprice p {
color: #000;
padding: 2px 0 0 10px;
border-top: 2px dotted #c60;
}

/***************service page start*******************/
.service #message {
margin: 0;
padding: 0 0 0 0;
}
.service #content01 {
clear: both;
text-align: left;
width: 940px;
height: 280px;
margin: 0 0 0 10px;
padding: 0;
}
.service #content01 h1 {
font-size: 1em;
margin: 0;
padding: 0;
background-image: none;
}
.service #content02 {
float:left;
width: 400px;
height: 210px;
padding: 10px 0 0 0;
margin:  0 0 0 0;
}
.service #content02 p {
width: 375px;
padding: 0 0 0 10px;
margin: 0;
color: #fff;
}
.service #service {
float: right;
margin: 0;
padding: 0;
width: 530px;
height: 220px;
}
.service ul#servlist {
float: right;
width:200px;
margin:0;
padding:10px 5px 0 0;
}
.service ul#servsample {
width:310px;
height:310px;
margin:0;
padding:0;
}
.service ul#servsample li a {
display: block;
text-decoration:none;
margin:0;
padding: 10px 10px 0 0;
}
.service ul#servsample li a img {
border:0;
width: 90px;
height: 90px;
}
.service ul#servsample li {
list-style: none;
float: left;
}
.service ul#servsample li a:hover {
color: #ffffff;
text-decoration: none;
}
.service ul#maintain {
width: 176px;
height: 220px;
padding: 74px 0 0 10px;
}
/********** Service page end **********/
/***************Store start  ***************************/
.store #container {
height: 595px;
background-image: none;
}
.store #message p {
margin: 0;
padding: 10px 10px 10px 10px;
}
/***************Store content box start***/
.store #content01 {
clear: both;
text-align: left;
width: 940px;
height: 410px;
margin: 0 10px 0 10px;
padding: 0 0 0 0;
}
/***************Store content box end***/
/***************Store product box start***/
.store #products {
float: right;
width: 350px;
height: 320px;
margin: 0;
padding: 0 5px 0 0;
}
.store #products li a {
display: block;
}
/***************Store product box end***/
/***************Store itemnav box start***/
.store ul.itemnav {
width: 170px;
padding: 0;
font-size: 1em;
font-weigth: bold;
color: #000;
}
.store li.itemnavhd {
padding:  0 0 22px 0;
}
.store ul.itemnav h1 {
font-size: 1.1em;
margin: 0;
padding: 22px 0 2px 0;
background-image: none;
font-weight: bold;
border-bottom:dotted 2px #C60;
}
.store ul.itemnav h1 b {
color: #fff;
font-size: 1.2em;
}
.store ul.itemnav li {
padding: 2px 0 1px 0;
font-size: .9em;
}
.store li.itemactive {
color: #fff;
font-weight: bold;
font-size: 1em;
border-bottom: dotted 2px #fff;
}
.store ul.itemnav a {
font-size: 1em;
font-weigth: normal;
text-decoration: none;
color: #000;
}
.store ul.itemnav a:hover {
color: #fff;
text-decoration: none;
}
.store ul.navsublist {
width: 160px;
font-size: .9em;
font-weigth:normal;
padding:0 0 0 10px;
}
.store ul.navsublist a {
color: #fff;
border-bottom: none;
}
.store ul.navsublist a:hover {
color: #000;
}
/************Store itemnav content01 end**/
/************Store content02 start**/
.store #content02 {
float:left;
width: 570px;
height: 337px;
padding: 10px 0 0 0;
margin: 0;
}
/*****paypal icons start ********/
.store ul.paypalcards {
float:right;
padding: 25px 0 0 0;
}
.store ul.paypalcards li {
hight: 23px;
float: left;
}
/*****paypal icons end ********/

.store #content02 h1 {
padding: 0 0 5px 5px;
font-size: 1.2em;
font-weight:bold;
color:#fff;
}
.store #content02 h1 b {
font-size: 1.3em;
font-weight: bold;
color: #000;
}
.store #content02 h2 {
padding: 5px 0 0 5px;
font-size: .9em;
font-weight:bold;
}
.store #content02 span a {
color: #147;
font-style: normal;
text-decoration: none;
font-size: .7em;
}
.store #content02 a:hover {
color: #fff;
}
/************Store catlog start**/
.store #catlog {
text-align: left;
width: 545px;
height: 342px;
overflow: auto;
margin: 0 0 0 0;
padding: 10px 0 0 0;
background-color: #7ab8f1;
border-top: dotted 2px #c60;
}
.store .catlogitem {
width: 520px;
height: 250px;
padding: 10px 0 0 0;
margin: 0 0 10px 0;
background-color: #6da4d7;
}
.store li.itempic, li.itemspec, li.price {
float: left;
}
.store li.itempic {
padding: 5px 5px 5px 5px;
}
.store li.itemspec p {
width: 280px;
height: 0 auto;
font-size:.9em;
margin: 0;
padding: 5px 5px 5px 5px;
}
.store li.itemspec em {
font-style:italic;
font-size: .8em;
}
/**new store catalog item spec end**/
.store #catlog-pic {
text-align: left;
margin: 0 10px 10px 0;
padding: 0 0 0 0;
background-color: #6da4d7;
}
.store itempic a img {
width: 85px;
height: 130px;
margin: 0;
padding: 5px 5px 5px 5px;
}
.store itemspec p {
width: 280px;
height: 0 auto;
font-size:.9em;
margin: 0;
padding: 5px 5px 5px 5px;
}
.store itemspec h2 {
padding: 0 0 0 5px;
}
.store .price {
width:130px;
height:96px;
Font-weight: bold;
font-size: 1em;
padding: 0 0 0 5px;
margin:0;
}
.store .price b {
font-weight: bold;
font-size: 1.3em;
padding: 0;
margin:0;
}
.store .price em {
display: block;
color: #fff;
font-style: bold;
font-size: 1em;
padding: 2px 0 5px 0
}
.store li.price table td {
padding: 0 0 5px 0;
}
/************store Catalog end************/
/************gallery content box start*******************/
.gallery #content01 {
clear: both;
text-align: left;
width: 930px;
height: 290px;
margin: 0 0 0 10px;
padding: 0 10px 0 0;
}
.gallery #content {
width: 940px;
}
/************gallery thmnav .current bkgrd start**/
.gallery #thmnav a.coral_active {
background-color:#cc6600;
}
.gallery #thmnav a.saltw_active {
background-color:#6600ff;
}
.gallery #thmnav a.freshw_active {
background-color:#cc0000;
}
.gallery #thmnav a.vidclp_active {
background-color:#05910d;
}
.gallery #thmnav {
padding: 10px 0 0 0;
margin: 10px 10px 0 10px;
}
.gallery #thmnav a.coral {
color:#b24c00;
}
.gallery #thmnav a.saltw {
color:#6600ff;
}
.gallery #thmnav a.freshw {
color:#cc0000;
}
.gallery #thmnav a.vidclp {
color:#05910d;
}
.gallery #thmnav a {
padding: 0 5px 2px 5px;
font-size: .9em;
font-weight: bold;
color: #fff;
text-decoration: none;
}
.gallery ul#reefthms {
border-top: solid 5px #cc6600;
}
.gallery ul#saltthms {
border-top: solid 5px #6600ff;
}
.gallery ul#frshthms {
border-top: solid 5px #cc0000;
}
.gallery #vidthms {
border-top: solid 5px #05910d;
}
.gallery #thmnav a:hover {
color: #fff;
}
/************gallery thmnav end**********/
/************gallery galthm container start*********/
.gallery #galthm {
background-color: none;
}
.gallery ul#reefthms, ul#saltthms, ul#frshthms, #vidthms {
margin: 0 0 10px 0;
padding: 10px 0 10px 30px;
height: 180px;
}
.gallery #galthm li img {
width: 70px;
height: 70px;
border: 0;
}
.gallery #galthm li {
float: left;
margin: 0;
padding: 0;
list-style:none;
}
.gallery #galthm li a {
display: block;
width: 70px;
height: 70px;
margin: 0;
padding: 5px;
}
.gallery ul#reefthms a:hover {
background-color:#cc6600;
}
.gallery ul#saltthms a:hover {
background-color:#6600ff;
}
.gallery ul#frshthms a:hover {
background-color:#cc0000;
}
.gallery ul#coralthms a:hover {
background-color:#05910d;
}
/************gallery galthm container end**/
/************gallery page nav start***/
.gallery p.galpgnav {
padding: 0 0 0 35px;
font-weight: bold;
}
.gallery span.currentpg {
color:#FFF;
text-decoration:underline;
}
.gallery p.galpgnav a {
color:#000;
text-decoration:none;
}
.gallery p.galpgnav a:hover {
color:#FFF;
text-decoration:underline;
}
/*********** video gallery page start*******************/
.gallery #vidthms li.videothm {
width: 176px;
height: 145px;
font-size: 1em;
padding: 0 0 0 0;
}
.gallery #vidthms ul {
float: left;
padding: 0 0 0 10px;
}
.gallery #vidthms ul li {
float: none;
}
.gallery #vidthms li.vidspec h1 {
width: 176px;
padding: 0 0 0 0;
font-size: .9em;
font-weight: bold;
}
.gallery #vidthms li.vidspec em {
padding: 0 0 0 0;
color: #000;
font-style: italic;
text-decoration: none;
font-size: .8em;
font-weight: normal;
}