@charset "utf-8";
/* CSS Document */


/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }


html
{
	overflow-x: hidden;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	background-image:url(../images/bg.gif);
	background-color:#c5dfff;
	background-repeat:repeat-x;
}

#outer-cont-top
{
	width:820px;
	height:36px;
	margin:0px auto 0px auto;
	padding:0px;
	background-image:url(../images/outer-cont-top.gif);
	background-position:top;
	background-repeat:no-repeat;
	position: relative;
	z-index: 2;
}

#outer-cont
{
	width:820px;
	margin:0px auto 0px auto;
	padding:0px;
	background-color:#ffffff;
	position: relative;
	z-index: 2;
}

#outer-cont-bottom
{
	width:820px;
	height:36px;
	margin:0px auto 0px auto;
	padding:0px;
	background-image:url(../images/outer-cont-bottom.gif);
	background-position:top;
	background-repeat:no-repeat;
	position: relative;
	z-index: 2;
}

#top-image-cont
{
	width:820px;
	margin:0px auto 0px auto; 
	padding:0px;
}

#cloud-dragon
{
	margin-left: 772px; 
	margin-top: -36px;
	padding: 0px; 
	position: absolute;
	z-index: 1;
} 

#cloud
{
	margin-left: -345px;
	margin-top: 180px; 
	padding: 0px; 
	position: absolute; 
	z-index: 1;
} 

#inner-cont
{
	width:800px;
	margin:0px auto 0px auto;
	padding-bottom: 10px;
	background-color:#d5e8ff;
}

#logo
{
	margin-top: -5px;
	margin-left: 10px;
	float: left;
}

#slogan
{
	margin-top: 5px;
	margin-left: 30px;
	float: left;
}

#order-now
{
	top: 30px; 
	margin-left: 27px; 
	position: relative; 
	z-index: 3; 
	float: left;
}


#footer
{
	width: 820px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-color: #ffffff;
}


#footer-text
{
	font-size: 0.8em;
	color: #0363d5;
	width: 760px;
	margin: 0px 10px 0px 10px;
	padding: 0px 20px 0px 20px;
}


#footer-text a
{
	color: #0363d5;
	text-decoration: none;
}



#footer-text a:hover
{
	color: #ec008c;
	text-decoration: underline;
}

#footer-text img
{
	float: right; 
	margin-top: -11px; 
	position: relative; 
	z-index: 3;
}


ul
{
	color: #0363d5; 
	font-weight: bold; 
	margin-left: -20px;
}

ul li
{
	display: inline; 
	margin-left: 20px;
}

ul li a
{
	color: #0363d5;
	text-decoration: none;
}


ul li a:hover
{
	color: #ec008c;
	text-decoration: underline;
}

a img
{
	border: none;
}

#links
{
	margin-left: 350px; 
	margin-right: 40px; 
	margin-top: -145px; 
	float: right;
}



#box-cont
{
	width: 100%;
	overflow: auto;
	padding: 30px 0px;
}


#flash-cont
{
	position:relative; 
	top: -50px; 
	left: 25px;
}

#cast
{
	margin-left: -6px; 
	margin-top: -160px; 
	position: relative; 
	z-index: 3;
}


.box
{
	width: 220px; 
	background-color: #e0eef1; 
	border: 3px solid #e0eef1; 
	float: left; 
	margin: 0px 35px 0px 0px;
}

.box-first
{
	width: 220px; 
	background-color: #e0eef1; 
	border: 3px solid #e0eef1; 
	float: left; 
	margin: 0px 35px 0px 35px;
	display: inline;
}



.box-title
{
	background-color: #e0eef1;
	padding: 5px 15px; 
	color:#0363d5; 
	font-weight: bold;
}


.box-content
{
	min-height: 80px;
	height: auto;
	background-color: #ffffff; 
	padding: 15px; 
	color:#0363d5; 
	font-size: 0.8em;
	text-align: center;
}


.box-title img
{
	float: left; 
	margin: -23px 7px 0px -12px;
	position: relative;
}

a:active, a:focus 
{
	outline: 0;
}

#seo-area
{
	width:760px;
	margin:0px auto 10px auto;
	padding:0px 30px;
	font-size: 0.8em;
	color: #0363d5;
}