@charset "utf-8";
/* CSS Document */

body { padding:0; margin:0; background-color: #000000; text-align:center; background-image: url(images/HorizBar.jpg); background-repeat: repeat-x; background-position: top; font-family: "Trebuchet MS", Arial; font-size: 1em; color: #FFFFFF; }

h2, h3, h4 { font-family: "Myriad Pro", "Segoe UI", Helvetica, Arial, sans-serif; color: #C1E9F0; font-size: 24px; font-weight: normal; }
h3 { margin-bottom: 5px; color: #A6D3EC; font-size: 18px; line-height: 10px; }
h4 { font-family: Arial, sans-serif; color: #B9C0D2; font-size: 16px; font-weight: bold; display: block; margin-bottom: 5px; padding-top: 5px; padding-bottom: 0px; } /*#DEB596*/

.container01 { background-image: url(images/bg.jpg); background-repeat: no-repeat; background-position: top; height: 924px; margin-left: auto; /* centres container  in page */ margin-right: auto; /* centres container  in page */ z-index: -1; }
.logo { height: 318px; width: 251px; border: none; position: relative; top: 20px; left: 3px; float: left; }

.container02 { background-image: url(images/bgCentre.jpg); height: 1030px; width: 918px; position: relative; margin-left: auto; /* centres container  in page */ margin-right: auto; /* centres container  in page */ text-align: left; background-repeat: no-repeat; }
.clearBoth {clear: both;}

.LeftPanel254, .LeftPanel395, .LeftPanel470, .LeftPanel542, .LeftPanel486, .LeftPanel285, .LeftPanel369, .LeftPanel614, .LeftPanelWide {
	position: relative;
	width: 505px;
	left: 70px;
	top: 36px;
	z-index: 10;
	float: left;
}
/* IE 6 */
.LeftPanel254, .LeftPanel395, .LeftPanel470, .LeftPanel542, .LeftPanel486, .LeftPanel285, .LeftPanel369, .LeftPanel614, .LeftPanelWide {
	_background-color: #305e78;
    _border: 1px solid #5495B8;
    _width: 483px;
    _margin-bottom: 15px;
}

.LeftPanel254 {background-image: url(images/LeftPanel254.png); height: 254px;}
.LeftPanel395 {background-image: url(images/LeftPanel395.png); height: 395px;}
.LeftPanel470 {background-image: url(images/LeftPanel470.png); height: 470px;}
.LeftPanel542 {background-image: url(images/LeftPanel542.png); height: 542px;}
.LeftPanel486 {background-image: url(images/LeftPanel486.png); height: 486px;}
.LeftPanel285 {background-image: url(images/LeftPanel285.png); height: 285px;}
.LeftPanel369 {background-image: url(images/LeftPanel369.png); height: 369px;}
.LeftPanel614 {background-image: url(images/LeftPanel614.png); height: 614px;}
/* IE 6 */
.LeftPanel254{ _height: 178px; _background-color: #689f95; _border: 1px solid #448d75;}
.LeftPanel395{ _height: 353px;}
.LeftPanel470{ _height: 470px; _background-color: #403842; _border: 1px solid #59626b;}
.LeftPanel486{ _height: 462px; _background-color: #403842; _border: 1px solid #59626b;}
.LeftPanel285{ _height: 219px; _background-color: #70909c;}
.LeftPanel369{ _height: 347px; _background-color: #70909c;}
.LeftPanel614{ _height: 582px; _background-color: #403842; _border: 1px solid #59626b;}
.LeftPanelWide {background-image: url(images/LeftPanelFullWidth.png); height: 1092px; width: 813px;}

.WidePanelWrapper { margin-top: 37px; margin-left: 70px; }
.WidePanelTop { background-image: url(images/WidePanelTop.png); height: 30px; width: 813px; background-repeat: no-repeat; }
.WidePanelBtm {background-image: url(images/WidePanelBtm.png); height: 62px; width: 813px; background-repeat: no-repeat; clear: both;}
.WidePanelMid { background-image: url(images/WidePanelMid.png); width: 813px; background-repeat: repeat-y; }

.RightPanel386, .RightPanel391, .RightPanel435, .RightPanel360, .RightPanel450, .Planet01, .Planet02, .Planet03, .Ball01, .Planet04 {
	position: relative;
	width: 304px;
	right: 47px;
	top: 37px;
	z-index: 10;
	float: right;
	background-repeat: no-repeat;
}
.Planet01 {background-image: url(images/Planet01.gif); height: 391px;}
.Planet02 { background-image: url(images/Planet02.gif); height: 232px; }
.Planet03 { background-image: url(images/Planet03.gif); height: 350px; top:90px;}
.Ball01 { background-image: url(images/Ball01.gif); height: 263px;}
.Planet04 { background-image: url(images/Planet04.jpg); height: 300px; top: 60px;}

.RightPanel391 {background-image: url(images/RightPanel391.png); height: 391px;}
.RightPanel360 {background-image: url(images/RightPanel360.png); height: 360px;}
.RightPanel386 {background-image: url(images/RightPanel386.png); height: 386px;}
.RightPanel435 {background-image: url(images/RightPanel435.png); height: 435px;}
.RightPanel450 {background-image: url(images/RightPanel450.png); height: 450px;}
/* IE 6 */
.RightPanel386 {_background-image: none; _width: 282px; _height: 342px; _background-color: #1a5c93; _border: 1px solid #5495B8;}

.contentLeft, .contentFull, .contentRight, .contentLeftWide {
	height: 80%;
	width: 327px;
	overflow: auto;
	top: 5px;
	position: relative;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 135px;
}

/*.contentFull { width: 701px; font-size: 14px; padding-left: 70px; height: 100%; }*/
.contentFull { width: 670px; padding-left: 70px; height: 100%; }
.contentRight { width: 270px; font-size: 14px; padding-left: 20px; height: 100%; line-height: 28px; }
.contentLeftWide { width: 410px; padding-left: 55px; left: 0px; top: 0px; height: 380px; }

.title { padding-left: 40px; font-size: 24px; padding-top: 30px; font-family: Arial, Helvetica, sans-serif; }
#ttlHome, #ttlBackUps, #ttlColocation, #ttlContact, #ttlPatriot, #ttlRecovery, #ttlStorage, #ttlWiping, #ttlSupport
{
    position: relative;
    top: 30px;
    left: 40px;
    height: 58px;
    background-repeat: no-repeat;
    z-index: 100;
    clear: both;
}
#ttlHome {background-image: url('images/OurServices.png');}
#ttlHome {_background-image: url('images/OurServices.gif');}
#ttlBackUps {background-image: url('images/Backups.png');}
#ttlBackUps {_background-image: url('images/Backups.gif');}
#ttlColocation {background-image: url('images/Colocation.png');}
#ttlColocation {_background-image: url('images/Colocation.gif');}
#ttlContact {background-image: url('images/ContactUs.png');}
#ttlContact {_background-image: url('images/ContactUs.gif');}
#ttlPatriot {background-image: url('images/PatriotAct.png');}
#ttlPatriot {_background-image: url('images/PatriotAct.gif');}
#ttlRecovery {background-image: url('images/DataRecovery.png');}
#ttlRecovery {_background-image: url('images/DataRecovery.gif');}
#ttlStorage {background-image: url('images/Storage.png');}
#ttlStorage {_background-image: url('images/Storage.gif');}
#ttlWiping {background-image: url('images/DataWiping.png');}
#ttlWiping {_background-image: url('images/DataWiping.gif');}
#ttlSupport {background-image: url('images/Support.png');}
#ttlSupport {_background-image: url('images/Support.gif');}

.title2 { font-family: Arial, Helvetica, sans-serif; color: #CDAA9C; }
.title3 { font-family: Arial, Helvetica, sans-serif; color: #99FFFF; line-height: 20px; }

/* IE 6 */
.titleAlt {padding-left: 40px;  font-size: 24px; padding-top: 30px; font-family: 'Trebuchet MS';}
/* --------------------MENU -------------------- */ 

.menu { position:absolute; width:634px; height:152px; background:transparent; overflow:hidden; margin:0 auto; left: 260px; top: 122px; }
.menu ul {margin:0; padding:0;}
.menu li { list-style-type:none; height:76px; display:inline; }
.menu a { display:block; float:left; height:0px; overflow:hidden; color:#000; text-decoration:none; padding-top:76px; background-color: transparent; background-image: url(images/menu_ro.jpg); background-repeat: no-repeat; background-position: 600px 600px; }

.menu a#home:hover { background-position: 0px 0px; z-index:50;}
.menu a#patriot:hover { background-position: -87px 0px; z-index:50;}
.menu a#colocation:hover { background-position: -211px 0px; z-index:50;}
.menu a#storage:hover { background-position: -338px 0px; z-index:50;}
.menu a#recovery:hover { background-position: -442px 0px; z-index:50;}

.menu a#wiping:hover { background-position: 0px -76px; z-index:50;}
.menu a#backups:hover { background-position: -140px -76px; z-index:50;}
.menu a#support:hover { background-position: -248px -76px; z-index:50;}
.menu a#contact:hover { background-position: -420px -76px; z-index:50;}

.menuSpacer { height: 76px; border-style: none; }
#normCursor { cursor: default; }

/* --------------------LINK STYLES-------------------- */ 

a:link {color: #13548b;}
a:visited {color: #13548b;}
a:hover {color: #3F9AE4;}
a:active {color: #3F9AE4;}

a.link2:link { color: #B5D8F4; }
a.link2:visited { color: #B5D8F4; }
a.link2:hover {color: #B5D8F4;}
a.link2:active { color: #B5D8F4; }

.link3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; }
a.link3:link { color: #9EC5C7; }
a.link3:visited { color: #9EC5C7; }
a.link3:hover { color: #B8B6C0; }
a.link3:active { color: #B8B6C0; }

/* --------------------FORM STYLES-------------------- */ 

.formItem {padding-bottom: 3px;}
.form_txt, .form_txt_wide { width: 350px; float: right; background-color: #ABB3B6; border: 0px solid #FFFFFF;  }
.form_txt_wide { width: 405px; overflow: auto; }
.form_lbl { width: 50px; float: left; font-size: 0.9em; font-weight: bold; }
.form_lbl a { color: #CCB5BB; }
/* --------------------OTHER STYLES-------------------- */ 

.copyright { width: 918px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 4px; margin-left: auto; margin-right: auto; text-align: right; padding: 28px; right: 150px; position: absolute; }

.LoginForm
{
    width: 328px;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    float:left;
}

.FormButtonContainer input, .download input
{
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-family: 'Trebuchet MS';
    font-weight: bold;
    font-size: 16px;
    background-color: #5F7C89;
}
.download h1 {font-size: 16px;}
.download input {background-color: #648f83;}

.FormLabel
{
    width: 90px;
    display: block;
    float:left;
}
.FormTextBox {width: 160px;}

.FormErrorMessage
{
    max-width: 328px;
}

.msgs
{
    color: #00FFFF;
}