html{background:#444}
body{margin:0;font-size:12px;color:#444;margin:0;font-family:Arial,sans-serif;background:#FFF url(../images/background.gif) top repeat-x}
a {text-decoration:none;padding:0 3px;color:#33a6cc}
a:hover {color:#444}
img {border:none;margin:0 0 -3px 0}
p{line-height:1.6em;margin:10px 25px 10px 10px}
ul, ol, dl{padding:0;margin:10px}
dl {margin-right:25px}
li{margin:0 0 0 25px;padding:0 0 5px 0}
dt {font-weight:bold;font-size:15px;font-family:"Myriad Pro","Trebuchet MS",Arial,sans-serif}
dt span {color:yellowgreen}
dd {margin:5px 0 10px 0;border-bottom:1px solid #eee;padding:0 0 10px 0}
dd img {float:right;margin:0 0 0 10px}
ol {font-weight:bold;font-size:15px;font-family:"Myriad Pro","Trebuchet MS",Arial,sans-serif}
ol li {margin-bottom:10px}
ol li span {font-weight:normal;font-size:12px;font-family:Arial,sans-serif}

#Site {width:780px;margin:0 auto;position:relative}
#Banner {background:url(../images/clanbox.gif) no-repeat top left;height:87px}
#Content {margin:15px 0 0 0}
#Main {width:485px;float:left;border-right:1px solid #eee;margin:0 0 15px 0}
#Column {width:280px;float:right;}

h1 {display:none;}
h2, h3 {clear:both;font-weight:normal;font-size:27px;color:#33a6cc;margin:10px;font-family:"Myriad Pro","Trebuchet MS",Arial,sans-serif;letter-spacing:-0.03em}
h2 b {font-weight:normal;color:#555;padding:0 0 0 4px}
h3 {font-size:20px;font-weight:bold;}

/* SPLASH */
body.Splash { background-position:0 -87px;text-align:center}
body.Splash h1 {display:block;margin:0;padding:50px 0;font-size:36px}

/* NAVIGATION */
#Navigation ul {list-style:none;margin:0;height:21px;padding:5px 0 0 0}
#Navigation ul li {margin:0 7px 0 0;float:left;width:73px;height:21px;padding:0}
#Navigation ul li a {display:block;width:73px;height:21px;padding:0}
#Navigation ul li a span {visibility: hidden;}

#Navigation ul li.Home {background:url(../images/home_tab.gif) no-repeat top left;}
#Navigation ul li.Features {background:url(../images/features_tab.gif) no-repeat top left;}
#Navigation ul li.Pricing {background:url(../images/pricing_tab.gif) no-repeat top left;}
#Navigation ul li.Order {background:url(../images/order_tab.gif) no-repeat top left;}
#Navigation ul li.Support {background:url(../images/support_tab.gif) no-repeat top left;float:right;margin:0 0 0 7px}
#Navigation ul li.About {background:url(../images/about_tab.gif) no-repeat top left;float:right;margin:0 0 0 7px}

#Navigation ul.home li.Home {background:url(../images/home_tab_active.gif) no-repeat top left;}
#Navigation ul.features li.Features {background:url(../images/features_tab_active.gif) no-repeat top left;}
#Navigation ul.pricing li.Pricing {background:url(../images/pricing_tab_active.gif) no-repeat top left;}
#Navigation ul.order li.Order {background:url(../images/order_tab_active.gif) no-repeat top left;}
#Navigation ul.support li.Support {background:url(../images/support_tab_active.gif) no-repeat top left;}
#Navigation ul.about li.About {background:url(../images/about_tab_active.gif) no-repeat top left;}

/* FOOTER */
#Footer {clear:both;color:#FFF;background: #444 url(../images/footer.gif) repeat-x top;text-align:center;height:83px;padding:10px 0 0 0;}
#Footer p {margin:10px}
#Footer a {padding:0 5px}
#Footer a:hover {color:#FFF}

/* HOME TAB */
#Banner .HomeTab {margin:0;float:left}
#Banner .HomeTab a {display:block;width:72px;height:81px;text-indent:-9999px;padding:0}

/* DEMO TAB */
#Banner .DemoTab {background:url(../images/demo_tab.gif) no-repeat top left;width:72px;height:62px;position:absolute;right:0;top:0}
#Banner .DemoTab a {display:block;text-indent:-9999px;padding:0;width:72px;height:62px}

/* LOGIN TAB */
#Banner .LoginTab {background:url(../images/login_tab.gif) no-repeat top left;width:72px;height:21px;position:absolute;left:80px;top:0}
#Banner .LoginTab a {display:block;text-indent:-9999px;padding:0;width:72px;height:21px}

/* FORMS */
#Content form{margin:0;}
#Content form fieldset p {margin:2px 0;padding:4px}
#Content input, #Content textarea{padding:1px 1px 1px 2px;font-family:Arial,sans-serif;font-size:1em}
#Content select {font-family:Arial,sans-serif;font-size:1em}
#Content input.Checkbox{width:auto;}
#Content fieldset{margin:10px 25px 10px 10px;padding:5px 0 10px 0;border:1px solid #EEE;}
#Content label{margin:1px 5px 1px 0;padding:1px 1px 0 0;width:170px;float:left;text-align:right}
#Content label small {color:yellowgreen;padding:0 3px}
#Content legend{font-weight:bold;padding:3px 7px;margin:5px 10px;font-size:15px;color:#33a6cc;font-family:"Myriad Pro","Trebuchet MS",Arial,sans-serif}
#Content fieldset input {width:200px}
#Content form p span {display:block;margin:3px 0 0 180px;padding:0px;font-weight:bold}
#Content form.Login fieldset label {width:75px}
#Content form.Login fieldset input {width:115px}

/* CONTACT PAGE */
#Content form.ContactForm fieldset label {width:120px}
#Content form.ContactForm fieldset input {width:180px}
#Content form.ContactForm fieldset textarea {width:180px;height:180px}

/* PRICING */
table.Pricing {width:450px;margin:0 10px;border-top:1px solid #EEE}
table.Pricing th{background:#F6F6F6;border-bottom:2px solid #DDD;padding:5px}
table.Pricing th b {color:#000}
table.Pricing tr {text-align:center;}
table.Pricing td{padding:5px;border-bottom:1px solid #EEE}
table.Pricing em {font-size:10px}
table.Pricing .Feature {text-align:right}

/* FAQ */
.FAQ {font-weight:bold;margin:10px 0 30px 70px;border:1px solid #EEE;width:130px;float:left;text-align:center;}
.FAQ a {display:block;padding:10px}
.FAQ img {margin:0 40px}

/* CLASSES */
.Clear {clear:both}
.Error {color:orangered}
.Warning{color:yellowgreen}
.Success{color:#7ce222}
.PayPal {text-align:center}
.Clip {float:left;margin:0 5px 0 10px}
.Next {background:url(../images/forward.gif) no-repeat;width:200px;height:52px;padding:3px 0 0 0;margin:10px auto;text-align:center;display:block;clear:both;}

/* lLOGIN */
#Demo {position:absolute;top:0;right:161px}
#Demo a {padding:0}
#Demo h2, #Demo p {display:none;}

/* DEMO */
#Demo {position:absolute;top:0;right:161px}
#Demo a {padding:0}
#Demo h2, #Demo p {display:none;}

/* INX */
#PoweredBy {position:absolute;top:0;right:1px}
#PoweredBy a {padding:0}
#PoweredBy h2, #PoweredBy p {display:none;}

/* TICKER */
#Ticker {margin:0;}
#Ticker li {padding:0;margin:0 0 0 15px}
#Ticker strong { color: #33a6cc }
#Ticker {
	height:31px;
	list-style: none;
	line-height:31px;
	overflow: hidden;
	background:url(../images/news_ticker.gif) no-repeat top right;
	cursor: pointer;
}
img.Author { float:right; margin:5px 10px; border:2px solid #33a6cc }
img.Network { float:right; margin:5px 10px }
span.Author { font-size:12px; color:#33a6cc; }
#Account, #Login {font-size:11px;margin:0 0 15px 0 ; background:#f3f3f3;padding:1px}
iframe.Login { background:transparent !important; display:none }
#Login label { width:90px }
#Login input { width:100px }
ul#Preview { margin:0;list-style-type:none;padding:0;width:380px;height:150px;display:block;clear:both; }
#Preview li { background-color:#f5f5f5;border:1px solid #000; list-style-type:none; width:100%;height:100%}
#Preview li p { background:black;color:#33a6cc;opacity:0.8;margin:0;padding:2px 5px; }
input[type="submit"] {
	border:none;
	background: transparent url(../images/button.jpg) no-repeat 0% 50%;
	width:114px;
	float:left;
	margin: 0 0 5px 5px;
	height:31px;
	text-align:center;
	color: #33a6cc;
	font-weight:bolder;
	cursor: pointer;
}
.Comments .Comment { border-top:1px solid #e5e5e5 }
.Comments p {margin:0; padding:5px 15px}
.Comments .Row { background: url(http://www.stripegenerator.com/generators/generate_stripes.php?fore=ffffff,EBF6FA&h=30&w=19&p=5&back1=ffffff&back2=ff0000&gt=0&d=0&shadow=0&) }
.Comments .Staff { background:#EBF6FA}
.Comments .Staff p { color: #33a6cc }

.OrderNow { display:block;text-align:center;padding: 4px 0 0 0 }
.OrderNow a { font-size:20px;padding:4px 8px }
.ContactForm .Website {display:none}
.VerifyUrl { background:#f5f5f5;padding:5px;margin:0 25px }