@charset "UTF-8"; 
/*
  DivergentNetworks.com page styles
  Author: WebMediaRx Team http://webmediarx.com
  lastmod: 22 July 08
  */

/* resets */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, dfn, em, img, kbd, q, 
small, strike, strong, b, i, sub, sup, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; 
	border:0; outline:0; 
	font-size:100%; 
	vertical-align:baseline; 
	background:transparent}
body {line-height:1}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after {content:''; content:none}
/* remember to define focus styles! */
:focus {outline:0}
/* remove annoying border on linked images. */
a img {border:none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse}


/* typography */
body {font-size:75%; color:#a7a9ac; background:#131313 url('../assets/bg-body.gif') repeat-x; font-family: Arial, verdana, sans-serif}
h2, h3, h4, h5, h6 {font-weight:bold; color:#81b933}
h2 {font-size:1.8em; margin-bottom:0.75em; text-transform:uppercase}
h2 span{font-size:0.75em; margin-bottom:0.75em; color:#6d6e71; text-transform:none}
h3 {font-size:1.5em; line-height:1; margin-bottom:0.6em}
h4 {font-size:1.2em; line-height:1.25; margin-bottom:0.6em; height:1.25em}
h5 {font-size:1em; font-weight:bold; margin-bottom:0.6em}
h6 {font-size:1em; font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}
p {margin:0 0 1.5em; line-height:1.3;}
p img {float:left; margin:1.5em 1.5em 1.5em 0; padding:0}
p img.right {float:right; margin:1.5em 0 1.5em 1.5em}
a:focus, a:hover {}
a {color:#81b933; text-decoration:none}
blockquote {margin:1.2em; color:#666; font-style:italic; border-left:3px solid #222; padding-left:5px}
b, strong {font-weight:bold; color:#babcbf}
em, dfn {font-style:italic}
dfn {font-weight:bold}
sup, sub {line-height:0}
abbr, acronym {border-bottom:1px dotted #666}
address {margin:0 0 1.5em; font-style:italic}
pre, code {margin:1.5em 0; white-space:pre}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace; line-height:1.5}

li ul, li ol {margin:0; padding:0; text-indent:0}
ul, ol {margin:0; padding:0; text-indent:0}
#content ul{margin:1em 1.2em; list-style:disc inside; line-height:1.3}
#content ol{margin:1em 1.2em; list-style:upper-roman inside; line-height:1.3}

table {margin-bottom:1.4em; width:100%}
th {font-weight:bold; background:#C3D9FF}
th, td {padding:4px 10px 4px 5px}
tr.even td {background:#2a2a2a}
tfoot {font-style:italic}
caption {background:#eee}

.small {font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.large {font-size:1.2em; line-height:2.5em; margin-bottom:1.25em}
.hide {display:none}
.quiet {color:#666}
.loud {color:#000}
.highlight {background:#ff0}
.added {background:#060; color:#babcbf}
.removed {background:#900; color:#babcbf}
.first {margin-left:0; padding-left:0}
.last {margin-right:0; padding-right:0}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}

hr {background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:0.1em; margin:0 0 1.45em; border:none}
hr.space {background:#babcbf; color:#babcbf}

/* sweepers */
.clearfix:after, .navcont, .container:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix, .navcont, .container {display:inline-block}
* html .clearfix, * html .navcont , * html .container {height:1%}
.clearfix, .container ,.container {display:block}
.clear {clear:both}

/* Global */
.navcont{width:760px; margin:0 auto; padding:0}
.container{width:760px; margin:0 auto; padding:0}
#flash{width:760px; height:92px; padding:0; margin:0 auto}
#headr{margin:0 auto; background: url('../assets/bg-head.gif') no-repeat; width:760px; height:194px; text-align:left}
	#headr h1.logo, #headr h1.logo a{background:url('../assets/divergent-logo.png') 0 76px no-repeat; display:block; text-decoration:none; width:auto; height:194px}
	#headr h1.logo span, #headr h1.logo a span{display:none; visibility:hidden}

#nav a{background:#1b1b1b url('../assets/bg-nav.gif') top left repeat; border-bottom:2px solid #020202; color:#6d6e71; display:block; padding:7px 24.5px; width:auto; text-decoration:none}
	#nav a:hover, #nav a.current{background-color:#385513; color:#fff}
	#nav li{display:inline; float:left; font:bold 11px Arial,sans-serif; text-align:center; text-transform:uppercase; margin:10px 5px 10px 0}
	
#footer{background:url('../assets/bg-footr.gif') no-repeat; height:50px; padding:0; clear:both; text-align:center; text-transform:uppercase}
	#footer p{padding:30px 0 0 0; font-weight:0.85em; font-size:10px}
	#footer p a{color:#ccc; text-decoration:none; font-weight:bold}

/* content */
#content{float:left; width:525px; padding:0; margin:20px 0 0 0; display:block; overflow:hidden}
	/* #content:hover a{text-decoration:underline}*/
	#content:hover a:hover{background-color:#81b933; color:#fff; text-decoration:none}
/* contentwide */
#contentwide{float:left; width:760px; padding:0; margin:20px 0 0 0; display:block; overflow:hidden}
	/* #contentwide:hover a{text-decoration:underline}*/
	
	#contentwide:hover a:hover{background-color:#81b933; color:#fff; text-decoration:none}
	
/* sidebar */
#sidebar{float:right; width:215px; padding:0; margin:25px 0 0 0; color:#58585a; font-size:0.95em}
	#sidebar p {margin:0; padding:0; line-height:1.4}
	#sidebar p span {color:#717172; font-weight:bold}
	#sidebar h2 {background:url('../assets/bg-sidebar-heading.gif') no-repeat; height:35px; font-size:1em; margin:8px 0 0 0; text-transform:uppercase; font-weight:bold; padding:10px 0 0 12px}
	#sidebar ul{padding:0 0 10px 0; margin:0; list-style-type:none}
	#sidebar li a{ background:url('../assets/bullet-arw-gry.gif') left center no-repeat; display:block; color:#58585a; list-style-type:none; text-decoration:none; text-indent:7px; line-height:1.9; border-bottom: 1px solid #2d2c2c}
	#sidebar li a:hover{color:#81b933; background-color:#171717}

/* server plans */
#servers{background:url('../assets/bg-pkg-tile.gif') 0 171px repeat-y; padding:0}
	 #module-bg{background: url('../assets/bg-pkg-mods.gif') top no-repeat; width:760px}
	 .module{float:left; width:230px; display:block; min-height:0; padding:10px 0 5px 0}
	 .module#left{padding-left:10px} .module#middle{padding-left:27px} .module#right{padding-left:27px}
	 .module img{float:right; padding:15px 5px 0 3px}	
	 .module p{font-size:11px; padding:5px 0 3px 0; margin:0; line-height:1}
	 .module p.legal{color:#5e5f62}
	 .module p span{font-size:200%; font-weight:bold; color:#81b933}
	 .module h1{font-size:12px; color:#a7a9ac; padding:0 0 3px 0; margin:0; font-weight:bold}
	 .module h1 a{color:#c7c8c9; text-decoration:none}
	 .module h1 span {color:#8cc63f}
	 .module ul{padding:5px 0; margin:0}
	 .module li{font-size:10px; color:#a7a9ac; padding:0; margin:0; line-height:1.4; list-style-type:none; list-style-position:outside; text-indent:0}
	 #mod-footer{clear:left; background:url('../assets/bg-pkg-footr.gif') bottom no-repeat; width:760px; height:18px}
	 #mod-footer li a.choose{line-height:1; font-size:11px; font-weight:bold; color:#c7c8c9; text-decoration:none; text-transform:uppercase; padding:0}
	 #mod-footer li.left, #mod-footer li.middle, #mod-footer li.right{background:url('../assets/bullet-arw.gif') 0 4px no-repeat; list-style-type:none; float:left; position:relative; text-indent:6px; padding-top:2px}
     #mod-footer li.left{left:100px}
     #mod-footer li.middle{left:240px}
     #mod-footer li.right{left:345px}
	 
/* forms */
label {font-weight:bold}
fieldset {padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc}
legend {font-weight:bold; font-size:1.2em}
input.text, input.title, textarea, select {margin:0.5em 0; border:1px solid #bbb}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666}
input.text, input.title {width:300px; padding:5px}
input.title {font-size:1.5em}
textarea {width:390px; height:250px; padding:5px}
.error, .notice, .success {padding:.8em; margin-bottom:1em; border:2px solid #ddd}
.error {background:#fbe3e4; color:#8a1f11; border-color:#FBC2C4}
.notice {background:#fff6bf; color:#514721; border-color:#FFD324}
.success {background:#e6efc2; color:#264409; border-color:#C6D880}
.error a {color:#8a1f11}
.notice a {color:#514721}
.success a {color:#264409}

#sethisawesome {
  width: 760px ;
  margin-left: auto ;
  margin-right: auto ;
}

/* thats the end!  seriously... go! */