@charset "UTF-8";
/* CSS Document */
body {	margin: 0px;border: 0px; padding: 0px;
		background-image: url(images/bodybg.png); background-repeat:repeat;
		font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
}

a:link img{border:0}
a:hover img{border:0} 

:focus {outline:0px none transparent;}

#weblogo{
		background-image:url(images/headerlogo.png); background-repeat:no-repeat;
		position:relative;
		width:278px;
		height:100px;
		margin:auto;
		margin-top:20px;
}

#header{background-image:url(images/headerbg.png);background-repeat:repeat-x;/* for firefox<3.6 */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bbde0', endColorstr='#FFFFFF'); /* for IE */
	background: -moz-linear-gradient(top, #9bbde0, #fff);
	background: -webkit-gradient(linear, center top, center bottom, from(#9bbde0), to(#fff));
																		 
	height:147px;
	position:absolute;
	top: 0px;
	left:0px;
	width:100%;
}

#sky
{
	position: absolute;
	left: 0;
	top: -7px;
	width: 100%;
	height: 140px;
	overflow: hidden;
}

#cloud
{
	position: absolute;
	left: 5%;
	top: 35px;
	z-index: 2;
	width: 95px;
	height: 65px;
	background-image: url(images/cloud1.png);
	background-repeat: no-repeat;
}

#cloud2
{
	position: absolute;
	left: 25%;
	top: 80px;
	z-index: 3;
	width: 95px;
	height: 65px;
	background-image: url(images/cloud2.png);
	background-repeat: no-repeat;
}

#cloud3
{
	position: absolute;
	left: 50%;
	top: 15px;
	z-index: 1;
	width: 50px;
	height: 35px;
	background-image: url(images/cloud3.png);
	background-repeat: no-repeat;
}

#navigation{ margin-top:147px;height:52px;background-image:url(images/navi_bar.png); background-repeat:repeat-x;}

.container{margin:auto; width:925px;}
.topNav{margin:auto; width:925px;}

#navigGap { float:left;;width:2px; height:48px; background:url(images/gap.png) no-repeat; margin-right:10px;}/*gapimage margin -- 1/2 the list texts margin*/ 

/* Styles for the entire LavaLamp menu */

#menu{position:relative;}
#menu ul{margin:0 auto;}
#menu ul li{text-decoration:none; ;
	width:130px;
	float:left;
	display:inline;
	text-align:center;
}
#menu ul li a{
	display:block;
	font-size:15px;
	text-decoration:none;
	color:#666666;
	line-height:45px;
	padding: 0 5px;
	position:relative;
	z-index:100; 
}

li#sep{ 
	background: transparent url(images/cloud_navi.png) no-repeat center top; 	
	position:absolute; 
	height:50px; 
	width:165px;
	top:0px;
	z-index:50;
} 

#menu ul li a.active { text-decoration: none; color: #666666;border:0;}
#menu ul li a:hover { color:#10BEDE; text-decoration:none;border:0;}
/*End of tge lavaLamp animation*/

#infoBoard{ 
	height:267px; margin-top:20px; position:relative; 
	background-color:#4F5F7B; 
	border:2px solid #2E3B54; 
	-moz-border-radius:20px;
	-webkit-border-radius:20px;	
	-webkit-box-shadow: -1px -1px 2px #fff;
	-moz-box-shadow:inset -1px -1px 2px #fff; 
	box-shadow:inset -1px -1px 2px #fff;
}

#Previousbt{ float:left; width:30px; text-align:center;text-shadow: 1px 1px 0.5px #DDBA9C; color:#6F2D1A; font-size:25px; font-weight:bolder; padding-top:120px;}
#Nextbt{ float:right; width:20px; text-align:center;text-shadow: 1px 1px 0.5px #DDBA9C; color:#6F2D1A; font-size:25px; font-weight:bolder;padding-top:120px;}

#board{ background-color:#FFF; height:257px; width:916px; margin:5px; float:left;
-moz-border-radius:15px;-webkit-border-radius:15px;	}/*920x257 size bg with shadow inner glow*/

#infoL{float:left;position: relative;margin:0 auto;}
/*--Window/Masking Styles--*/
.window { margin-left:15px;
	height:257px;	width:520px; 	
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0px;
	left: 0px;
}
.image_reel img {float: left;}
.image_reel a:active{color:#fff;}
.image_reel a:visited{color:#fff;}

/*--ease in-out Paging Styles--*/
.paging {
	position: absolute;
	bottom: -5px; right:35px;
	width: 400px; height:60px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center; font-size:50px;
	line-height: 55px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 10px;/* space btw the page link*/
	text-decoration: none;
	color:#CCC;
}
.paging a:active { color:#10BEDE;}
.paging a:hover {font-weight: bold;}

#infoR{ width:300px; height: 217px;float:right; margin:20px auto; padding-left:35px;font-family:Verdana,Arial,Sans-Serif; font-size:12px; border-left:2px #D2D2D2 dotted;}	
#infoR a{text-decoration:none;}
#infoR img{ border: 2px solid #FFFFFF; }

/*rolling messages*/
.newsticker-jcarousellite {width:260px;}
.newsticker-jcarousellite ul li{ list-style:none; display:block; text-align:left;}
.newsticker-jcarousellite .thumbnail { float:left; width:40px;}
.newsticker-jcarousellite .info { float:left;width:210px; height:60px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }
.clear { clear: both; }
/*END rolling animation*/


/*********************  Home page  *********************/

/*color glow button*/
@-webkit-keyframes glow {
	0% {
		-webkit-box-shadow: 0 0 16px rgba(66, 140, 240, 0);
		border-color: rgba(130,130,130,0); 		
	}
	100% {
		-webkit-box-shadow: 0 0 12px rgba(66, 140, 240, 1.0), 0 0 36px rgba(0, 140, 255, 1.0);
		border-color: rgba(0,0,255,1.0); 
	}
}


.wrapper {
	text-align:center; padding-top:2px; padding-bottom:2px;
	margin:auto;
}
	
.wrapper button {
		width: 120px;
		height: 30px;
		background: -moz-linear-gradient(top, #f4f4f4, #cecece);
		background: -webkit-gradient(linear, center top, center bottom, from(#f4f4f4), to(#cecece)); 
		border: 1px solid #ccc; 
		border-color: rgba(130,130,130,0.5); 
		font-size:12px;
		color: #999; 
		text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px;
		text-align: center; 
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;				
		border-radius: 8px;
	}

.wrapper button:hover, #wrapper button.hover_effect  {
	background-color:#cce;
	-webkit-animation-name: glow;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;	
}
/*End glow animation*/

/*********************  End Home page  *********************/

/*********************  Product Page  *********************/
#contentwrapper{
		background-color:#fff;
		padding:0;
		margin:auto;
		width:925px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;	
		-webkit-box-shadow: -0.5px 0.5px 1px #666;
		-moz-box-shadow: -0.5px 0.5px 1px #666;
        box-shadow: -0.5px 0.5px 1px #666;
}

#content{ width:800px; padding-top:20px; padding-bottom:50px; margin:auto; margin-top:20px;}
#content h1{ font-size:30px; color:#666;}
#content h2{ font-size:18px; color:#666;}
#content p{ font-size:14px; color:#999;}
#content ul li{ list-style:circle; line-height:20px; }

#productimg{ 
		margin:auto; margin:10px 30px; width:200px;float:left;
		background: -moz-linear-gradient(top, #f4f4f4, #cecece);
		background: -webkit-gradient(linear, center top, center bottom, from(#f4f4f4), to(#cecece)); 
		border: 1px solid #ccc; 
		border-color: rgba(130,130,130,0.5); 
		font-size:14px;
		color: #000; 
		text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 1px;
		text-align: center; 
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;				
		border-radius: 8px;
		
		text-indent:-30px;
}



/*********************  End Product Page  *********************/

/*********************  Contact Page  *********************/
#contactcontent{
		margin:auto;
		margin-top:60px;
		background-color:#fff;
		height:400px;/* the height of the page content*/
		width:925px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;	
		-webkit-box-shadow: -1px 1px 3px #666666;
		-moz-box-shadow: -1px 1px 3px #666666;
        box-shadow: -1px 1px 3px #666666;}

/*********************  End Contact Page  *********************/
#footage{position:relative; top:15px; text-align:center; font-size:12px; color:#666;}