﻿/* CSS Document */

*{
margin: 0px;
padding: 0px;
}
html 
{
	font-size: 100%;
}
body {
font-size: 0.7em;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
}

img{
padding: 0px;
margin: 0px;
border: none;
}
.clear {
clear: both;
}
#contentArea ul {
margin-left: 15px;
list-style-type: disc;
}
#contentArea li {
padding-bottom:5px;
}

a, a:visited {
color: #FF0000;
}
a:hover {
text-decoration: none;
}
a:active {
color: #cccccc;
}

p {
padding: 0 0 10px 0;
line-height: 15px;
}

a.logo, a.logo:visited { 
width: 157px;
height: 157px;
display: block;
float: left;
background: url(../../img/logo-southern.gif) no-repeat;
}



#wrapper {
width: 799px;
margin: 0 auto;
background:url(../../img/bg-repeat.gif) repeat-y;
}
#header {
width: 799px;
}
#headerImg {
float: left;
width: 641px;
height: 157px;
display: block;
border-left: 1px solid #fff;
}

#title {
width: 619px;
height: 16px;
clear: both;
background: #04421e;
padding: 5px 0 5px 180px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
#title h1 span
{
	visibility: hidden;
}
#title h1 
{
	height: 16px;	
	display: block;
	font-size: 14px;
}
.titleWelcome 
{
	background: url("../../img/title-welcome.gif") no-repeat;
	width: 79px;
}
.titleAbout 
{
	background: url("../../img/title-about.gif") no-repeat;
	width: 86px;
}
.titleServices 
{
	background: url("../../img/title-services.gif") no-repeat;
	width: 81px;
}
.titleFacilities 
{
	background: url("../../img/title-facilities.gif") no-repeat;
	width: 86px;
}
.titleSectors 
{
	background: url("../../img/title-sectors.gif") no-repeat;
	width: 67px;
}
.titleRecruit 
{
	background: url("../../img/title-recruitment.gif") no-repeat;
	width: 111px;
}
.titleLinks 
{
	background: url("../../img/title-links.gif") no-repeat;
	width: 56px;
}
.titleContact 
{
	background: url("../../img/title-contact.gif") no-repeat;
	width: 107px;
}
#content {
width: 799px;
background: url(../../img/logo-spikes.gif) no-repeat bottom right;
}
#nav {
width: 157px;
float: left;
background-color: #bd2725;
padding: 20px 0 90px 0;
}
#nav ul {

}
#nav li {
display: block;
float: left;
}
#nav span {
/*visibility: hidden;*/
display: none;
}
.subNav {

}
#subNav {
width: 157px;
padding-top: 4px;
}
#subNav li {
width: 157px;
padding: 0px;
}
.subLast {
border-bottom: 1px solid #fff;
}
#nav #subNav a, #nav #subNav a:visited {
color: #fff;
height: 18px;
width: 117px;
display: block;
padding: 0px 0px 2px 40px;
font-size: 12px;
background: url(../../img/sub-nav-bullet.gif) no-repeat 25px 4px;
}
#nav #subNav a:hover {
background: url(../../img/sub-nav-bullet.gif) no-repeat 25px -27px;
}
#contentArea {
width: 292px;
float: left;
padding: 30px 320px 30px 30px;
overflow:hidden;
}
#contentWide {
width:600px;
overflow:hidden;
}
.column {
float:left;
width:300px;
overflow:hidden;
}
#oasis 
{
width:58px;
height:73px;
padding:0px 0px 0px 719px;
margin:0px 0px 0px 0px;
}
a.oasislogo 
{
display:block;
height:57px;
width:58px;
margin:0px 0px 0px 0px;
background: url(../../img/logo-oasis.gif) no-repeat;
}
a.oasislogo:hover {
background: url(../../img/logo-oasis.gif) no-repeat 0px -57px;
}
.bullet {
float:left;
margin: 0px 10px 70px 0px;
}
.redLine {
clear:both;
border-bottom:1px solid #bd2725;
}
.redText {
color:#bd2725;
font-weight:bold;
}
.smallRedText {
color:#bd2725;
font-weight:bold;
font-size:0.8em;
text-align:right;
padding:0px 80px 0px 0px;
}
.formLeftCol {
float:left;
width:250px;
text-align:right;
margin-top:4px;
overflow:hidden;
}
.inputBox {
background-color:#f0f0f1;
border:1px solid #abadb0;
}
#footer {
border-top: 1px solid #fff;
width: 789px;
clear: both;
background-color: #04421e;
padding: 5px;
position: relative;
}
#navLogos { 
position: absolute;
top: -50px;
left: 10px;
width: 131px;
height: 47px;
display: block;
background: url(../../img/nav-logo.gif) no-repeat;
}
#footerLogos {
width: 100%;
text-align: center;
}

#nav a, #nav a:visited {
width: 157px;
height: 22px;
display: block;
text-decoration: none;
}

a.btnHome, a.btnHome:visited {
background: url(../../img/nav-btn.gif) no-repeat 0 0;
}
a.btnAbout, a.btnAbout:visited {
background: url(../../img/nav-btn.gif) no-repeat 0 -21px;
}
a.btnService, a.btnService:visited {
background: url(../../img/nav-btn.gif) no-repeat 0 -43px;
}
a.btnFacilities, a.btnFacilities:visited {
background: url(../../img/nav-btn.gif) no-repeat 0 -65px;
}
a.btnSector, a.btnSector:visited {
background: url(../../img/nav-btn.gif) no-repeat 0 -87px;
}
a.btnRecruit, a.btnRecruit:visited {
background: url(../../img/nav-btn.gif) no-repeat 0 -109px;
}
a.btnLink, a.btnLink:visited {
background: url(../../img/nav-btn.gif) no-repeat 0 -131px;
}
a.btnContact, a.btnContact:visited {
background: url(../../img/nav-btn.gif) no-repeat 0 -153px;
}
a.btnLogin, a.btnLogin:visited {
background: url(../../img/btn-login.gif) no-repeat 0 0;
}

a.btnHome:hover, a.btnHomeSelected {
background: url(../../img/nav-btn.gif) no-repeat -157px 0;
}
a.btnAbout:hover, a.btnAboutSelected {
background: url(../../img/nav-btn.gif) no-repeat -157px -21px;
}
a.btnService:hover, a.btnServiceSelected {
background: url(../../img/nav-btn.gif) no-repeat -157px -43px;
}
a.btnFacilities:hover, a.btnFacilitiesSelected {
background: url(../../img/nav-btn.gif) no-repeat -157px -65px;
}
a.btnSector:hover, a.btnSectorSelected {
background: url(../../img/nav-btn.gif) no-repeat -157px -87px;
}
a.btnRecruit:hover, a.btnRecruitSelected {
background: url(../../img/nav-btn.gif) no-repeat -157px -109px;
}
a.btnLink:hover, a.btnLinkSelected {
background: url(../../img/nav-btn.gif) no-repeat -157px -131px;
}
a.btnContact:hover, a.btnContactSelected {
background: url(../../img/nav-btn.gif) no-repeat -157px -153px;
}
a.btnLogin:hover {
background: url(../../img/btn-login.gif) no-repeat 0 -22px;
}

a.btnOasisInfo {
width: 157px;
height: 21px;
background: url(../../img/btn-about-sub.gif) no-repeat -157px 0;
}
a.btnMcconnellInfo {
width: 157px;
height: 22px;
background: url(../../img/btn-about-sub.gif) no-repeat -157px -21px;
border-bottom: 1px solid #fff;
}
a.btnServiceDocument {
width: 157px;
height: 21px;
background: url(../../img/btn-services-sub.gif) no-repeat -157px 0;
}
a.btnServiceMedia {
width: 157px;
height: 21px;
background: url(../../img/btn-services-sub.gif) no-repeat -157px -21px;
border-bottom: 1px solid #fff;
}
a.btnServiceScanning {
width: 157px;
height: 21px;
background: url(../../img/btn-services-sub.gif) no-repeat -157px -42px;
}
a.btnServiceFileDestruction {
width: 157px;
height: 21px;
background: url(../../img/btn-services-sub.gif) no-repeat -157px -63px;
}
a.btnSectorFinancial {
width: 157px;
height: 21px;
background: url(../../img/btn-sector-sub.gif) no-repeat -157px 0px;
}
a.btnSectorPublic {
width: 157px;
height: 21px;
background: url(../../img/btn-sector-sub.gif) no-repeat -157px -21px;
}
a.btnSectorProfessional {
width: 157px;
height: 21px;
background: url(../../img/btn-sector-sub.gif) no-repeat -157px -42px;
border-bottom: 1px solid #fff;
}

a.btnOasisInfo:hover {
background: url(../../img/btn-about-sub.gif) no-repeat 0 0;
}
a.btnMcconnellInfo:hover {
background: url(../../img/btn-about-sub.gif) no-repeat 0 -21px;
}
a.btnServiceDocument:hover {
background: url(../../img/btn-services-sub.gif) no-repeat 0 0;
}
a.btnServiceMedia:hover {
background: url(../../img/btn-services-sub.gif) no-repeat 0 -21px;
}
a.btnServiceScanning:hover {
background: url(../../img/btn-services-sub.gif) no-repeat 0 -42px;
}
a.btnServiceMicrofilming:hover {
background: url(../../img/btn-services-sub.gif) no-repeat 0 -63px;
}
a.btnSectorFinancial:hover {
background: url(../../img/btn-sector-sub.gif) no-repeat 0 0;
}
a.btnSectorPublic:hover {
background: url(../../img/btn-sector-sub.gif) no-repeat 0 -21px;
}
a.btnSectorProfessional:hover {
background: url(../../img/btn-sector-sub.gif) no-repeat 0 -42px;
}

#footerLogos ul {
padding-left: 160px;
}
#footerLogos li {
float: left;
display: block;
padding-right: 60px;
}
a.footerBtn1, a.footerBtn1:visited {
width: 77px;
height: 26px;
display: block;
float: left;
background: url(../../img/footer-btn.gif) no-repeat 0 0;
}
a.footerBtn2, a.footerBtn2:visited {
width: 89px;
height: 26px;
display: block;
float: left;
background: url(../../img/footer-btn.gif) no-repeat -136px 0;
}
a.footerBtn3, a.footerBtn3:visited {
width: 95px;
height: 26px;
display: block;
float: left;
background: url(../../img/footer-btn.gif) no-repeat -283px 0;
}

a.footerBtn1:hover {
background: url(../../img/footer-btn.gif) no-repeat 0 -26px;
}
a.footerBtn2:hover {
background: url(../../img/footer-btn.gif) no-repeat -136px -26px;
}
a.footerBtn3:hover {
background: url(../../img/footer-btn.gif) no-repeat -283px -26px;
}

.textError 
{
	color:Red;
	width: 250px;
	float: left;
}