/*	---------------------------------------------------------------------------------------
	superoxygen.com
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		main page 
	File:				main.css
	Version:			1.0
	Date:				06.15.08
	Author:				Ray Campbell
	Company:			SuperOxygen, Inc.
	---------------------------------------------------------------------------------------	*/
	

#container {
	position:relative;
	width:1082px;
	height:3100px;
	z-index:1;
	margin: auto;
}
body {
	background-image: url(images/background_b.jpg);
	background-repeat: repeat-x;
	background-color: #12232A;
}
#orangebar {
	position:absolute;
	width:850px;
	height:53px;
	z-index:5;
	left: 129px;
	top: 670px;
	background-color: #F26522;
}
#icon {
	position:absolute;
	width:75px;
	height:75px;
	z-index:1;
	top: -15px;
	left: 108px;
}
#logo {
	position:absolute;
	width:175px;
	height:30px;
	z-index:2;
	left: 191px;
	top: 38px;
}
#nav {
	position:absolute;
	width:446px;
	height:25px;
	z-index:3;
	left: 580px;
	top: 107px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
}
#maintext {
	position:absolute;
	width:875px;
	height:71px;
	z-index:5;
	left: 108px;
	top: 146px;
	text-align: left;
	font-size: 24px;
}
#subtext {
	position:absolute;
	width:667px;
	height:2688px;
	z-index:4;
	left: 108px;
	top: 282px;
	font-size: 12px;
}
#blogdirectory {
	position:absolute;
	width:228px;
	height:548px;
	z-index:9;
	left: 813px;
	top: 350px;
}
#pages {
	position:absolute;
	width:788px;
	height:21px;
	z-index:6;
	left: 109px;
	top: 246px;
}
#photobox {
	position:absolute;
	width:469px;
	height:305px;
	z-index:6;
	left: 676px;
	top: 614px;
}
#blogbox {
	position:absolute;
	width:517px;
	height:175px;
	z-index:8;
	left: 557px;
	top: 181px;
}
#footer {
	position:absolute;
	width:879px;
	height:35px;
	z-index:7;
	left: 108px;
	top: 2994px;
}
hr {
	border: none 0; 
	border-top: thin dotted #fff;
	width: 100%;
	height: 1px;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	line-height: 20px;
	font-size: 12px;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #F26522;
	font-size: 12px;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 10px;
}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	line-height: 28px;
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 11px;
	line-height: 10px;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #999;
}
a:focus {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #999;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #F26522;
}
.p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	line-height: 25px;
}
.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #fff;
}
.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFF;
}