/*	---------------------------------------------------------------------------------------
	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: #999;
}

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

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

#photoBox {
	position:absolute;
	width:870px;
	height:174px;
	z-index:1;
	left: 266px;
	top: 204px;
}

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

#mainText {
	position:absolute;
	width:758px;
	height:752px;
	z-index:9;
	left: 320px;
	top: 427px;
}

#bannerBox {
	position:absolute;
	width:757px;
	height:120px;
	z-index:10;
	left: 309px;
	top: 688px;
}

#newsBox1 {
	position:absolute;
	width:280px;
	height:131px;
	z-index:11;
	left: 116px;
	top: 882px;
	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: 392px;
	top: 882px;
	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: 713px;
	top: 881px;
}

#assets {
	position:absolute;
	width:151px;
	height:312px;
	z-index:2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#2E4351;
	left: 129px;
	top: 105px;
}

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

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

#assets ul li:hover {
	background-image:url(images/btn_assets.jpg);
	background-repeat:no-repeat;
	background-position:-151px 0px;
	cursor:pointer;
	}


#assetsPanel {
	position:absolute;
	width:335px;
	height:434px;
	z-index:6;
	left: 300px;
	top: 53px;
	background-image: url(images/assets_bkg.jpg);
	background-repeat:no-repeat;
}


#ListAgriculture {
	position:absolute;
	width:170px;
	height:269px;
	z-index:11;
	left: 91px;
	top: 77px;
	visibility:hidden;
}

#ListConstruction {
	position:absolute;
	width:170px;
	height:269px;
	z-index:11;
	left: 91px;
	top: 77px;
	visibility:hidden;
}

#ListFood {
	position:absolute;
	width:170px;
	height:269px;
	z-index:111;
	left: 91px;
	top: 77px;
	visibility:hidden;	
}

#ListIndustry {
	position:absolute;
	width:170px;
	height:269px;
	z-index:11;
	left: 91px;
	top: 77px;
	visibility:hidden;
}

#ListMedical {
	position:absolute;
	width:170px;
	height:269px;
	z-index:11;
	left: 91px;
	top: 77px;
	visibility:hidden;
}

#ListRetail {
	position:absolute;
	width:170px;
	height:269px;
	z-index:11;
	left: 91px;
	top: 77px;
	visibility:hidden;	
}


#ListSoftcosts {
	position:absolute;
	width:170px;
	height:269px;
	z-index:11;
	left: 91px;
	top: 77px;
	visibility:hidden;
}

#ListTechnology {
	position:absolute;
	width:170px;
	height:269px;
	z-index:11;
	left: 91px;
	top: 77px;
	visibility:hidden;	
}

#ListTraditional {
	position:absolute;
	width:170px;
	height:269px;
	z-index:11;
	left: 91px;
	top: 77px;
	visibility:hidden;	
}

#ListDefault {
	position:absolute;
	width:170px;
	height:269px;
	z-index:11;
	left: 91px;
	top: 77px;
	visibility:default;	
}




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

#disclaimer {
	position:absolute;
	width:728px;
	height:33px;
	z-index:14;
	left: 337px;
	top: 1184px;
}
#blueHorizontal {
	position:absolute;
	width:1152px;
	height:24px;
	z-index:8;
	left: 14px;
	top: 180px;
	background-color: #94060A;
}

#blueVertical {
	position:absolute;
	width:30px;
	height:1029px;
	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: 24px;
	color: #FFF;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	color: #FFF;
	text-decoration: none;
}
a:focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	color: #999;
	text-decoration: none;
}
a:onClick {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	color: #FFF;
	text-decoration: none;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	color: #FFF;
	text-decoration: none;
}
a:link.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #94060A;
	text-decoration: none;
}
a:visited.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #94060A;
	text-decoration: none;
}
a:focus.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	text-decoration: none;
}
a:hover.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #666;
	text-decoration: none;
}
a:active.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #2C4350;
	text-decoration: none;
}
a:onClick.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #2C4350;
	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:onClick.bodylink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #2C4350;
	text-decoration: none;
}
a:active.bodylink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #94060A;
	text-decoration: none;
}
.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: 24px;
	color: #666;
	border-color: #039;
}
.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: 18px;
	color: #666;
}
.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: 16px;
	line-height: 20px;
	color: #94060A;
}
.style8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #666;
}
.style9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #666;
}
.style10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 24px;
	color: #666;
}
.style11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
}

.style12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #666;
}
.style13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #333;
}