/*
body {behavior: url(csshover.htc);}
remove all default margins and padding to make consistent view in both explorer and firefox 

*/
/**************     clear from default values     *********************************************************************/
* {margin: 0; padding: 0;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,div,img,blockquote,fieldset,input,label,address,dd,dl,
img {border: none;}
ul, dt, dd, ul, li {list-style-type: none;}
a {text-decoration: none;}
/*a:visited{color: blue;}
a:visited{color: #8000c0;}*/

/**************     all     *********************************************************************/
/*body{background: url("img/bg1.jpg");text-align: center; margin: 0px; margin: 0px; padding: 0px;}*/

body {
	background-image: url("img/bg_all.jpg");
	background-position: top center;
	background-repeat: repeat-y;
	font-family:arial;
	text-align: center;
/*	background-color: #900cff;
	text-align: center;
	font-family:arial;
*/
}
p {
	font-size: 16px;
	margin: 40 50 20 50px;
}

/**************    link style    ********************************/
/*
a {
	color: blue;
}
a:hover {color: #ff0000;}
a:visited {text-decoration: none; color: blue;}
a:active {text-decoration: none; color: blue;}
*/
p a{color: blue;}
p a:hover {color: #ff0000;}

ul a{
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	margin-left: 20px;
	padding-left: 10px;
	font-size: 18px;
	color: #450045;
	font-family:arial;
	border-bottom: 1px dashed #050588;
}
ul a:hover{ 
	color: #ff0000;
	background-color: #CCAEED;
}

/**************************************************************/
#wrap_outer {
	width: 100%;
	height: 295px;
	background: url("img/bg_top.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}
#wrap_all {
	text-align: left;
	width: 810px;
	border: 1px solid blue;

	margin: 0 auto;
}
#top {
	width: 800px;
	height: 170px;
	margin: 5px;
}
#top_left {
	float: left;
	width: 200px;
	height: 200px;
	background-color: #B91019;
	margin-right: 5px;
}
#top_middle {
	float: left;
	width: 380px;
	height: 200px;
	background-color: #B91019;
	margin-right: 5px;
}
#top_right {
	float: right;
	width: 200px;
	height: 200px;
	background-color: #B91019;
}
/***************************** niddle section *************************************************/
#mid_content {
	width: 800px;
	margin: 5px;
}
.clear{
	clear:both;
}
.h1_header {
	font-size: 30px;
	margin-left: 50px;
	margin-top: 30px;
}
.h2_header {
	font-size: 24px;
	margin-left: 50px;
	margin-top: 40px;
}
/************************** about (  index)  ************************************/
#left_about {
	float: left;
	width: 200px;
	height: 700px;
	background-color: #900CFF;
}
#right_about {
	float: right;
	width: 595px;
	height: 700px;
	background-color: #CCAEED;
}
/************************** service ************************************/
#left_service {
	float: left;
	width: 200px;
	height: 1200px;
	background-color: #900CFF;
	margin-right: 5px;
}
#right_service {
	float: left;
	width: 595px;
	height: 1200px;
	background-color: #CCAEED;
}
.p2 {
	font-size: 14px;
	margin-left: 50px;
	padding-bottom: 15px;
}
/************************** sample ************************************/
#left_sample {
	float: left;
	width: 200px;
	height: 2000px;
	background-color: #900CFF;
	margin-right: 5px;
}
#right_sample {
	float: left;
	width: 595px;
	height: 2000px;
	background-color: #CCAEED;
}
/************************** contact ************************************/
#left_contact {
	float: left;
	width: 200px;
	height: 550px;
	background-color: #900CFF;
	margin-right: 5px;
}
#right_contact {
	float: left;
	width: 595px;
	height: 550px;
	background-color: #CCAEED;
}
/************************** game ***************************/
#left_game{
	float: left;
	width: 200px;
	height: 700px;
	background-color: #900CFF;
	margin-right: 5px;
}
.play_game{
	float: left;
	width: 152px;
	height: 152px;
	background-color: #0886AD;
	margin-top: 50px;
	margin-left: 23px;
	border: 1px dashed #050588;
}
#right_game {
	float: left;
	width: 595px;
	height: 700px;
	background-color: #CCAEED;
}
#game {
	width: 450px;
	height: 350px;
	background-color: #CCAEED;
	margin-left: 50px;
	margin-top: 50px;
	border: 5px solid #ffffff;
}

#gnt_banner {
	width: 500px;
	height: 450px;
	background-color: #CCAEED;
	margin-left: 50px;
	margin-top: 50px;
}
/************************** flash examples on sample.php page ***************************/
#banner {
	float: left;
	width: 200px;
	padding: 10px;
	border: 5px solid red;
}
#gnt_text {
	float: left;
	width: 220px;
	margin: 20px;
}
/***************************************/

#happy_holiday {
	float: right;
	width: 595px;
	height: 700px;
	background-color: #CCAEED;
}
#happy_holiday_flash {
	border: 1px solid navy;
	margin-top: 40px;
	margin-left: 40px;
	width: 500px;
	height: 400px;
	background-color: #CCAEED;
}
/************************** footer ***************************/
#footer {
	text-align: center;
	width: 800px;
	height: 80px;
	background-color: #025BFF;
	margin: 5px;
}
.p1 {
	font-size: 14px;
	padding-top: 25px;
}

/************************** style ***************************/
#mouseover { cursor:pointer; cursor:hand; }