/*******************CSS POSITION CODE*******************/

.bigshellshadow {
	position: absolute;
	
	top: 10%;
	left: 10%;
	width: 750px;
	height: 500px;
	background-color: #333;
}

 	
.bigshell {
	position: relative;
	top: -3%;
	left: -2%;	
	width: 100%;
	height: 100%;
	
	background-image: url(../images/background369fade.jpg) ;
	
}

.powered{
	position: absolute;
	top: 465px;
	left: 630px;
	width: 100px;
	height: 15px;
	z-index: 200;
	font-size: 10px;
	color: green;
	background-color: black;
	text-align: center;
}


.linkribbon {	
	position: absolute;
	z-index: 3;
	width: 100%;
	Height: 4.5%;
	left: -2%;
	top: 50%;
	background: url(../images/siteLayout2.gif) no-repeat;
	/*background-color: #333;*/
	font-size: 14px;
	padding-top: 5px;
	color: red;
	font-weight: normal;
	text-align: center;
	
}

.lowribbon {
	position: absolute;
	z-index: 3;
	width: 90%;
	Height: 4.5%;
	left: 5%;
	top: 75%;
	/*background-color: #333;*/
	background: url(../images/siteLayout.gif) no-repeat;
	font-size: 14px;
	padding-top: 5px;
	color: red;
	font-weight: normal;
	text-align: center;
	
}

.homelowribbon {
	position: absolute;
	z-index: 3;
	width: 100%;
	Height: 4.5%;
	left: -2%;
	top: 60%;
	/*background-color: #333;*/
	background: url(../images/siteLayout.gif) no-repeat;
	font-size: 14px;
	padding-top: 5px;
	color: red;
	font-weight: normal;
	text-align: center;
	
}

.linkribbon a span {
	display: none;
}

.lowribbon a span {
	display: none;
}

.homelowribbon a span {
	display: none;
}

.linkribbon a:hover span {
	display: block;
   	position: absolute; 
	top: -140px; 
	left: 235px; 
	width: 125px;
   	padding: 15px; 
	margin: 10px; 
	z-index: 100;
   	color: #BBB; 
	background: black;
  	font: 14px Verdana, sans-serif; 
	text-align: center;
}

.lowribbon a:hover span {
	display: block;
   	position: absolute; 
	top: 50px; 
	left: 225px; 
	width: 125px;
   	padding: 15px; 
	margin: 10px; 
	z-index: 100;
   	color: #BBB; 
	background: black;
  	font: 14px Verdana, sans-serif; 
	text-align: center;
}

.homelowribbon a:hover span {
	display: block;
   	position: absolute; 
	top: 50px; 
	left: 225px; 
	width: 125px;
   	padding: 15px; 
	margin: 10px; 
	z-index: 100;
   	color: #BBB; 
	background: black;
  	font: 14px Verdana, sans-serif; 
	text-align: center;
}

.linkribbon a img {
	height: 0;
	width: 0; 
	border-width: 0;
}

.lowribbon a img {
	height: 0;
	width: 0; 
	border-width: 0;
}

.homelowribbon a img {
	height: 0;
	width: 0; 
	border-width: 0;
}

.linkribbon a:hover img {
	position: absolute; 
	top: -150px; 
	left: 250px; 
	height: 125px; 
	width: 150px;
}

.lowribbon a:hover img {
	position: absolute; 
	top: -150px; 
	left: 250px; 
	height: 125px; 
	width: 150px;
}

.homelowribbon a:hover img {
	position: absolute; 
	top: -150px; 
	left: 250px; 
	height: 125px; 
	width: 150px;
}

.leftshell {
	float: left;
	width: 49%;
	height:100%;	
	/*background-repeat: repeat-x;*/	
}


.leftbox {
	position: relative;
	top: -2%;
	left: -7%;
	width: 100%;
	height: 500px;
	background-image: url(../images/yellowblacksmall.jpg);
}

.leftboxshadow {
	position: relative;
	top: 10%;
	left: 15%;
	width: 50%;
	height: 500px;
	background-color: #333;
	
}

.rightshell {
	float: left;
	width:49%;
	height:100%;	
	/*background-repeat: repeat-x;*/
	
}

.rightbox {
	position: relative;
	top: -2%;
	left: -7%;
	width: 100%;
	height: 500px;
	background-image: url(../images/pinkblacksmall.jpg);
	
}

.rightboxshadow {
	position: relative;
	top: 10%;
	left: 15%;
	width: 50%;
	height: 500px;
	background-color: #333;
}

.counter a {
	color: #E8E8E8;
}

.counter a:hover {
	color: #E8E8E8;
}

.counter a img {
	height: 0;
	width: 0; 
	border-width: 0;
}


/****************CSS ELEMENT CODE***********************/

body {
	background-color:#E8E8E8;
	font-family: "trebuchet ms";
}


a {
	color: red;
	text-decoration: none;
}

a:hover {
	font-size: 22px;
	color: #BBB;
}

p: {
	margin-top: 200px;
}

p a:hover {
	color: #000000;	
}