@media all { 

/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */

/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin : 0; padding : 0; }
h2, h3, h4, h5, p, ul, ol  { margin : 0 20px; padding : .5em 0; }

/* =body */
body { font-family : Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size:11px; color:#666666; background : #CA531F url(../images/body.jpg) repeat-x; text-align : center;}
#award-winner {
	position: absolute;
	height: 125px;
	width: 125px;
	left: 280px;
	top: 2px;
}

/* =hx */
h1, h2, h3 { }

/* =h1 */
h1 {
	z-index : 3;
	position : absolute;
	left : -30px;
	top : -10px;
	width: 379px;
	height : 178px;
	background : url(../images/foxy-logo.gif) no-repeat;
	background-image: url(../images/foxy-logo.gif);
}

/* =h2 */
h2 { font-size : 130%; }

/* =h3 */
h3 { font-size : 110%; }

/* The following rules relate to image replacement where a background image 
is placed on an element and HTML text is moved out of view. */

h3#news_col { width: 80px; height : 30px; margin : 0; padding : 0; background : url(../images/headers/news.jpg) no-repeat; text-indent : -9999px; }
h3#news_head { width: 150px; margin : 5px 0 0 0; padding : 0; font: 20px, Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; color: #F78F1E; text-align : left; line-height: 25px; }
p#news_copy { width: 150px; margin: 7px 0 0 0; padding:0; text-align:left; } 
h3#fir_6 { width: 224px; height : 35px; margin : 20px 0 0 0; padding : 0; background : url(../images/fir_6.png) no-repeat; text-indent : -9999px; }
h3#header_main { font-family : Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size:17px; color:#F78F1E; font-style:normal; letter-spacing:2px; }

/* =ul */
ul { list-style-type : none; }
div#nav_main_back {z-index : 2; position : absolute; top : 215px; width : 100%; height : 50px; margin : 0; padding : 0;}
ul#nav_main { z-index : 4; position : absolute; top : 0px; left : -20px; width : 780px; height : 72px; background : url(../images/nav-main.gif) no-repeat 0 0; text-indent : -9999px; }
ul#nav_experts { z-index : 1; position : relative; width : 464px; height : 174px; margin : 0; padding : 0; background : url(../images/ul_nav_experts.png); }
div#nav_current ul { z-index : 1; position : relative; width : 549px; height : 244px; margin : 0; padding : 0; background : url(../images/ul_nav_current.png); }
ul#h_ul { z-index : 1; position : absolute; top :600px; left : -15px; width : 200px; height : 290px; background : url(../images/headers/hiring.jpg) no-repeat 0 0; }
h3#positions { position : absolute; top : 65px; left : 9px; padding: 3px 0 0 11px; width : 134px; height : 23px; font-family : Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size:16px; font-style:normal; color:#ffffff; display:block; background-color:#F78F1E; }
#content_main img {margin:10px 0 10px 20px;}

/* =ol */
ol { list-style-type : none; }
/* =li */

/* The following rules relate to image replacement where a background image 
is placed on an element and HTML text is moved out of view. */

li#h_1 a{ position : absolute; top : 95px; left : 29px; padding-top:3px; padding-left:11px; width : 130px; height : 16px; font : 11px, Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; display:block; }
li#h_2 a{ position : absolute; top : 115px; left : 29px; padding-top:3px; padding-left:11px; width : 130px; height : 16px; font : 11px, Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; display:block;}
li#h_3 a{ position : absolute; top : 166px; left : 117px; width : 69px; height : 69px; background : url(../images/apply_butt.gif) no-repeat 0 0; text-indent:-9999px }
li#nm_1 { position : absolute; top : 10px; left : 215px; width : 110px; height : 25px; background : url(../images/li_nav_main.gif) no-repeat 0 0; display:block; text-indent : -9999px; overflow:hidden; }
li#nm_2 { position : absolute; top : 10px; left : 325px; width : 110px; height : 25px; background : url(../images/li_nav_main.gif) no-repeat -110px 0; display:block; text-indent : -9999px; overflow:hidden; }
li#nm_3 { position : absolute; top : 10px; left : 435px; width : 110px; height : 25px; background : url(../images/li_nav_main.gif) no-repeat -220px 0; display:block; text-indent : -9999px; overflow:hidden; }
li#nm_4 { position : absolute; top : 10px; left : 545px; width : 110px; height : 25px; background : url(../images/li_nav_main.gif) no-repeat -330px 0; display:block; text-indent : -9999px; overflow:hidden; }
li#nm_5 { position : absolute; top : 10px; left : 649px; width : 110px; height : 25px; background : url(../images/li_nav_main.gif) no-repeat -440px 0; display:block; text-indent : -9999px; overflow:hidden; }
li#nm_6 { position : absolute; top : -2px; left : 0px; width : 70px; height : 79px; background : url(../images/nm_6.gif) no-repeat 0px -101px; display:block; text-indent : -9999px; overflow:hidden; }
li#nm_7 { position : absolute; top : -2px; left : 110px; width : 80px; height : 60px; display:block; overflow:hidden; }
li#nm_1 a:hover { background : url(../images/li_nav_main.gif) no-repeat 0 -50px; width: 110px; height : 25px; }
li#nm_2 a:hover { background : url(../images/li_nav_main.gif) no-repeat -110px -50px; width: 110px; height : 25px; }
li#nm_3 a:hover { background : url(../images/li_nav_main.gif) no-repeat -220px -50px; width: 110px; height : 25px; }
li#nm_4 a:hover { background : url(../images/li_nav_main.gif) no-repeat -330px -50px; width: 110px; height : 25px; }
li#nm_5 a:hover { background : url(../images/li_nav_main.gif) no-repeat -440px -50px; width: 110px; height : 25px; }
li#nm_6 a:hover { background : url(../images/nm_6.gif) no-repeat 1px 0px; width : 70px; height : 79px; }
li#h_1 a:hover { width : 134px; height : 16px; background-color:#F78F1E; }
li#h_2 a:hover { width : 134px; height : 16px; background-color:#F78F1E; }
li#h_3 a:hover { width : 69px; height : 68px; background : url(../images/apply_butt.gif) no-repeat 0 -90px; }

ul#nav_recent li { float : left; width : 180px; margin-right : 30px; } 
div#content_sub li { line-height : 1.8; }

/* =p */
form p { margin : 0; }
div#head_main p { font-family : Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size:15px; color:#CA531F; font-weight:bold; display:block; background:#ffffff; position:absolute; top:-8px; left:-20px; width:75px; height: 10px; }
p#main_1{ float:left; width: 225px; height:240px; }
p#main_2{ float:right; width: 225px; height:240px;}


/* =code */
code, pre {  font : 80% monaco, courier, monospace; font-weight : normal; color : #666; }
pre {  padding-left : 20px; font-size : 80%; }


/* =blockquote */
div#branding blockquote { z-index : 4; position : absolute; left : 350px; top : -10px; width: 452px; height : 168px; background : url(../images/head-building.gif) no-repeat; text-indent : -9999px; }

/* =a */
a:link { color : #f78f1e; text-decoration : underline; }
a:visited { color : #f78f1e; text-decoration : underline; }
a:hover { color : #ca531f; }
a:active, a:focus { color : #f78f1e; }

h1 a { display : block; width: 379px; height : 178px; text-indent : -9999px; }
ul#nav_main a { display : block; width : 100px; height : 37px; text-indent : -9999px; text-decoration : none; overflow : hidden; }
ul#nav_experts a { display : block; width : 120px; padding-top : 130px; text-decoration : none; overflow : hidden; }

/* =img */
img, img a { border : none }
abbr, acronym { text-decoration : none; border : none; }

/* =label/labelspan */
label { margin-bottom : .5em; font-weight : bold; }
label, label span { display : block; margin-bottom : .5em; }

/* =input */
input { width : 90%; padding : 1px; font : 100% Tahoma, Verdana, Arial, sans-serif; background-color : #fff; border : 1px solid #e590b8; color : #333; }
input#submit { width : auto; padding : 0 .25em; background-color : #90305c; border : 2px double #551c35; border-top-color : #e591b9; font : bold 92% Tahoma, Verdana, Arial, sans-serif; text-transform : uppercase; color : #ffffff; }

div#container { position : relative; width : 780px; margin : 0 auto; padding-top : 50px; text-align : left; }
div#branding { z-index : 1; position : relative; width : 100%; height : 165px; }
div#content { width : 100%; padding : 40px 0 20px 0; background-color : #ffffff; overflow:hidden; height:100%; }
div#content_main { float : right; width : 530px; padding : 65px 15px 0 0; background : #ffffff; top:500px;}
div#head_main { position : absolute; background: url(../images/headers/stripes.gif) repeat-x; height:20px; width:498px; top:290px; left: 249px;}
div#content_sub { display:list-item; float : left; width : 200px; margin : 0px 10px -300px 0px; padding : 50px 0px 300px 15px; background : url(../images/vertical-bdr.gif) no-repeat; background-position:right; overflow : hidden; }
div#site_info { float:right; position : relative; width : 530px; height : 100px; padding: 20px 10px 0 0; background:#ffffff url(../images/site-info-bdr.gif) no-repeat; text-align:right; line-height:6px;}
div#site_info img{ margin-right: 15px;}
}

/* =The rules below relate only to Mozilla Firefoc 1.5 and its provisional support for CSS3 columns. */
ul#nav_experts + p { -moz-column-count : 2; -moz-column-gap : 1em; } 
#player_button {
	position: absolute;
	height: 60px;
	width: 100px;
	left: 315px;
	top: 100px;
}
#foxy_logo {
	position: absolute;
	height: 165px;
	width: 280px;
	left: 0px;
	top: -10px;
}
#foxy_building {
	background-image: url(../images/head-building.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 168px;
	width: 452px;
	left: 348px;
	top: -10px;
}