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

body { background: url(../images/body-bk.jpg) top left no-repeat #abc0d0; }

#header { width: 912px; margin: 0 auto;  }
#logo { position: relative; top: 30px; left: 25px; margin-bottom: -84px; }

ol#topnav { position: relative; list-style: none; left: 500px; margin-bottom: -25px; width: 540px;}
	ol#topnav li { display: inline; float: left;  }
		ol#topnav li.pipes {  padding: 22px .2em .4em .2em; color: #666;}
	ol#topnav li a { margin: 0 .1em; display: block; height: 25px; padding: 25px .4em .4em .4em; font: .875em Arial, Helvetica, sans-serif; text-decoration: none; color:#0096d7;}
	ol#topnav li a:hover { background: url(../images/topnav-rollover.gif) top center no-repeat; color: #f58026; }
	ol#topnav li a:visited, a:active {  color: #f58026; }
		ol#topnav li a#skipto { position: absolute; left: -999em; }
		
ol#navigation { position: relative; top: 59px; width: 494px; height: 42px; left: 380px; list-style: none; margin-bottom: -41px; clear: both; overflow: auto;  text-align: center; width: 530px; }
	ol#navigation li { display: inline; float: left; }
	ol#navigation li a {  display: block; height: 41px; }
	ol#navigation li a span.hide {  display: none; }
		ol#navigation li a#about { width: 113px; background:url(../images/about.jpg) top left no-repeat;}
			ol#navigation li a#about:hover { background:url(../images/about_over.jpg) top left no-repeat;}
				
		ol#navigation li a#services {width: 90px; height: 41px;background: url(../images/services.jpg) top left no-repeat; }	
			ol#navigation li a#services:hover { background: url(../images/services_over.jpg) top left no-repeat; }
				
		ol#navigation li a#feature {width: 97px; height: 41px;background: url(../images/features.jpg) top left no-repeat; }	
			ol#navigation li a#feature:hover { background: url(../images/features_over.jpg) top left no-repeat; }
			
		ol#navigation li a#network { width: 95px; height: 41px; background: url(../images/network.jpg) top left no-repeat;}
			ol#navigation li a#network:hover { background: url(../images/network_over.jpg) top left no-repeat; }
			
		ol#navigation li a#contact { width: 98px; height: 41px; background: url(../images/contact.jpg) top left no-repeat;}
			ol#navigation li a#contact:hover { background: url(../images/contact_over.jpg) top left no-repeat; }
			
#login { position: relative;  left: 500px; width: 400px; height: 50px; margin-bottom: -50px;}
	#login legend {  font: bold .875em Arial, Helvetica, sans-serif; color: #666; }
	#login label {  font: bold .687em Arial, Helvetica, sans-serif; padding: .2em; color: #666; }
	#login input { background: #FFFFFF; border: 1px solid #ccc; padding: .2em; }

#container { width: 912px; margin: 0 auto; margin-top: 100px; background: url(../images/container-bk.png) top center no-repeat #f6f6f6;}

img#footer { display: block; margin: 0 auto; clear: both; width: 912px; overflow:auto; }

ol#content { list-style: none; padding: 1em 0; clear: both; overflow: auto; margin-left: .5em; width: 900px; clear: both; overflow: auto;}
	ol#content li { display: inline; float: left; }
		
		ol#content li#leftColumn { width: 500px; padding: 0 0 0 1em; }
			li#leftColumn h1, li#leftColumn h2, li#leftColumn h3, li#leftColumn h4 { width: 450px; margin-left: 0; }
			ol#content li#leftColumn p { width: 450px; line-height: 1.5; margin: .75em 0;  }
			ol#content li#leftColumn ul { font: .75em Arial, Helvetica, sans-serif; list-style: disc;   }
				ol#content li#leftColumn ul li { display: list-item; float: none; line-height: 1.5;margin: 0 .75em; padding: .4em; }
			ol#content li#leftColumn ol { font-size: 100%; list-style: decimal;   }
				ol#content li#leftColumn ol li { display: list-item; float: none; line-height: 1.5;margin: 0 .75em; padding: .4em; }
			#intro { background: url(../images/homePageimage3.jpg) top left no-repeat; width: 500px; height: 350px; margin-left: -1em;}
				#intro h1 { padding: 1em 0 .75em 90px; }
				ol#content li#leftColumn #intro p { padding: 0 .75em 0 190px; width: 310px; }
		
		ol#content li#rightColumn { width: 348px; position: relative; top: .687em; background:url(../images/li-right-column-bk.jpg) top left no-repeat; padding: .75em; }
			ol#content li#rightColumn p { width: 340px; }
			
ul#social-media-icons { margin:25px 0 0 25px; }
	ul#social-media-icons li { float: left; padding: .25em; }
		
ol#address { background:url(../images/address-bk.gif) top center no-repeat; width: 642px; height: 42px; list-style: circle; margin: 0 auto; text-align: center; position: relative; bottom: -35px; padding-top: .75em;}
	ol#address li { display: list-item; float: left; font: .687em Arial, Helvetica, sans-serif; color: #fff; padding: .4em; margin: 0 .75em;}
	
ol#footer_nav { width: 915px; margin: 0 auto 1em auto; text-align:center;}
	ol#footer_nav li { display: inline; list-style: none;  }
		ol#footer_nav li.pipes {  padding: .2em .4em; color: #666;}
	ol#footer_nav li a { margin: 0 .1em; padding: .4em; font: .875em Arial, Helvetica, sans-serif; text-decoration: none; color:#0096d7;}
	ol#footer_nav li a:hover { color: #f58026; }
	ol#footer_nav li a:visited, a:active {  color: #f58026; }

h1 { font: 1.5em Arial, Helvetica, sans-serif; color: #F58026; }
h2 { font: 1.25em Arial, Helvetica, sans-serif; color: #F58026; margin: .75em auto; }
h3 { font: 1em Arial, Helvetica, sans-serif; color: #F58026; margin: .75em auto; }
p { font: .75em Arial, Helvetica, sans-serif; line-height: 1.5; margin: .75em 0; }
	strong { font-weight: bold; line-height: 1.5;}
	em { font-style: italic;  line-height: 1.5;}
	
ol#content li#leftColumn ol#newsrelease { list-style: none; font: .75em Arial, Helvetica, sans-serif; margin-top: .75em;}

ol#content li#leftColumn ol.news { list-style: none; font: .75em Arial, Helvetica, sans-serif; margin-top: .75em;}

ol#content li#leftColumn ol.affiliates { list-style: none; font: .75em Arial, Helvetica, sans-serif; margin-top: .75em; }
	ol#content li#leftColumn ol.affiliates li { display: inline; }	

form.cmxform fieldset {
  margin: 1em inherit;
  font: bold .75em Arial, Helvetica, sans-serif; 
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 150px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
input#submit { display: block; margin: 0 auto;}