/*
| Pixelated
| Date Created: 04/22/2010
| Author: Brixter de Leon
| Email: brixter.deleon@paper-soup.com
| Simple and very colorful template opposite to the previous layouts.
|
| Feel free to modify and copy.
|
| @Permanent values only
*/
* { margin: 0; padding: 0; }
.spacer { clear:both; }
/*
BODY
*/
body {
	line-height: 17px;
	margin: 0;
	padding: 0;
	margin: 3px;
	color: #1A5473;
	font-family: Georgia, Helvetica, Verdana, Arial;
	font-size: 16px;
}
h1 {
	color: #1A5473;
	font-size: 50px;
	line-height: 70px;
	border-bottom: 1px solid #1A5473;
}
a, a:visited { color: #555; }
a:hover { color: #000; }
/*
WRAPPER
*/
#wrapper{ 
	width: 800px; 
	margin: 0 auto; 
	margin-top: 30px;
	background-color: #fff;
	border: 1px solid #fff;
	padding: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	-webkit-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	-khtml-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	box-shadow:rgba(500,500,500,1) 0 4px 18px;
	border: 5px solid #f2f2f2;
}
#tabs {
	margin-top: 50px;
	margin-left: 50px;
}
#tabs a.link1, #tabs a.link1:visited {
	font-size: 30px;
	text-decoration: none;
	background: transparent url(homepage/link-1.png) repeat;
	color: #fff;
	padding: 5px;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	-webkit-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	-khtml-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	box-shadow:rgba(500,500,500,1) 0 4px 18px;
}
#tabs a.link1:hover { color: #20C5F4; background-color: #6E41FF; }
#tabs a.link2, #tabs a.link2:visited {
	font-size: 45px;
	font-style: italic;
	text-decoration: none;
	background: transparent url(homepage/link-2.png) repeat;
	color: #000;
	border: 1px solid #949961;
	padding: 0px;
	text-transform: lowercase;
	-moz-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	-webkit-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	-khtml-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	box-shadow:rgba(500,500,500,1) 0 4px 18px;
}
#tabs a.link2:hover { color: #ccc; background-color: #F8FFAF; }
#tabs a.link3, #tabs a.link3:visited {
	font-size: 25px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	background: transparent url(homepage/link-3.png) repeat;
	color: #FDADAD;
	border: 1px solid #B74B4B;
	padding: 20px;
	text-transform: normal;
	border: 3px solid #fff;
	-moz-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	-webkit-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	-khtml-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	box-shadow:rgba(500,500,500,1) 0 4px 18px;
}
#tabs a.link3:hover { color: #700707; background-color: #EC6A6A; }
#tabs a.link4, #tabs a.link4:visited {
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(homepage/link-4.png) repeat;
	color: #FF43D9;
	border: 1px solid #681D59;
	padding: 10px;
	text-transform: normal;
	-moz-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	-webkit-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	-khtml-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	box-shadow:rgba(500,500,500,1) 0 4px 18px;
}
#tabs a.link4:hover { color: #691C5A; background-color: #A21486; }
#tabs a.link5, #tabs a.link5:visited {
	font-size: 30px;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	background: transparent url(homepage/link-5.png) repeat;
	color: #7FFCC6;
	border: 1px solid #44715D;
	padding: 10px;
	text-transform: lowercase;
	padding-bottom: 80px;
	-moz-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	-webkit-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	-khtml-box-shadow:rgba(500,500,500,1) 0 4px 18px;
	box-shadow:rgba(500,500,500,1) 0 4px 18px;
}
#tabs a.link5:hover { color: #fff; background-color: #16FD98; }
#main {
	color: #fff;
	height: 150px;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	border-left: 1px solid #555;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-bottom-left-radius:4px;
	-khtml-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-khtml-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
}
#footer {
	margin-top: 60px;
	height: 30px;
	text-align: center;
}
#tooltip{
	position:absolute;
	border:1px solid #CBCDBA;
	background:#EEF2C4;
	padding: 5px;
	color:#555;
	font-weight: normal;
	display:none;
	}