@font-face {
    font-family: 'SansationRegular';
    src: url('fonts/Sansation_Regular-webfont.eot#') format('eot'),
         url('fonts/Sansation_Regular-webfont.woff') format('woff'),
         url('fonts/Sansation_Regular-webfont.ttf') format('truetype'),
         url('fonts/Sansation_Regular-webfont.svg#webfontw28k2xtN') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 {font-family: 'SansationRegular', sans-serif;
}

input.text {
	width: auto;
}
td.even {
	background:#e5ecf9;
}
/* button tweaks */
a.button, button {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:inherit;
	margin: 0.5em 0.5em 0.5em 0;
}
button[type] {
	padding:2px 10px 2px 7px;
}
/* for layout */
.fltLft {
	float:left;
}
.fltRt {
	float:right;
}
.ltBlue {
	color: #b2deff;
}
.required {
	color: #FF0000;
}

a.learnMore {
	background: url(images/learn-more-icn.gif) no-repeat left center;
	text-indent: 14px;
	padding-left: 14px;
}
input.blur {
	color: #999999;
}
.lowercase {
	text-transform: lowercase;
}
.sectionPadding {
	padding-right: 9px;
	padding-left: 9px;
}
.addBottomMargin {
	margin-bottom: 1.5em;
}
h3.addBottomMargin {
	margin-bottom: 1.25em;
}
form#searchbox  {
	display: block;
	width: auto;
	float: left;
	margin-right: 1.5em;
}
form#searchbox label, form#login label {
	display: block;
	font-size: 0.9em;
	line-height: 1;
}
form#searchbox input.text, form#login input.text {
	margin-top: 0.4em;
	margin-right:3px;
	float: left;
	width: auto;
}
form#searchbox button, form#login button {
	background: transparent url(images/newsletter-signup-btn.gif) no-repeat center center;
	border-style: none;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-left: 0px;
	margin-top: 4px;
}
form#searchbox button {
	padding-left: 3px;
	padding-right:3px;
}
form#searchbox button:hover, form#login button:hover {
	background: url(images/newsletter-signup-btn-ovr.gif) no-repeat center center;
}

/*** Navigation START ***/
#topNav {
	float:left;
	margin: 24px 0px 0px 36px;
	font-size:  0.833em;
	list-style-type: none;
}
#topNav li {
	display: inline;
}
#topNav a {
	color: #75767B;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	padding-right: 10px;
}
#topNav a:hover {
	color: #3C3D42;
}
#mainNav {
	height: 36px;
	background: url(images/main-nav/mainNav-bg.jpg) no-repeat;
	z-index:999;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			36px; /* match top ul list item height */
	z-index:		1000;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0em;
	position:relative;
	height:36px;
}
.sf-menu a {
	text-decoration:none;
	font-weight: normal;
	font-family: 'SansationRegular';
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#b2deff;
}
.sf-menu li {
	height:36px;
	}
.sf-menu li#socialmedia {
	width:159px;
	}
.sf-menu li#ecards {
	width:157px;
	}
.sf-menu li#blog {
	width:148px;
	}
.sf-menu li#clients {
	width:165px;
	}
.sf-menu li#webinar {
	width:150px;
	}
.sf-menu li#consultation {
	width:181px;
	}
.sf-menu a.topLevel {
	font-size:14px;
	text-transform:uppercase;
	padding-top: 12px;
	height: 22px;
	text-align: center;
}
.sf-menu li a {
	height:36px;
}
/* top level hovers */
.sf-menu li#socialmedia:hover,
.sf-menu #socialmedia a:focus, .sf-menu #socialmedia a:hover, .sf-menu #socialmedia a:active {
	background: url(images/main-nav/socialmedia-ovr.jpg) no-repeat;
	outline:		0;
	color:#FFFFFF;
}
.sf-menu li#ecards:hover,
.sf-menu #ecards a:focus, .sf-menu #ecards a:hover, .sf-menu #ecards a:active {
	background:		url(images/main-nav/ecards-ovr.jpg) no-repeat;
	outline:		0;
	color:#FFFFFF;
}
.sf-menu li#blog:hover,
.sf-menu #blog a:focus, .sf-menu #blog a:hover, .sf-menu #blog a:active {
	background:		url(images/main-nav/blog-ovr.jpg) no-repeat;
	outline:		0;
	color:#FFFFFF;
}
.sf-menu li#clients:hover,
.sf-menu #clients a:focus, .sf-menu #clients a:hover, .sf-menu #clients a:active {
	background:		url(images/main-nav/clients-ovr.jpg) no-repeat;
	outline:		0;
	color:#FFFFFF;
}
.sf-menu li#webinar:hover,
.sf-menu #webinar a:focus, .sf-menu #webinar a:hover, .sf-menu #webinar a:active {
	background:		url(images/main-nav/webinar-ovr.jpg) no-repeat;
	outline:		0;
	color:#FFFFFF;
}
.sf-menu li#consultation:hover,
.sf-menu #consultation a:focus, .sf-menu #consultation a:hover, .sf-menu #consultation a:active {
	background:		url(images/main-nav/consultation-ovr.jpg) no-repeat;
	outline:		0;
	color:#FFFFFF;
}

/*** Navigation END ***/

#intro {
	margin-top: 1.5em;
}
#masthead {
	height: 269px;
	margin-top: 1.5em;
	overflow: hidden;
}
#pageTitle {
	margin-top: 1.5em;
}
#ecardOrderSummary {
	width: 290px;
	padding-left: 18px;
}
#ecardOrderSummary .rounded {
	padding: 1.5em;
	margin-bottom: 1.5em;
}



div#subNav {
	margin-bottom: 1.5em;
}

#subNav ul {
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	list-style: url(none) none;
	display: block;
	height: 36px;
	background: url(images/subnav-bg.gif) no-repeat;
}
#subNav ul li {
	display: inline;
	width: auto;
	height: 36px;
}
#subNav ul li a {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	display: block;
	width: auto;
	height: 18px;
	text-align: center;
	padding: 9px;
	float: left;
}
#subNav ul li.eightLetters a   {
	background: url(images/subnav-8ltrs.gif) no-repeat center center;
}
#subNav ul li.eightLetters a.active {
	background: url(images/subnav-8ltrs-active.gif) no-repeat center bottom;
}
#subNav ul li.eightAndHalfLetters a   {
	background: url(images/subnav-8andhalfltrs.gif) no-repeat center center;
}
#subNav ul li.eightAndHalfLetters a.active {
	background: url(images/subnav-8andhalfltrs-active.gif) no-repeat center bottom;
}
#subNav ul li.nineLetters a   {
	background: url(images/subnav-9ltrs.gif) no-repeat center center;
}
#subNav ul li.nineLetters a.active {
	background: url(images/subnav-9ltrs-active.gif) no-repeat center bottom;
}
#subNav ul li.sixteenLetters a {
	background: url(images/subnav-16ltrs.gif) no-repeat center center;
}
#subNav ul li.sixteenLetters a.active {
	background: url(images/subnav-16ltrs-active.gif) no-repeat center bottom;
}
#subNav ul li.threeLetters a {
	background: url(images/subnav-3ltrs.gif) no-repeat center center;
}
#subNav ul li.threeLetters a.active {
	background: url(images/subnav-3ltrs-active.gif) no-repeat center bottom;
}
#subNav ul li.twelveLetters a {
	background: url(images/subnav-12ltrs.gif) no-repeat center center;
}
#subNav ul li.twelveLetters a.active {
	background: url(images/subnav-12ltrs-active.gif) no-repeat center bottom;
}
#subNav ul li.thirteenLetters a {
	background: url(images/subnav-13ltrs.gif) no-repeat center center;
}
#subNav ul li.thirteenLetters a.active {
	background: url(images/subnav-13ltrs-active.gif) no-repeat center bottom;
}
#subNav ul li.fourteenLetters a {
	background: url(images/subnav-14ltrs.gif) no-repeat center center;
}
#subNav ul li.fourteenLetters a.active {
	background: url(images/subnav-14ltrs-active.gif) no-repeat center bottom;
}
#subNav ul li.fifteenLetters a {
	background: url(images/subnav-15ltrs.gif) no-repeat center center;
}
#subNav ul li.fifteenLetters a.active {
	background: url(images/subnav-15ltrs-active.gif) no-repeat center bottom;
}
#subNav ul li.eighteenLetters a {
	background: url(images/subnav-18ltrs.gif) no-repeat center center;
}
#subNav ul li.eighteenLetters a.active {
	background: url(images/subnav-18ltrs-active.gif) no-repeat center bottom;
}
#subNav ul li.nineteenLetters a {
	background: url(images/subnav-19ltrs.gif) no-repeat center center;
}
#subNav ul li.nineteenLetters a.active {
	background: url(images/subnav-19ltrs-active.gif) no-repeat center bottom;
}
#subNav ul li.twentyLetters a {
	background: url(images/subnav-20ltrs.gif) no-repeat center center;
}
#subNav ul li.twentyLetters a.active {
	background: url(images/subnav-20ltrs-active.gif) no-repeat center bottom;
}
#container1, #container2, #container3, #container4, #container5 {
	margin-top: 1.5em;
}
#container1 img, #container2 img, #container3 img, #container4 img, #container5 img {
	margin-bottom: 1.5em;
}
#twBox textarea#post {
	width: 300px;
	height: 48px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
	color: #5C5E5F;
	padding:3px;
	margin:0px 0px 9px 0px;
}
div.rss {
margin-top:18px;
margin-bottom:18px;
padding: 18px;	
color: #5C5E5F;
    background: #fff;
}
.rss-timestamp {
border-bottom: solid 1px #ccc;
padding-bottom:9px;
}
.hover {
	cursor: pointer;
	border: 1px solid #666666;
	-moz-border-radius:4px; /* for firefox */
	-webkit-border-radius:4px;
}
div#container1.hover, div#container2.hover, div#container3.hover, div#container4.hover, div#container5.hover {
	width: 306px;
	overflow:hidden;
}
#footer {
	padding-top: 1.5em;
	border-top: 1px solid #999999;
	margin-top: 1.5em;
}
.rounded {
	-moz-border-radius:4px; /* for firefox */
	-webkit-border-radius:4px; /* for safari */
	border: solid 1px #CCCCCC;
}
img#liveChat, img#requestACall, img#signupWebinar, img#requestAConsult {
	margin-bottom: 1.5em;
}

div#newsletter {
	background: #FFFFFF url(images/newsletter-hdr-bg.gif) repeat-x;
	width: 306px;
	border: 1px solid #CCCCCC;
	margin-bottom: 1.5em;
}
div#newsletter h4 {
	margin: 0px;
	line-height: 1em;
	padding-top: 12px;
	padding-left: 12px;
}
form#newsletterFrm {
	padding-left: 3px;
	padding-bottom:14px;
	margin-top: 18px;
}
form#newsletterFrm input#fields_fname, form#newsletterFrm form#newsletterFrm {
	float: left;
	width: 70px;
	margin-left: 5px;
}
input#fields_email
{
	float: left;
	width: 130px;
	margin-left: 5px;
}
form#newsletterFrm button {
	background: transparent url(images/newsletter-signup-btn.gif) no-repeat center center;
	border-style: none;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-left: 5px;
}
form#newsletterFrm button:hover {
	background: url(images/newsletter-signup-btn-ovr.gif) no-repeat center center;
}
#virusAlerts {
	padding: 1.5em;
	margin-bottom: 1.5em;
}

.imgBorder {
	border: 2px solid #CCCCCC;
}
.imgBorderOvr {
	border: 2px solid #666666;
}
form#callback, form#quote, form#ecardConfirmation,form#estimate {
	padding: 1em;
}
form#callback   label, form#quote   label, form#ecardConfirmation  label, form#estimate label {
	display: block;
	border-bottom: 1px dotted #999999;
}
span.last, p.last {
	margin-right: 0px;
	padding-right: 0px;
}

.formRow {
	margin-bottom: 1.5em;
	clear: both;
}
.formCol1, .formCol1a, .formCol1c, .formCol2, .formCol2a, .formCol2b, .formCol3, .formCol3b,.formCol4,.formCol5,.formCol6{
	float: left;
	margin-right: 18px;
	margin-top:3px;
}
.formCol1 input.text, .formCol2 input.text, .formCol3 input.text {
	width: 188px;
}
.formCol1a input.text, .formCol2a input.text {
	width: 293px;
}
.formCol2b input.text, .formCol3b input.text {
	width: 136px;
}
.formCol1 {
	width: 190px;
}
.formCol1a {
	width: 295px;
}
.formCol2a {
	width: 295px;
}
.formCol2b {
	width: 138px;
}
.formCol2 {
	width: 190px;
}
.formCol3 {
	width: 190px;
}
.formCol3b {
	width: 590px;
}
.ecardRow {
	margin-bottom: 1.5em;
	clear: both;
	width: 634px;
	border-bottom: .1em solid #CCCCCC;
}
.ecardLastRow {
	margin-bottom: 4.5em;
}
.ecardCol {
	float: left;
	width: 199px;
	margin-right: 18px;
	text-align: center;
	padding-bottom: 1.5em;
}
.ecardCol img {
	margin-bottom: 1.5em;
}
.ecardCol img.bottom {
	margin-bottom: 0px;
}
.ecardCol label {
	display: block;
}
form#greeting label {
	float: left;
	width: 75px;
	display: block;
}
form#greeting .ecardRow p {
	margin-left: 75px;
}
form#music label {
	display: block;
	width: 210px;
	float: left;
}
form#music span.playsample {
	float: left;
	width: 98px;
	padding-top: 1px;
	display: block;
}
ul.rounded {
	padding: 18px 18px 18px 36px;
	margin: 0px 0px 1.5em;
}
table.featurePriceComparison {
	border: 1px solid #115f9a;
	margin-bottom: 0px;
}
table.featurePriceComparison  th {
	color: #FFFFFF;
	background: #115f9a;
	padding: 6px;
}
table.featurePriceComparison  td {
	padding: 6px;
	border: 1px solid #FFFFFF;
}
ul#hostingLogos {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#hostingLogos li {
	display: inline;
}
body#shadowText {
	background: #FFFFFF url(../images/shadowbox/gray-white-gradient-bg.jpg) repeat-x fixed left bottom;
	margin: 0px;
	padding: 3em;
}
.bigLink ul {
	margin-left: 1.3em;
}
table#ecardDesignPreviews, table#ecardEmailPreview {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
table#ecardDesignPreviews  td, table#ecardEmailPreview td {
	padding: 5px;
	text-align: center;
}
table#ecardDesignPreviews  h2, table#ecardEmailPreview h2 {
	margin-bottom: 0px;
}
div.rss a {
	font-weight: normal;
}

.rss-timestamp {
	margin-bottom:8px;
}

.ecard-select {
	margin-top:-15px;
}
.box {
	background: #FFFFFF;
}
/*** CSS Tooltip ***/
.tooltip {
  font-size:9px;
  cursor: help; text-decoration: none;
  position: relative;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
}
.tooltip:hover span {
  position: absolute;
  left: 1em;
  top: 2em;
  z-index: 99;
  margin-left: 0;
  width: 400px;
}
.tooltip:hover img {
  border: 0;
  margin: -10px 0 0 -55px;
  float: left;
  position: absolute;
}
.tooltip:hover em {
  display: block;
  padding: 0.2em 0 0.6em 0;
}
.toolTipBox { 
	padding: 0.8em 1em;
	background: #CCC; 
	border: 1px solid #185A9B;
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
* html a:hover {
	 background: transparent; 
}

/** Accordian **/
.accordionButton {	
	cursor: pointer;
	padding-bottom: .5em;
	}
 
.accordionContent {	
	display: none;
	padding-bottom: .5em;
	}

/** Other Styles **/
.largeQuote {
	font-family: 'SansationRegular', sans-serif;
	font-size:1.5em;
	text-align:center;
	line-height:1.2em;
	text-transform: uppercase;
	color: #115f9a;
	padding:5px 40px 0 40px;
}

/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#fff;
	color:#000;
	opacity:0; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	font-family: 'SansationRegular';
	font-size:1.2em;
	color:#666666;
	padding:5px;
	margin:0 0 0 20px;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
#slider {
    position:relative;
    width:960px; /* Change this to your images width */
    height:246px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

/*loader */

.loading {
	z-index: 10000;
	filter: alpha(opacity=50); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	-moz-opacity: .50; /*older Mozilla*/
	-khtml-opacity: 0.5;   /*older Safari*/
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle;
}