#coolbanner {
	width:100%; 
	margin-top:0px; 
	background-color:black; 
	background-image:url('main/tile.png'); 
	height:30px; 
	padding:0px; 
	border-bottom:medium groove #121212DD; 
	box-shadow: 0px 2px 5px #00000050; 
	position:fixed; 
	top:0px;
	z-index:999
}

	#selectordiv {
	width:250px;
}

	#selectorP {
	padding:0px; margin:0px; text-align:center; width:250px; display:flex
}

	#cssSelect {
	width:170px; margin:5px; height:20px
}

	#banner {
	width:800px; 
	height:150px; 
	margin:auto; 
	margin-top:47px
}

	#bannerimg {
	border:medium #FF0000 ridge;
}

	#main {
	width:900px; height:auto; margin:auto; display:flex; justify-content:space-between; margin-top:20px
}

	#intro {
	width:330px; height:300px; border:2px solid red
}

	#introp {
	padding:15px; margin:0px; text-align:center
}
	
	
	#decoration {
	width:330px; height:300px; border:2px solid red;
}

	#info {
	width:200px; height:300px; border:2px solid red; overflow:auto; overflow-x:hidden
}
	
	#mainupdates {
	font-size:small; width:155px; text-align:center; margin:auto
}
	
	.updates {
	display:none; font-size:small; width:155px; margin:auto; padding-bottom:10px
}
	
	
	

	a {
	color:red;
	font-weight:bold
}


	body {
	background-color:black; 
	background-image:url('main/bg1.jpg'); 
	background-attachment:fixed; 
	margin:0px; 
	font-family:Verdana
}

	.box {
	width:100px; height:130px;
}

	#buttonDiv {
	width:800px; 
	margin:auto; 
	height:31px; 
	text-align:center; 
	margin-top:15px;
}


	.thumb {
	border:1px solid red;
	height:98px;
	width:98px;
}

	#moreToggle {
	text-align:center; cursor:pointer
}

	#moreToggle:hover {
	color:red
}

	.swatch1 {
	background-image:url('main/swatch2.png'); background-size:100% 100%; width:900px; height:160px;
	text-align:center; font-size:small; display:flex; align-items:center; padding:0px; margin:0px; margin-top:-5px
}

	.swatch2 {
	background-image:url('main/swatch.png'); background-size:100% 100%; width:900px; height:160px;
		text-align:center; font-size:small; display:flex; align-items:center; padding:0px; margin:0px; margin-top:-5px
}

	.swatchcontent {
	width:850px; height:130px; display:flex; align-items:center; 
	justify-content:space-around; text-align:center; margin:auto; padding:0px; margin-top:20px
}



	#cssButton {
	border:1px solid black;
	background-color:#800000;
	color:white;
	height:20px; 
	margin:5px; 
	margin-left:0px;
}

	#cssButton:hover {
	border:1px solid white;
	background-color:#480000;
	color:#FF4040
}


	p {
	font-family:Trebuchet MS;
	color: white;
	text-align:center;
	font-size:medium
	}
	
	.topbox {
	background-color:#000000EE
	}
	
	#webrating {
	position:fixed; 
	bottom:5px; 
	left:5px; 
	background-color:#00000080
}

	#ratingp {
	margin-bottom:2px; margin-top:4px
}


	#main2 {
	width:900px; 
	height:auto; 
	margin:auto; 
	margin-top:15px
}
	
	#sayavine {
	display:none !important
}	
	
	
	
	
	
	
	
	
	

::-webkit-scrollbar {
 width: 13px;
 height: 13px;
}
::-webkit-scrollbar-thumb {
 background: #FF0000;
 border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover{
 background: #B90000;
}
::-webkit-scrollbar-track{
 background: #f2cee9;
 border-radius: 0px;
 box-shadow: inset 7px 10px 12px #f0f0f0;
}