/*	---------------------------------------------------------------------------------------
	superoxygen.com
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		Jules and Associates 
	File:				main.css
	Version:			1.0
	Date:				09.22.09
	Author:				Ray Campbell
	Company:			SuperOxygen, Inc.
	---------------------------------------------------------------------------------------	*/
	
	
/*	---------------------------------------------------------------------------------------
	LAYOUT
    ---------------------------------------------------------------------------------------	*/


#container {
	position:relative;
	width:1185px;
	height:1240px;
	z-index:1;
	margin: auto;
	background-image: url(images/page_background.png);
}

body {
	background-color: #E0E1E3;
}

#logoBox {
	position:absolute;
	width:376px;
	height:142px;
	z-index:3;
	left: 59px;
	top: 34px;
}

#navBox {
	position:absolute;
	width:250px;
	height:255px;
	z-index:2;
	left: 14px;
	top: 193px;
	background-color: #666666;
}

#photoBox {
	position:absolute;
	width:871px;
	height:254px;
	z-index:0;
	left: 266px;
	top: 194px;
	background-image: url(images/mainBackground.jpg);
}

#navMenu {
	position:absolute;
	width:200px;
	height:241px;
	z-index:1;
	left: 29px;
	top: 19px;
}

#mainText {
	position:absolute;
	width:772px;
	height:75px;
	z-index:9;
	left: 291px;
	top: 477px;
}

#bannerBox {
	position:absolute;
	width:686px;
	height:108px;
	z-index:10;
	left: 268px;
	top: 777px;
}

#newsBox1 {
	position:absolute;
	width:280px;
	height:131px;
	z-index:11;
	left: 135px;
	top: 585px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999;
	padding-right: 10px;
}

#newsBox2 {
	position:absolute;
	width:280px;
	height:131px;
	z-index:12;
	left: 457px;
	top: 585px;
	border-right-style: solid;
	border-right-color: #999;
	border-right-width: thin;
	padding-right: 10px;
}

#newsBox3 {
	position:absolute;
	width:280px;
	height:131px;
	z-index:13;
	left: 778px;
	top: 584px;
}


/*	---------------------------------------------------------------------------------------
	MORE INFO BEGIN
    ---------------------------------------------------------------------------------------	*/


#moreinfo {
	position:absolute;
	width:143px;
	height:32px;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#2E4351;
	left: 1px;
	top: 95px;
}

#moreinfo ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#moreinfo ul li {
	margin:0;
	padding:0;
	display:block;
	padding-top:2px;
	padding-bottom:8px;
	padding-left:18px;
	background-image:url(images/btn_moreInfo.png);
	background-repeat:no-repeat;
	
}

#moreinfo ul li:hover {
	background-image:url(images/btn_moreInfo.png);
	background-repeat:no-repeat;
	background-position:-80px 0px;
	cursor:pointer;
	}


#moreinfoPanel {
	position:absolute;
	width:80px;
	height:18px;
	z-index:6;
	left: 5px;
	top: 110px;
	background-image: url(images/btn_moreInfo.png);
	background-repeat:no-repeat;
}


/*	---------------------------------------------------------------------------------------
	MORE INFO END
    ---------------------------------------------------------------------------------------	*/



#siteMap {
	position:absolute;
	width:186px;
	height:20px;
	z-index:15;
	left: 950px;
	top: 28px;
}

#disclaimer {
	position:absolute;
	width:989px;
	height:44px;
	z-index:14;
	left: 107px;
	top: 1181px;
}
#blueHorizontal {
	position:absolute;
	width:1152px;
	height:24px;
	z-index:8;
	left: 14px;
	top: 170px;
	background-color: #94060A;
}

#blueVertical {
	position:absolute;
	width:30px;
	height:1038px;
	z-index:1;
	left: 1077px;
	top: 159px;
	background-color: #666666;
}

/*	---------------------------------------------------------------------------------------
	FONTS
    ---------------------------------------------------------------------------------------	*/


hr {
	border: none 0; 
	border-top: thin dotted #000;
	width: 100%;
	height: 1px;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFF;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFF;
	text-decoration: none;
}
a:focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #999;
	text-decoration: none;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFF;
	text-decoration: none;
}
a:link.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFF;
	text-decoration: none;
}
a:visited.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFF;
	text-decoration: none;
}
a:focus.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
}
a:hover.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #999;
	text-decoration: none;
}
a:active.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFF;
	text-decoration: none;
}
a:link.bodylink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666;
	text-decoration: none;
}
a:visited.bodylink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666;
	text-decoration: none;
}
a:focus.bodylink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	text-decoration: none;
}
a:hover.bodylink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #94060A;
	text-decoration: none;
}
a:active.bodylink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #94060A;
	text-decoration: none;
}

#moreInfo ul li a {
	display: block;
	width: 80px;
	background-image:url(images/btn_Info.jpg)no-repeat left center;
}

#moreInfo ul li a:hover {
	background-position:-80px 0px;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	color: #FFF;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #666;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #94060A;
}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
	color: #94060A;
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #666;
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #333;
}
.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 24px;
	color: #AA1217;
}
.style8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666;
}
.style9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #000000;
}