body {
	margin:0px; padding:0px;
	background-color:#000000;
	font-family:Arial, "Bradley Hand ITC";
}
#outside_container {
	background: #000000;
}
#container {
	background:url(images/outerbackground.jpg) no-repeat;
	min-height:939px;
	width:957px;
	margin:0px auto;
	position:relative;
}

/*
	Logo / Menu / Panel Positioning
*/

#logo { position:absolute; top:0px; left:50px; }

#panel { position:absolute; top:165px; left:50px; }

ul#menu { 
	margin:0px;	padding:0px;
	position:absolute; top:135px; left:52px;
	font-family:Arial;
	font-size:14pt;
}
ul#right_menu { 
	margin:0px;	padding:0px;
	position:absolute; top:138px; right:60px;	
}
ul#menu li, ul#right_menu li {
	margin:0px;
	padding:0px;
	list-style:none;
	margin-right:10px;
	font-size:14px;
	text-transform:uppercase;
	display:inline;
	font-weight: bold;
}
ul#menu li a, ul#right_menu li a {
	text-decoration:none;
	color:#FFFFFF;
}
ul#menu li a:hover, ul#right_menu li a:hover {
	text-decoration:none;
	color:#FF6600;
}


/*
	Content
*/

#content {
	padding-top:435px;
	padding-left:85px;
	width:955px;
	color:#FFFFFF;
	font-size:12px;
	line-height:20px;
}
.column1 { float:left; width:450px; margin-right:28px; }

.column2 { float:left; width:795px; margin-right:28px; }

.column3 { float:left; width:302px; }

.left {
    float: left;
    width: 250px;
    
}
.right {
    float: right;
    width: 245px;
    
}
.middle {
    padding: 0px 275px 5px 275px;
    margin: 0px;
    
}

#content h2 {
	font-family:Arial;
	color:#FFFFFF;
	margin:10px 0px 20px 0px;
	font-weight:normal;
	font-size:10pt;
}

#content h3 {
	font-family:"Bradley Hand ITC";
	color:#FF6600;
	margin:0px 0px 20px 0px;
	font-weight:normal;
	font-size: 30pt;
}

#content h4 {
	font-family:"Bradley Hand ITC";
	color:#FF6600;
	margin:0px 0px 20px 0px;
	font-weight:normal;
	font-size: 20pt;
}


ul.work {
	margin:0px; padding:0px;
}

ul.work li {
	list-style:none;
	margin:0px; padding:0px;
	clear:both;
}
ul.work li a {
	color:#F60;
	text-decoration:none;
	font-size:10pt;
}
ul.work li a img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	margin-top: 10px;
}
ul.work li a h4 {
	color:#FFFFFF;
	margin:0px;
	font-weight:normal;
	font-size:10px;
}
ul.work li a:hover, ul.work li a:hover h4 { color:#FF6600; }



/*  FOOTER SECTION  */

#footer {
	background:url(images/footer.jpg) no-repeat;
	min-height:87px;
	width:957px;
	margin:0px auto;
	position:relative;
}

.footer p {text-align:center; color:#FFFFFF; font-weight:bold; font-size:75%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:#FF6600;}
.footer a:hover {text-decoration:none; color:#0066FF;}
.footer a:visited {color:#FF6633;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .main:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:955px; height:0.1em; border:none; background:rgb(210,210,210); color:#000000;}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}

/*
	General Styles
*/

a img { border:0px }
