/* TYPOGRAPHY 
------------------------------------------- */
body
{color: #FFF;
font-family: Verdana, Arial, Helvetica, sans;
font-size: 12px;
line-height: 17px;}

h1
{font-family: "Arial Black", "Helvetica Black", sans-serif;
font-weight: normal;
font-size: 24px;
line-height: 28px;
padding-top: 5px;
margin-top: 0;
margin-bottom: 20px;}

h2
{text-transform: uppercase;
font-size: 16px;
line-height: 20px;
margin-top: 30px;
margin-bottom: 4px;}

	h2 a:link, h2 a:visited
	{color: #FFF;}

	h2 a:hover, h2 a:active
	{background: #FFFF66;
	color: #FF9900;}

h3
{font-size: 14px;
line-height: 15px;
margin-top: 10px;
margin-bottom: 3px;}

p
{margin-top: 0;
margin-bottom: 10px;}

small
{font-size: 10px;
line-height: 12px;}


/* Indent content within DIVs (for compatibility with old IE browsers) */
blockquote, form, h1, h2, h3, h4, h5, h6, hr, ol, p, table, ul
{margin-right: 30px;
margin-left: 30px;}


/* BODY (background colors and images)
------------------------------------------- */
body
{background: #006600 url(/images/bg.gif) no-repeat;
margin: 0;
padding: 0;}


/* LINKS
------------------------------------------- */
a:link {color: #FF9900;}
a:visited {color: #996600;}
a:hover {background-color: #FFFF66;}

a:active
{background-color: #CCC;
color: #FFFF00;}


/* LAYOUT
------------------------------------------- */
#bgimage-top, #bgimage-bottom
{width: 644px;
height: 170px;
margin-left: 180px;}

#bgimage-top
{background: url(/images/bgimage-top.gif) no-repeat;
margin-top: 10px;}

#bgimage-bottom
{background: url(/images/bgimage-bottom.gif) no-repeat;}

#content
{background: #000 url(/images/content-bg.gif) repeat-y;
width: 500px;
margin-right: 20px;
margin-left: 252px;}

	#content p, #content h2
	{clear: left;
	overflow: hidden;}

/* navigation menu */
.menu
{text-align: center;
position: absolute;
top: 10px;
left: 8px;
width: 162px;
margin-right: 20px;
margin-left: 5px;}

	.menu a:link, .menu a:visited
	{text-decoration: none;}
	
	.menu ul
	{list-style: none;
	margin: 0;
	padding: 0;}
	
	.menu li
	{background: url(/images/menu-item-bg.gif) no-repeat;
	color: #000;
	font-weight: bold;
	width: 162px;
	height: 55px;
	margin: 0;
	padding: 0;
	padding-top: 25px;}
	
	.menu iframe, .menu img
	{margin: auto;}


/* SPECIAL ELEMENT CLASSES
------------------------------------------- */
.ad
{position: absolute;
top: 10px;
left: 827px;
width: 180px;}

	.ad p {margin-left: 0;}

.border
{border: solid;
border-width: 1px;
margin-top: 5px;
margin-bottom: 5px;}

.button
{margin-top: 5px;
margin-bottom: 0;}

.copyright
{font-size: 10px;
line-height: 12px;
margin-top: 0;
margin-bottom: 0;}

.intro
{font-size: 14px;
line-height: 18px;
margin-bottom: 20px;}

.next-page {text-align: right;}

.nomargin
{margin-top: 0;
margin-bottom: 0;}

/* portfolio */
.thumbnail {float: left;}


/* STANDARD TAGS
------------------------------------------- */
hr
{color: #FFF;
background-color: #FFF;
border: none;
width: 435px;
height: 1px;
margin-top: 5px;
margin-bottom: 5px;}

img
{background-color: transparent;
border: none;
margin-right: 5px;
margin-bottom: 10px;}

/* forms */
form
{text-align: center;
margin-top: 20px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;}

input, textarea
{font-family: monospace;}

/* lists */
ol
{padding: 0;
margin-top: 15px;
margin-bottom: 15px;}

ul
{list-style-image: url(/images/goodies/favicon.gif);
padding: 0;
margin-top: 15px;
margin-bottom: 15px;}

li
{margin-left: 35px;
margin-right: 35px;
margin-bottom: 10px;
padding-left: 5px;}

/* tables */
table
{border: none;
margin: 0;}