body {  margin: 20px; font-size: 75%}
img, div { behavior: url(iepngfix.htc) }

/* font */
#homepage, #rest, #aboutpage, #contactpage, #downloadpage, #gallerypage, #orderpage, #prodpage, #retapage, #footer, #poppage { font-family: "Arial", "Helvetica", "sans-serif", "Verdana"; }

/* font size */
.size24 { font-size: 200%}
.size22 { font-size: 185%}
.size20 { font-size: 170%}
.size18 { font-size: 160%}
.size16 { font-size: 145%}
.size14 { font-size: 125%}
.size11 { font-size: 95% }
.size10 { font-size: 90% }
.size9 { font-size: 85% }
.size8 { font-size: 75% }

/* line space */
.spaced130 { line-height: 130%; }
.spaced140 { line-height: 140%; }


/* color */
.black { color: #000000}
.turq { color: #00667D}
.blue { color: #2642FF}
.orange { color: #FF7E16; }
.purple { color: #B829B8; }
.red { color: #DF0000; }
.darkblue { color: #00669D; }
.green { color: #72A424; }
.magenta { color: #DD2B79; }
.bodycolor { color: #003399; }

/* links */
a:link {  color: #003399; text-decoration: none}	/* 00667D */
a:visited { color: #003399; text-decoration: none }	/* 00667D */
a:active { color: #003399; text-decoration: underline }	/* 00667D */
a:hover { color: #003399; text-decoration: underline }	/* 00667D */


/* background */
div#homepage {
	margin: 0 auto;
	width: 800px;
	height: 604px;
	background-image: url('images/home_bg.jpg');
	background-color: transparent;
	background-repeat: no-repeat; 
	}

div#aboutpage, div#orderpage, div#retapage, div#prodpage, div#downloadpage, div#gallerypage {
	margin: 0 auto;
	width: 800px;
	height: 214px;
	background-image: url('images/bg.png');
	background-color: transparent;
	background-repeat: no-repeat; 
	}

div#contactpage {
	margin: 0 auto;
	width: 800px;
	height: 214px;
	background-image: url('images/bg.png');
	background-color: transparent;
	background-repeat: no-repeat; 
	}

div#poppage {
	margin: 0 auto;
	width: 614px;
	height: 794px;
	background-image: url('images/pop_bg.jpg');
	background-color: transparent;
	background-repeat: no-repeat; 
	}


/* navigation */
div#nav {	/* Nav bar location */
	position:relative; 
	left:-58px;
	top: -109px;
	z-index: 2;
	width: 483px;
}

div#nav ul {
	width: 483px;
	height: 153px;
	margin: 0;
	padding: 0;
}

div#nav ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 153px;
	text-indent: -9999px;
	border: 0px solid red;
	float: left;
}

div#homepage div#nav ul li a, div#orderpage div#nav ul li a, div#downloadpage div#nav ul li a, div#gallerypage div#nav ul li a {
	display: block;
	height: 153px;
	border: 0px solid red;
	outline: none;
	background-image: url('images/nav.png');
	background-repeat: no-repeat;
}

div#aboutpage div#nav ul li a {
	display: block;
	height: 153px;
	border: 0px solid red;
	outline: none;
	background-image: url('images/nav_about.png');
	background-repeat: no-repeat;
}

div#prodpage div#nav ul li a {
	display: block;
	height: 153px;
	border: 0px solid red;
	background-image: none;
	outline: none;
	background-image: url('images/nav_products.png');
	background-repeat: no-repeat;
}

div#retapage div#nav ul li a {
	display: block;
	height: 153px;
	border: 0px solid red;
	background-image: none;
	outline: none;
	background-image: url('images/nav_reviews.png');
	background-repeat: no-repeat;
}

div#contactpage div#nav ul li a {
	display: block;
	height: 153px;
	border: 0px solid red;
	background-image: none;
	outline: none;
	background-image: url('images/nav_contact.png');
	background-repeat: no-repeat;
}


div#nav ul li#about a {
	width: 164px;
	background-position: 0 0;
}

div#nav ul li#products a {
	width: 104px;
	background-position: -165px 0;
}

div#nav ul li#reviews a {
	width: 106px;
	background-position: -269px 0;
}

div#nav ul li#contact a {
	width: 108px;
	background-position: -375px 0;
}

div#nav ul li#gal a {
	width: 50px;
	background-position: -425px 0;
}


div#nav ul li#about a:hover, div#nav ul li#about a:active {
	background-position: -483px 0; 
	text-decoration: none;
}

div#nav ul li#products a:hover, div#nav ul li#products a:active {
	background-position: -648px 0; 
	text-decoration: none;
}

div#nav ul li#reviews a:hover, div#nav ul li#reviews a:active {
	background-position: -752px 0; 
	text-decoration: none;
}

div#nav ul li#contact a:hover, div#nav ul li#contact a:active {
	background-position: -858px 0; 
	text-decoration: none;
}

/* items for home page */
div#homepage div#banner  {
	position:relative; 
	left:300px; 
	top:-130px; 
	width: 216px;
}

div#homepage div#bubble  {
	position:relative; 
	left: 527px; 
	top:-194px; 
	width: 135px;
}

div#homepage div#order  {
	position:relative; 
	left: 427px; 
	top: -227px;
	width: 221px;
}

div#homepage div#invest  {
	position:relative; 
	left: 649px; 
	top: -240px; 
	width: 179px;
	}

div#homepage div#gallery  {
	position:relative; 
	left: 522px; 
	top: -263px; 
	height: 0px;
	width: 124px;
}

div#homepage div#stores  {
	position:relative; 
	left: 542px; 
	top: -272px;
	float: left;
	width: 103px;

}

div#homepage div#sahara  {
	position:relative;
	left: 680px; 
	top: -320px; 
	width: 109px;
}

div#homepage div#fun4  {
	position:relative; 
	left: 640px; 
	top: -300px; 
	width: 184px;
}

/* items for download page */
div#downloadpage div#down  {
	position:relative; 
	left:0px; 
	top:-270px; 
	z-index: 1;
}

/* items for gallery page */
div#gallerypage div#gallery  {
	position:relative; 
	left:0px; 
	top:-273px; 
	z-index: 1;
}

/* items for all pages */
div#banner   {
	position:relative; 
	left:300px; 
	top:-100px; 
}

div#bubble  {
	position:relative; 
	left: 527px; 
	top:-164px;
}

div#order  {	/* Order Here */
	position:relative; 
	left: 427px;
	top: -197px; 
	z-index: 2;
}

div#invest  {	/* Investor's Page */
	position:relative; 
	left: 649px; 
	top: -255px; 
	z-index: 2;
}



/* contents */
div#content {
	position:relative; 
	left: 0px;
	top: -270px;
	padding-right: 25px;
}

div#downloadpage div#content {
	position:relative; 
	left: 0px;
	top: -261px;
	padding-right: 25px;
}

.heading {
	font-size: 125%;
	color: #003399;	/* #00667D */
	padding: 0 25px 0 25px;
}

.headingOr {
	font-size: 125%;
	color: #FF7E16;
	padding: 0 25px 0 25px;
}


.subhead {
	font-size: 100%;
	color: #003399;	/* #00667D */
	padding: 10px 25px 0 25px;
}

p {
	padding: 10px 0 0 25px; 
	margin-top: 0;
}

.addr {
	line-height: 170%;
	padding-top: 5px;
}


.prod_text {
	padding: 0 0 0 25px; 
	margin-top: 0;
}

.down_text {
	padding: 7px 3px 3px 3px;
	color: #B829B8;
	font-weight: bold;
}

/* footer */

div#homepage div#footer {
	font-size: 100%;
	padding-bottom: 20px;
	margin-top: 0px;
	color: #003399;	/* #00667D */
}

div#footer {
	position:relative; 
	left: 0px;
	top: -260px;
	font-size: 100%;
	margin: -20px;
	padding-bottom: 20px;
	color: #003399;	/* #00667D */
}



/* SEO strategy */
h1 {  font-size: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-style: normal; font-weight:normal; display:inline;}
h2 {  font-size: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-style: normal; font-weight:normal; display:inline;}