/* global */ 
body {
	font-size: 100%; /* browser default font size = 16px */
	font-family: Georgia, 'Times New Roman', Times, serif; /* Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; */
	color: #000;
	margin: 0; padding: 0; 
	background-color: #eaeeef;
	text-align: center;
}

html>body {
	font-size: 16px;
	line-height: 1.375em; /* 22px */
}

p {
	font-size: 1em;
	line-height: 1.375em;
	margin-top: .6875em;
	margin-bottom: 1.375em;
}

/* headers = 36px, 24px, 21px, 18px, 16px */
h1, h2, h3, h4, h5, h6 {
	/* font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; Georgia, 'Times New Roman', Times, serif; */
	color: #111;
	font-weight:normal;
}
h1 { font-size: 2.25em; letter-spacing: -1px; 
	line-height: .9167em; margin-top: .9167em; margin-bottom: .3056em;
}
h2 { font-size: 1.5em; letter-spacing: -0.5px;
	line-height: 1.375em; margin-top: .9167em; margin-bottom: .4583em;
}
h3 { font-size: 1.3125em; letter-spacing: -0.5px; 
	line-height: 1.0476em; margin-top: 1.0476em; margin-bottom: .5238em;	
}
h4 { font-size: 1.125em; letter-spacing: -0.5px; 
	line-height: 1.2222em; margin-top: 1.2222em; margin-bottom: .6111em;
}
h5, h6 { font-size: 1em;
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; /* Liberation = Linux (Red Hat, Fedora), FreeSans = Ubuntu */
	line-height: 1.375em; margin-top: 1.375em; margin-bottom: .6875em;
	font-weight: bold;
}


.section {
	/* background: url(../img/css/border-dots.gif) repeat-x left bottom; */
	border-bottom: 3px solid #eaeeef;
}

.widgets-featured-content {
	margin-bottom: 3em;
}



/* ensure consistent breaks with lines in MSIE */
hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* lists */
ul, ol {
	margin-bottom: 1.375em;
	margin-left: 1.5em;
}
ul { list-style: disc; }
ol { list-style: decimal; }

dt {
  font-weight: bold;
  color: #759ad2;
}
dd {
  padding-left: 25px; 
}


li, dl {line-height:1.375em; margin-bottom:.6875em;}


/* links */
a, a:link, a:visited { 
	color: #256091;
	text-decoration: underline;
}
a:hover {
	/* border-bottom: 1px dotted #ae855c;	*/
	text-decoration: none;
}
/*
a:focus {
	outline: 1px dotted invert;
}
*/
/* images */
img {
   	border: 0;
	padding: 0;
}

img.float-left, img.left {
	float: left;	
  	margin: .3438em .6875em .6875em 0; /* works if you size images in multiples of line height = 18px */
}

img.float-right, img.right {
	float: right;	
  	margin: .3438em 0 .6875em .6875em;  
}

strong { font-weight: bold; }

code, pre {
  	font: 500 .75em/1.8333em 'Lucida Console', 'Courier New', Monospace;
	color: #333;
	background-color: #f2f6f8;
	padding: 2px;
	margin: 0;
}
pre {
  	padding: 5px;
	white-space: pre;
  	display: block;
  	/* overflow: auto;  */ /* causes scrollbar issues in MSIE6 */
	border: 1px dotted #d0d3d7;
	background-color: #f2f6f8;
}

acronym, abbr {
  cursor: help;
  border-bottom: 1px dotted #895f30;
}
blockquote {
	padding-left: 35px;  
	background: #fff url(../img/css/quote.gif) no-repeat 5px 0;
}

blockquote p {
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;	
	color: #666;	
	width: 98%; /* prevent column wrap in IE6 with italics in last 960 column */
}

blockquote p span {
	color: #333;
	font-style: normal;
	font-weight: bold;
}

/* tables */
table {
	border-collapse: collapse;
	margin: 1.375em 0;	
	caption-side: bottom;	
}
/*tr { background: #fff; }*/
th, td {
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;	
	font-size: .875em;
	line-height: 1.5714em;
	text-align: left;			
  	border: 1px solid #ccc;	
}
th {
	vertical-align: middle;
	font-weight: bold;
	background-color: #e7e8e9;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
	padding: .3em 1em .193em .8em;	
}
td {
	vertical-align: top;
	padding: .3em 1em .193em 1em;	
}	

caption {
	font-style: italic;
}
/* apply table row zebra stripes via jQuery */
table.zebra tr.altrow { background-color: #f7f8f9; }

/* forms */
form {
	font: normal .75em/1.8333em 'Lucida Grande', Verdana, Helvetica, sans-serif;
	margin: 0; 
	padding: 15px 25px 25px 20px; 
	border: 1px solid #f0f3f7;
	background: #f8fafc;
}
form p {
	border-bottom: 1px solid #e0e3e7;
	padding: 12px 0 5px 0;	margin: 0;	
	color: #759ad2;
}
label {
	font-weight: bold;
	color: #699cd3;
}
input, select, textarea {
	font: normal 1.2em/1.1667em 'Lucida Grande', Verdana, Helvetica, sans-serif;
	margin: 5px 0;
	padding: 2px 2px 1px 2px;
	color: #333;
	border: 1px solid #d9e1ea; 	
}
input:focus, select:focus, textarea:focus {
	color: #111;
	background: #eaf5fd;
}
label span {
	font-style: italic;
	font-weight: normal;
}

button, input.button { 
	font-weight: bold; 
	height: 25px;
	margin: 0;
	padding: 2px 3px; 
	color: #fff;
	background: #699cd3;
	border: 1px solid #528ccd;
}

#home h2, #category h1, #sub-category h1 {font-family: Georgia, 'Times New Roman', Times, serif; margin-top: 1.375em; margin-bottom: .9167em;}
#page h1 {font-family: Georgia, 'Times New Roman', Times, serif; margin-top: .9167em; margin-bottom:.9167em;}

/* layout */
/*
#header-wrapper {
	border-bottom: 1px solid #dadedf;	
}
*/
#header {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 40px;
}


/* intro */
#intro-wrapper {
	background-color: #fff;
}

#intro {
	position: relative;
	margin: 0 auto;
	height: 35px; /* too small and page content will center */
}

#home #intro {
	height: 390px;	
	border-bottom: 3px solid #eaeeef;	
}

#intro-text {
	position: absolute; 
	top: 35px; left: 0;	
	text-align: left;
	width: 540px;
}

#intro-text h2 { 
	margin: 0; padding: 0; 
	font: normal 3em Helvetica, Arial, sans-serif; /* 48px */
	letter-spacing: -2px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#intro-text h3 { 
	font: normal 1.5em Georgia, 'Times New Roman', Times, serif; /* 24px */
	line-height: 1.3125em; margin-top: .875em; margin-bottom: .4375em;
	color: #000;
}

#intro-text p {
	font: normal  1.0625em Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif, Georgia, 'Times New Roman', Times, serif; /* 16px */
	line-height: 1.2353em; margin-top: 1.2353em; margin-bottom: .6177em;
	color: #464646;
}

#intro-text a, #intro-text a:hover {
	font-weight: bold;
	color: #fff;
	border: 0;
}

#intro-tour-button {
	position: absolute; 
	bottom: 15px; left: 10px;	
}

#intro-try-button {
	position: absolute; 
	bottom: 15px; left: 170px;	
}

#intro-pricing-button {
	position: absolute; 
	bottom: 15px; left: 330px;	
}


#intro-image {
	background: transparent url(../img/css/intro-star.jpg) no-repeat right center;
	width: 100%;
	height: 100%;
}

#content-wrapper {
	background-color: #fff;	
	width: 100%;
	padding: 0;		
	text-align: left;		
}
#content {
	margin: 0 auto;	
	padding-bottom: 2.065em;
	overflow: auto; /* required to ensure white background - can cause scrollbars with MSIE6 if content wider than container */
}


#right-column {
	font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 0.875em;
	line-height: 1.5714em;
	margin-top: 2.357em;
	margin-bottom: 0.7857em;
}

#right-column a, #right-column a:link, #right-column a:active { text-decoration: underline;}
#right-column a:hover { text-decoration: none;}

#right-column h3 { font-size: 1.125em; letter-spacing: -0.5px; 
	line-height: 1.2222em; margin-top: 1.2222em; margin-bottom: .6111em;
}


#action-wrapper {
	background-color: #fff;	
	width: 100%;
	padding: 15px 0;		
}

#action {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 956px;
	height:30px;
	background-color: #4399d8;
	border: 2px solid #308ed5;
}

#action h2 {
	font-family: Georgia, 'Times New Roman', Times, serif; 
	line-height: .9167em;
	margin: 3px;
	color: #fff;
}

#action h2 a, #action h2 a:link { color: #fff;}
#action h2 a:hover { text-decoration: none;}


/* footer */
#footer-wrapper {
	background-color: #fff;	
	width: 100%;
	padding: 0;		
}

#footer {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding-top: 30px;
	height:190px;
	text-align: left;
	border-top: 3px solid #eaeeef;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style:none;
}

#footer ul li {
	font: normal .75em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-weight:normal;
	color: #fff; 
	line-height: 1.25em;
	margin-bottom:.5833em;
	padding:0;
}

#footer ul li.bold {
	font-weight: bold;
}

/* sitemap */
#footer h4 {
	font: normal .75em Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #666;
	line-height:1.8333em;
	margin: 0 0 .9167em 0;
}
#footer a,
#footer a:link,
#footer a:visited {
	color: #666; /* #285688 #004276 */
	text-decoration:none;
}
#footer a:hover {
	color: #666;
	text-decoration:underline;
}


#copyright-wrapper {
	width: 100%;
	padding: 0;		
}


#copyright {
	clear: both;
	margin: 0 auto;
	text-align: left;
}

#copyright p {
	font: normal .75em Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;	
	line-height:1.375em;
	margin:.9167em 0 .9167em 0;
	color: #999;
}

#copyright a, #copyright a:link, #copyright a:visited {
	color: #333;
	text-decoration: none;
}

#copyright a:hover {
	text-decoration: underline;
}

div.image {padding-bottom: 1.375em; text-align:center;}
div.image p { margin: .6875em 0; font-style: italic;}

.full {width: 540px;}
.half {width: 270px;}
.third {width: 180px;}
.quarter {width: 135px;}

.center {text-align:center;}
.caption {color: #666; font-style:italic; font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;} 


/* alignment classes & additional classes*/
.align-left  { text-align: left; }
.align-right { text-align: right; }
.no-border { border: none; }
