@charset "utf-8";
/* CSS Document */
@font-face 
{
	
	src: url('../fonts/myriadpro-regular-webfont.eot'); /* IE */  
	src: local('myriadpro-regular-webfont'), url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'); /* non-IE */
	src: local('myriadpro-regular-webfont'), url('../fonts/myriadpro-regular-webfont.woff') format('woff'); /* Modern Browsers */
}
body{ font-family:sans-serif; font-size:12px; padding:0px; margin:0px; background:#000; overflow-x:hidden}
p,ul,li,img{ padding:0px; margin:0px; border:0px;}
a.thumb img{ width:100px; height:100px; float:left; position:relative; padding:5px;}
#header{ position:relative; float:left; width:100%; height:425px; background:#1b1b23;}
#header2{ position:relative; float:left; width:100%; height:325px; background:url(../images/header-bg.jpg) no-repeat top center #1b1b23;}
#content-area{ position:relative; float:left; width:100%; padding:10px 0; background:url(../images/rep.jpg) repeat-x top left #030101;} 
#footer{ position:relative; float:left; width:100%; height:56px; background:url(../images/footer.jpg) repeat-x top left;}


.wrapper{ width:1000px; margin:auto; position:relative;} 

.logo{ width:229px; height:116px; float:left;}
.rose-shadow{ position:absolute; right:55px; top:0px;}
ul.menu-div { position:absolute; right:0px; top:120px; z-index:1000}
ul.menu-div li{ display:block; background:url(../images/menu.png); width:121px; height:23px; list-style:none; margin:5px 0; text-align:center; line-height:23px; vertical-align:middle;}
ul.menu-div li a{ color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:bold; text-shadow:1px 2px 3px #000;}

.follow-us{ position:absolute; right:13px; top:300px; z-index:1000}
.follow-us img{ padding:3px}

.blog-btn{ position:absolute; right:0px; top:10px; z-index:1000}

.content-area{ width:100%; float:left; position:relative; color:#999; }

.banner_slogan
	{ 
	width:1000px;
    color: #EAEAEA;
	background:#000;
    left:0px ;
    padding: 10px;
    position: absolute;
    top: 350px;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	
	opacity:0.6;
	filter:alpha(opacity=60); border-radius:10px;
	

	}
.banner_slogan span{ font-size:15px; text-transform: none; }	
#banners {
    width:100%; /* Same width as your banners */
    height:418px; /* Same height as your banners */
    position:absolute;
	z-index:0;
	top:0px;
	left:0px;
    font-family:Arial, sans-serif;
}
#banners .banner{
    position:absolute;

    display:block;
	text-align:center;
	
}
#banners .banner img{ border-radius:10px; behavior: url(ie-css3.htc);}
.banner.current{ z-index: 2; }
#controls{
    position:absolute;
    top:430px;
    z-index:1000;
	width:1000px;
	right:150px;
	

}
#controls li{ float:left; padding:0px; margin:0px; list-style:none;}
#controls li.first{ position:absolute; top:-320px; right:0px; transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */}
#controls li.second{ position:absolute; top:-200px; right:0px; transform:rotate(-10deg);
-ms-transform:rotate(-10deg); /* IE 9 */
-moz-transform:rotate(-10deg); /* Firefox */
-webkit-transform:rotate(-10deg); /* Safari and Chrome */
-o-transform:rotate(-10deg); /* Opera */}


#controls li img{  border: 2px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    height: 61px;
    width: 81px;}
#controls li a{
    display:-moz-inline-box; /* < = FF2 hack */
    display:inline-block;

    font-size:12px;
    padding:4px 2px;
    text-decoration:none;
    color: #333;
    background: url(../images/bullet_rest.png) no-repeat top left; /* Specify a fall back color */
	opacity:80px;
	filter:alpha(opacity=80);
   
   
    outline:none;
}
#controls li.active a{ 
    border-color:#FFF;
    color:#FFF;
    background: url(../images/bullet.png) no-repeat top left;
}
#controls li a:hover{ 
    border-color:#FFF;
    color: #FFF;
    background: url(../images/bullet.png) no-repeat top left;
}



.content{ width:675px; float:left; position:relative; border-top:1px solid #666;  border-bottom:1px solid #666; text-align:justify;  }
img.border{border:3px solid #951457; border-radius:10px; behavior:url('ie-css3.htc'); float:left; margin:0 10px 10px 0; }
.sidebar{ width:302px; position:relative; float:right;}
.mychar{ width:282px; height:252px; background:url(../images/mycharater.png) no-repeat top left; color:#EAEAEA; padding:10px; font-style:italic}
.hit-count{ width:302px; height:112px; /*background: url(../images/hit-count.png) no-repeat top left;*/ }

.mychar img{ width:282px; float:left; position:relative; height:150px;} 

h2.title{ font-size:12px; text-transform:uppercase; text-align:center;}
h3{ color:#EAEAEA; font-size:15px; font-weight:normal;}
.box-link{ width:229px; float:left; position:relative; margin:10px 10px;}
.box-link img{ border:3px solid #951457; border-radius:10px; behavior:url('ie-css3.htc'); width:223px; height:95px;}

a.more{ width:121px; height:23px; float:right; position:relative; background:url(../images/more.jpg) no-repeat top left; text-align:center; line-height:23px; vertical-align:middle; color:#EAEAEA; text-decoration:none; text-transform:uppercase; font-weight:bold;}

.footer{ padding:20px 0; color:#999; float:left; width:100%; position:relative}
span.powered{ position:absolute; top:20px; right:0px;}
td a{ text-decoration:none; color:#FFF;}