/* @group GLOBALS
============================= */

/* @group Globals - Text Resets
============================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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 {
	font-size: 62.5%;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	color: #757575;
	background: #191919;
	}

p, dl, table, blockquote {
	margin: 0 0 1.25em;
	}

p, li, dt, dd, table {
  font-size: 16px;
  line-height: 1.25;
  }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote, q { quotes: none; }
blockquote {}
blockquote p {}

strong { font-weight: 700; }
em { font-style: italic; }

ins { text-decoration: none; font-style: italic; color: green; }
del { text-decoration: line-through; }

abbr, acronym { border-bottom: 1px dotted; cursor: help; }

sub { font-size: .75em; line-height: 1px; position: relative; bottom: -0.5em; }
sup { font-size: .75em; line-height: 1px; position: relative; top: -0.5em; }

pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font-size: 1em; font-family: 'andale mono', 'lucida console', monospace; line-height: 1.5; }

hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: 0 0 1em;
	height: 0;
	}


a,
a:visited {
	text-decoration: none;
	color: #a81700;
	}

a:hover {
	text-decoration: underline;
	color: #d81e00;
	}
a:focus {}
a:active { outline: none; } /* remove outline from :active state only - http://people.opera.com/patrickl/experiments/keyboard/test*/

/* @end Globals - Text Resets
--------------------- */


/* @group Globals - Headings (H1-H6)
============================= */

h1 {
	margin: 0 0 .534em;
	font-size: 30px;
	line-height: 1.2;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #000;
	}

h2 {
	font-size: 22px;
	margin: 0 0 1em;
	}

h3 {
	margin: 0 0 .858em;
	font-size: 14px;
	}

h4 {
	font-size: 13px;
	}

h5 {
	font-size: 12px;
	}

h6 {
	font-size: 11px;
	}

/* @end Globals - Headings (H1-H6)
--------------------- */


/* @group Globals - Lists (UL, OL)
============================= */

ol, ul { margin: 0 1.5em 1em 1.5em; }
ol { margin-left: 2.5em; }

/* change bullet style when nesting lists */
ul { list-style: disc; }
ul ul { list-style: circle; }
ul ul ul { list-style: square; }
ol { list-style: decimal; }
ol ol, ol.alpha { list-style: lower-alpha; }
ol ol ol { list-style: lower-roman; }

li { margin: 0 0 .5em; }

/* @end Globals - Lists (UL, OL)
--------------------- */


/* @group Globals - Definition Lists (DL)
============================= */

dt {
	font-weight: bold;
	}

dt a {
	text-decoration: none;
	}

/* @end Globals - Definition Lists (DL)
--------------------- */


/* @group Globals - Forms
============================= */

form {
	position: relative;
	}

form ol {
	margin: 0;
	padding: 0;
	list-style: none;
	}

form ol li {
	margin: 0 0 10px;
	font-size: 1em;
	}

label {
	display: block;
	margin: 0 0 .5em;
	font-size: 14px;
	line-height: 1.286;
	font-weight: bold;
	color: #696969;
	}

label abbr {
	margin: 0 0 0 -0.25em;
	border: 0;
	color: #f00;
	}

input,
select,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #777;
	}

input.text,
textarea {
	width: 400px !important;
	margin: 0;
	padding: 7px 3px 5px;
	border: 1px solid #c0c0c0;
	border-color: #c0c0c0 #e7e7e7 #e7e7e7 #c2c2c2;
	-moz-box-shadow: inset 0 0 1px #ccc;
	-webkit-box-shadow: inset 0 0 1px #999;
	box-shadow: inset 0 0 1px #ccc;
	}
select:focus,
input.text:focus,
textarea:focus {
	color: #222;
	}

textarea {
	height: 137px;
	}

form div.buttons {
	text-align: right;
	}

button, .buttons input, input.submit { cursor: pointer; }
input[type='submit'] { cursor: pointer; }

input[type='hidden'] { display: none !important; } /* for Fx<=3.5 See Bugzilla id# 436046 & 501959 */

button,
input.submit,
div.buttons input {
	display: -moz-inline-block; /* ffx2 */
	display: inline-block;
	height: 39px;
	margin: 0 0 0 10px;
	padding: 0 19px;
	border: 0;
	font-size: 18px;
	line-height: 39px;
	font-weight: 300;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	background: url(/css/i/bg-button-002.png) repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

form p.footnote {
	position: absolute;
	top: -9px;
	right: 0;
	clear: both;
	font-size: 12px;
	font-style: italic;
	color: #bfbfbf;
	}
form p.footnote abbr {
	border: none;
	color: #f00;
	}

.error label,
.error label * {
	color: #a81700;
	}
.error label.error {
	display: none !important;
	}

/* @end Globals - Forms
--------------------- */


/* @group Globals - Tables
============================= */

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

caption {
	text-align: left;
	font-weight: 700;
	}

th {
	font-weight: 700;
	}

th, td {
	padding: 15px;
	font-size: 1em;
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;
	}
	
td.table-section {
	padding: 15px;
	font-size: 1em;
	background-color: #f5f5f5;
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	}

td {}

tr.alt td { 
	background: #e8f4ff;
	border-top: 1px solid #d7e5eb;
	border-bottom: 1px solid #d7e5eb;
 }
 
/* HILIGHTS */ 
.sp	{
	color:#a81700;
}
 
/*tr.alt-sp	{
	background:#a81700;
	border-bottom: 1px solid #fff;
}*/

tr.alt-sp td	{
	color:#FFF;	
	background:#a81700;
	border-bottom: 1px solid #fff;
}

.smallText	{
	font-size:12px;	
}

#callout	{
	position:absolute;
	right:0px;
	top:-10px;
	width:190px;
	height:97px;
	background:url(/img/header-ribbon.png) no-repeat;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	padding-top:3px;
	text-transform:uppercase;
	text-shadow: 0.1em 0.1em 0.2em black;
	line-height:1.2em;
	}

#callout a	{
	color:#FFF;
	display:block;
	padding:15px 0 0;
}

#callout a:hover	{
	text-decoration:none;	
}

#callout .countdown {
	font-size:10px;
	left:-1px;
	top:53px;
	width: 100%;
	letter-spacing:0.2em;
	position:absolute;
	text-shadow:none;
	text-align: center;
}

.largebracket {
	font-size: 12px;
	color: #101112;
	padding: 0;
}
/* end highlights */

tfoot { font-style: italic; }

div.table-signup a.t-signup {
	background-image:url("/css/i/btn-signup.png");
	float:right;
}

div.table-signup a {
	background-repeat:no-repeat;
	display:inline-block;
	height:46px;
	text-align:left;
	text-indent:-9999px;
	width:170px;
}

div.table-signup a:hover {
	background-position: 0 -50px;
	}
div.table-signup a:active {
	background-position: 0 -100px;
	}

/* @end Globals - Tables
--------------------- */


.clear{clear:both}

/* @end GLOBALS
--------------------- */



/* @group HELPER CLASSES
============================= */

p.intro {
	margin-top: -0.188em;
	line-height: 1.625em;
	}
p.intro a {
	font-weight: bold;
	}


.message {
	margin: 0 0 33px;
	padding: 25px 23px 18px;
	border: 1px solid #e8e8e8;
	color: #747474;
	background: #fff8bc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
.message p {
	margin: 0;
	}


div.ad-region {
	position: relative;
	margin: 0 -7px;
	}
div.ad-region a {
	display: block;
	}
div.ad-region img {
	display: block;
	margin: 0 auto;
	}


/* graphical HR's ~ http://borgar.undraland.com/s/2007/01/style-hr-elements/ */
hr.ornament {
	border: none;
	outline: none;
	clear: both;
	margin: 0;
	height: 1px;
	width: 100%;
	background: url(/css/i/hr.png) no-repeat 50% 50%;
	}
* html hr.ornament {
	display: list-item;
	list-style: url(/css/i/hr.gif) inside;
	filter: alpha(opacity=0);
	width: 0;
	}
*:first-child+html hr.ornament {
	display: list-item;
	list-style: url(/css/i/hr.png) inside;
	filter: alpha(opacity=0);
	width: 0;
	}

hr.shadow {
	margin: 0 auto;
	width: 574px;
	height: 6px;
	background: url(/css/i/rule-shadow.png) no-repeat 50% 0;
	}
* html hr.shadow {
	list-style: url(/css/i/rule-shadow.png) inside;
	}
*:first-child+html hr.shadow {
	list-style: url(/css/i/rule-shadow.png) inside;
	}


div.bounce-img {
	position: relative;
	top: 16px;
	}

div.bounce-shadow {
	height: 12px;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	}


/* Clearfix ~ see: http://www.positioniseverything.net/easyclearing.html & http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.group:after,
#main:after,
#footer:after,
#nav-main:after,
#breadcrumbs:after,
div.features dl:after,
#features:after,
#features-secondary:after,
ul.chart li:after{display:block;clear:both;height:0;content:" ";font-size:0;visibility:hidden;}

/* @end HELPER CLASSES
--------------------- */



/* @group LAYOUT
============================= */

#page {
	background: #fff;
	}

#main {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0;
	position:relative;
	}

#content {
	float: right;
	width: 700px;
	}
	
#content-legal {
	float: right;
	width: 803px;
	}
	
	
#content-legal ul {
	margin-bottom: 21px;
	}

#content-legal li {
	line-height: 25px;
	margin-bottom: 10px;
	list-style: disc;
	margin-left: 10px;
	}
	
#content-legal h3 {
	font-size: 16px;
}

#content-legal .sections {
	padding: .6em 0 0;
	}

#content-legal .primary {
	float: left;
	width: 425px;
	padding: 38px 0 0;
	}

#content-legal .aside {
	float: right;
	width: 272px;
	padding: 38px 0 0;
	}

#content h3 {
	font-size: 16px;
}

#content h3.contact {
	font-size: 22px;
}

#content .sections {
	padding: .6em 0 0;
	}

#content .primary {
	float: left;
	width: 425px;
	padding: 38px 0 0;
	}

#content .aside {
	float: right;
	width: 272px;
	padding: 38px 0 0;
	}

#content div.deck:last-child {
	margin: 0 0 2.8em;
	padding: 0 0 .3em;
	border-bottom: 1px solid #fff;
	}

div.deck {
	margin: 0 0 2.8em;
	padding: 0 0 .3em;
	border-bottom: 1px solid #e6e6e6;
	}
	
div.deck h3 {
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #656565;
	}
	
div.deck p {
	font-size: 16px;
	}
	
div.deck ul {
	margin-bottom: 21px;
	}

div.deck li {
	line-height: 25px;
	margin-bottom: 10px;
	margin-left: 10px;
	}
	
div.deck-pricing {
	margin: 0 0 2.8em;
	padding: 0 0 .3em;
	}
	
div.deck h3-pricing {
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #656565;
	}
	
div.deck-pricing p {
	font-size: 16px;
	}
	
div.deck-pricing ul {
	margin-bottom: 21px;
	}

div.deck-pricing li {
	line-height: 25px;
	margin-bottom: 10px;
	list-style: disc;
	margin-left: 10px;
	}
	
div.deck-sitemap {
	margin: 0 0 2.8em;
	padding: 0 0 .3em;
	}
	
#content div.deck-sitemap:last-child {
	margin: 0 0 2.8em;
	padding: 0 0 .3em;
	border-bottom: 1px solid #fff;
	}
	
div.deck-sitemap p {
	font-size: 16px;
	}
	
div.deck-sitemap ol,ul {
	margin:0 0.2em 1em;
}



#sidebar {
	float: left;
	width: 201px;
	}


/* @group Layout - Header
============================= */

#header {
	position: relative;
	padding: 0 0 10px;
	background: #d81e00 url(/css/i/bg-header.png) repeat-x 50% 100%;
	z-index:999;
	}
	
.noBreadHeader {
	margin: 0 0 14px;
	padding-top: 19px;
	border-bottom: 1px solid #e6e6e6;
}

/* @end Layout - Header
--------------------- */


/* @group Layout - Footer/Copyright
============================= */

#footer {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 28px 0 35px;
	background: url(/css/i/sep-horz-full-width.png) no-repeat 50% 0;
	}

#company-info {
	float: right;
	width: 263px;
	margin: 0;
	padding: 0px 0 0;
	}
	
#company-info p {
	font-size: 13px;
	}
	
#company-info h3 {
	font-size:13px;
	margin:0 0 0.858em;
}


#company-info dt  {
	height: 26px;
	position: relative;
	margin: 0 -15px 1.1em 0;
	text-indent: -9999px;
	font-size: 10px;
	background: url(/css/i/logo-uk2group.png) no-repeat;
	}
	
#company-info dt a {
	background:url("/css/i/logo-uk2group.png") repeat scroll 0 0 transparent;
	display:block;
	height:13px;
	text-indent:-9999px;
	width:75px;
}

#company-info dd {
	position: relative;
	margin: 0 -15px 0 0;
	font-size: 12px;
	line-height: 1.834;
	color: #757575;
	}

#company-info dd a {
	font-weight: bold;
	}

#company-info acronym {
	border: 0;
	}

#copyright {
	width: 960px;
	padding: 11px 0;
	margin: 0 auto;
	color: #5b5b5b;
	}

#copyright p {
	margin: 0;
	font-size: 12px;
	}
#copyright span.social {
	font-size: 12px;
	float:right;
	margin: 0;
	}
#copyright a {
	font-weight: bold;
	color: #c8c8c8;
	}
#copyright a:hover {
	color: #fff;
	}

/* @end Layout - Footer/Copyright
--------------------- */

/* @end LAYOUT
--------------------- */



/* @group NAV/UI
============================= */

/* @group Nav - Breadcrumbs
============================= */

#breadcrumbs {
	margin: 0 0 14px;
	padding: 19px 0 12px;
	border-bottom: 1px solid #e6e6e6;
	list-style: none;
	}
	
#breadcrumbs h2 { 
	display: inline;
}	

#breadcrumbs li {
	float: left;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	list-style: none;
	}

#breadcrumbs span {
	color: #a81700;
	}

#breadcrumbs li a { /* older browsers - TJS */
 	margin-right: 5pxl
 	padding-right: 11px;
}

#breadcrumbs li:first-child a {
	margin-right: 5px;
	padding-right: 11px;
	background: url(/css/i/ico-arrow-gray.png) no-repeat 100% 50%;
	}
		

/* @end Nav - Breadcrumbs
--------------------- */


/* @group Nav - Main
============================= */

#nav-main {
	width: 960px;
	margin: 0 auto;
	padding: 21px 0 15px;
	position:relative;
	}

#nav-main h1 {
	float: left;
	margin: -2px 0 0 -12px;
	}
#nav-main h1 a {
	display: block;
	width: 231px;
	height: 50px;
	text-indent: -9999px;
	background: url(/css/i/id.png);
	}

#nav-main ul {
	float: right;
	margin: 0;
	padding: 0 0 0 12px;
	list-style: none;
	background: #ddd url(/css/i/bg-nav-main.jpg);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .2);
	}

#nav-main li {
	float: left;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	}

#nav-main li a {
	display: block;
	padding: 14px 12px 12px;
	text-decoration: none;
	color: #767474;
	text-shadow: 1px 1px 0 #fff;
	}
#nav-main li a:hover,
#nav-main #domainresellers li#nav-resellers a, #nav-main #cloudhosting li#nav-resellers a {
	color: #000;
	}

#nav-main li#nav-blog a {
	padding-right: 28px;
	}

#nav-main li#nav-signup {}
#nav-main li#nav-signup a {
	padding-right: 20px;
	padding-left: 20px;
	color: #fff;
	text-shadow: none;
	background: #000 url(/css/i/bg-signup.jpg) repeat-x;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	width: 88px;
	}
#nav-main li#nav-signup a:hover {
	background-position: 0 -44px;
	}
#nav-main li#nav-signup a:active {
	background-position: 0 100%;
	}

#nav-main ul#signupDrop {
	position:absolute;
	top:64px;
	right:0px;
	margin:0;
	padding:0;
	width:127px;
	display:none;
	z-index:9999;
}

#nav-main ul#signupDrop li {
	float:none;
	margin:0;
	padding:0;
	font-size:12px;
	background: #000 url(/css/i/bg-signup.jpg) repeat-x;
}

#nav-main ul#signupDrop li:hover {
	background-position: 0 -44px;
}

#nav-main ul#signupDrop a {
	color:#fff;
	text-shadow: none;
}
/* @end Nav - Main
--------------------- */


/* @group Nav - Sections
============================= */

#nav-sections {
	float: left;
	width: 600px;
	margin: 0;
	list-style: none;
	}

#nav-sections li {
	float: left;
	width: 200px;
	padding: 0 12px 0 0;
	}
#nav-sections li.support {
	width: 144px;
	}

#nav-sections dt {
	margin: 0 0 1em;
	font-size: 13px;
	color: #191919;
	}

#nav-sections dd {
	margin: 0 0 .25em;
	font-size: 13px;
	font-weight: normal;
	color: #929292;
	}

#nav-sections dl a {
	display: -moz-inline-block; /*ffx2*/
	display: inline-block;
	padding: 2px 0;
	color: #929292;
	}
	
#nav-sections dt a {
	display: -moz-inline-block; /*ffx2*/
	display: inline-block;
	padding: 2px 0;
	color: #000;
	}
#nav-sections dl a:hover {
	color: #767474;
	}
#nav-sections dl a:active {
	color: #d81e00;
	}

/* @end Nav - Sections
--------------------- */


/* @group Nav - Sub
============================= */

#nav-sub, .Box {
	position: relative;
	margin: 0 -1px 24px;
	border: 1px solid #c0c0c0;
	background: #ddd url(/css/i/bg-brushed-metal.jpg);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 0 0 1px rgba(0,0,0, .26);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .6);
	box-shadow: 0 0 1px rgba(0,0,0, .26);
	}

#nav-sub ul {
	margin: 0;
	list-style: none;
	}

#nav-sub li {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	}

#nav-sub li a {
	display: block;
	padding: 21px 14px 12px;
	text-decoration: none;
	color: #767474;
	text-shadow: 1px 1px 0 #fff;
	background: url(/css/i/sep-horz-nav-sub.png) repeat-x;
	}
	
#nav-sub li a.indent {
	display: block;
	padding: 21px 28px 12px;
	text-decoration: none;
	color: #767474;
	text-shadow: 1px 1px 0 #fff;
	background: url(/css/i/sep-horz-nav-sub.png) repeat-x;
	}

#nav-sub li:first-child a { /*DEVNOTE:need ie6 fix*/
	padding-top: 18px;
	background: transparent;
	}
#nav-sub li a:hover,
ul#s1 li.s1 a, #s2 li.s2 a, #s3 li.s3 a, #s4 li.s4 a, #s5 li.s5 a, #s6 li.s6 a, #s7 li.s7 a, #s8 li.s8 a, #s9 li.s9 a, #s10 li.s10 a  {
	color: #000;
	}

/* @end Nav - Sub
--------------------- */


/* @group Nav - Utility
============================= */

#nav-utility {
	padding: 19px 0 15px;
	/*white-space: nowrap;*/ /* for ie6/7 */
	background: url(/css/i/bg-nav-utility.png) repeat-x 0 100%;
	}

#nav-utility ul {
	width: 960px;
	margin: 0 auto;
	list-style: none;
	text-align: right;
	}

#nav-utility li {
	display: inline;
	margin: 0;
	font-size: 14px;
	line-height: 1.143;
	font-weight: bold;
	}

#nav-utility a {
	display: inline;
	padding: 0 16px;
	color: #fff;
	}

#nav-utility li.email a {
	padding-left: 23px;
	margin-left:16px;
	background: url(/css/i/ico-email.png) no-repeat 0 .25em;
	}

#nav-utility li.session {
	border-left: 1px solid #bb4f3e;
	}
	
#nav-utility li.session-alt {
	border-right: 1px solid #bb4f3e;
	}


/* @end Nav - Utility
--------------------- */

/* @end NAV/UI
--------------------- */



/* @group MODULES
============================= */

/* @group Address DL
============================= */

dl.address {
	margin: 0 0 2.1em;
	}

dl.address dt {
	margin: 0 0 .143em;
	font-size: 14px;
	line-height: 1.286;
	color: #000;
	}

dl.address dd {
	font-size: 14px;
	line-height: 1.572;
	}

/* @end Address DL
--------------------- */


/* @group Chart UL
============================= */

ul.chart {
	margin: 0;
	list-style: none;
	}

ul.chart li {
	margin: -7px 0 5px;
	border-bottom: 2px dotted #d2d2d2;
	font-size: 14px;
	line-height: 1.572em;
	}

ul.chart strong {
	float: left;
	display: -moz-inline-block; /*ffx2*/
	display: inline-block;
	position: relative;
	top: 7px;
	background: #fff;
	}

ul.chart span {
	float: right;
	display: -moz-inline-block; /*ffx2*/
	display: inline-block;
	position: relative;
	top: 7px;
	width: 138px;
	font-weight: bold;
	background: #fff;
	}

/* @end Chart UL
--------------------- */


/* @group Hero
============================= */

#hero {
	position: relative;
	z-index: 10;
	overflow: hidden;
	color: #9c9c9c;
	background: #101112 url(/css/i/bg-hero.png) -20% 0%;
	}

#hero div.section {
	position: relative;
	z-index: 10;
	width: 504px;
	height: 239px;
	margin: 0 auto;
	padding: 81px 0 23px 450px;
	}

#hero h1 {
	height: 36px;
	overflow: hidden;
	margin: 0px 0 11px;
padding-top: 40px;
	color: #ffffff;
	font-size: 32px;
	}

#hero h3 {
	height: 20px;
	overflow: hidden;
	margin: 0 0 8px;
	color: #ff0000;
	font-size: 18px;
	}

#hero p.pic {
	float: left;
	margin: -61px 0 0 -517px;
	padding: 0;
	width: 480px;
	}
#hero p.pic img {
	display: block;
	margin: 0 auto;
	}

#hero p {
	font-size: 14px;
	line-height: 1.715;
	}

#hero div.options {
	margin: 61px 0px 0 0;
	text-align: center;
width: 100%;
clear: both;
background: url('/img/options-bg.png');

	}
#options{
  background: url('/img/options-bg.png');
  height: 80px;
  width: 100%;
  margin-top: -9px;
  position: relative;
  z-index: 99;
}

#options div{
  width: 954px;
  margin: auto;
  text-align: center;
  padding-top: 25px;
  color: #fff;
}
#options p{
  font-size: 28px;
  float: left;
  margin-right: 100px;
}

#options a{
	display: -moz-inline-block;
	display: inline-block;
	width: 170px;
	height: 46px;
	text-align: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#optionBtns a {
	display:block;
	width: 170px;
	height: 46px;
	text-align: left; 
	text-indent: -9999px;
	background-repeat: no-repeat;
	float:left;
}

#optionBtns	{
	height:80px;
	width:340px;
	float:right;	
}

#options a:hover, #optionBtns a:hover {
	background-position: 0 -50px;
}
#options a:active, #optionsBtns a:active  {
	background-position: 0 -100px;
}
#options a.more, #optionBtns a.more {
	background-image: url(/css/i/btn-learn-more.png);
}
#options a.signup, #optionBtns a.signup {
	background-image: url(/css/i/btn-signup.png);
}

#hero img.bg {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 5;
	margin: 0 0 0 -583px;
	}

#hero hr.ornament {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 6;
	margin: 0 auto;
	width: 100%;
	height: 1px;
	background: transparent url(/css/i/bg-hero-shadow.png) repeat-x 0 0;
	}

/* @end Hero
--------------------- */


/* @group Feature List
============================= */

div.features {
	margin: 3.6em 0 1.7em;
	padding: 4.5em 0 0em;
	}

div.features dl {
	margin: 0 0 4.8em;
	}

div.features dt {
	margin: 0 0 .25em;
	line-height: 1.25;
	color: #000;
	}

div.features dt img {
	display: block;
	float: left;
	margin: -14px 17px 0 -3px;
	}

div.features dd {
	overflow: hidden;
	line-height: 1.25;
	}

/* @end Feature List
--------------------- */

/* @group Feature List
============================= */

div.features {
	margin: 3.6em 0 1.7em;
	padding: 4.5em 0 0em;
	}

div.features dl {
	margin: 0 0 4.8em;
	}

div.features dt {
	margin: 0 0 .25em;
	line-height: 1.25;
	color: #000;
	}

div.features dt img {
	display: block;
	float: left;
	margin: -14px 17px 0 -3px;
	}

div.features dd {
	overflow: hidden;
	line-height: 1.25;
	}

/* @end Feature List
--------------------- */


/* @group Feature List
============================= */

div.features-pricing {
	margin: 3.6em 0 1.7em;
	padding: 4.5em 0 0em;
	background-image: url('/css/i/blue-pull.png');
	height:220px;
	}

div.features-pricing dl {
	margin: -2em 0 0 1em;
	}

div.features-pricing dt {
	margin: 0 0 .25em;
	line-height: 1.25 !important;
	color: #000;
	}

div.features-pricing dt img {
	display: block;
	float: right;
	margin: -11px 18px 0 20px;
	}

div.features-pricing dd {
	overflow: hidden;
	line-height: 1.25;
	margin-left:25px;
	}

div.features-pricing h2 {
  font-size: 16px;
}

.featuredBox {
	background:#EBF5FF;
	border:1px solid #BEE4FF;
	padding:20px;
	/*height:220px;*/
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBF5FF', endColorstr='#CAE4FB'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EBF5FF), to(#CAE4FB)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EBF5FF,  #CAE4FB); /* for firefox 3.6+ */ 
}	

/* @end Feature List
--------------------- */


/* @group Features-right
============================= */
div.features-right {
	margin: 3.6em 0 1.7em;
	padding: 4.5em 0 .4em;
	}

div.features-right dl {
	margin: 0 0 4.8em;
	}

div.features-right dt {
	margin: 0 0 .25em;
	line-height: 1.25;
	color: #000;
	}

div.features-right dt img {
	display: block;
	float: right;
	margin: -14px 17px 0 -3px;
	}

div.features-right dd {
	overflow: hidden;
	line-height: 1.25;
	width:360px;
	}

/* @end Features
--------------------- */


/* @group Features
============================= */

#features {
	position: relative;
	margin: 0 0 0.2em;
	padding: 0 0 0em;
	border: 1px solid #ccc;
	color: #5b5b5b;
	background: #eee url(/css/i/bg-features.jpg) repeat-y 50% 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}

#features .section {
	float:left;
	margin-left:10px;
	padding:0 0 0 18px;
	width:290px;
	}

#features h2 {
	margin: 0 0 .813em;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	text-shadow: 1px 1px 0 rgba(255,255,255, .67);
	}

#features p {
	font-size: 14px;
	line-height: 1.286;
	}

#features ul {
	margin: 0;
	padding: 0 0 .1em;
	list-style: none;
	}

#features li {
	margin: 0 0 .572em;
	font-size: 14px;
	line-height: 1.286;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(255,255,255, .67);
	}

#features li a {
	padding: 0 0 0 15px;
	background: url(/css/i/ico-arrow.png) no-repeat 0 4px;
	}

#features li a:hover {
	background-position: 0 -22px;
	}

hr.shadow {
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin: 0 0 0 -287px;
	}

/* @end Features
--------------------- */


/* @group Features Secondary
============================= */

#features-secondary {}

#features-secondary .section {
	float: left;
	width: 300px;
	padding: 0 26px .1em 127px;
	}

#features-secondary h2 {
	margin: 0 0 .429em;
	font-size: 14px;
	color: #2c2c2c;
	}

#features-secondary h2 img {
	float: left;
	display: block;
	margin: 0 13px 0 -127px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#features-secondary p {
	overflow: hidden;
	margin: 0 0 .462em;
	font-size: 13px;
	line-height: 15px;
	color: #626262;
	}

#features-secondary a.more {
	font-size: 14px;
	font-weight: bold;
	}

/* @end Features Secondary
--------------------- */


/* @group Promos
============================= */

div.promo {}

div.promo h2 {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	}

div.promo p {
	font-size: 14px;
	line-height: 1.5;
	}


div.promo#promo-support {
	text-align: center;
	margin-top:44px;
	}
	
div.promo#promo-support a {
	color: #767474;
	}
div.promo#promo-support a:hover{
	color: #aeaeae;
	}

div.promo#promo-support img {
	display: block;
	position: relative;
	margin: 0 auto;
	}

div.promo#promo-support #nav-contact {
  color: #000;
	margin-top: 12px;
	}

div.promo#promo-support p {
	font-weight: bold;
	}

/* @end Promos
--------------------- */

/* @group Show
--------------------- */
.section {
	margin:27px 0;
	position:relative;
}




/* @group Price Table
--------------------- */



/* @end Price Table
--------------------- */


/* @end MODULES
--------------------- */



/* Styled Lists */

ul.bullet li {
	list-style: disc outside url('/css/i/bullet.png') !important;
	margin-left: 20px !important;
	margin-bottom: 10px !important;
}

div.right-list, div.split-list {
	width: 100%;
	clear: both;
}

div.right-list ul {
	float: right;
}

div.right-list ul, div.right-list ol {
	float: right;
	width: 38%;
}

div.split-list ul {
	width: 44%;
	float: right;
}

div.right-list div:first-child, div.split-list ul:first-child {
	float: left;
}

div.right-list div:first-child {
	width: 60%;
}

/* End Styled Lists */




/* EOF */

/* Chat Slider */
#chat-slide{
  position: fixed;
  left: 0;
  top: 230px;
  z-index: 999;
}
/* end chat slider */


/* login box code */
#login-wrap { 
background-color:#000; 
overflow:hidden; 
padding-bottom:0px; 
display:none; 
clear:both; 
height:75px;
}
#login-wrap .login { 
width:964px; 
margin:auto; 
padding:15px;
}
#login-wrap .login p {
	color:#FFFFFF;
	display:block;
	width:315px;
	height:45px;
	float:left;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.5em;
}
#login-wrap .login dl.login-form {
	position:relative;
	/*top:5px;*/
}
#login-wrap .login dl.login-form dt { 
color:#ffffff; 
font-size:80%; 
margin:5px 10px 5px 15px; 
font-weight:bold; 
float:left; 
}
#login-wrap .login dl.login-form dd { float:left;}
#login-wrap .login dl.login-form dd a { color:#ffffff;}
#login-wrap .login dl.login-form dd.text-field input { border:none; padding:5px; margin:0; font-size:90%; color:#333333; background:#f1f1f1; width:175px; }
/*#login-wrap .login dl.login-form dd.text-field.password input {width:125px;}*/
#login-wrap .login dl.login-form dt.submit { margin:5px;}
#login-wrap .login dl.login-form dd.submit {margin-right:-30px;}
/*#login-wrap .login dl.login-form dd.submit input {}
#login-wrap .login dl.login-form.reqpass {  margin-left:185px; overflow:hidden; clear:left; display:none; }
#login-wrap .login dl.login-form.reqpass dt { margin-bottom:0px;}
#login-wrap .login dl.login-form.reqpass dd { margin-bottom:0px;}*/
#login-wrap #login-submit{
  background: #D81E00;
  color: #fff;
  border: none;
  padding: 4px;
  font-weight: bold;
  border-radius: 5px;
  -moz-border-radius: 3px;
  text-shadow: 1px 1px 0px #000;
}
#login-wrap label{color: #fff; font-weight: normal;}

#onAppLogo {margin-left:50px; float:right;}
#businessDemo {margin-right:30px; float:left;}