body { 
background:url("topper2.png") repeat-x, 
url("bg1.png") repeat;
background-color:#f3f3f3; 
overflow-x:hidden;
font-family: calibri; 
text-align:justify;
font-size: 10px; 
color: #777;
margin: 0px; 
padding: 0px;}


#container	{	position: relative;
				margin: 30 auto;
				width: 910px;
			}
			
	#navigation	{	position: fixed;
					width: 100px;
					padding: 10px 0px;
					z-index: 888888 !important;
				}
				
#container2	{	position: relative; float: left;
				background: #f3f3f3 url() repeat-y top right; 
				margin-left: 50px;
				width: 865px;
				border: 1px solid #eee;
				border: 5px solid #eee;
				border-top: 5px solid #eee;
				padding: 0px 0px;
				z-index: 999999999 !important;
				-webkit-box-shadow: 0px 0px 3px 0px #303030;
box-shadow: 0px 0px 3px 0px #303030;
				}
				
a.nav, a.nav2, a.nav3, a.nav4 { background: #222;
margin-left: 10px;
display: block;
position: relative;
font-family: pixel;
font-size: 10px;
line-height: 8px;
text-decoration: none;
text-transform: lowercase;
color: #e6e6e6;
width: auto;
height: 100px;
margin-top: 0px;
letter-spacing: 2px;
border-radius: 50px;
border-left: 5px solid #e6e6e6;
-moz-transition: 0.8s ease-out;
-webkit-transition: 0.8s ease-out;
text-align: center;
-webkit-box-shadow: 0px 0px 3px 3px #303030;
box-shadow: 0px 0px 3px 3px #303030;
}
a.nav span, a.nav2 span, a.nav3 span, a.nav4 span	 {display: block;
																	position: absolute;
																	top: 45%;
																	left: 0px;
																	-webkit-transform: rotate(270deg);
																	-moz-transform: rotate(270deg);
																	-o-transform: rotate(270deg);
																	writing-mode: lr-tb;
																}
a.nav:hover {border-left: 5px solid #f27dfa !important; color: #f27dfa !important;}
a.nav2:hover {border-left: 5px solid #fad07d !important; color: #fad07d !important;}
a.nav3:hover {border-left: 5px solid #c2c864 !important; color: #c2c864 !important;}
a.nav4:hover {border-left: 5px solid #64c8b9 !important; color: #64c8b9 !important;}

a.nav:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover { 
margin-left: 0px;
-moz-transition: 0.8s ease-out;
-webkit-transition: 0.8s ease-out;
}

	#sidebar	{	float: right;
					position: relative;
					width: 100px;
					margin: 2px 0px 2px 2px;
					}
					
					#sidebar span	{	background: #303030;
										color: #e6e6e6;
										margin: 5px 25px;
										display: block;
										text-align: center;}
					
				a.elite	{	display: block;
							margin:2px;
							background: #303030;
							padding: 10px 20px;
							text-align: center;
							margin-bottom: 5px;
							color: #e6e6e6;
							text-decoration: none;
													-moz-transition: 0.8s ease-out;
						-webkit-transition: 0.8s ease-out;
						}
						
						a.elite:hover	{	padding: 20px 20px;
												-moz-transition: 0.8s ease-out;
																			color: #ccc;
						-webkit-transition: 0.8s ease-out;}
						
				a.aff	{	display: block;
							margin:2px;
							background: #303030;
							padding: 4px 20px;
							text-align: center;
							margin-bottom: 5px;
							color: #e6e6e6;
							text-decoration: none;
													-moz-transition: 0.8s ease-out;
						-webkit-transition: 0.8s ease-out;
						}
						
						a.aff:hover	{	padding: 20px 20px;
												-moz-transition: 0.8s ease-out;
																			color: #e6e6e6;
						-webkit-transition: 0.8s ease-out;}
					
	#sidebar2	{	float: right;
					width: 200px;
					background: #f3f3f3;
					min-height: 400px;
					margin: 2px 2px 0px 2px;
					margin-top:-0px;
					overflow: hidden;
					}
					
	.box	{	
				background: url(), 
				url();
				background-repeat: no-repeat, no-repeat !important;
				background-position: top center, bottom center;
				min-height: 50px;
				width: 100%;
				color: #aaa;
				overflow: hidden;
				padding: 0px 0px;
				margin-top: -10px;
			}


			.inside	{ 	position: relative;margin:  0px; 
						background: #f3f3f3; 
						width: 100%; padding: 2px;
						margin-bottom: 16px; margin-top: 16px;
						min-height: 55px;
					}
					
			a.link, a.link2, a.link3, a.link4	{	background: #272525;
						border-left: 4px solid #444;
						display: block;
						font: 10px/8px pixel;
						text-decoration: none;
						margin-bottom: 1px;
						padding: 1px 4px 1px 1px;
						color: #aaa !important;
						-moz-transition: 0.8s ease-out;
						-webkit-transition: 0.8s ease-out;
				
						}
						
			a.link:hover, a.link2:hover, a.link3:hover, a.link4:hover	{	color: #000;
																			-moz-transition: 0.8s ease-out;
																			-webkit-transition: 0.8s ease-out;
																			border-right: 4px solid #303030;
																			text-align: right;
																			padding-right: 4px;
																			}
											

						a.link	{border-color: #f27dfa; }
						a.link2 {border-color: #fad07d;}
						a.link3	{border-color: #c2c864;}
						a.link4	{border-color: #64c8b9;}
						
						a.link:hover	{background: #E69CEB; }
						a.link2:hover	{background: #fad07d;}
						a.link3:hover	{background: #c2c864; }
						a.link4:hover	{background: #64c8b9; }
									table.box	{width: 190px; margin-left: 5px; background: #303030;   border-spacing:0;
    border-collapse:collapse; margin-top: -4px; padding: 0px;}
									td.sb	{width: 50%;}
									
				table.box2	{width: 190px; margin-left: 5px; background: #303030;   border-spacing:0;
    border-collapse:collapse; margin-top: -4px; padding: 0px;
			}

			
			a.nava:hover, a.nava2:hover, a.nava3:hover, a.nava4:hover	{	background-color: #494949;
						display:block;
						text-decoration: none;
						font: 10px/8px pixel;
						margin-bottom: 1px;
						text-transform: lowercase;
						padding: 5px;
						text-align: center;
						color: #eee;
												-moz-transition: 0.8s ease-out;
						-webkit-transition: 0.8s ease-out;
					}
					
						a.nava{background-color: #494949; }
						a.nava2	{background-color: #474747; }
						a.nava3	{background-color: #484848;}
						a.nava4	{background-color: #464646; }
						
						a.nava, a.nava2, a.nava3, a.nava4 { 
						display:block;
						text-decoration: none;
						font: 10px/8px pixel;
						margin-top: 5px;
						margin-bottom: 0px;
						text-transform: lowercase;
						padding: 5px;
						text-align: center;
						color: #eee;
						border: 1px solid;
						-moz-transition: 0.8s ease-out;
						-webkit-transition: 0.8s ease-out;
						}
						a.nava{border-color: #333; }
						a.nava2	{border-color: #333; }
						a.nava3	{border-color: #333;}
						a.nava4	{border-color: #333; }
						
			
	#header	{	float: right;
				padding: 3px;
				border: 1px solid #eee;
				margin: 2px 0px;
			}
			
			
			a	{color: #aaa; text-decoration: none;-moz-transition: 0.8s ease-out;
						-webkit-transition: 0.8s ease-out;}
			a:hover	{color: #fff;-moz-transition: 0.8s ease-out;
						-webkit-transition: 0.8s ease-out;}

			#content {	float: right;
						width: 548px;
						min-height: 200px;
						background: url() repeat top left fixed;
						margin: 5px  2px;
						padding: 3px;
						margin-bottom: 20px;
						padding-bottom: 20px;
									font-family: arial;
			font-size: 10px;
			line-height: 8px;
					}
					

						
							
			b	{	font-weight: normal;
					color: #64c8b9;
				}
			s	{	color: #d2ae68;}
			big	{	letter-spacing: 0px;
					color: #888888;
					font-size: 10px;
					}
					
			small	{font-size: 10px; 
						letter-spacing: 3px;
						}
			i	{	color: #c2c864;}	
			


						#pagecontainer	{	margin: 0 auto;
											width: 540px;
											overflow: hidden;
											}
						#pagecontainer img	{	margin: 0px !important; border-radius: 0px; padding: 0px; opacity: 1;
												}
											
							#icon	{	width: 125px;
										float: left;
										position: relative;
										height: 125px;
										-moz-transition: 0.8s ease-out;
										-webkit-transition: 0.8s ease-out;
										margin: 5px;

									}

							#icon:hover .hoverbox	{	opacity: 0.8;
														-moz-transition: 0.8s ease-out;
														-webkit-transition: 0.8s ease-out;
														transform: rotateX(0deg);
														-webkit-transform: rotateX(0deg);
														}
														
							#icon:hover .links	{	opacity: 0.8;
														-moz-transition: 0.8s ease-out;
														-webkit-transition: 0.8s ease-out;
														transform: rotateX(0deg);
														-webkit-transform: rotateX(0deg);
														}
														
									
									#icon h2	{	background: #000 !important;
													text-align: center;
													padding: 0px;
													-moz-transition: 0.8s ease-out;
										-webkit-transition: 0.8s ease-out;
													}
							
							.hoverbox	{	position: absolute;
											top: 2px;
											left: 2px;
											width: 115px;
											height: 115px;
											background-color: #303030;
											opacity: 0;
											z-index: 888888 !important;
											padding: 3px;
											color: #e6e6e6;
																						
											}
											
							.links, .hoverbox {				opacity: 0;
											-moz-transition: 0.8s ease-out;
										-webkit-transition: 0.8s ease-out;
																								transform: rotateX(180deg);
														-webkit-transform: rotateX(180deg);
										}
							.links	{	position: absolute;
											bottom: 10px;
											right: 2px;
											text-align: right;
											width: 121px;
											-moz-transition: 0.8s ease-out;
										-webkit-transition: 0.8s ease-out;
										z-index: 99999999999999999 !important;
											}
											
::-webkit-scrollbar-thumb {
border-radius:5px;    
background-image: url("hover.png");
background-repeat: repeat-y;
background-color: #222;  }

::-webkit-scrollbar {
background-image: url("hover.png");
background-repeat: repeat-y;
width: 5px; height: 2px; 
border-radius:5px;
background: #222;}

#content img, #content a img {
background: url(hover.png) bottom center;
padding: 4px;
opacity: 0.9;
margin: 2px;
border-radius: 5px;
border: 1px solid 333
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-border-radius: 5px;
 }
 
#content img:hover, #content a:hover img {
background: url(hover.png) top center;
opacity: 1;
border-radius: 5px;
border: 1px solid #494949;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
-webkit-border-radius: 5px;
 }

textarea{
color: #aaa;
background: #494949;
border: 1px solid #494949; 
margin: 2px;-webkit-box-shadow: 0 2px 8px #777;
-moz-box-shadow: 0 2px 8px #777;
  box-shadow: 0 2px 8px #777;
}

blockquote {
  font-family: calibri;
  display: block;
  background: #333;
  color: #777;
  padding: 5px 10px 15px 50px;
  margin: 0 auto 3px;
  margin-bottom: 20px;
  width: 350px;
  position: relative;
  line-height: 1;
  font-size: 11px;
  letter-spacing: 1px;
  text-align: justify;  
text-align: justify;  
border-right: 25px solid #494949;
border-left: 10px solid #494949;
border-radius: 250px;-webkit-box-shadow: 0 2px 8px #494949;
-moz-box-shadow: 0 2px 8px #494949;
box-shadow: 0 2px 8px
#2C2C2C;
}

blockquote::before {
  content: "\2605";
  font-family: Georgia, serif;
  font-size: 36px;
  font-weight: bold;
  background: #494949;
  color: #aaa;
  text-align: center;
  position: absolute;
  left:9px;
  top: 9px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
blockquote a {
  text-decoration: none;
  background: #232229;
  padding: 0 3px;
  color: #bbb;
}
blockquote2{
  display: block;
  text-align: left;
  width: 400px;
  background: #f6a3d4;
  padding: 10px 10px 10px 5px;
  margin: 20 2 20 0px;
  position: relative;
  line-height: 1.2;
  color: #2b2b2b;
}
h1{	
    margin: 0px;
    font: 10px ernest !important;
    text-align: center;
    padding: 0px;
    background-color:#494949; 
    border-left: 10px solid #494949;
    border-right: 10px solid #494949;
    color: #aaa;
    padding: 2px;
    letter-spacing: 1px;
}

h2{	
    margin: 0px;
    font: 10px ernest !important;
    text-align: center;
    padding: 0px;
    background-color:#494949; 
    border-left: 10px solid #494949;
    border-right: 10px solid #494949;
    color: #aaa;
    padding: 2px;
    letter-spacing: 1px;
}

h3{	
    margin: 0px;
    font: 10px ernest !important;
    text-align: center;
    padding: 0px;
    background-color:#494949; 
    border-left: 10px solid #494949;
    border-right: 10px solid #494949;
    color: #aaa;
    padding: 2px;
    letter-spacing: 1px;
}

h4{	
    margin: 0px;
    font: 10px ernest !important;
    text-align: center;
    padding: 0px;
    background-color:#494949; 
    border-left: 10px solid #494949;
    border-right: 10px solid #494949;
    color: #fff;
    padding: 2px;
    letter-spacing: 1px;
}


h5{
    margin: 0px;
    font: 10px ernest !important;
    text-align: center;
    padding: 0px;
    background-color:#494949; 
    border-left: 10px solid #494949;
    border-right: 10px solid #494949;
    color: #fff;
    padding: 2px;
    letter-spacing: 1px;
}

h6 {
text-align: center;
font-family: calibri;
font-size:10px; 
color: #494949;
margin:1px; 
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
border-bottom: 2px dotted 
#494949;}
color: #aaa;
}