/*The file below is read by ALL browsers but the 
hacks contained within it further target IE5-6 for 
Windows. See file for details.
----------------------------------------------------*/
@import "ie6win.css";
@import "ie7win.css";
/*IE 5.5 hacks only
----------------------------------------------------*/
@media tty {
i{content:"";/*" "*/}}@m;
@import 'ie55win.css'; /*";}
}/* */
/*The file below is ONLY read by IE5/Win.
Makes use of the Mid Pass Filter:
http://tantek.com/CSS/Examples/midpass.html
----------------------------------------------------*/
@media tty {
i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */
/*The file below is ONLY read by IE5/Mac.
Makes use of the Band Pass Filter:
http://www.stopdesign.com/examples/ie5mac-bpf/
----------------------------------------------------*/
/*\*//*/
  @import "ie5mac.css";
/**/
/*begin normal CSS for Tier 1 browser: Firefox
----------------------------------------------------*/




body {
	text-align: center;
	font: 62.5% Tahoma, Arial, Verdana, sans-serif;
	color: #666;
	background: #f4f4f4;
}
#wrap {
	margin: 0 auto;
	text-align: left;
	width: 630px;
	background: #FFFFFF url(../images/bg-wrap.gif) repeat-y 0px 0px;
}
#header {
	width: 600px;
	height: 270px;
	position: relative;
	background: url(../images/bg-header.jpg) no-repeat 0 0%;
	margin: 0px 15px;
}
#logo a {
	width: 261px;
	height: 136px;
	border-style: none;
	background: url(../images/logo.gif) no-repeat;
	outline: none;
	position: absolute;
	bottom: 0;
	left: 0;
}
#logo img {
	display: block;
	width: 0;
}
a.website {
	width: 600px;
	height: 67px;
	display: block;
	position: absolute;
	top: 0;
	outline: none;
	text-indent: -99999px;
}
a.website:hover {
	background: url(../images/bg-website.gif) no-repeat;
}
a.email {
	width: 600px;
	height: 67px;
	display: block;
	position: absolute;
	top: 67px;
	outline: none;
	text-indent: -99999px;
}
a.email:hover {
	background: url(../images/bg-email.gif) no-repeat;
}


#main {
	width: 600px;
	background: #fff url(../images/bg-main.gif) no-repeat 0 0;
	margin: 0px 15px;
	padding-top: 1px;
	padding-bottom: 1px;
		}
#main p strong {
	font-weight: bold;
}
#main p a {
	font-weight: bold;
	color:#FF6699;
	text-decoration: underline;
}
#main p a:hover {
	color:#000;
}
#main h1 {
	font-size: 1.8em;
	color: #000;
	margin-top: 28px;
	height:36px;
	width:600px;
}
#main h1 span {
	height:36px;
	width:600px;
	background: transparent url(../images/bg-h1.gif) no-repeat 0 0;
}
#main h2 {
	font-size: 1.8em;
	color: #336699;
	margin: 1em 2em;
}
#main h2 a {
	color: #7DCDF3;
	text-decoration: none;
}
#main h2 a:hover {
	color: #000;
	text-decoration: underline;
}
#main p {
	font-size: 1.2em;
	color: #333333;
	line-height: 1.2;
	margin: 1em 3em;
}











#bottom {
	background:  #717171 url(../images/bg-bottom.gif) no-repeat 0px 100%;
	width: 630px;
	padding-bottom: 50px;
}
#bottom h2, #bottom h2 span {
	width: 600px;
	height: 59px;
	font-size: 1.8em;
	color: #fff;
	margin: 0 15px;
	background: url(../images/bg-h2-bottom.gif) no-repeat 0 0;
	border-bottom: 1px solid #7F7F7F;
}
#bottom h2 span {
	width: 600px;
	height: 59px;
	background: url(../images/bg-h2-bottom.gif) no-repeat 0 0;
	margin: 0;
}
#bottom p {
	margin: 10px 0px 10px 10px;
	font-size: 1.2em;
	line-height: 1.4em;
	float: left;
	width: 150px;
	color: #CCCCCC;
	padding: 10px 10px 10px 25px;
}
#bottom p strong {
	font-weight: bold;
}
#bottom p a {
	font-weight: bold;
	color:#6AC6F1;
	text-decoration: underline;
}
#bottom p a:hover {
	color:#FFFFFF;
}