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

/*****************************
HEADER & BODY TEXT STYLES
*****************************/
a {
	outline:none;
}

#container {
	margin:0 auto;
	clear:both;
	width:920px;
	padding:0 20px;
}

#content {
	float:left;
	margin-top:-5px;
	width:920px;
	background:url(images/page-top-grad.jpg) no-repeat left -1px;
}

#container-intro {
	padding-left:40px;
	padding-right:40px;
}

#container-intro .pricing-block-first {
	padding-top:30px;
	border-top: thin solid #e6e6e6;
}

.about #content, .privacy #content, .terms #content {
	background:url(images/page-top-grad-aboutus.png) no-repeat left -1px;
}

.product-overview #content, .product-pricing #content, .product-breakdown #content, .product-demo #content, .product-screenshots #content {
	background:url(images/page-top-grad-productpages.png) no-repeat left -1px;
}

.register #content, .contact #content, .contact-trial #content {
	background:url(images/page-top-grad-formpages.png) no-repeat left -1px;
}

.faq #content {
	background:url(images/page-top-grad-faq.png) no-repeat left -1px;
}

.news-events #content {
	background:url(images/page-top-grad-news.png) no-repeat left -1px;
}


#container-intro {
	clear:both;
}

body {
	background:#f4f4f4 url(images/page-borders.jpg) repeat-y center top;
	margin:0;
	font:12px  Arial;
	color:#898989;
	line-height:1.6em;
	letter-spacing:0.03em;
}

h1 {
	font:31px  Arial;
	color:#191b75;
	border-bottom: thin solid #e6e6e6; 
	margin-bottom:30px;
	line-height:1.9em;
}

#column-left h1 {
	margin-top:190px;
}

p.content-lead, li.content-lead {
	font-style:italic;
	font-size:14px;
	line-height:1em;
	letter-spacing:0.05em;
	margin-bottom:20px;
}

h2{
	color:#161874;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	margin-bottom:20px;
}



h4, li.title {
	font-size:15px;
	color:#191b76;
}

li.title {
	margin-top:-10px;
	width:400px;
}
p.main-copy {
	font-size:14px;
}

.main-copy, h1 {
	width:550px;
}

.main-copy {
	margin-bottom:10px;
	margin-top:10px;
}

p.date, li.date {
	color:#bebebe;
	margin-top:-10px;
}

h3 {
	color:#191b76;
	font-size:15px;
}

#more-info {
	text-transform:uppercase;
	font:15px  Arial;
	color:#191b75;
	font-weight:bold;
}

#plz-call {
	text-transform:uppercase;
	font:12px  Arial;
	color:#191b75;
	font-weight:bold;
	margin-top:-2px;
}

.team-speciality {
	font:12px  Arial;
	color:#616161;
	font-weight:500;
	margin-top:57px;
	margin-bottom:16px;
}

ul.tabs-nav li{
	width:600px;
}

#team-name {
	width:120px;
}

/*****************************
LINKS / BUTTONS
*****************************/
#btn-end {
	margin-top:-8px;
	margin-left:124px;
}

li#team-name a{
	font:12px  Arial;
	color:#191b76;
}

li#team-name a:hover{
	font:12px  Arial;
	color:#e82325;
	cursor:pointer;
}

#main-links{
	margin-left:40px;
}

#main-links li {
	float:left;
	display:block;
	margin-right:27px;
}

a {
	text-decoration:none;
	color:#828282;
}

a:hover, a.selected {
	color:#e82325;
}

#header-logo {
	margin-left:40px;
	margin-top:10px;
	margin-bottom:10px;
	width:342px;
	height:66px;
	background:url(images/logo.jpg) no-repeat left top;
	text-indent:-3000px;
	text-decoration:none;
	float:left;
}

.arrow-white {
	background:url(images/arrow-white.png) no-repeat left top;
	display:block;
	text-indent:25px;
}

.arrow-white:hover{
	background-position:0px -20px;
	display:block;
	text-indent:25px;
	color:#e82325;
}

.arrow-red {
	background:url(images/arrow-red.png) no-repeat left -1px;
	display:block;
	text-indent:25px;
	color:#191b76;
	margin-bottom:27px;
}

.arrow-red:hover{
	display:block;
	text-indent:25px;
	color:#e82325;
	margin-bottom:27px;
}

.arrow-red-small {
	background:url(images/arrow-red-small.png) no-repeat left top;
	display:block;
	text-indent:25px;
	color:#191b76;
}

.btn-red {
	background:url(images/btn-redbar.png) no-repeat left top;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	width:249px;
	height:25px;
	padding-top:8px;
	text-align:left;
	text-indent:35px;
}

.btn-red:hover{
	background-position:0px -38px;
	color:#FFFFFF;
}

.btn-white {
	background:url(images/btn-whitebar.png) no-repeat left top;
	display:block;
	font-weight:bold;
	color:#191b76;
	width:249px;
	height:30px;
	padding-top:11px;
	text-align:left;
	text-indent:35px;
}

.btn-white:hover, .home .btn-white {
	background-position:0px -43px;
	color:#e82325;
}

.home .btn-white {
	background:url(images/btn-whitebar.png) no-repeat left top;
	display:block;
	font-weight:bold;
	color:#191b76;
	width:249px;
	height:30px;
	padding-top:12px;
	text-align:left;
	text-indent:35px;
}


#list-about, #list-product, #list-faqs, #list-news, #list-contact, #list-learning{
	color:#191b75;
}

#footer-top a:hover {
	color:#605f5f;
}

p#footer-links a{
	font-size:11px;
	color:#191b75;
	margin-left:2px;
	margin-right:2px;
}

p#footer-links a:hover{
	font-size:11px;
	color:#ec2e30;
	margin-left:2px;
	margin-right:2px;
}

p#copyright {
	float:left;
	font-size:10px;
	color:#ec2e30;
	width:900px;
}

p#registered {
	float:left;
	font-size:10px;
	margin-bottom:10px;
	width:900px;
}


.download-item {
	background:url(images/img-pdf.png) no-repeat left top;
	cursor:pointer;
	display:block;
	height:22px;
	width:50px;
	margin-top:-40px;
	margin-left:34px;
	text-indent:25px;
}

.download-item-customer {
	background:url(images/img-pdf.png) no-repeat left top;
	cursor:pointer;
	display:block;
	height:22px;
	width:50px;
	margin-top:-22px;
	margin-left:115px;
	text-indent:25px;
	margin-bottom:18px;
}

#download-info {
	background:url(images/btn-whitebar-high.png) no-repeat left top;
	display:block;
	font-weight:bold;
	color:#191b76;
	width:249px;
	height:69px;
	padding-top:11px;
	text-align:left;
	text-indent:35px;
}

#download-info:hover{
	background-position:0px -80px;
	color:#e82325;
}

a.download-item:hover,  a.download-item-customer:hover{
	color:#6a6a6a;
}

#welove-holder{
	margin-right:14px;
	margin-top:50px;
	float:right;
	height:18px;
	width:200px;
	background:url(images/logo-welove.png) no-repeat 140px top;
}

a#welove:hover {
	color:#605f5f;
}

a#speech-bubble {
	font-weight:bold;
	display:block;
	color:#191B76;
	width:220px;
}

a#speech-bubble:hover {
	font-weight:bold;
	display:block;
	color:#ec2e30;
}

#btn-speech {
	background:url(images/speech-bubble-content-btn.png) no-repeat left top;
	width:231px;
	height:142px;
	padding:11px 0 0 15px;
	margin-top:135px;
}

#btn-speech:hover{
	background-position:-250px 0px;
}

#speech-bubble {
	margin:39px 0 0 32px;
}

#header-login-menu ul li{
	float:left;
}

#header-login-menu {
	float:left;
	margin-left:130px;
	padding-top:30px;
	width:400px;
}

#old-website {
	margin-left:95px;
}
/*****************************
CONTAINER BGS / AND STYLES
*****************************/
#news-list {
	clear:both;
	margin-left:40px;
}

.image-thumb {
	background:url(images/article-image-bg.png) no-repeat left top;
	width:225px;
	height:167px;
	float:left;
	padding:5px 0 0 5px;
}

.home .image-thumb {
	background:url(images/img-grey-bg.png) no-repeat left top;
	width:149px;
	height:167px;
	float:left;
	padding:6px 0 0 6px;
}

.aticle-item, .aticle-item-last {
	padding:30px 0 30px 0;
	width:840px;
	border-top:1px solid #e6e6e6;
	float:left;
}

.home .aticle-item {
	padding:0px 0 30px 0;
	width:840px;
	border-top:0px solid #e6e6e6;
	float:left;
}

.home .aticle-item .copy {
	width:405px;
}

.aticle-item .copy ul li, .aticle-item-last .copy ul li {
	padding:10px 0 0 245px;
}

.home .aticle-item .copy ul li {
	padding:10px 0 0 170px;
}

.aticle-item .copy, .aticle-item-last .copy{
	width:570px;
}

#column-left {
	margin-left:40px;
	width:600px;
	float:left;
}

#column-right {
	float:left;
	width:245px;
}

#column-form-right {
	float:left;
	width:180px;
}

#header-nav {
	float:left;
	padding-top:5px;
	width:919px;
	height:30px;
	background:url(images/nav-bg.png) no-repeat left top;
}

#muriele {
	background:url(images/tabs-muriele.png) no-repeat left top;
	height:258px;
}

#derek {
	background:url(images/tab-derek.png) no-repeat left top;
	height:258px;
}

#michael {
	background:url(images/tab-michael.png) no-repeat left top;
	height:258px;
}

#glynis {
	background:url(images/tab-glynis.png) no-repeat left top;
	height:258px;
}

.about #container-testimonials-aboutus, .about #container-experience {
	float:left;
	width:900px;
}

.about #container-experience  #column-left, .about #container-experience  #column-right {
	padding-top:30px;
	border-top:1px solid #E6E6E6;
	
}

#container-walkthrough {
	background:url(images/img-walkthrough.jpg) no-repeat left top;
	height:229px;
	padding-top:20px;
	margin-left:39px;
	height:244px;
}


#container-testimonials {
	/*bottom:url(images/divider.png) no-repeat left top*/
	clear:both;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	padding:10px 0;
	margin:30px 39px;
}

#testimonial-quote {
	width:840px;
	height:130px;
	text-indent:-3000px;
	background:url(images/img-testimonials.png) no-repeat left top;
}

.about #testimonial-quote {
	width:818px;
	height:65px;
	text-indent:-3000px;
	background:url(images/img-testimonials-about.png) no-repeat left top;
}


.product-overview #testimonial-quote {
	width:818px;
	height:65px;
	text-indent:-3000px;
	background:url(images/img-testimonials-product-overview.png) no-repeat left top;
}

#footer-top {
	padding-top:125px;
}

#footer-top ol li {
	text-indent:10px;
}

#footer li {
	float:left;
	width:130px;
}

#list-about, #list-product, #list-faqs, #list-news, #list-contact {
	border-right: thin solid #b5b5b5;
	padding-left:10px;
	height:130px;
}

#list-learning {
	padding-left:10px;
}

#footer-links {
	margin-top:50px;
}

#footer-bottom {
	float:left;
	width:900px;
	margin-bottom:30px;
}

p#footer-links {
	width:550px;
}

#footer {
	background:url(images/footergrad.png) no-repeat left top;;
	width:919px;
	height:188px;
	padding-left:40px;
	float:left;
}

#container-theteam .copy {
	width:400px;
	float:left;
}

.team-copy {
	margin-bottom:16px;
	width:395px;
}

/*****************************
PRODUCT-PRICING
*****************************/
#product-list {
	float:left;
	height:135px;
}

ul#quick-links li {
	float:left;
}

#container-productpricing, #container-register-form {
	float:left;
}

#container-productpricing {
	height:430px;
}

a#demo {
	background:transparent url(images/btn-product-demo.png) no-repeat scroll left -2px;
	height:15px;
	margin-right:5px;
	padding-left:19px;
	padding-top:100px;
	text-indent:10px;
}

a#demo:hover, a#demo.current {
	background-position:-82px -2px;
}

a#screenshots {
	background:url(images/btn-product-screenshots.png) no-repeat left -5px;
	width:85px;
	height:15px;
	margin-right:5px;
	padding-top:100px;
	padding-left:19px;
}

a#screenshots:hover, a#screenshots.current {
	background-position:-111px -5px;
}


a#units {
	background:url(images/btn-product-units.png) no-repeat left -1px;
	width:85px;
	height:15px;
	margin-right:5px;
	padding-top:100px;
	padding-left:19px;
}

a#units:hover, a#units.current {
	background-position:-87px -1px;
}


a#pricing {
	background:url(images/btn-product-pricing.png) no-repeat left -2px;
	width:139px;
	height:15px;
	margin-right:5px;
	padding-top:100px;
	padding-left:19px;
}

a#pricing:hover, a#pricing.current {
	background-position:-161px -2px;
}


ul#quick-links a {
	margin-left:20px;
	color:#191b76;
}

ul#quick-links a:hover{
	color:#ec2e30;
}

/*****************************
IMGS
*****************************/
li.img {
	text-indent:-3000px;
	width:149px;
	height:149px;
	background:url(images/img-grey-bg.png) no-repeat left top;
}

#login {
	background:transparent url(images/seperator-red-dotted.png) no-repeat scroll 40px top;
	margin-right:15px;
	width:41px;
}

#owl-img {
	position:absolute;
	background:url(images/img-owl.png) no-repeat left top;
	text-indent:-3000px;
	width:67px;
	height:86px;
	margin-left: 593px;
	top: 9px;
	z-index:99;
}

body .learningz #header-container #header li#owl-img {
	position:absolute;
	background:url(images/img-owl-2.png) no-repeat left top;
	text-indent:-3000px;
	width:67px;
	height:86px;
	margin-left: 593px;
	top: 9px;
	z-index:99;
}

.about h1 {
	background:url(images/pagename-aboutus.png) no-repeat left top;
	width:560px;
	height:45px;
	text-indent:-3000px;
}

.product-screenshots h1 {
	background:url(images/pagename-productscreenshots.png) no-repeat -117px top;
	width:560px;
	height:45px;
	text-indent:-3000px;
}

.terms h1 {
	background:url(images/pagename-terms.png) no-repeat left top;
	width:560px;
	height:45px;
	text-indent:-3000px;
}

.faq h1 {
	background:url(images/pagename-faq.png) no-repeat left top;
	width:560px;
	height:45px;
	text-indent:-3000px;
}

.privacy h1 {
	background:url(images/pagename-privacy.png) no-repeat left top;
	width:560px;
	height:45px;
	text-indent:-3000px;
}

.register h1 {
	background:url(images/pagename-register.png) no-repeat left top;
	width:560px;
	height:45px;
	text-indent:-3000px;
}

.product-breakdown h1 {
	background:url(images/pagename-productunits.png) no-repeat -115px top;
	width:560px;
	height:45px;
	text-indent:-3000px;
}

.product-overview h1 {
	background:url(images/pagename-productoverview.png) no-repeat left top;
	width:560px;
	height:45px;
	text-indent:-3000px;
}

.product-pricing h1 {
	background:url(images/pagename-productpricing.png) no-repeat -117px top;
	width:560px;
	height:45px;
	text-indent:-3000px;
}

.product-demo h1 {
	background:url(images/pagename-productdemo.png) no-repeat -118px top;
	width:560px;
	height:45px;
	text-indent:-3000px;
}

.news-events h1 {
	background:url(images/pagename-newsevents.png) no-repeat left top;
	width:560px;
	height:45px;
	text-indent:-3000px;
}

.contact h1 {
	background:url(images/pagename-contactus.png) no-repeat left -1px;
	width:560px;
	height:45px;
	text-indent:-3000px;
}

.contact-trial h1 {
	background:url(images/pagename-contactus-trial.png) no-repeat left -1px;
	width:560px;
	height:45px;
	text-indent:-3000px;
}

.img-holder {
	background:url(images/img-team-bg.png) no-repeat left top;
	width:111px;
	height:111px;
	text-indent:-3000px;
	float:left;
	margin-top:57px;
	margin-left:20px;
	margin-right:20px;
}

#derek .img-holder{
	background:url(images/img-team-derek.png) no-repeat left top;
}

#muriele .img-holder{
	background:url(images/img-team-muriele.png) no-repeat left top;
}

#glynis .img-holder{
	background:url(images/img-team-glynis.png) no-repeat left top;
}

#michael .img-holder{
	background:url(images/img-team-michael.png) no-repeat left top;
}


/*****************************
FORMS
*****************************/
p.form-instruction {
	color:#191b76;	
}

input, textarea{
	padding-top: 5px;
	padding-left: 5px;
	border:0px;
}

input#edit-radio-home {
	margin-top:20px;
}

textarea {
	margin-left:-2px;
} 

input#edit-email, input#edit-password, input#edit-passwordconfirm, input#edit-username, input#edit-fullname, input#edit-lastname, input#edit-firstname, input#edit-website-divider, input#edit-contactnum, input#edit-organisation, input#edit-city, input#edit-country, input#edit-organisation-num, input#edit-agent-id, input#edit-agent-email-divider {
	background:transparent url(images/form-contact-input.png) no-repeat left top;
	padding-top:8px;
	width:312px;
	height:22px;
}

#container form input.error {
	background-position:left -34px;
}

textarea#edit-enquiry, textarea#edit-address {
	background:transparent url(images/form-contact-textarea.png) no-repeat left top;
	padding-top:8px;
	width:316px;
	height:100px;
	vertical-align:top;
	font:12px  Arial;
}

.form-item label {
	font-size:12px;
	color:#828282;
	width:200px;
	display:block;
	float:left;
	padding-top:8px;
}


#edit-submit {
	background:transparent url(images/form-contact-submit.png) no-repeat -3px 1px;
	display:block;
	width:147px;
	height:37px;
	color:#FFF;
	font:12px Arial;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	padding-left:9px;
	margin-left:370px;
}

#edit-submit:hover {
	background-position:-3px -39px;
	display:block;
	width:147px;
	height:37px;
	color:#FFF;
	font:12px Arial;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	padding-left:9px;
}

input#edit-subscription {
	background: url(images/form-radiobtn.png) no-repeat;
	clear: left;
}

#faq-list .faq-question a.faq-question-header {
	display:block;
	background:url(images/faq-header.png) no-repeat left top;
	display:block;
	height:27px;
	width:548px;
	outline:none;
	padding:10px 0 0 14px;
	color:#191b76;
}

#faq-list .faq-question {
	margin-bottom:6px;
}

#faq-list .faq-question .arrow-white {
	margin-top:10px;
}

#faq-list .faq-question a.faq-question-header:hover, #faq-list .faq-question.active a.faq-question-header {
	color:#E82325;
}

#faq-list .faq-question.active a.faq-question-header {
	background-position:left -37px;
}

#faq-list .faq-question div {
	background:url(images/faq-bg.png) no-repeat left bottom;
	padding:0px 23px 14px 23px;
	width:518px;
}

#footer a {
	font-size:11px;
}

#quick-links {
	margin-top:125px;
	margin-left:-25px;
}

#container-walkthrough #btn-speech, #container-walkthrough p {
	margin-left:601px;
}

#container-walkthrough #btn-speech {
	margin-top:20px;
}

#container-walkthrough #btn-speech p {
	margin-left:0px;
}

#footer-top a.top-level {
	font-size:12px;
	color:#191b75;
}

#footer-top a.top-level:hover {
	color:#eb2527;
}

#container-what-it-is {
	clear:both;
	margin:0px 39px 30px;
	padding-bottom:30px;
	border-bottom:1px solid #e6e6e6;
	position:relative;
	padding-top:1px;
}

#container-how-it-helps, #container-how-it-works {
	clear:both;
	margin:0px 39px 30px;
	padding-top:30px;
	border-top:1px solid #e6e6e6;
	position:relative;
}

p.copy {
	width:550px;
	margin-bottom:27px;
}

p.copy strong {
	font-weight:bold;
	color:#5e5e5e;
}

.pricing-block, .pricing-block-first {
	margin-bottom:30px;
	border-bottom:1px solid #e6e6e6;
}

/* WHY? */
#flash-product-demo {
	/*background:url(images/img-product-demo.jpg) no-repeat left bottom;
	width:487px;
	height:246px;
	text-indent:-3000px;*/
	margin-left:70px;
	margin-bottom:30px;
}

.product-demo .main-copy {
	border-top:1px solid #e6e6e6;
	padding-top:30px;
}

.product-screenshots .arrow-red {
	background:transparent url(images/arrow-red.png) no-repeat scroll left top;
	color:#191B76;
	display:block;
	margin-bottom:10px;
	text-indent:25px;
	width:140px;
}

.product-screenshots .arrow-red:hover{
	display:block;
	text-indent:25px;
	color:#e82325;
	margin-bottom:10px;
}

#flash-item {
	padding-top:70px;
	padding-right:10px;
}

#container .form-item  label.error {
	text-indent:-3000px;
}

#container-theteam {
	margin-left:35px;
}

.container-header {
	margin-left:40px;
}


	.btn-red {
		margin-top:28px;
		position:relative;
	}
	
	#owl-img { 
		top:37px;
	}
	
	li#login a {
		background:url(images/btn-login.jpg) no-repeat left top;
		float:left;
		height:24px;
		text-indent:-30000px;
		width:75px;
		padding-right:10px;
	}
	
	li#register a {
		background:url(images/btn-register.jpg) no-repeat left top;
		float:left;
		height:24px;
		text-indent:-30000px;
		width:88px;
	}
	
	#login {
		margin-right:0px;
		width:75px;
	}
	
	#header-login-menu {
		float:left;
		padding-top:60px;
		margin-left:327px;
		width:201px;
	}
	
	#learn-english {
		margin-left:-190px;
		font-size:12px;
		color:#828282;
	}
	
	#owl-img {
		height:108px;
		margin-left:584px;
		position:absolute;
		text-indent:-3000px;
		top:18px;
		width:106px;
		z-index:99;
	}

	.error {
		color:red;
	}