html, body {margin:0px; padding:0px}

p{margin:0px;
}

body {
background-image:url(images/bg.jpg);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
position:relative
}
#main
{width:1000px;
margin: 0px auto;
position:relative;
}
#banner1 {
	position:absolute;
	left:16px;
	top:190px;
	z-index:1;
}

#banner2 {
	position:absolute;
	left:16px;
	top:450px;
	z-index:1;
	background-color:#33CCFF;
	padding:2px;
	border-style:solid;
	border-color:#000000;
	border-width:2px;
}

#banner4 {
	position:absolute;
	left:16px;
	top:685px;
	z-index:1;
	background-color:#FFCC66;
	padding:2px;
	border-style:solid;
	border-color:#000000;
	border-width:2px;
}

#banner3 {
	position:absolute;
	right:35px;
	top:190px;
	z-index:1;
}

#wrap
{width:718px;
margin: 0px auto;
position:relative
}

#header {
width:718px;
margin: 0px auto;
}

.menu {
width: 718px;
height: 43px;
margin:0px auto;
}
#container {
width:710px;
margin: 0px auto;
background-image:url(images/back.png)
}


			
.cssnav	{
	position:relative;
	float: left;
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	background:url(images/homebtn_over.jpg) no-repeat;
	width: 110px;
	height: 43px;
	overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav a {
						display: block;
						color: #FFFFFF;
						font-size: 12px;
						width: 110px;
						height: 43px;
						display: block;
						float: left;
						color: #FFFFFF; 
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav a:hover {
						color: #132962;
			}
			

			.cssnav img {width: 110px; height: 43px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav a:hover img{visibility:hidden}

			.cssnav span {
	position: absolute;
	left: 49px;
	top: 6px;
	text-align: center;
	width: 50px;
	cursor: pointer;
						} 




.cssnav2	{
	position:relative;
	float: left;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	background:url(images/orderbtn_over.jpg) no-repeat;
	width: 93px;
	height: 43px;
	overflow:hidden;/* for ie to hide extra height*/
			}
			
			
			.cssnav2 a {
						display: block;
						color: #FFFFFF;
						font-size: 12px;
						width:93px;
						height: 43px;
						display: block;
						float: left;
						color: #FFFFFF; 
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav2 a:hover {
						color: #132962;
			}
			

			.cssnav2 img {width: 93px; height: 43px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav2 a:hover img{visibility:hidden}

			.cssnav2 span {
	position: absolute;
	left:31px;
	top: 6px;
	text-align: center;
	width: 50px;
	cursor: pointer;
						}
						
						
.cssnav2b	{
	position:relative;
	float: left;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	background:url(images/aboutusbtn_over.jpg) no-repeat;
	width: 110px;
	height: 43px;
	overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav2b a {
						display: block;
						color: #FFFFFF;
						font-size: 12px;
						width: 110px;
						height: 43px;
						display: block;
						float: left;
						color: #FFFFFF; 
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav2b a:hover {
						color: #132962;
			}
			

			.cssnav2b img {width: 110px; height: 43px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav2b a:hover img{visibility:hidden}

			.cssnav2b span {
	position: absolute;
	left:30px;
	top: 6px;
	text-align: center;
	width: 70px;
	cursor: pointer;
						}



.cssnav3	{
	position:relative;
	float: left;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	background:url(images/faqbtn_over.jpg) no-repeat;
	width: 90px;
	height: 43px;
	overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav3 a {
						display: block;
						color: #FFFFFF;
						font-size: 12px;
						width: 90px;
						height: 43px;
						display: block;
						float: left;
						color: #FFFFFF; 
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav3 a:hover {
						color: #132962;
			}
			

			.cssnav3 img {width: 90px; height: 43px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav3 a:hover img{visibility:hidden}

			.cssnav3 span {
	position: absolute;
	left:30px;
	top: 6px;
	text-align: center;
	width: 50px;
	cursor: pointer;
						}
						
						
.cssnav4	{
	position:relative;
	float: left;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	background:url(images/contactbtn_over.jpg) no-repeat;
	width: 95px;
	height: 43px;
	overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav4 a {
						display: block;
						color: #FFFFFF;
						font-family: arial, helvetica, sans-serif;
						font-size: 12px;
						width: 95px;
						height: 43px;
						display: block;
						float: left;
						color: #FFFFFF; 
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav4 a:hover {
						color: #19145c;
			}
			

			.cssnav4 img {width: 95px; height: 43px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav4 a:hover img{visibility:hidden}

			.cssnav4 span {
					    position: absolute;
					    left:34px;top: 6px;
					    text-align: center;
					    width: 50px;
					    cursor: pointer; 
						}						


						
.end {
	background-image:url(images/end.jpg);
	position: relative;
	float:left;
	width:220px;
	height: 43px;
}
#content
	{
	background-color:#FFFFFF;
	width:580px;
	padding-right:26px;
	margin:0 auto;
	}
	
#footer
	{width:718px;
	height:56px;
	background-image:url(images/footer.jpg);
	margin:0 auto;
	}

.image-center{
text-align:center;
}			
.image-right{
float:right;
}	
.image-right-pad{
float:right;
padding-left:20px;
}	
.image-left{
float:left;
}	
.image-left-pad{
float:left;
padding-right:20px;
}	
.testimonial {
background-image:url(images/testimonialback.jpg);
width:501px;
height:189px;
margin: 0px auto;
}	
.testimonial2 {
background-image:url(images/testimonialback2.jpg);
width:501px;
height:250px;
margin: 0px auto;
}	

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #132962;
}

#contact-area input.submit-button {
	width: 100px;
	float:right;
	margin-right:15px;
}

label {
	float: left;
	text-align: left;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}		

.disc1 { 
background-image:url(images/disc1.gif);
width:510px;
height:873px;
margin:0px auto;
}
.disc2 { 
background-image:url(images/disc2.gif);
width:510px;
height:737px;
margin:0px auto;
}
.disc3 { 
background-image:url(images/disc3.gif);
width:510px;
height:560px;
margin:0px auto;
}
.disc4 { 
background-image:url(images/disc4.gif);
width:510px;
height:595px;
margin:0px auto;
}
.disc8 { 
background-image:url(images/disc8.gif);
width:510px;
height:528px;
margin:0px auto;
}
.bundle { 
background-image:url(images/bundle.gif);
width:510px;
height:1043px;
margin:0px auto;
}
.disc10 { 
background-image:url(images/disc10.gif);
width:510px;
height:618px;
margin:0px auto;
}
#prodinfo {
padding-top:35px;
padding-left:50px;
}
#prodinfo2 {
padding-left:50px;
padding-top:15px;
}
#prodprice{
padding-left:60px;
padding-top:20px;
}
.prod-image{
padding-top:25px;
padding-right:30px;
padding-bottom:0px;
float:right
}