/*CSS Document*/

body {background-color: white;}
@font-face {font-family: "Advent Bold"; src: url("../fonts/adventBold.otf")}

#logo {background: url(../images/logo.png) white;height: 83px; text-indent: -9999px; display: block;}
#logo_text {background: url(../images/logo_text.png) white;height: 83px;text-indent: -9999px; display: block;}
#sas70 {background: url(../images/sas70.png) white;height: 83px;text-indent: -9999px; display: block;}
#gradient {background: url(../images/gradient.png) repeat-x;height: 34px;}
#lower_background {background: url(../images/lower_background.jpg) repeat;height:auto;}

a {text-decoration: none; color:#d04907; }
a:hover {text-decoration: underline; color:#777777; }

ol.sas70 {margin:0 90px 20px 50px;}

/* image boxes on main page */
#build_server {background-image: url(../images/build_server.jpg);width: 300px;height: 179px; text-indent: -9999px;}
#power_savings {background-image: url(../images/power_savings.jpg);width: 300px;height: 179px;text-indent: -9999px;}
#live_chat {background-image: url(../images/live_chat.jpg);width: 300px;height: 179px;text-indent: -9999px;}
#colocation {background-image: url(../images/colocation.jpg);width: 300px;height: 179px;text-indent: -9999px;}
#virtual_hosting {background-image: url(../images/virtual_hosting.jpg);width: 300px;height: 179px;text-indent: -9999px;}
#disaster_prevention {background-image: url(../images/disaster_prevention.jpg);width: 300px;height: 179px;text-indent: -9999px;}
/* end image boxes on main page */

.centered_images {text-align:center; padding:20px 0;}

h1 {display: inline;}/*headers on main page */
a.homepage_links { 
	font-family:  Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #fff;
	margin: 0px;
	text-decoration: none;
	}
a.homepage_links:hover{color:#f6ae32;}
.h1_subheader {font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 12px;color: #fff;line-height: 1.5em;}
.header_images {padding-top: 10px;padding-bottom: 5px;}
.spacing_div {padding-top: 20px;}

h2 { /*done for left column headers*/
	font-family:  "Advent Bold", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 200;
	font-size: 48px;
	letter-spacing: -1px;
	line-height: 1.2em;
	color: #ff7400;
	text-align: right;
	-webkit-text-stroke: 1px #7d7d7d;}
.h2_subheader {font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-size: 18px;color: #a9a9a9;line-height: 1.2em;text-align: right;}

h3 { /*done for right column headers and text*/
	font-family:  Arial, Helvetica Neue, Helvetica, sans-serif; 
	font-size: 21px;
	color: #ef9c2a;
	display: inline;}
.h3_subheader {font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; color: #232323; line-height: 1.5em;padding-right: 10px;}

.biography_titles {font-family:Arial, Helvetica Neue, Helvetica, sans-serif; font-style: italic; font-size: 12px; color:#929292}
.left_column {border-right: 1px solid #cfcfcf; padding-right:20px;}

/* ------- styling managed services can delete later----------- */
#silver {background-image: url(../images/managed_services/silver.png); width: 300px; height: 404px; text-indent: -99999px;}
#gold {background-image: url(../images/managed_services/gold.png); width: 300px; height: 404px; text-indent: -99999px;}
#platinum {background-image: url(../images/managed_services/platinum.png); width: 300px; height: 404px; text-indent: -99999px;}
#include {background-image: url(../images/managed_services/include.png); width: 940px; height: 52px; text-indent: -99999px;}
#additional {background-image: url(../images/managed_services/additional.png); width: 940px; height: 276px; text-indent: -99999px;}

#list_ul li {margin: 10px 10px 0 20px; font-size: 14px;}

#managed_backup dt {font-family:  Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px;color: #ef9c2a;font-weight: bold;}
#managed_backup dd {color: #232323; line-height: 1.5em;padding:0 10px 10px 20px;}
#managed_backup dd.inner {padding-left:50px;}

#customize_server_button {
	background: url(../images/virtual_hosting/customize.png) 0 0;
	border: none; 
	text-indent: -9999px; 
	width: 234px; 
	height: 67px; 
	margin-top:20px;
	cursor:pointer;}
#customize_server_button:hover {background: url(../images/virtual_hosting/customize.png) -234px 0;}
#customize_server_button:active {background:url(../images/virtual_hosting/customize.png) -468px 0;}
/* ------- end styling managed services ----------- */

/* ------- styling faqs ----------- */
#faqs dt {font-family:  Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px;color: #ef9c2a;font-weight: bold;}
#faqs dd {color: #232323; line-height: 1.5em;padding:0 10px 10px 20px;}
#faqs dd.inner {padding-left:50px;}
/* ------- end styling faqs----------- */

/* ------- styling design features dl dd ----------- */
#design_features dt {font-family:  Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px;color: #ef9c2a;font-weight: bold;}
#design_features dd {color: #232323; line-height: 1.5em;padding:0 10px 0px 20px; }
#design_features dd.inner {padding-left:50px;}
/* ------- end styling design features dl dd----------- */

/* ------- styling disaster prevetion ----------- */
#disaster_prevention dt {font-family:  Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px;color: #ef9c2a;font-weight: bold;}
#disaster_prevention dd {color: #232323; line-height: 1.5em;padding:0 10px 10px 20px;}
#disaster_prevention dd.inner {padding-left:50px;}
/* ------- end disaster prevention----------- */

#power_savings_map {text-align:center; padding-bottom: 20px;}

/* ------- photo tour ----------- */
.photo_border {border:1px solid #969696; width:94px; float:left; padding: 8px; background-color: #fbfbf8; margin:0px 10px 20px 0px;}
.photo_border:hover {background-color: #f3f3f3; border:1px solid #626262;}

/* ------- end photo tour ----------- */

/* ------ contact us page ------ */
.contact_info {font-family:Arial, Helvetica Neue, Helvetica, sans-serif;list-style:none;color:#000; font-size:14px;}
.contact_table {font-family:Arial, Helvetica Neue, Helvetica, sans-serif; font-size:14px;}

#message label {font-family:Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 18px; color: #232323; margin-right: 10px; font-weight: bold;}
#message input {border: 3px solid #a9a9a9; width: 300px; padding: 3px;font-family:monospace, Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px;}
#message input:focus {border: 3px solid #ef9c2a; }
#message textarea {border: 3px solid #a9a9a9; width: 100%; height: 100%; padding: 3px;font-family:monospace, Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px;}
#message textarea:focus {border: 3px solid #ef9c2a; }
/* ------ end contact us page ------ */

/* ------ quick quote page ------ */
#quote label {font-family:Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 18px; color: #232323; margin-right: 10px; font-weight: bold;}
#quote input {border: 3px solid #a9a9a9; width: 300px; padding: 3px;font-family:monospace, Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px;}
#quote input:focus {border: 3px solid #ef9c2a; }
#quote textarea {border: 3px solid #a9a9a9; width: 100%; height: 100%; padding: 3px;font-family:monospace, Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px;}
#quote textarea:focus {border: 3px solid #ef9c2a; }
#quote select {width: 70%;}
/* ------ end quick quote page ------ */

/* our partners */
a#qwest {background: url(../images/partners/qwest.png) white;height: 74px; text-indent: -9999px; display: block; margin:10px 0 10px 0;}
a#liebert {background: url(../images/partners/liebert.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#chatsworth {background: url(../images/partners/chatsworth.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#cci {background: url(../images/partners/cci.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#brocade {background: url(../images/partners/brocade.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#seagate {background: url(../images/partners/seagate.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#three {background: url(../images/partners/360.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#fugal {background: url(../images/partners/fugal.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#caterpillar {background: url(../images/partners/caterpillar.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#tate {background: url(../images/partners/tate.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#emerson {background: url(../images/partners/emerson.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#cisco {background: url(../images/partners/cisco.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#interlinx {background: url(../images/partners/interlinx.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#foundry {background: url(../images/partners/foundry.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#level {background: url(../images/partners/level3.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#dell {background: url(../images/partners/dell.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#sc {background: url(../images/partners/sc.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#apc {background: url(../images/partners/apc.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#utopia {background: url(../images/partners/utopia.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#knurr {background: url(../images/partners/knurr.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#voonami {background: url(../images/partners/voonami.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#loc {background: url(../images/partners/loc.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#redsky {background: url(../images/partners/redsky.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#sumo{background: url(../images/partners/sumo.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#utc {background: url(../images/partners/utc.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#edcutah{background: url(../images/partners/edcutah.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#vmware{background: url(../images/partners/vmware.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#compellent{background: url(../images/partners/compellent.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}
a#emc{background: url(../images/partners/emc.png) white;height: 74px; text-indent: -9999px; display: block;margin:10px 0 10px 0;}

/* end our partners */


/* ------- styling the footer ----------- */
#footer_bar {
	background-color: #929292;
	height: 4px;
	width: auto;
}

#footer {
	background-color: #2f2f2f;
	height: auto;
	padding-bottom: 15px;
	padding-top: 10px; 
}

.footer_header a{
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.footer_header a:hover{
	color: #f6ae32;
	text-decoration: none;
}

.footer_header a:active{
	color: #777777;
	text-decoration: none;
}

.footer_subheader_first {
	border-bottom: 1px dotted #454545;
	border-top: 1px dotted #454545;
}

.footer_subheader_first a{
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 11px;
	color: #a7a7a7;
	margin-left: 10px;
	text-decoration: none;
}

.footer_subheader_first a:hover{
	color: #f5f5f5;
	text-decoration: none;
}

.footer_subheader_first a:active{
	color: #6a6a6a;
	text-decoration: none;
}

.footer_subheader {
	border-bottom: 1px dotted #454545;
}

.footer_subheader a{
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 11px;
	color: #a7a7a7;
	margin-left: 10px;
	text-decoration: none;
}

.footer_subheader a:hover{
	color: #f5f5f5;
	text-decoration: none;
}

.footer_subheader a:active{
	color: #6a6a6a;
	text-decoration: none;
}

#bottom {
	background-color: #111111;
	height: 20px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #454545;
	padding-top: 5px;
}

/* ------- end styling the footer ----------- */

/*styling for disaster prevention map **all from old tdc page** */
#data_center_disaster_prevention { 
 width: 152px;
 background-repeat:no-repeat;
 margin: 6px 0px 0px 1px;
 padding-top:0px;
 height: 186px;
 float:left;
}
#data_center_disaster_prevention_text { 
 width: 815px;
 margin: 10px 0px 0px 10px;
 padding: 10px;
 height: auto;
}
#data_center_disaster_prevention_map { 
 width: 612px;
 padding: 0px;
 height: 427px;
 float:left;
}
#data_center_disaster_prevention_nav { 
 width: 241px;
 margin: 40px 0px 0px 0px;
 padding: 0px;
 height: 425px;
 float:left;
}
/* end styling for disaster prevention map **all from old tdc page** */

/* style the build your server contact information form */
#contact_info legend {margin-left: 1em;color: #000000;font-weight: bold; padding: 0;}  
#contact_info fieldset ol {padding: 1em 1em 0 1em;   list-style: none;  }  
#contact_info fieldset li {padding-bottom: 1em;  }  
#contact_info fieldset.submit {border-style: none;  }
#contact_info label {float: left;width: 10em;margin-right: 1em;text-align: right;}
#contact_info input {width: 30%;}
#contact_info textarea {width: 50%;}
#contact_info p{margin:1em 0 0 2em; color: red;}
#contact_info fieldset li {float: left;clear: left;width: 100%;padding-bottom: 1em;}
#contact_info fieldset {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 -1em 0;
	padding: 0 0 1em 0;
	border: 1px solid #BFBAB0;
	background-color: #f5f5f5; 
	}
#contact_info fieldset.submit {
	float: none;
	width: auto;
	border: 0 none #FFF;
	padding-left: 12em;
	padding-top: 1.5em;  
	border-style: none; 
	background-color: transparent;
	}