/* --------------------------------------------------- */
/*  Client:  Peer Massage.org                          */
/*  Author:  Kev Strong                                */
/*  Website: http://www.goosh.co.uk                    */
/* --------------------------------------------------- */
/*                                                     */
/*                PEER MASSAGE TEST                    */
/*                                                     */
/* --------------------------------------------------- */

* 				{ 
				  font-family: Verdana, Arial, Helvetica, sans-serif;
				  font-size: 100%;
				  margin: 0px;
				  padding: 0px;
				}
	
/* Default Tags */
body			{ font-size: 80%; }
img 			{ border: 0px; } 
h1				{ font-size: 140%; color: #FF9900; padding-bottom: 5px; }
h2				{ font-size: 120%; color: #FF9900; padding-bottom: 5px; }
h3				{ font-size: 109%; color: #FF9900; padding-bottom: 5px; }
p				{ padding-bottom: 10px; }
li 				{ margin-left: 30px; }
a				{ color: #FFCC33; text-decoration: none; font-weight: bold; border-bottom: none; }
a:hover			{ color: #FFCC33; text-decoration: none; font-weight: bold; border-bottom: 1px dotted #FFCC33; }
a:visited		{ color: #999999; text-decoration: none; font-weight: bold; border-bottom: none; }
a.active		{ color: #FFCC33; text-decoration: none; font-weight: bold; border-bottom: none; }

/* Default Classes */
.ad 			{ 
				  text-align: center; 
				  padding: 0px 1px 0px 1px;
				  background-color: #666666;
				  border-top: 5px solid #FFFFFF;
				}
.center 		{ text-align: center; }
.clear			{ clear: both; }
.error 			{
				  color:#FF0000;
				  font-size: 90%;
				}
.float-left 	{ float: left; }
.float-right 	{ float: right; }
.formrow 		{ padding-top: 5px; }
.small			{ font-size: 75%; }

/* Layout */
#container		{
				  width: 730px;
				  margin: 0px auto 0px auto;
				  background-color: #FFF;
				  z-index: 0;
				}
#main-image		{ background: url('../images/main-image-background.jpg') top center no-repeat;  }				
#home			{ 
				  background: url('../images/background.jpg') top center repeat-y;
				  float: left;
				  margin-top: 300px;
				  text-align: justify; 
				  font-size: 80%;
				  color: #FFF;
				}
				
#navigation		{
				background-color: #666;
				text-align: center;
				display: block;
				padding: 5px;
				border-bottom: 5px solid #FFF;
				}
#main			{ 
				  margin: 10px 0 10px 0;
				  font-size: 80%;
				  color: #999;
				}
#footer 		{
				  text-align: center; 
				  margin-top: 0px;
				  border-top: 1px solid #FF9900;
				  font-size: 80%;
				  padding: 0px;
				}

/* Home */
#box1			{ width: 220px;  float: left; padding: 10px; }
#box2			{ width: 220px;  float: left; margin-left: 5px; padding: 10px; }
#box3			{ width: 220px;  float: left; margin-left: 5px; padding: 10px; }
#box1 h1, #box2 h2, #box3 h2 { font-size: 109%; height: 30px; }

/* Main Image */
#main-image a:hover		{ border-bottom: 0px;  }
#logo			{ position: relative; z-index: 1; top: -680px; left: 0px; }

/* Navigation */
#navigation ul		{ list-style-type: none; }
#navigation ul li 	{ display: inline;}

/* Footer */
#footer 				{ color: #999999; }
#footer a				{ color: #FFCC33; text-decoration: none; font-weight: normal; border-bottom: none; }
#footer a:hover			{ color: #FFCC33; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #FFCC33; }
#footer a:visited		{ color: #999999; text-decoration: none; font-weight: normal; border-bottom: none; }
#footer a.active		{ color: #FFCC33; text-decoration: none; font-weight: normal; border-bottom: none; }