/* CSS Document */

/* Layout */

body {margin:0 0; padding:0; width:100%;}
#page {width:1000px; margin:0 auto;}
#header {height:163px; position:relative; z-index:10}
#sidebar {width:210px; float:left; padding:20px 0 0 75px;}
#content {width:620px; float:right; padding:0 75px 50px 0;}
#home #content {padding:0 75px 0 0; position:relative;}
#footer {clear:both; padding:40px 0 20px 40px;}
#home #page {background:url('img/flash-quote.png') no-repeat 0 162px;}
#logo {display:block; height:103px; left:37px; position: absolute; top:5px; width:340px;}
#logo:hover {text-decoration:none;}

/* Base Text Style */

body {
color:#666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
}

a {color:#0199D8; text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}

.right {clear:right; float:right;}

ul li, #tabs li li {padding-left:15px; list-style:none; background:url(img/bull.jpg) no-repeat 0 2px; line-height:normal;}

/* Background Images and Color */

body {background:#344060 url('img/bg.jpg') repeat-x;}
#page {background:url('img/page_bg.png') repeat-y;}
#header {background:url('img/header-bg.jpg') no-repeat;}
/* #sidebar or #content {background:;} if absolutely needed - avoid using both  */
#footer {background:url('img/footer.jpg') no-repeat #344060;}
#title {position:absolute; top:-20px;}
#address {position:absolute; right:35px; top:7px; color:#fff;}
#address span {color:#28C1FF}

/* min-height hack */

#sidebar {
  min-height:453px;
  height:auto !important;
  height:453px;
}

/* Formatting */

h1 {font-size:24px; color:#034C83; line-height:22px; margin:0; padding:20px 0 10px 0; font-family:"Arial Narrow", Arial Narrow, Arial, Helvetica, sans-serif;}
h2 {font-size:20px; color:#2870AA; line-height:22px; font-weight:100; font-family:"Arial Narrow", Arial Narrow, Arial, Helvetica, sans-serif; padding:20px 0 10px 0; margin:0;}

h2 a {color:#000; text-decoration:underline;}

h3 {font-size:16px; color:#000000; line-height:18px;}
h4 {font-size:16px; color:; line-height:18px; font-weight:100;}
strong {color:#000000;}
em {color:#000000;}

/* Top Nav */

#header ul.nav {display:block; margin:0; padding:0; position:absolute; bottom:13px; right:50px}
#header ul.nav li {display:block; margin:0; padding:0; list-style:none; float:left; position:relative; background:none;}
#header ul.nav li a {display:block; margin:0; padding:0; background:url('img/nav_left.jpg') no-repeat left 0; text-decoration:none;}
#header ul.nav li a span {display:block; margin:0; background:url('img/nav_right.jpg') no-repeat right 0;
height:12px; line-height:12px; font-size:12px; padding:12px; color:#fff;}

#header ul.nav li a:hover {background-position:left -36px}
#header ul.nav li a:hover span {background-position:right -36px}

#header ul.nav li ul {display:none; width:175px; padding:30px 0 0 0; margin:0; position:absolute; top:26px; left:0; background:url('img/subnav-top.png') no-repeat;}
#header ul.nav li ul li {display:block; background:url('img/subnav-mid.png') repeat-y; padding:0 17px 1px 17px; margin:0 0 -1px 0; list-style:none; float:none;}
#header ul.nav li ul li a {display:block; margin:0; padding:5px 4px; font-size:12px; color:#000; font-weight:900;  background:url('js/blank.gif'); border-top:#A6BED1 1px solid;}

#header ul.nav li ul li a span {display:block; margin:0; background:url('js/blank.gif');
height:auto; line-height:13px; font-size:11px; padding:0; color:#fff;}

#header ul.nav li ul li.last {background:url('img/subnav-bottom.png') no-repeat bottom; padding:0; height:20px}
#header ul.nav li ul li.last span {display:none;}
#header ul.nav li ul li.last a {background:#fff;}
#header ul.nav li ul li.last a, #header ul.nav li ul li.first a {border-top:none;}

#header ul.nav li:hover ul {display:block;}
#header ul.nav li ul li a:hover {color:#fff; background:#0F4067 url('js/blank.gif');}
#header ul.nav li ul li a:hover span {color:#fff}


/* Footer Nav */

#footer {font-size:10px; color:#FFFFFF; position:relative;}
#footer ul.nav {display:block; margin:0 0 0 -5px; padding:0 0 20px 0;}
#footer ul.nav li {display:inline; margin:0; list-style:none; padding:0 5px; border-right:1px solid #fff; background:none;}
#footer ul.nav li a {display:inline; text-decoration:none; color:#CCC188;}
#footer ul.nav li a:hover {color:#fff;}

#footer ul.nav li ul {display:none;}
#footer ul.nav li ul li {display:none;}
#footer ul.nav li ul li a {display:none;}

/* Sidebar Nav */

#home #sidebar #intro, #home #sidebar #news,  #home #newsList ul,  #home #newsList,  #news #newsList ul {display:block;}
#sidebar ul.nav {display:inline; padding:0; margin:0;}
#sidebar ul.nav li {display:none;}

#hosting #sidebar ul.nav li.hosting, 
#recovery #sidebar ul.nav li.recovery, 
#services #sidebar ul.nav li.services, 
#about #sidebar ul.nav li.about, 
#equipment #sidebar ul.nav li.equipment, 
#ibm #sidebar ul.nav li.ibm
	 {display:block; padding-left:15px;}
	#sidebar ul.nav li * 
	 {display:block;}
	#sidebar ul.nav li a span
	 {font-weight:900; font-size:13px;}
	#sidebar ul.nav li li a span
	 {font-weight:normal; font-size:12px;}
	#sidebar ul.nav li ul
	 {padding:10px 0 15px 0px;}
	#sidebar ul.nav li ul li
	 {padding:0 0 5px 15px; background:url('img/bullet.jpg') no-repeat 0 2px;}
	#sidebar ul.nav li ul li.last
	 {display:none;}


#sidebar h2 {font-size:30px; color:#666; font-family:"Arial Narrow", Arial Narrow, Arial, Helvetica, sans-serif; margin:0; padding:10px 0}
#sidebar #intro {padding-bottom:20px; border-bottom:4px #CCC188 solid; display:none;}
#sidebar #intro span {color:#004881; font-weight:900}

#sidebar #news, #newsList, #newsList ul {display:none; padding:0; margin:0;}
#sidebar #news li,  #newsList ul li {display:block; padding:10px 0 0 17px; margin:0; list-style:none; background:url('img/bul.png') no-repeat 0 15px;}
#sidebar #news li.nolist,  #newsList ul li.nolist {display:block; padding:10px 0 0 0; background:none;}
#sidebar #news li a,  #newsList ul li a {color:#0099D7;}
#sidebar #news li small,  #newsList ul li small {font-size:10px; display:block;}
#sidebar #news li strong,  #newsList ul li strong {font-size:10px;}

#footer a.byline {font-size:10px; color:#CCC188; display:block;}

#content ul li {padding-bottom:10px;}

#tabs {
display:block; padding:0; margin:0;
position:absolute; top:-1px; left:33px; height:1px; font-size:12px;}
#home #tabs {left:55px;}
#tabs li {
display:block; padding:0; margin:0; list-style:none;
position:absolute; bottom:0; width:270px; background:none;}
#tabs li a.tab {
display:block; padding:0; margin:0 5px 0 auto;
height:28px; width:220px; position:relative;}
#tabs li div {
display:block; padding:0; margin:0; background:#999999;}
#tabs li p {
padding:10px; margin:0;}

#tabs li#event {left:0;}
#home #tabs li#event {display:none;}
#tabs li#help {left:210px;}
#tabs li#network {left:420px;}
#tabs li#client {left:630px;}

#tabs li#event a.tab {background:url(img/tab-event.png) no-repeat;}
#tabs li#help a.tab {background:url(img/tab-instant.png) no-repeat;}
#tabs li#network a.tab {background:url(img/tab-free.png) no-repeat;}
#tabs li#client a.tab {background:url(img/tab-client.png) no-repeat;}
#tabs li#client a.close, #tabs li#event a.close, #tabs li#help a.close, #tabs li#network a.close {position:absolute; left:-5px; top:3px; display:block; background:url('img/close.png') no-repeat;font-size:12px; font-weight:900; width:72px; margin:0; padding:2px; text-decoration:none; outline:none; height:35px;}
#tabs #contactForm ul {border:none;}
#tabs li li {position:static; bottom:auto; width:auto; background:none; padding-bottom:10px;}
#tabs li div p {font-size:12px; font-weight:900;}
#tabs li div a {color:#fff; font-weight:900; text-decoration:underline;}
#tabs li ul {padding-left:15px;}

ul.two, div.two {width:43%; float:left;}
ul.two li, ul.one li {padding:2px 0 0 15px; line-height:normal;}

div.two {text-align:center; padding:15px 0; margin:15px 0; width:48%; border:1px solid #CCCCCC; border-width:1px 0;}
div.two a {display:block; font-weight:900;}

ul.ibm {width:43%; float:left;}
ul.ibm li, ul.one li {padding-left:15px; line-height:normal; padding-top:2px;}

ul.partners li {height:90px; background:none; padding-left:0;}

.caption {font-size:10px; padding:2px 10px 10px 5px; line-height:normal;}
p.pull {display:block; font-size:16px; color:#999; border:#efefef 6px solid; padding:15px; margin:0 0 15px 0; text-align:center; line-height:32px; border-width:6px 0; font-family:Arial, Helvetica, sans-serif; font-style:italic;}

ul.def {}
ul.def li { padding-bottom:5px; clear:left;}
#tabs ul.def li {line-height:normal;}
ul.def li strong {display:block; float:left; clear:left; width:100px;}
#tabs ul.def li strong {width:55px;}
#tabs ul li {padding-left:5px;}
ul.def li em {display:block; font-weight:900; font-style:normal;}

/* Forms */

#contactForm {margin:0; padding:0;}
#contactForm ul {margin:0; padding:10px 20px; display:block; border:#efefef 6px solid;}
#contactForm ul li {margin:0; padding:0; display:block; list-style:none; clear:both; padding-top:10px; background:none; bottom:auto; position:static; width:auto; line-height:normal;}
#contactForm ul li.last {margin:0; padding:0; height:10px; overflow:hidden;}
#contactForm ul li label {margin:0; padding:0; display:block; list-style:none; width:35%; float:left; text-align:right;}
#contactForm ul li input, #contactForm ul li select, #contactForm ul li textarea {margin:0; padding:0; display:block; list-style:none; width:62%; float:right; border:1px solid #2870AA; font-family:"Courier New", Courier, monospace; line-height:15px;}
#contactForm ul li input[type='radio'] {width:auto; margin-left:4%; float:left; border:none;}
#contactForm ul li input[type='image'] {width:auto; border:none; margin-left:4%; float:left;}
#contactForm ul li textarea {height:60px; }

/* Core Links on Home page */

#coreLinks {position:absolute; top:267px; left:22px; width:507px; height:153px;}
#coreLinks a {display:block; height:45px; background:url(js/blank.gif); margin-bottom:5px}
#coreLinks a:hover {text-decoration:none;}

#partners {display:block; margin:0; padding:0;}
#partners li {display:block; margin:0; padding:0; list-style:none; width:45%; text-align:center; height:100px; float:left;}

dl {display:block;}
dl dt {display:block; margin:0; padding-bottom:2px; font-weight:900; color:#000000}
dl dd {display:block; margin:0; padding-bottom:5px; margin-bottom:10px; border-bottom:#CCCCCC 1px solid;}
dl dd a {display:block; font-size:16px; font-weight:900;}

/* picture list */

ol.piclist {dipslay:block; margin:0; padding:0;}
ol.piclist li {dipslay:block; margin:0; padding:15px 0 15px 220px; list-style:none; background:no-repeat 0 12px; border-bottom:1px solid #ccc;
  min-height:100px;
  height:auto !important;
  height:100px;
  position:relative;
}
ol.piclist li img {position:absolute; top:12px; left:0; width:190px;}
ol.piclist li ul li {dipslay:block; margin:0; padding:0 0 0 15px; list-style:none; background:url('img/bull.jpg') 0 2px no-repeat; border-bottom:none; 
  min-height:0;
  height:auto !important;
  height:0;
}
ol.piclist li h2 {dipslay:block; margin:0; padding:0; color:#6A0000; font-size:16px; font-weight:900;}

ul.icons li {padding-left:50px; background:none; position:relative;}
ul.icons li strong {padding-top:10px; display:block;}
ul.icons li span {position:absolute; background:url(img/icons.jpg) no-repeat; display:block; width:40px; height:40px; top:0; left:0;}