@charset "utf-8";
/* CSS Document */

/*style sheet

version 1.0 last modified on 05 May 2012

© 2012 Designed by Proaxxs

*/

/* to jump to a specific section search for the unique character pair at the front of each Table Of Contents section 
	<<<tip, highlight the special character and use the shortcut for Find Selection Cntr/Cmd + Shift + G >> */

/* ----- Style sheet Table Of Contents ----------------
      ^1 Global constants
	  ^2 CSS reset
	  ^3 Global classes
	  ^4 Layout Styles
			  ^5a Header
			  ^5b Navigation
			  ^5c Banner
			  ^5d Main Content
			  ^5e Footer
			  behavior: url(/PIE.htc);
*/

/* ^1 *** global constants *** */
@font-face {
	font-family: 'Museo500';
	src: url('../_fonts/museo500-webfont.eot');
	src: url('../_fonts/museo500-webfont.eot?#iefix') format('embedded-opentype'),  url('../_fonts/museo500-webfont.woff') format('woff'),  url('../_fonts/museo500-webfont.ttf') format('truetype'),  url('../_fonts/museo500-webfont.svg#Museo500') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PTSansRegular';
	src: url('../_fonts/PTS55F-webfont.eot');
	src: url('../_fonts/PTS55F-webfont.eot?iefix') format('eot'),  url('../_fonts/PTS55F-webfont.woff') format('woff'),  url('../_fonts/PTS55F-webfont.ttf') format('truetype'),  url('../_fonts/PTS55F-webfont.svg#webfontVOUaMV4S') format('svg');
	font-weight: normal;
	font-style: normal;
}
body, html {
	margin: 0px;
	padding: 0px;
	background: url(../_images/body-bg.png) repeat left top;
}
body {
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 62.5%;
}
/* ^2 *** limited-scale reset *** */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
#wrapper {
	text-align: left;
	width: 940px;
	margin: 40px auto;
}
p {
	line-height: 1.5;
	margin-bottom: 1em;
	color: #4D4D4D;
	font-family: PTSansRegular, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.8em;
	color: #333;
	margin-bottom: 0.4em;
}
h2 {
	font-family: Museo500, Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	color: #00335E;
	font-weight: normal;
	margin-bottom: 20px;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	color: #999;
	font-size: 1.2em;
}
h1, h2, h3 {
	clear: both;
}
/* ^3 *** global classes *** */

.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.clearBoth {
	clear: both;
}
br.clearBoth {
	height:0px;
	clear:both;
	font-size: 1px;
	line-height: 0px;
}
.center {
	width: 940px;
	text-align: left;
	margin: 0px auto;
}
.hide {
	display: none;
}
.roundedCorner {
	border-radius: 5px;
	behavior: url(\PIE.htc);
}
.boxshadow {
	box-shadow: 2px 2px 3px #ccc;
	behavior: url(\PIE.htc);
}
.roundedCornerAndShadow {
	border-radius: 5px;
	box-shadow: 2px 2px 3px #ccc;
	behavior: url(\PIE.htc);
}
ul {
	list-style: none;
}
a:link, a:visited {
	text-decoration: none;
	color: #00335E;
}
#mainHeader {
	border-top: 8px solid #124a85;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f2f2));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f2f2 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f1f2f2 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f1f2f2 100%);
	background: linear-gradient(top, #ffffff 0%, #f1f2f2 100%);
}
#logo {
	float: left;
	margin: 40px 0px;
}
#logo a {
	background: url(../_images/logo.png) no-repeat left top;
	text-indent: -1000em;
	display: block;
	height: 78px;
	width: 262px;
}
#mainNav {
	float: right;
	width: 518px;
	margin-top: 65px;
}
#mainNav li {
	float: left;
	font-size: 2em;
	font-family: Museo500, Arial, Helvetica, sans-serif;
	border-right: 1px solid #ccc;
	padding: 0px 15px;
}
#mainNav li:last-child {
	border-right: none;
	padding: 0px 0px 0px 15px;
}
#mainNav li.current {
	text-shadow: none;
}
#mainNav li a:hover, #mainNav li a:active {
	color: #266B8E;
}
#mainNav li a.current, #mainNav li a.current:hover, #mainNav li a.current:active {
	background: #074875;
	color: #FFF;
	padding: 5px 10px;
	border-right: 1px solid #ccc;
}
#subBanner {
	background: #0069c4;
	background: radial-gradient(center, ellipse cover, #0069c4 16%, #00335f 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(16%, #0069c4), color-stop(100%, #00335f));
	background: -webkit-radial-gradient(center, ellipse cover, #0069c4 16%, #00335f 100%);
	background: -o-radial-gradient(center, ellipse cover, #0069c4 16%, #00335f 100%);
	background: -ms-radial-gradient(center, ellipse cover, #0069c4 16%, #00335f 100%);
	background: radial-gradient(center, ellipse cover, #0069c4 16%, #00335f 100%);
}
#subBanner .patterns {
	background: url(../_images/sub-ban-pat.png) repeat left top;
	height: 150px;
}
#subBanner h2 {
	color: #FFF;
	font-size: 3.7em;
	padding-top: 42px;
	text-shadow: 1px 1px #073459;
	margin-bottom: 10px;
}
#subBanner p {
	font-size: 1.8em;
	color: #FFF;
}
#subBanner p a {
	color: #FFF;
}
#subBanner p a:hover, #subBanner p a:active {
	text-decoration: underline;
}
#subBanner .tagLine {
	float: right;
	margin-top: -85px;
	font-size: 2.2em;
}
.callOut {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f2f2));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f2f2 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f1f2f2 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f1f2f2 100%);
	background: linear-gradient(top, #ffffff 0%, #f1f2f2 100%);
	box-shadow: 0px 1px 3px #C4C4C4;
       
}
.callOut p {
	color: #666;
	font-size: 2.2em;
	width: 749px;
	float: left;
	margin: 25px 0px;
}
.callOut .center .readMore {
	width: 141px;
	margin-left: 40px;
	float: right;
	margin: 35px 0px 35px 40px;
}
.readMore {
	font-size: 1.8em;
}
.readMore a {
	background: #013561;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #013561), color-stop(100%, #0165bb));
	background: -webkit-linear-gradient(top, #013561 0%, #0165bb 100%);
	background: -o-linear-gradient(top, #013561 0%, #0165bb 100%);
	background: -ms-linear-gradient(top, #013561 0%, #0165bb 100%);
	background: linear-gradient(top, #013561 0%, #0165bb 100%);
	box-shadow: inset 0px 0px 5px #646464, 0px 0px 3px #929293;
	padding: 8px 15px;
	display: inline-block;
	color: #fff;
	border-radius: 7px;
	font-family: Museo500, Arial, Helvetica, sans-serif;
}
.readMore a:hover, .readMore a:active {
	background: #0165bb;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0165bb), color-stop(100%, #013561));
	background: -webkit-linear-gradient(top, #0165bb 0%, #013561 100%);
	background: -o-linear-gradient(top, #0165bb 0%, #013561 100%);
	background: -ms-linear-gradient(top, #0165bb 0%, #013561 100%);
	background: linear-gradient(top, #0165bb 0%, #013561 100%);
}
#mainContent {
	float: left;
	width: 600px;
	margin-right: 40px;
}
#mainContent h2 {
	text-shadow: 1px 1px #9A9A9B;
}
#mainContent h3 {
	font-size: 1.8em;
	font-family: PTSansRegular, Arial, Helvetica, sans-serif;
	margin: 25px 0px 8px;
	font-weight: bold;
	color: #4d4d4d;
}
#sidebar {
	width: 300px;
	float: right;
}
.snContent {
	background: #f1f2f2;
	border: 1px solid #e6e6e6;
	padding: 15px 15px 0px;
	margin-bottom: 30px;
}
.snContent h2 {
	font-size: 1.9em;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
}
.snContent .readMoreText {
	background: url(../_images/read-more.png) no-repeat left 1px;
	padding-left: 30px;
	font-size: 1.8em;
	font-family: Museo500, Arial, Helvetica, sans-serif;
}
.snContent li {
	background: url(../_images/checked-icon.png) no-repeat left 3px;
	padding-left: 30px;
	font-size: 1.4em;
	font-family: Museo500, Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 30px;
	float: left;
	width: 196px;
	color: #4d4d4d;
	margin: 5px 0px 10px;
}
body .last {
	margin-right: 0px;
}
#features {
	margin-top: 20px;
}
#wrapper h2 {
	margin-bottom: 20px;
	text-shadow: 1px 1px #9A9A9B;
}
#content h2 {
	margin-bottom: 20px;
}
#content {
	margin-bottom: 30px;
}
#features p {
	margin-bottom: 40px;
}
.manyFeatures {
	width: 300px;
	float: left;
	margin-right: 20px;
	text-align: left;
}
.manyFeatures h3 {
	font-family: PTSansRegular, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	background: url(../_images/many-features-icon.png) no-repeat -10px top;
	padding: 6px 0px 6px 35px;
	color: #00335E;
	font-weight: normal;
}
.manyFeatures .colorVariations {
	background: url(../_images/many-features-icon.png) no-repeat -4px -46px;
}
.manyFeatures .cleanShortcode {
	background: url(../_images/many-features-icon.png) no-repeat -7px -94px;
}
.manyFeatures .sliderVariations {
	background: url(../_images/many-features-icon.png) no-repeat -6px -143px;
}
.manyFeatures .togglesAndTabs {
	background: url(../_images/many-features-icon.png) no-repeat -6px -197px;
}
.manyFeatures .pricingTables {
	background: url(../_images/many-features-icon.png) no-repeat -6px -248px;
}
.manyFeatures p {
	margin-bottom: 15px;
	margin-left: 35px;
}
.partners {
	margin-top: 20px;
	margin-bottom: 20px;
}
#footer {
	background: #014582;
	background: -moz-linear-gradient(top, #014582 0%, #003562 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #014582), color-stop(100%, #003562));
	background: -webkit-linear-gradient(top, #014582 0%, #003562 100%);
	background: -o-linear-gradient(top, #014582 0%, #003562 100%);
        padding: 25px 0px;
}
.snFooter {
	width: 172px;
	float: left;
	margin-right: 20px;
}
.snFooter h2 {
	color: #FFF;
	font-size: 1.8em;
	border-bottom: 1px solid #02253D;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.snFooter li {
	font-size: 1.4em;
	padding: 6px 0px 6px 11px;
	background: url(../_images/footer-arrow.png) no-repeat left 10px;
	font-family: PTSansRegular, Arial, Helvetica, sans-serif;
}
.snFooter li a {
	color: #FFF;
}
.snFooter li a:hover, .snFooter li a:active {
	border-bottom: 1px dashed #FFF;
}
.copyRight {
	background: #02253d;
	height: 40px;
}
.copyRight p {
	color: #FFF;
	margin-bottom: 0px;
	line-height: 40px;
}
.copyRight a {
	color: #FFF;
	padding: 0px 5px;
}
.copyRight a:hover, .copyRight a:active {
	text-decoration: underline;
}
#wrapper table {
	background: #f2f2f2;
	color: #4D4D4D;
	border-collapse: collapse;
	text-align: center;
	border-radius: 5px;
	width: 940px;
	margin-top: 20px;
}
#wrapper th {
	padding: 10px;
	background: #215B87;
	border-right: 1px solid #1E496C;
	font-family: Museo500, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #FFF;
	width: 120px;
	border-radius: 10px 10px 0px 0px;
}
#wrapper th.borderRightNone {
	border-radius:10px 0px 0px 0px;
}
#wrapper th.borderNone {
	border-radius: 0px;
}
#wrapper th.borderLeftNone {
	border-radius:0px 10px 0px 0px;
	border-right: none;
}
#wrapper td {
	padding: 10px;
	text-align: center;
	border: 1px solid #D9D9D9;
	font-family: PTSansRegular, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
}
#wrapper .spec {
	text-align: left;
	padding-left: 20px;
	width: 240px;
}
#wrapper tr {
	border-radius: 10px;
}
#wrapper tr.even {
	background: #e6e6e6;
}
#wrapper table .readMore {
	font-size: 1.2em;
	color: #003C6F;
	line-height: 12px;
	padding-top: 22px;
}
.blue {
	color: #4D4D4D;
	font-size: 12px;
	padding-bottom: 11px;
	display: inline-block;
}
.blueColor {
	color: #13487A;
}
.larText {
	font-size: 28px;
}
#wrapper td .rightIcon {
	background: url(../_images/checked-icon.png) no-repeat center top;
	height: 22px;
	width: 22px;
	display: block;
	margin: 0px auto;
}
.ownPlan {
	background: url(../_images/sub-ban-pat.png) repeat-x left top;
	box-shadow: 0px 1px 7px #C4C4C4;
	border-radius: 7px;
	padding: 20px 0px 5px;
	margin: 30px 0px;
	text-align: center;
}
#wrapper .ownPlan h2 {
	text-shadow: none;
	margin-bottom: 20px;
}
#wrapper .snContent h2 {
	text-shadow: none;
	font-weight: normal;
}
#wrapper .snContent {
	margin-bottom: 40px;
}
#content img {
	width: 236px;
	height: 157px;
	margin-right: 20px;
	float: left;
}
#content h3 {
	clear: none;
	font-size: 1.8em;
	font-family: PTSansRegular, Arial, Helvetica, sans-serif;
	margin: 0px 0px 8px;
	font-weight: bold;
	color: #4d4d4d;
}
#wrapper ul {
	margin: 0px 0px 35px;
}
#wrapper li {
	background: url(../_images/checked-icon.png) no-repeat left 4px;
	padding: 5px 0px 5px 30px;
	margin: 3px 0px;
	font-size: 1.4em;
	color:#4d4d4d;
}
.vps .snContent {
	width: 420px;
	float: left;
	margin-right: 35px;
}
.vps .snContent.last {
	margin-right: 0px;
}
.vps #wrapper .snContent ul {
	margin: 10px 0px;
}
.vps #wrapper .snContent li {
	float: none;
	font-size: 1.6em;
	font-family: PTSansRegular, Arial, Helvetica, sans-serif;
	margin: 10px 0px;
	width: 390px;
}
.vps #wrapper .snContent.last ul {
	width: 200px;
	float: left;
	margin: 0px 0px 12px;
}
.vps #wrapper .snContent.last li {
	width: 170px;
	margin-top: 0px;
}
/*Drop Down Menu CSS*/
ul.menu {
	list-style:none;
	margin:0;
	padding:0
}
ul.menu * {
	margin:0;
	padding:0
}
ul.menu li {
	position:relative;
	float:left;
	margin-right:2px
}
ul.menu ul {
	position:absolute;
	top: 24px;
	left: -85px;
	display:none;
	opacity:0;
	list-style:none;
	background: url(../_images/sub-nav-arrow.png) no-repeat left top;
	padding: 0px 6px;
	border-radius: 0px 0px 10px 10px;
}
#mainNav ul.menu ul li {
	position:relative;
	width:170px;
	margin:0;
	font-size: .9em;
	padding: 5px 10px;
	border-right: none;
	background: url(../_images/subnav-border.png) repeat-x left bottom;
	margin-top: 10px;
}
ul.menu ul li a {
	display:block;
	padding: 5px;
}
#mainNav ul.menu ul li a {
	text-shadow: none;
}
#mainNav ul.menu ul li a:hover {
	background-color:#074875;
	color: #fff;
	text-shadow: none;
}
ul.menu ul ul {
	left:148px;
	top:-1px
}
ul.menu .menulink:hover, ul.menu .menuhover {
	background:url(images/header_over.gif)
}
ul.menu .sub {
	background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat
}
ul.menu .topline {
	border-top:1px solid #aaa
}
#mainNav li ul .arrowTop {
	background: url(../_images/sub-nav-arrow.png) no-repeat left top;
	height: 12px;
	width: 19px;
	display: block;
	position: absolute;
	right: 13px;
	top: -11px;
}
#mainNav #menu li ul .noMarginTop {
	margin-top: 0px;
}
#mainNav #menu li ul .noMarginTop.bgBottom {
	background: url(../_images/sub-nav-arrow.png) no-repeat -215px -380px;
}

#banner img {
}