@import url(reset.css); /* RESET CSS */

/* 1. BODY
----------------------------------------------------------------------- */

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%;
	color: #3d3d3d;
	background: white;
}

p {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 0 1.4em 0;
}



/* hides the access menu */
ul#nav_access { 
	position:absolute; 
	top:-9999px; 
	left:-9999px; 
}

/* 2. DEFAULTS 
----------------------------------------------------------------------- */


/* LISTS */

ul { list-style:none; margin-bottom: 1.5em;}
ul li, ol li { 
	font-size: 1em; /* 12px */
	line-height: 1.5em;
	margin: 0; 
}
#main-content ul li, #main-content ol li {
	font-size:1.2em;
	padding-left:20px;
}
#main-content ul {list-style: disc inside;}
#main-content ol {list-style: decimal inside;}
#main-content li ul {margin-bottom:0}
#main-content li ul li {font-size:1em}

ul.generic-list li {
	padding-left: 24px;
	background: url(../img/icons/tick.png) no-repeat 0 50%;
}

ol { list-style:decimal inside;}
ol li { color:#000;}

dl { 
	font-size: 1em; 
	line-height:1.5em; 
	margin-bottom: 1.5em; 
} 
dt { font-weight:bold; }
dd { padding-left:20px; }

/* BLOCKQUOTES */

blockquote {
	font-style: italic;  
	padding: 20px 20px 4px 20px; 
	margin-bottom: 1.5em; 
	border-top: 2px solid #BEB3A3; 
	border-bottom: 2px solid #BEB3A3; 
	background: #F7E8D4; 
	color: #333; 
}
blockquote p {  } 
blockquote cite { 
	font-family: Georgia; 
	font-size: 1em; /* 12px ÷ 12px */
	line-height: 1.5em; /* 18px ÷ 12px */
	text-align: right; 
	margin: 1.5em 0 0; 
	display: block;
}

/* CODE */
	
ol.code {
	font-family: Courier;
	font-weight: bold;
	padding: 3px 0 8px 0;
	margin: 20px 0;
	overflow: auto;
	background-color:#9EB39E;
	}
	
ol.code h3 {
	font-size: 1em; /* 12px ÷ 12px */
	line-height: 1.5em; /* 18px ÷ 12px */
	margin: 0;
	padding: 5px;
	color: #3d3d3d;
}
	
.code li {background: #B5CEB5;}
	
.code li code {
	font-family:Courier,"Courier New",Monaco,Tahoma;
	}
	
ol.code li {
	padding:1px 5px 1px 8px;
	margin:0;
	border-bottom:1px solid #869986;
	color: #3d3d3d;
	} 
	
.code .indent {padding-left:20px;}
.code .indent2 {padding-left:30px;}
.code .indent3 {padding-left:40px;}
.code li.alt {background-color:#9EB39E;}
	
code {
	margin: 0 0 0 10px;
	font-weight: normal;
}

code em {
	color: #616E61;
}

/* TYPE EMBELLISHMENTS */

abbr { border-bottom:1px dotted #999; cursor:help;}
abbr:hover { border-bottom:1px dotted #666; }
del { color:#999; }
strong { font-weight:bold; color:#333; }
em { font-style:italic; color:#666;}
sup { font-size: 75%; position: relative; top: -5px;}


/* 3. HEADINGS 
----------------------------------------------------------------------- 
(divide whatever the desired pixel size by 12px and that gives you your EM value)
*/

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	color: #4F6969;  
}

h1 { }
h2 { 
	font-size: 1.6em;
	color: #5c4c44;
}



/* 4. LINKS 
----------------------------------------------------------------------- */

a:link, a:visited {
	text-decoration: underline;
	color:#B01E3A;
}

a:hover, a:focus {
	text-decoration: underline;
}

#intro a:link, #intro a:visited {color:#FFF}


/* 5. IMAGES 
----------------------------------------------------------------------- */

img {
	padding: 1px;
	margin-bottom: 1.5em;
	border: 1px solid #C3C2B8;
}
#main-content img {border:0; margin:0}

img.right {
	float: right;
	width: 50%;
}
#main-content img.floatRight {float:right;}

/* 6. SCAFFOLD 
----------------------------------------------------------------------- */

#container {
	width: 980px !important;
}

#branding {
	background: #fff;
	height: 66px;
	width: 960px;
	position: relative;
}

#branding {
	background: #fff;
	height: 66px;
	width: 960px;
	position: relative;
}

#hero {
	background: url(../img/hero.gif) repeat-x top left;
	width: 960px;
	height: 274px;
	margin-bottom: 10px;
}

#nav {background: url(../img/nav-bg.gif) no-repeat top left;}

#content {
	width: 960px;
	background: url(../img/content.gif) no-repeat;
}

body.faq #content {background-image: url(../img/faqTitle.gif);}
body.about #content {background-image: url(../img/aboutTitle.png);}
body.videos #content {background-image: url(../img/videosTitle.png);}
body.contact #content {background-image: url(../img/contactTitle.png);}
body.gettingstarted #content {background-image: url(../img/gettingstartedTitle.png);}
body.signup #content {background-image: url(../img/signupTitle.png);}
body.legal #content {background-image: url(../img/legalTitle.png);}
body.help #content {background-image: url(../img/helpTitle.png);}
body.learn #content {background-image: url(../img/learnTitle.png);}
body.use #content {background-image: url(../img/useTitle.png);}
body.feedback #content {background-image: url(../img/feedbackTitle.png);}
body.partners #content {background-image: url(../img/partnersTitle.png);}
body.register #content {background-image: url(../img/registerTitle.png);}
body.preview #content {background-image: url(../img/previewTitle.png);}
body.download #content {background-image: url(../img/downloadTitle.png);}

body.sub #inner-content {
	background: url(../img/subContent-bg.gif) repeat-y;
	margin-top: 87px;
	width: 960px;
	float: left;
}


body.sub #main-content {
	float: right;
	margin-top: 10px;
	width: 700px;
	padding-right: 20px;
}

body.sub #main-content h2 {
	margin-left: 9px;
	margin-bottom: 20px;
}

body.sub #main-content ul.split-list {
	margin-left: 9px;
	list-style-type:none;
	padding-left: 20px;
}
body.sub #main-content ul.split-list li {
	font-size:1em;
	float: left;
	width: 300px;
	padding-left: 15px;
	margin: 0 10px 25px 0;
	background: url(../img/bullet.gif) no-repeat 0 6px;
}

body.sub #main-content ul.split-list li a {
	font-size: 1.3em;
	color: #b01e3a;
	text-decoration: none;
	min-height:30px;
	display: block;
}

body.sub #main-content ul.split-list li a:hover {
	text-decoration: underline;
}

body.sub dl {
	margin-left: 6px;
	font-size: 1.1em;
	color: #5c4c44;
}
body.sub #main-content dl ul li, body.sub #main-content dl ol li {color: #5c4c44;}

body.sub dt {
	font-size: 1.2em;

}

body.sub dt span {
	width: 20px;
	float: left;
	text-align: center;
	font-size: 100%;
}



body.sub dd {
	padding: 0;
}

body.sub dd span {
	width: 20px;
	float: left;
	text-align: center;
	font-size: 1.2em;
}

body.sub dd p {
	padding-left: 20px;
	font-size: 1.2em;
}

body.sub p {
	font-size: 1.2em;
	padding-left:9px;
}

body.sub p img {
	position: relative;
	top: 0.3em;
	}

body.sub object {margin-bottom:1.4em;}

body.sub a.flv {
	display:block;
	width:400px;
	height:225px;
	margin-bottom:1.4em;
	margin-left:9px;
}

body.sub div.flv {
	width:400px;
	height:225px;
	margin-bottom:1.4em;
	background: #CCC;
	padding: 10px;
	font-size: 1.2em;
	}
body.flashenabled div.flv {
	padding: 0;
	background: none;
}
body.sub h3 {
	margin:1.4em 0 1.0em;
	color:#5C4C44;
	font-size:1.4em;
	padding-left:9px;
	}

body.sub #footer {
	width: 960px;
	background: url(../img/footer-bg.gif) no-repeat top left;
	float: left;
	margin: 0 0 0 10px;
	padding-top: 25px;
}


/* 7. NAVIGATION 
----------------------------------------------------------------------- */

ul#nav {
	width: 141px;
	height: 254px;
	padding-top: 49px;
	padding-left: 15px;
	margin: 0;
	float: left;
}

ul#nav li {
	margin-bottom: 8px;
	float: left;
	clear: both;
}
ul#nav li a {
	text-indent: -3000px;
	width: 129px;
	height: 26px;
	background: url(../img/nav-sprites.png) no-repeat;
	float: left;
}

/* REST */

ul#nav li#about a {background-position: 0 0;}
ul#nav li#videos a {background-position: 0 -26px;}
ul#nav li#faqs a {background-position: 0 -52px;}
ul#nav li#documents a {background-position: 0 -78px;}
ul#nav li#signup a {background-position: 0 -104px;}
ul#nav li#contact a {background-position: 0 -130px;}
ul#nav li#community a {background-position: 0 -156px;}
ul#nav li#learn a {background-position: 0 -208px;}
ul#nav li#use a {background-position: 0 -260px;}
ul#nav li#download a {background-position: 0 -286px;}
ul#nav li#help a {background-position: 0 -364px;}

/* HOVER */

ul#nav li#about a:hover {background-position: -190px 0;}
ul#nav li#videos a:hover {background-position: -190px -26px;}
ul#nav li#faqs a:hover {background-position: -190px -52px;}
ul#nav li#documents a:hover {background-position: -190px -78px;}
ul#nav li#signup a:hover {background-position: -190px -104px;}
ul#nav li#contact a:hover {background-position: -190px -130px;}
ul#nav li#community a:hover {background-position: -190px -156px;}
ul#nav li#learn a:hover {background-position: -190px -208px;}
ul#nav li#use a:hover {background-position: -190px -260px;}
ul#nav li#download a:hover {background-position: -190px -286px;}
ul#nav li#help a:hover {background-position: -190px -364px;}

/* SUB */

body.sub ul#nav {
	margin-top: 10px;
	margin-left: 10px;
	background: #fff;
	width: 200px;
	padding: 0;
}

body.sub ul#nav li {padding-left: 6px;}
body.sub ul#nav li a {width: 190px;}

/* SUB HOVER */

body.sub ul#nav li#about a:hover {background-position: -319px 0;}
body.sub ul#nav li#videos a:hover {background-position: -319px -26px;}
body.sub ul#nav li#faqs a:hover {background-position: -319px -52px;}
body.sub ul#nav li#documents a:hover {background-position: -319px -78px;}
body.sub ul#nav li#signup a:hover {background-position: -319px -104px;}
body.sub ul#nav li#contact a:hover {background-position: -319px -130px;}
body.sub ul#nav li#community a:hover {background-position: -319px -156px;}
body.sub ul#nav li#learn a:hover {background-position: -319px -208px;}
body.sub ul#nav li#use a:hover {background-position: -319px -260px;}
body.sub ul#nav li#download a:hover {background-position: -319px -286px;}
body.sub ul#nav li#help a:hover {background-position: -319px -364px;}

/* SUB ACTIVE */

body.sub ul#nav li#about a.active {background-position: -509px 0;}
body.sub ul#nav li#videos a.active {background-position: -509px -26px;}
body.sub ul#nav li#faqs a.active {background-position: -509px -52px;}
body.sub ul#nav li#documents a.active {background-position: -509px -78px;}
body.sub ul#nav li#signup a.active {background-position: -509px -104px;}
body.sub ul#nav li#contact a.active {background-position: -509px -130px;}
body.sub ul#nav li#community a:active {background-position: -509px -156px;}
body.sub ul#nav li#learn a.active {background-position: -509px -208px;}
body.sub ul#nav li#use a.active {background-position: -509px -260px;}
body.sub ul#nav li#download a.active {background-position: -509px -286px;}
body.sub ul#nav li#help a.active {background-position: -509px -364px;}


/* 8. SPECIFIC CONTENT 
----------------------------------------------------------------------- */

/* 8.1 CONTENT/BRANDING */

#branding h1 {
	text-indent: -3000px;
	width: 156px;
	height: 66px;
	background: url(../img/logo.gif) no-repeat;
}

#branding h1 a {
	display: block;
	height: 66px;
	width: 156px;
}

p#powered {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -3000px;
	background: url(../img/powered.gif) no-repeat;
	width: 192px;
	height: 66px;
}

p#powered a {
	display: block;
	width: 192px;
	height: 66px;
}

/* 8.2 CONTENT/INTRO */

#content {
}

#intro {
	padding: 27px 150px 27px 24px;
	margin: 0 !important;
	width: 583px !important;
}

#intro h2 {
	color: #fff;
}

#intro p {
	color: #f1f1f1;
	font-size: 1.3em;
	margin: 0;
}


/* 8.3 CONTENT/LINKS */

ul#links {
	float: right;
	height: 130px;
	width: 203px;
	margin: 0 !important;
}

ul#links li {
	height: 50%;
	width: 203px;
}

ul#links li h3 {
	text-indent: -3000px;
}

ul#links li p {
	font-size: 1.1em;
	color: #5f5148;
	padding: 15px 0 0 50px;
	margin-bottom: 0;
}

ul#links a {
	color: #5f5148;
	text-decoration: none;
}

ul#links a:hover {
	text-decoration: underline;
}

ul#links li#questions {
	background: url(../img/links2.png) no-repeat top right;
	float: right;
	width: 203px;
}

ul#links li#tutorials {
	background: url(../img/links2.png) no-repeat bottom right;
	float: right;
	width: 203px;
}


/* 8.4 CONTENT/FLASH ZONE */

#flash-zone {
	background: url(../img/flash-zone.gif) no-repeat top right;
	height: 274px;
	width: 804px;
	margin: 0 !important;
}

/* 8.? Misc */

p#copyright {
	float: left;
	font-size: 1em;
	color: #7d7266;
	margin: 5px 0 0 34px;
}

p#footerLinks {
	float: right;
	font-size: 1em;
	margin: 5px 34px 0 0 ;
}
.video, body.sub.videos object {margin: 0 0 1em 9px;}

/* 9. TABLES 
----------------------------------------------------------------------- */

table {
	text-align: left;
	margin: 0 0 15px 0 !important;
	padding: 0;
	border-collapse: collapse;
}

caption {
	line-height: 1.5em; /* 18px ÷ 12px */
	font-style: italic;
	margin: 0 !important;
}

thead {
	line-height: 1.5em; /* 18px ÷ 12px */
	text-indent: 5px;
	float: left;
	width: 938px !important;
	margin: 0 !important;
	border: 1px solid #3d3d3d;
	border-bottom: 0;
	background: #8E9F90;
}

thead th, tbody td {
	float: left;
	width: 233px !important;
	margin: 0 !important;
	border-right: 1px solid #3d3d3d;
}

thead th.omega, tbody td.omega {
	width: 236px !important;
	border-right: 0;
}

tbody {
	line-height: 1.5em; /* 18px ÷ 12px */
	text-indent: 5px;
	margin: 0 !important;
	float: left;
	width: 938px !important;
	color: #3d3d3d;
	border: 1px solid #3d3d3d;
	border-bottom: 0;
}

tbody tr {
	background: #AABEAC;
	border-bottom: 1px solid #4F6969;
}

tbody tr.alt {
	background: #CDD9CE;
}

tbody tr:hover {
	cursor: pointer;
	background: #E0C79B;
}


/* 10. FORMS 
----------------------------------------------------------------------- */

label, select, input {font-size:1.2em;}
form {padding-bottom:15px;}
form label {float:left; width: 180px; margin-right:10px}
form input, form textarea {float:left; width:200px;}
form select {float:left; width:206px;}
form div {overflow:hidden;}
form div.mc-field-group {padding-bottom:8px;}
form input.btn {width:125px; margin-left:125px; margin-top:5px;}
.error, .error * {color:#B01E3A;}

/* Mailchimp forms */
#main-content form {padding-left:9px}
#mce-responses {font-size:1.4em; font-weight:bold;}
#mce-error-response {margin:5px 0; color:#B01E3A}
#mce-success-response {padding:8px; margin:5px 0; background-color: #FFF0B4}