@charset "utf-8";
/* CSS Document */
/****************************** Main Css ******************************/
*/
@font-face{
	font-family:Bonveno;
	src:url('../font/Bonveno.otf') format ("opentype");
}

html, body {border: 0; margin: 0; padding: 0; height: auto;}
body {	
	font: 12px Bonveno, arial, helvetica, sans-serif;
	color: #fff; /*Font color*/
		background:#161d24 url(../images/bg01.gif) ;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
	
	p, ul, ol { margin: 0; padding: 0; }
	p { padding-bottom:5px;}
	img, img a { border: none; }
	form { margin: 0; padding: 0; }

/************************* Global linking *************************/	
a:link {
	color: #FF0000;
	text-decoration: none;
	outline:none;
	overflow:hidden;
}
a:visited {
	color: #FF0000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #0099FF;
}
/************************* Wrapper Css *************************/	
#Wrapper {
	width: 910px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
}

/****************************** Header Css ******************************/
#header{width:  910px; height:85px; padding-top:30px; float:left}
#header-logo{	width: 584px; height: 79px; float:left;}
#header-txt{
	width: 310px; 
	height: 65px;
	color:#FFF;
	float:left;
	padding: 5px 0 0 6px;
}



/****************************** main Css ******************************/
.col-title {
	width: 910px;
	height: 30px;
	float:left;
	padding: 12px 0 5px 0;
	border-bottom: 1px solid #415569;
	margin-bottom:12px;
}

.col-title-recent {
	width: 910px;
	height: 30px;
	float:left;
	padding: 12px 0 5px 0;
	border-bottom: 1px solid #415569;
}




/****************************** Content area Css ******************************/
#col-content{
	margin-bottom:10px;
	padding-top:12px;
	background: url(../images/bg02.gif) repeat-x ;
}

#col-content, #col-content1, #col-content2, #col-content3, #col-content4 {
	width: 910px;
	height: 140px;		
	float:left;
	position:relative;
}

/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_outer{
			

}
#SlideItMoo_outer, #SlideItMoo_outer1, #SlideItMoo_outer2, #SlideItMoo_outer3,  #SlideItMoo_outer4{  
	display:block; 
	position:relative;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward, #SlideItMoo_outer .SlideItMoo_back,
#SlideItMoo_outer1 .SlideItMoo_forward, #SlideItMoo_outer1 .SlideItMoo_back,
#SlideItMoo_outer2 .SlideItMoo_forward, #SlideItMoo_outer2 .SlideItMoo_back,
#SlideItMoo_outer3 .SlideItMoo_forward, #SlideItMoo_outer3 .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:115px; 
	top:0; 
	right:1px; 
	background:url(../images/arrow_right.gif) no-repeat center;  
}
#SlideItMoo_outer .SlideItMoo_forward, 
#SlideItMoo_outer1 .SlideItMoo_forward, 
#SlideItMoo_outer2 .SlideItMoo_forward,
#SlideItMoo_outer3 .SlideItMoo_forward{ 
	left:888px; 
}
	
#SlideItMoo_outer .SlideItMoo_back, 
#SlideItMoo_outer1 .SlideItMoo_back, 
#SlideItMoo_outer2 .SlideItMoo_back, 
#SlideItMoo_outer3 .SlideItMoo_back{ 
	left:1px; 
	background:url(../images/arrow_left.gif) no-repeat center;
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner,
#SlideItMoo_inner1,
#SlideItMoo_inner2,
#SlideItMoo_inner3,
#SlideItMoo_inner4
{ 
	position:relative ; 
	overflow:hidden ; 
	margin-left:22px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items, 
#SlideItMoo_items1, 
#SlideItMoo_items2, 
#SlideItMoo_items3,
#SlideItMoo_items4
{ 
	display:block; 
	position:relative;
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element,
#SlideItMoo_items1 div.SlideItMoo_element, 
#SlideItMoo_items2 div.SlideItMoo_element, 
#SlideItMoo_items3 div.SlideItMoo_element,
#SlideItMoo_items4 div.SlideItMoo_element
{ 
	position:relative; 
	float:left; 
	font-size:11px; 
	width:160px;
	text-align:center; 
	color:#c6e6ff;
	margin:0 17px 0 0;
}
#SlideItMoo_items div.SlideItMoo_element a,
#SlideItMoo_items1 div.SlideItMoo_element a, 
#SlideItMoo_items2 div.SlideItMoo_element a, 
#SlideItMoo_items3 div.SlideItMoo_element a, #SlideItMoo_items4 div.SlideItMoo_element a{ padding:0; margin:0;}

#SlideItMoo_items a, 
#SlideItMoo_items1 a, 
#SlideItMoo_items2 a, 
#SlideItMoo_items3 a, #SlideItMoo_items4 a{ 
margin:3px 0px 3px; clear:both; display:block; } 

#SlideItMoo_items a img, 
#SlideItMoo_items1 a img,  
#SlideItMoo_items2 a img,  
#SlideItMoo_items3 a img, 
#SlideItMoo_items4 a img
{
	border-top: 1px solid #3a4c5e;	
	border-right:1px solid #000309;
	border-bottom:2px solid #000309;
	border-left:1px solid #3a4c5e;
}



/****************************** Footer Css ******************************/
#footer{ width:  910px; height: 230px;  background: #000 url(../images/monster.gif) no-repeat bottom left; margin-bottom:5px; 
	border-top: 1px solid #415569;	
	border-right:1px solid #212f3e;
	border-bottom:1px solid #1b2835;
	border-left:1px solid #212f3e;
	margin-top:18px;

}
#footer-copy{ width:492px; height: 230px; float:right; padding-right:22px;}

#footer-copy-header{ width:492px; height:37px; float:left; padding-top:18px}
.footer-txt1{ width:231px; float:left; padding-right:28px;}
.footer-txt{ width:231px; float:left; }
.footer-txt ul{ display:block; width: 220px; list-style:none;};
.footer-txt ul li{ width: 220px; padding:4px 0 6px 0; display:block; float:left;}

#footer-feed{ 
width:  870px;
float:left;
padding:0 20px 15px 20px;
font-size:10px;
color:#c6e6ff;
}

.footer-copyright{ width:300px; float:left; }
.footer-feedme{ width:200px; float:left; text-align:right }
.footer-feedme ul{}
.footer-feedme ul li{
	list-style:none;
	float:left;
	padding:12px  9px 0 0;
}

/****************************** Clear float Css ******************************/	
#clear{
	clear:both;
}