/*

a few reason to see this code :

1. i want to steal it! 
Yes, steal it.. it's free.. copyleft..
2. i want to learn it!
Oh ok.. just open the amazing site like : http://www.dontmeetyourheroes.com/

*/
/* body { font-family: Arial, Sans-Serif; font-size: 70%; color: #000; background: #595959 url(bg.gif) repeat-y top left; margin: 0; padding: 0; line-height: 140%; } */
body { font-family: Arial, Sans-Serif; font-size: 70%; color: #000; background: #595959; margin: 0; padding: 0; line-height: 140%; }
a {	color: #A53512; background-color: inherit; }
a:hover { color: #000; background-color: inherit;}
.intitle {font-size: 180%;	font-family: Tahoma, Arial, Sans-Serif; letter-spacing: -1px; font-weight: bold; color: #000; margin: 0; padding: 0; background-color: inherit;}
.marked_green {	background: #E8F7E6; color: inherit; }
.marked_blue { background: #ECF3FB; color: inherit; }
/* #content { margin: 0 0 0 10px; padding: 0; text-align: left; width: 720px; background: #595959 url(contentbg.gif) repeat-y top left; color: inherit; } */
 #content { margin-bottom: 10px; margin-left:auto; margin-right:auto; padding: 0; text-align: left; width: 720px; background: #595959 url(contentbg.gif) repeat-y top left; _background: #595959 url(bgnew.png) repeat-y top left; color: inherit; } 
#message { font-size: 140%; font-family: Georgia, "Times New Roman", Times, serif; color: #FE9833; margin: 32px 0 45px 5px; _margin: 45px 0 45px 5px; background-color: inherit; }
#navigation { font-size: 11px; text-transform: uppercase; background: url(navbg.gif) repeat-x bottom left; padding: 0 0 15px 5px; }
#navigationx { font-size: 11px; text-transform: uppercase; padding: 0 0 15px 5px; }
#navigation a {	color: #727272;	display: inline; text-decoration: none;	font-weight: bold; margin-right: 3px; padding-left: 3px; background-color: inherit; background-image: url(linkcorner.gif); background-repeat: no-repeat; background-position: top left; }
#navigation a:hover { color: #1C1C1C; background-color: inherit; }
.leftpict{ margin:10px 10px 5px 0; float:left; }
.left {	margin-right: 500px; padding: 0px 10px 10px 0px; background: #024E98 url(logo.jpg) no-repeat top left; _background: url(logo.jpg) no-repeat top left; }
.left p { padding: 0 0 0 15px; color: #d7d7d7; font-size: 100%;  }
.left h1 { font-size: 140%; letter-spacing: -1px; color: #FEB266; margin: 24px 0 0 0; padding: 0 0 0 15px; background-color: inherit; }
#logo {	padding: 44px 0 0 13px;	margin-bottom: 110px; }
#logosplash { padding: 44px 0 0 13px;	margin-bottom: 80px; }
#logo h2 { font-size: 180%;	letter-spacing: -1px; font-weight: bold; color: #000; margin: 0; padding: 0; background-color: inherit; }
#logo p { margin: 0; padding: 3px 0 0 2px; color: #000; background-color: inherit; }
.right { margin: 0;	padding: 15px 10px 5px 12px; width: 478px;	float: right; background: url(header.jpg) repeat-x top left; }
.right h1 { font-size: 190%; letter-spacing: -1px; font-weight: bold; color: #0268CA; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: inherit; }
.quote { padding: 20px; background: #EFEFEF url(quotebg.gif) no-repeat center left; font-size:90%; color: inherit; }
#footer { clear:both; background: #FFF url(footerbg.gif) repeat-x bottom left; color: #808080; border-top: 1px solid #eee; padding: 4px 10px 4px 4px;  font-family: Verdana, "lucida console", sans-serif; font-size: 80%; vertical-align:middle; text-align: right; text-transform: uppercase; }
#footer a { color: #0268CA; background-color: inherit; text-decoration: none; }
#footer a:hover { color: #0268CA; text-decoration: underline; }

.right a { color: #0282FC; }
.right a:hover { color: #0282FC; }
.left a { color: #d7d7d7; }
.left a:hover { color: #d7d7d7; }
.left ul { color: #d7d7d7; }
.separator { border-bottom: 1px dotted #7F7F7F; margin: 15px 0 15px 0; clear:both;} 
.pirax { font-family: Tahoma, "Times New Roman", Times, serif; color: #434343; text-transform: uppercase; }