/* CSS Document */
/*---------------------------------------------global-------------------------------*/
body {
	margin:0px;
	padding:0px;
	background-color:#393939;
	background-image:url('../image/gardu_shining.png');
	background-position: left bottom;
	background-repeat:no-repeat;
	border-bottom:#626262 solid 1px;
	color:#EFEFEF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:auto;
	}
#all {width:800px;
	height:615px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('../image/bg7.jpg');
	background-repeat:repeat-x
	}
#menu{width:840px;
	height:78px;
	margin-left:auto;
	margin-right:auto;

	padding:0px;
	}
ul {margin:0px;padding:0px;}
li {list-style:none; 	list-style-image:none;margin-left:0px; padding:0px;float:left; list-style-position:outside;}
ul.img_list {
	margin-left:0px;
	background-color:#0000FF;
	padding:0px;
}
li.image_0 {display:block; 
	width:17px; 
	height:75px; 
	position:relative;
	float:left;
}
li.image_1 a {
	display:block; 
	width:134px; 
	height:75px; 
	position:relative;
	float:left;
}
 
li.image_1 a .rollover {
	display:block; 
	position:absolute; 
	width:134px; 
	height:75px; 
	background:url(../image/menu_hover.jpg);
}
li.image_2 a {
	display:block; 
	width:134px; 
	height:75px; 
	position:relative;
	float:left;
}
 
li.image_2 a .rollover {
	display:block; 
	position:absolute; 
	width:134px; 
	height:75px;
	background-image:url(../image/game_hover.jpg)
}
li.image_3 a {
	display:block; 
	width:134px; 
	height:75px; 
	position:relative;
	float:left;
}
 
li.image_3 a .rollover {
	display:block; 
	position:absolute; 
	width:134px; 
	height:75px; 
	background:url(../image/website_hover.jpg);
}
li.image_4 a {
	display:block; 
	width:134px; 
	height:75px; 
	position:relative;
	float:left;
}
 
li.image_4 a .rollover {
	display:block; 
	position:absolute; 

	width:134px; 
	height:75px; 
	background:url(../image/application_hover.jpg);
}
li.image_5 a {
	display:block; 
	width:134px; 
	height:75px; 
	position:relative;
	float:left;
}
 
li.image_5 a .rollover {
	display:block; 
	position:absolute; 
	width:134px; 
	height:75px; 
	background:url(../image/art_design_hover.jpg);
}
li.image_6 a {
	display:block; 
	width:134px; 
	height:75px; 
	position:relative;
	float:left;
}
 
li.image_6 a .rollover {
	display:block; 
	position:absolute; 
	width:134px; 
	height:75px; 
	background:url(../image/contact_us_hover.jpg);
}

#footer{
margin-top:20px;
height:85px;
background-image:url(../image/gardu_studio.png);
background-repeat:no-repeat;
text-align:right;

}
.clear{
clear:both;
}
img{
border:none;}
a {color:#C9E2F0;
text-decoration:none;
}
a:hover{color:#EFEFEF;
text-decoration:none;
}
h2{
color:white;
font-weight:bold;
font-size:12px;
padding:0px;
margin:0px;
text-transform:uppercase;
}
.seperator{
background-position: center 50%;
background-image:url('../image/separator.png');
background-repeat:no-repeat;
width:800px;
height:1px;
margin:15px 0px
}
.seperator2{
background-image:url('../image/separator3.png');
background-repeat:no-repeat;
width:210px;
height:1px;
margin:5px 0px
}

/*---------------------------------------------end global-------------------------------*/

/*---------------------------------------------content-------------------------------*/
#slide1{width:auto;
/*margin-left:100px;*/
	height:100px;
	}
#con_left{
float:left;
width:600px;
margin:0px;
padding:0px;
height:480px;
/*text-align:justify;*/

}
#con_left ol.number{margin:3px;padding:3px; 
}
#con_left li.number{list-style: upper-roman; margin:3px; }

#content{
width:auto;
margin-top:20px;
margin-left:15px;
padding-right:10px;
text-align:justify;
/*color:#BBBBBB;*/
}


#content .title{
font-size:14px;
margin:0px 0px 10px 0px;
color:#C9E2F0;
}
#content .image_left{
float:left;
margin:0px 5px 0px 0px;
}
#content .image_right{
float:right;
margin:0px 0px 0px 5px;
}
#con_right{
margin-top:30px;
width:210px;
height:auto;
margin-left:610px;
position:relative;


}
#con_right .top{
width:210px;
height:18px;
/*background-image:url(../image/top.gif);*/

}
#con_right .middle{
width:210px;
height:auto;
background-color:#333333;
text-align:center;

}
#con_right .bottom{
width:210px;
height:18px;
/*background-image:url(../image/bottom.gif);*/
}