﻿/*****Basic Elements*****/ 
body { 
	text-align: center; /* for IE */
	font-family: Arial, Helvetica, sans-serif; 
	background: url('glossymetal.jpg');}

#wrap {
border: thin #eee9e9 solid;
position: relative;
text-align: left;
width: 1024px;
margin: 0px auto;
background-color: white;
}

#header {
height: 220px;
}

#nav {
float: right;
width: 26%;
margin: 0px;
padding: 0px;
text-align: center;
}

#content {
float: left;
width: 70%;
padding: 0px 0px 0px 25px;
}

/*****Generic Classes*****/

#player {
	margin-top: 10px;
	margin-left: 25%;
	width: 345px;
	border: thin gray solid;
	padding: 7px;
}

/*****Header*****/

.headerpicture {
	z-index: -1;
	border-bottom: thin #708090 solid;
}

.headpicture {
	height: 202.5pt;
	left: 567.75pt;
	position: absolute;
	top: -18pt;
	width: 184.5pt;
	z-index: 1;
	word-spacing: auto;
}

.badge {
	z-index: 1;
}


/*****Navigation*****/

#nav p {
	border: thin silver dotted;
	padding: 5px;
	width: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

/*****Content*****/

h2 {
	margin-top: 0px;
}

.separator {
	background: url('http://cambioderuta.com/site/templates/ja_pariiti/images/red/sep.gif') no-repeat scroll center transparent;
}
.box {
	color: white;
	border: medium gray outset;
	clear: both;
	background: black;
	margin-bottom: 0px;
	padding: 4px 7px 4px 7px;
}

.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.note {
	border: thin solid gray;
	padding: 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.paidby {
	font-family: Verdana;
	font-size: 0.8em;
	font-weight: bold;
	width: auto;
}

.email {
	position: relative;
	top: 3px;
}

img { border-style: none; }

a:visited { color: blue; text-decoration: none; }

a:link { color: blue; text-decoration: none; }

a:visited:hover  { color: red; text-decoration: underline;}

a:link:hover  { color: red; text-decoration: underline;}

.center { text-align: center; }

.alignl { text-align: left; }

.signature {
	text-align: center;
	margin-left: 50%;
}

.hidden { display: none; }

.quote {
background-color:#FFE4C4;
border-bottom-color:maroon;
border-bottom-style:double;
border-bottom-width:8px;
border-top-color:maroon;
border-top-style:double;
border-top-width:8px;
/*border-left-width: thin;
border-left-style: dotted;
border-right-style: dotted;
border-right-width: thin;*/
color:#663300;
float:right;
font-weight: lighter;
font-style: italic;
line-height:1.1em;
margin-bottom:0.5em;
margin-left:1.1em;
margin-right:0;
margin-top:1em;
padding-bottom:1em;
padding-left:1em;
padding-right:1em;
padding-top:1em;
text-align:center;
width:30%;
}

/*****Footer*****/

#footer {
padding-top: 10px;
color: white;
clear: both;
}

.validator {
	position: relative;
	top: -35px;
}
