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

/***********************************/
/****** Core html setup stuff ******/
/***********************************/
* {
	margin: 0;
	padding: 0;
}

/* reset CSS */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, b, th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

img, hr {
	border: none;
}

caption,th {
	text-align: left;
}

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

td {
	vertical-align: top;
}

body {
	color: #505050;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.4;
	font-weight: normal;
	font-variant: normal;
}

#body {
	width: 100%;
	margin: 0;
	position: absolute;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 20px;
	font-weight: bold;
	vertical-align: text-top;
	height: 50px;
/*	font-size: 24px;
	font-weight: normal; */
}

 h2 {
	font-size: 16px;
	font-weight: bold;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin-left: 3px;
}

h4 {
	font-size: 12px;
	font-weight: normal;
}

h5 {
	font-size: 10px;
	font-weight: normal;
}

h6 {
	font-size: 8px;
	font-weight: normal;
}

.small {
	font-size: 10px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	padding-bottom: 10px;
}

#wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

.clr {
	clear: both;
}
/***********************************/
/*** Core html setup stuff - end ***/
/***********************************/

/********************/
/****** Header ******/
/********************/
#header {
	height: 160px;
	width: 960px;
}

/* logo */
.Logo a, .Logo a:hover, .Logo a:visited {
	text-decoration: none;
}

.Logo {
	float: left;
	margin-top: 60px;
	width: 340px;
	height: 49px;
}

.logo-img {
	width: 340px;
	height: 49px;
}
/********************/
/*** Header - end ***/
/********************/

/*********************************/
/****** Flash animated text ******/
/*********************************/
#myContent {
	width: 610px;
	float: right;
	font-size: 9px;
	line-height: 10px;
	padding: 0;
	margin: 0;
}

#myContent p {
	padding: 2px 0 0 0;
}

#myContent p.get-player {
	text-align: center;
}

.text-anim1 {
	width: 302px;
	float: left;
	padding-right: 3px;
}

.text-anim2 {
	width: 302px;
	float: right;
	padding-right: 3px;
}
/*********************************/
/*** Flash animated text - end ***/
/*********************************/

/***********************************************/
/***** Website Main Navigation - MenuMatic *****/
/***********************************************/
#MainNav {
	white-space: nowrap;
	height: 33px;
	width: 960px;
	margin-top: 8px;
	position: relative;
	z-index: 99;
}

#MainNav a, #MainNav li.not-active-menu-first, #MainNav li.not-active-menu, #MainNav li.not-active-menu2 {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	line-height: 26px;
	float: left;
	display: block;
	height: 33px;
	padding-left: 20px;
	padding-right: 20px;
}

#MainNav li.not-active-menu {
	padding-left: 0;
	padding-right: 0;
}

/* all menu links */
#nav a {
	text-decoration: none;
	display: block;
}

#subMenusContainer a {
	text-decoration: none;
	display: block;
	padding: 10px 20px;
	font-size: 14px;
}

/* just main menu links [for non-javascript users this applies to submenu links as well] */
#nav a {
	margin: 0;
	float: left;	
}

/* just sub menu links */
#subMenusContainer a, #nav li li a, #subMenusContainer .links a {
	text-align: left;
}

/***  ol's ul's, li's, and div's ***/

/* submenu outer wrapper - each submenu is inside a div with this class - javascript users only */
.smOW { 
	display: none; 
	position: absolute; 
	overflow: hidden; 
	padding: 0;
	margin: 0;
}

/* all ul's and ol's */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
}

/* all submenu ol's and ul's */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
	left: 0;
}

/* list items in main menu [for non-javascript users this applies to submenus as well] */
#nav li {
	/* great place to use a background image as a divider */
	display: block;
	list-style: none;
	position: relative;
	float: left;
}

#subMenusContainer li {
	list-style: none;
	width: 255px; /* was 200px */
}

/* main menu ul or ol elment */
#nav {
	display: block;
	position: absolute;
	list-style: none;
	margin: 0;
	z-index: 5;
	text-align: center;
	display: block;
}

#subMenusContainer {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	overflow: visible;
	z-index: 1000000000;
}

/*** [ the below is just for non-javscript users ] ***/
#nav li li {
	float: none;
}

/* just submenu links */
#nav li li a {
	position: relative;
	float: none;
}

/* second-level lists */
#nav li ul {
	position: absolute;
	width: 255px;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top: 2.2em;
}

/* third-and-above-level lists */
#nav li ul ul {
	margin: -1em 0 0 -1000em;
}

#nav li:hover ul ul {
	margin-left: -1000em;
}

 /* lists nested under hovered list items */
#nav li:hover ul {
	margin-left: 0;
}

#nav li li:hover ul {
	margin-left: 10em;
	margin-top: -2.5em;
}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {
	margin-left: 0;
	margin-top: 2.2em;
}

#nav li li a:focus + ul {
	left: 0;
	margin-left: 1010em;
	margin-top: -2.2em;
}

#nav li li a:focus {
	left: 0;
	margin-left: 1000em;
	width: 10em;
	margin-top: 0;
}

#nav li li li a:focus {
	left: 0;
	margin-left: 2010em;
	width: 10em;
	margin-top: -1em;
}

#nav li:hover a:focus {
	margin-left: 0;
}

#nav li li:hover a:focus + ul {
	margin-left: 10em;
}

#MainNav .divider {
	font-style: normal;
	font-weight: lighter;
	border-right: 1px solid #000099;
}

#MainNav li.divider {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	line-height: 26px;
	float: left;
	display: block;
	height: 33px;
	padding-left: 0;
	padding-right: 0;
}
/***********************************************/
/*** Website Main Navigation - MenuMatic end ***/
/***********************************************/

/**************************/
/****** Quotes FADER ******/
/**************************/
#quotes {
	height: 115px;
	width: 573px;
	position: relative;
	margin-left: 0;
	padding-top: 60px;
	overflow: hidden;
}
/**************************/
/*** Quotes FADER - end ***/
/**************************/

/*********************/
/****** Content ******/
/*********************/
#content {
	width: 940px;
/*	float: left; */
	padding: 0 10px 0 10px;
}

.intro {
	font-size: 16px;
	padding: 0;
}

#content h2 {
/*	vertical-align: text-top; */
	height: 25px;
}

#content .right-narrow h2, #content .right-narrow-long h2 {
	height: 20px;
}

.right-narrow h3 {
	font-weight: normal;
}

div.right-narrow h3, div.right-narrow-long h3 {
	font-size: 14px;
	font-weight: normal;
}

.left-narrow {
	width: 355px;
	float: left;
}

.right {
	width: 579px;
	float: right;
}

/* columns */
.left {
	width: 601px;
	float: left;
	padding: 10px 15px 0 0;
	border-right: 1px solid #3B4FA0;
}

.left-short {
/*	height: 360px; */
	width: 601px;
	float: left;
	padding: 10px 15px 0 0;
}

.left-thankyou {
	height: 350px;
	width: 601px;
	float: left;
	padding: 10px 15px 0 0;
	border-right: 1px solid #3B4FA0;
}

.right-narrow, .right-narrow-long {
	font-size: 12px;
	width: 307px;
	float: right;
	padding: 10px 0 0 15px;
	margin-bottom: 20px;
}

.right-narrow .pricing, .right-narrow-long .pricing {
	width: 299px;
	float: right;
}

.right-narrow .pricing .description, .right-narrow-long .pricing .description {
	float: left;
	width: 214px;
}

.right-narrow .pricing .price, .right-narrow-long .pricing .price {
	text-align: right;
	float: right;
	width: 80px;
}

.right-narrow-long {
	border-left: 1px solid #3B4FA0;
}

.right-narrow .itemize, .right-narrow-long .itemize {
	margin-bottom: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #99C;
}

/* Tables */
.tablestyles {
	font-size: 12px;
	width: 100%;
	border: 1px solid #CCC;
	border-bottom: 0px;
	border-right: 0px;
	border-collapse: collapse;
	margin: 0;
}
		
table.tablestyles {
	margin: 0;
	padding: 0;
	border: none;
}

.tablestyles tr:hover td {
	background-color: #FFF7C3;
}

.tablestyles th {
	padding: 0.5em;
	border: 1px solid #CCC;
	border-top: 0;
	border-left: 0;
}

.tablestyles tr td {
	padding: 0.5em;
	border: 1px solid #CCC;
}

.tablestyles tr td.check {
	background: url(../images/checkmark.png) 50% 50% no-repeat;
}

.tablestyles tr:hover td.check {
	background-color: #FFF7C3;
}

.tablestyles tr.nohover:hover td {
	background: transparent;
}

.tablestyles tr td.check {
	width: 30px;
}

table.tablestyles tr td.detail {
	width: 544px;
}

.select-plan.tablestyles .headers, .select-plan.tablestyles .subhead {
	font-weight: bold;
}

.tablestyles .headers, .tablestyles .tip {
	text-align: center;
}
/*********************/
/*** Content - end ***/
/*********************/

/********************/
/****** Footer ******/
/********************/
#footer h2 {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold; */
	height: 25px;
}

#footer h3 {
	font-weight: normal;
}

#footer {
	height: 224px;
	width: 960px;
}

#footer-content {
	width: 960px;
}

.footer-nav {
	font-size: 10px;
	float: right;
	margin-top: 10px;
}

#footer div.link a, #footer div.link a:visited {
	text-decoration: none;
}

#footer div.link {
	vertical-align: middle;
	line-height: 20px;
	height: 22px;
	border-bottom: 1px solid #222E5D;
}

.copyright {
	font-size: 10px;
	float: left;
	margin-top: 10px;
}

#footer .col-1 {
	width: 290px;
	float: left;
	padding: 10px 10px 0 10px;
}

#footer .col-2 {
	width: 290px;
	float: left;
	padding: 10px 10px 0 10px;
}

#footer .col-3 {
	width: 290px;
	float: right;
	padding: 10px 10px 0 10px;
}

#sitemap ul {
	list-style: none;
}

#footer p.logo-small {
	margin-top: 15px;
}

#footer .contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/********************/
/*** Footer - end ***/
/********************/

/***************************/
/****** Miscellaneous ******/
/***************************/
/* Tabs */

strong, b {
	font-weight: bold;
}

#container {
	width: 960px;
	margin-top: -1px;
}

/*** page title ***/
#page-title {
	text-align: center;
	height: 70px;
	width: 960px;
}

.page-title {
	font-size: 24px;
	font-weight: lighter;
	padding: 15px 0 0 0;
}

.footnote {
	font-size: 12px;
}

.right-narrow .footnote, .right-narrow-long .footnote {
	font-size: 10px;
}

.separator-v {
	height: 25px;
	width: 960px;
}

#portfolio .separator-v {
	height: 20px;
	width: 958px;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
}

.indent {
	padding-left: 10px;
}

/* indent bullets */
#container ul {
	margin-bottom: 10px;
	margin-left: 37px;
}

#container ol {
	margin-bottom: 10px;
	margin-left: 37px;
}

#container ul.list li, #container ul.list2 li {
	list-style: square;
	list-style-image: none;
}

#container ol li {
	list-style-type: decimal;
	list-style-image: none;
}

#container ol li li {
	list-style: square;
	list-style-image: none;
}

#container ul li li, #container ol li li {
	margin-left: -10px;
}

.readmore {
	text-align: right;
	float: right;
}

.player {
	height: 300px;
	width: 560px;
}

span {
	padding: 0;
	margin: 0;
}

/* Order button */
div.button {
	line-height: 27px;
	display: inline-block;
	display: -moz-inline-box;
	height: 27px;
	width: 92px;
	padding-left: 5px;
}

div.button:hover {
	text-shadow: -1px -1px 1px #9C9, 1px 1px 1px #060;
	cursor: pointer;
	background-position: 0 100%;
}

div.button a:link, div.button a:visited {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: -1px -1px 1px #060, 1px 1px 1px #9C9;
	line-height: 27px;
	display: inline-block;
	display: -moz-inline-box;
	height: 27px;
	padding: 0 10px 0 5px;
}

div.button a:hover, div.button:hover a {
	background-position: 100% 100%;
}

div.button a:focus {
	outline: 0;
}
/***************************/
/*** Miscellaneous - end ***/
/***************************/