@charset "utf-8";
/* layout styles */

/* Universal style rule */

*{
	  /* Block all browser default margins and padding */
  margin:0;
  padding:0;
  /* Temporary borders  border:dashed 1px #333; */ 
}
#wrapper{
	width:900px;
	height:700;
	/* Center the wrapper */
	margin: 0 auto;
	/* Required for absolutely-positioned layout only */
	position:relative;
	padding-top:30px;
}
body {
	background-color:#000;
}
#top_nav{
	width:615px;
	height:27px;
	color:#333;
	position: absolute;
	text-align:center;
	top:309px;
	left: 356px;
	padding-top:4px;
} 
#footer{
	display: block;
	width: 800px;
	height: 84px;
	font:13px "Courier New", Arial;
	font-weight:600;
	color: #FFF;
	text-align:center;
	padding-top:5px;
	position: absolute;
	top:642px;
	left:42px;
	border-top:1px solid #fffe02;
}
#footer a{
color:#FFF;
text-decoration: none;
}

#footer a:hover{
	color:#DF7E02;
	text-decoration: none; 
}

#header{
	display: block;
	width: 495px;
	height: 115px;
	background: url("images/title.png") no-repeat 0 0;
	font:12px "Microsoft Sans Serif";
	color: #358498;
	overflow:none;
	position: absolute;
	text-align:left;
	top:10px;
	left:42px
	}
#header span {
	display:none;
}
/* reel btn style rule */
	
.reel{
	display: block;
	width: 70px;
	height: 40px;
	position: absolute;
	text-align:left;
	top:85px;
	left:554px;
	background: url("images/reels_dwn_btn.png") no-repeat 0 0;

}
.reel a
{
display: block;
color: #000000;
font-size: 11px;
width: 70px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.reel img
{
width: 70px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.reel a:hover img
{
visibility:hidden
}

.reel span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
/* info btn style rule */
	
.info{
	display: block;
	width: 70px;
	height: 40px;
	position: absolute;
	text-align:left;
	top:85px;
	left:624px;
	background: url("images/411_dwn_btn.png") no-repeat 0 0;

}
.info a
{
display: block;
color: #000000;
font-size: 11px;
width: 70px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.info img
{
width: 70px;
height: 40px;
border: 0
}

* html a:hover
{
visibility:visible
}

.info a:hover img
{
visibility:hidden
}

.info span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;

}
/* images btn style rule */
.images{
	display: block;
	width: 70px;
	height: 40px;
	position: absolute;
	text-align:left;
	top:85px;
	left:695px;
	background: url("images/images_dwn_btn.png") no-repeat 0 0;

}
.images a
{
display: block;
color: #000000;
font-size: 11px;
width: 70px;
height: 40px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.images img
{
width: 70px;
height: 40px;
border: 0
}

.images a:hover img
{
visibility:hidden
}

.images span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;

}

/* link style rules */
a{
color:#DF7E02;
text-decoration: none;
}

a:hover{
	color:#fff;
	text-decoration: none; 
	
}

html>body .hovermenu ul li a:active{
	text-decoration: none;
}
a:focus, a:hover, a:active { outline:none;

}
#home_content{
	font: 12px "Century Gothic", Arial;
	height:500px;
	width:800px;
	overflow:none;
	position: absolute;
	top:122px;
	left:42px;
	}
/* style rules for the 411 pages */
#info_content{
	font: 14px "Courier New", Arial;
	color:#FFF;
	width:671px;
	height:953px;
	overflow:none;
	position: absolute;
	top:5px;
	left:83px;
}
#print{
	font: 10px "Courier New", Arial;
	color:#FFF;
	position: relative;
	top:40px;
	left:620px;
	width: 87px;
	text-align:center;
}

	#contact_content{
	font: 12px "Century Gothic", Arial;
	height:188px;
	width:264px;
	overflow:none;
	position: absolute;
	top:104px;
	left:263px;
}

 #blottologo{
	height:43px;
	width:54px;
	overflow:none;
	position: absolute;
	top:677px;
	left:743px;
}
.orange{
	color:#D75D40;
}
.italic{
	font-style:italic;
}
h1{
	font: 14px "Century Gothic", Arial;
	font-weight:600;
	padding:0em 0em 1em 0em;
}
.bold{
	font: 14px "Century Gothic", Arial;
	font-weight:600;
}
.biggertxt{
	font: 14px "Century Gothic", Arial;
	line-height:2em;
}
/* reel pages styles */
#reel1{
	display: block;
	width: 225px;
	height: 130px;
	font:16px "Courier New", Arial;
	color: #358498;
	text-align:center;
	position: absolute;
	top:138px;
	left:128px;
}
#reel2{
	display: block;
	width: 225px;
	height: 130px;
	font:16px "Courier New", Arial;
	color: #358498;
	text-align:center;
	position: absolute;
	top:138px;
	left:434px;
}

@media print{
/* Start printer-friendly styles */

/* Set wrapper to fill page width */
#wrapper{
width:100%;
}

/* Hide leftcolumn, navbar,and footer */
#leftcolumn,
#navbar,
#footer{
display:none;
}
/* Get rid of content div margins and
padding. Use a different font for print */
#content{
margin:0;
padding:0;
font-family:'Century Schoolbook', Times, Serif;
font-size:1em;
}
/*End printer-friendly styles */