body {
margin: 0;
padding: 0;
font-family: verdana, arial, sans-serif;
background: #e0e0e0;
}

h1 {
margin: 0;
padding: 0;
font-family: helvetica, arial, sans-serif;
font-size: 17px;
line-height: 34px;
color: #f60;
}

h2 {
margin: 0;
padding: 0;
font-family: helvetica, arial, sans-serif;
font-size: 18px;
line-height: 24px;
color: #f60;
}

h3 {
margin: 0;
padding: 0;
font-family: helvetica, arial, sans-serif;
font-size: 14px;
line-height: 22px;
letter-spacing: -1px;
color: #f60;
}

p, #main ul, #main dl, #main ol {
font-size: 12px;
line-height: 18px;
color: #333;
}

#main ul li, #main ol li {
margin-bottom:1em;
}

table.smaller {
font-size: smaller;
}

dl.faq dt {
font-weight: bold;
font-size: 12px;
}

dl.faq dd {
margin: 1em 0 3em;
}

a {
color: #369;
}

a:hover {
color: #f60;
}

blockquote {
margin: 0;
margin-bottom: 1em;
padding: 0;
background: url("../images/quote-top.gif") top left no-repeat;
}

blockquote h2 {
padding: 15px 0 5px;
font-size: 14px;
color: #690;
background: url("../images/quote-bot.gif") bottom right no-repeat;
}

cite {
color: #666;
}

#site {
margin: 0 auto;
width: 960px;
background: #fff;
}

#breadcrumbs {
margin: 30px;
margin-bottom: 0;
padding: 5px 10px;
background: #f0f0f0;
border-bottom: #e0e0e0;
}

#breadcrumbs p {
margin: 0;
padding: 0;
font-size: 10px;
color: #666;
}

#styleSwitcher {
float: right;
padding: 2px 5px;
font-size: 10px;
color: #fff;
}

#logo {
float: left;
padding: 10px 5px;
}

#phone {
padding: 5px;
text-align: right;
}

#phone h2 {
color: #5085B6;
}

#phone p {
margin: 0;
padding: 0;
font-size: 14px;
}

#photo {
clear: left;
border-top: 4px solid #5085B6;
background: #666;
text-align: center;
}

#leftbar {
float: left;
padding: 20px 5px;
width: 150px;
}

#subnav, #rightbar {
font-size: 10px;
}

#subnav h4, #rightbar h4 {
margin: 0;
padding: 10px 0px;
font-size: 12px;
color: #690;
border-bottom: 1px solid #690;
}

#subnav ul, #subnav li, #rightbar ul, #rightbar li {
margin: 0;
padding: 0;
list-style: none;
}

#subnav ul, #righbar ul {
margin: .5em 0 2em;
}

#subnav ul li a, #rightbar ul li a {
display: block;
width: 140px;
padding: 5px;
}

/*hide second level subnav items */

#subnav ul li ul {
display: none;
margin: 0;
border-bottom: 1px solid #690;
background-color: #f0f0f0;
}

#subnav ul li ul li a {
padding-left: 10px;
width: 135px;
}

#subnav ul li ul li a {
font-weight: normal;
background: transparent;
color: #369;
text-decoration: underline;
}

#subnav ul li ul li a:hover {
color: #f60;
}

#main {
float: left;
padding: 20px 25px;
width: 540px;
}

.paddedborder {
margin-top: 1em;
padding: 24px;
border: 1px solid #ccc;
}

.paddedborder img.screenshot {
border-top: 4px solid #5085B6;
}

.likenav {
margin: 0;
padding: 15px 0 5px 5px;
width: 335px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
letter-spacing: 0;
color: #fff;
background-color: #5085B6;
}

.big {
margin: 0;
margin-top: 1em;
padding: 0;
font-family: helvetca, arial, sans-serif;
font-size: 24px;
line-height: 36px;
letter-spacing: -1px;
}

#rightbar {
float: left;
padding: 20px 5px;
width: 200px;
font-size: 10px;
line-height: 16px;
}

#rightbar p {
font-size: 10px;
line-height: 1.5em;
}


#rightbar ul.list {
margin-bottom: 2em;
}

#rightbar ul.list li {
padding: 5px;
}

#rightbar ol.list {
margin-left: 0;
padding-left: 2em;
}

#rightbar ol.list li {
list-style: decimal;
}

#advertisement {
margin-top: 1em;
background-color: #f0f0f0;
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}

#advertisement img {
margin: 1em auto;
}

#advertisement h2 {
color: #5085B6;
text-align: left;
}

#advertisement h4 {
border-bottom: 0;
text-align: left;
margin: 0;
padding: 0;
font-size: 12px;
color: #5085B6;
}

#advertisement p {
text-align: left;
}

#advertisement ul {
margin-bottom: 2em;
text-align: left;
}

.block {
width: 50%;
float: left;
}

dl.pressrelease {
margin: .5em 0 2em;
padding: 0;
}

dl.pressrelease dd {
margin: 0 0 1.5em 0;
padding: 0;
color: #666;
}

#accred {
clear: left;
border-top: 4px solid #5085B6;
text-align: center;
}

#copyright {
clear: left;
padding: 25px;
border-top: 4px solid #5085B6;
}

#copyright p {
margin: 0;
padding: 0;
color: #666;
}

/* new home page */

#marketingmessage {
width: 700px;
	text-align: center;
	}

	#marketingmessage h1, #marketingmessage h2 {
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, sans-serif;
	font-size: 26px;
	color: #000;
	letter-spacing: -.04em;
	}

	#marketingmessage h2 {
	font-size: 24px;
	color: #690;
	}

	#marketingmessage img {
	margin: 15px 0 20px;
	}

	#marketingmessage #services {
	margin: 0 auto;
	width: 700px;
	}

	#marketingmessage .col {
	float: left;
	width: 33%;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	}

	#marketingmessage .col a {
	color: #5085b6;
	}

	#marketingmessage .col a:hover {
	color: #f60;
	}

/* new call outs */
#rightbar .callout {
padding: 10px;
background-color: #ffc;
border: 1px solid #fc3;
}

#rightbar .callout p {
font-size: 14px;
text-align: center;
}

/* tumblog style */

.tumblr ol {
margin: 0;
padding: 0;
}

li.tumblr_text_post {
border-top: 1px dashed #666;
padding-top: 10px;
list-style: none;
}

.tumblr_title {
font-size: 18px;
color: #000;
}

.tumblr_body {
padding: 10px;
color: #666;
}

/* 2010 Navigation Implementation */

ul#navigation {
clear: left;
font-size: 11px;
background: #369;
height: 3em;
border-top: 5px solid #557fa8;
}

ul#navigation li a {
font-weight: normal;
line-height: 3em;
height: 2.9em;
background: #369;
}

ul#navigation li ul {
top: 3em;
}

ul#navigation li ul li {
color: #365386;
width: 22em;
text-align: left;
font-weight: bold;
}

ul#navigation li ul li span {
padding: 0 1em;
line-height: 2.25em;
height: 2.25em;
}

ul#navigation li ul li a {
border-top: 0;
border-bottom: 1px solid #365386;
width: 20em;
font-weight: normal;
line-height: 2.5em;
height: 2.5em;
}

ul#navigation li:hover a,
ul#navigation li a:hover,
ul#navigation li a:focus {
color: #fff;
background: #547fa9;
}

ul#navigation li a:active {
color: #fff;
background: #369;
}

ul#navigation li ul,
ul#navigation li {
background: #b5cbdf !important
}

ul#navigation li:hover ul li a:hover,
ul#navigation li#services:hover ul li a:hover,
ul#navigation li#hosting:hover ul li a:hover,
ul#navigation li#solutions:hover ul li a:hover,
ul#navigation li#support:hover ul li a:hover,
ul#navigation li#aboutus:hover ul li a:hover {
color: #365386;
background: #85a4c2;
}

/* home page design */

h1.homepage {
color: #333;
font-size: 40px;
line-height: 1.125em;
font-weight: normal;
}

h1.homepage em {
font-style: normal;
color: #8bbf33;
}

.hr hr {
display: none;
}

.hr {
margin: 2em 0;
height: 2px;
background: #e0e0e0;
}

.col3 {
float: left;
width: 33%;
}

#logo {
padding-left: 1em;
}

#chat {
float: right;
margin: 10px 10px 0 10px;
}

#phone {
padding-right: 1em;
}

#phone h2 {
margin: .5em 0;
}

.twitter, .facebook {
padding-left: 20px;
}

.twitter {
background: url("../images/ico_tw.gif") left no-repeat;
}

.facebook {
background: url("../images/ico_fb.gif") left no-repeat;
}

/* home page products / services */

.service {
float: left;
margin-bottom: 1em;
}

.service h3 {
font-size: 18px;
}

.left {
width: 48%;
margin-right: 2%;
}

.right {
width: 48%;
margin-left: 2%;
}

#home_design h3 {
padding-left: 42px;
background: url("../images/color_wheel.png") top left no-repeat;
}

#home_applications h3 {
padding-left: 42px;
background: url("../images/world_cog.png") top left no-repeat;
}

#home_marketing h3 {
padding-left: 42px;
background: url("../images/chart_bar.png") top left no-repeat;
}

#home_custom h3 {
padding-left: 42px;
background: url("../images/application_form.png") top left no-repeat;
}

/* hosting / prods */

#home_bhosting {
padding-left: 42px;
background: url("../images/server_user.png") top left no-repeat;
}

#home_securefileexchange {
padding-left: 42px;
background: url("../images/key-page.png") top left no-repeat;
}

#home_memberprotect {
padding-left: 42px;
background: url("../images/lock.png") top left no-repeat;
}

#home_chosting {
padding-left: 42px;
background: url("../images/server_greenuser.png") top left no-repeat;
}

#home_secure {
padding-left: 42px;
background: url("../images/server_key.png") top left no-repeat;
}

#home_ehosting {
padding-left: 42px;
background: url("../images/cart_server.png") top left no-repeat;
}

#home_cumailer {
padding-left: 42px;
background: url("../images/email_open.png") top left no-repeat;
}

#home_storefront {
padding-left: 42px;
background: url("../images/basket_server.png") top left no-repeat;
}

#home_abanumber {
padding-left: 42px;
background: url("../images/plugin_disabled.png") top left no-repeat;
}

#home_spjawards {
padding-left: 42px;
background: url("../images/newspaper_medal.png") top left no-repeat;
}

/* turnleft area */

#categories {
float: left;
width: 30%;
}

ul#categorylist, ul#categorylist li {
margin: 0;
padding: 0;
list-style: none;
}

ul#categorylist li {
line-height: 2em;
}

ul#categorylist li img {
margin-left: .5em;
margin-right: .5em;
}

#turnleft {
margin-left: 30%;
}

#turnleft h3 {
margin-bottom: 0;
font-size: 24px;
line-height: 1.25em;
letter-spacing: normal;
}

#turnleft h3 a {
text-decoration: none;
}

#turnleft .post {
margin-bottom: 3em;
}

/* misc. 
--------------------------------------------- */

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}

/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }