/*
	Pronunciation Workshop
	v1.0
	08.04.2008
*/

/* extras */

@import 'reset.css';
@import 'clearfix.css';
@import 'pages.css';
@import 'corp.css';
@import 'ordening.css';

/* generales */

body {
	background: url(../img/bg.gif) repeat-x left -1px;
	color: #000;
	font-family: Arial,sans-serif;
	font-weight: normal;
	font-size: 12px;
}

a {
	text-decoration: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* estructura de divs */

#main {
	position: relative;
	width: 100%;
}

#header {
	cursor: pointer;
	width: 340px;
}

.downloads {
	background: #fff url(../img/header_download.jpg) no-repeat 50% top;
}

.individuals {
	background: #fff url(../img/header.jpg) no-repeat 50% top;
}

.corp {
	background: #fff url(../img/corp/header.jpg) no-repeat 50% top;
}

#wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#header {
	height: 106px;
}

#conteiner {
	width: 655px;
	float: left;
}

#content {
	padding: 0px 0px 0px 25px;
	margin: 0;
	line-height: 1.2;
}

#sidebar {
	float: left;
	width: 300px !important;
	width: 295px;
}

#footer {
	clear: both;
	background: #1b4992 url(../img/bg_footer.gif) repeat-x left top;
	color: #cad5e6;
	text-align: center;
	padding: 18px 140px 5px 140px;
	margin: 5px 0px 0px 0px;
	line-height: 1.2em;
}

/* barra de navegacion */

#navbar {
	position: relative;
	z-index: 1000;
}

#navbar ul li {
	display: inline;
}

#navbar ul {
	margin: 11px 0px 10px 20px !important;
	margin: 11px 0px 10px 20px;
}

#navbar ul li a {
	font-family: Georgia;
	font-size: 13px;
	color: #0f2c6a;
	font-weight: bold;
}

#back_to_site {
	position: absolute;
	top: 116px;
	left: 520px;
}

#back_to_site a {
	font-family: Georgia;
	font-size: 18px;
	color: #0f2c6a;
	font-weight: bold;
}

#back_to_site a:hover {
	color: #df171b;
}

#navbar ul li a:hover {
	color: #df171b;
}

#navbar .item_1  {
	padding: 0px 20px 0px 26px !important;
	padding: 0px 18px 0px 26px;
}

#navbar .item_2  {
	padding: 0px 12px 0px 0px;
}

#navbar .item_3  {
	padding: 0px 14px 0px 0px;
}

#navbar .item_4  {
	padding: 0px 14px 0px 0px;
}

#navbar .item_5  {
	padding: 0px 22px 0px 0px;
}

#navbar ul#sub_navbar {
	float: right;
	margin: 7px 40px 5px 0px !important;
	margin: 7px 22px 5px 0px;
}

#navbar ul#sub_navbar li a{
	color: #fdfdfd;
	text-transform: uppercase;
	font-size: 12px;
}

#navbar .sub_item_2 {
	margin-left: 20px !important;
	margin-left: 16px;
}

/* div try_demo */

#try_demo {
	background: url(../img/bg_trydemo.jpg) no-repeat left top;
	margin: 22px 0px 0px 0px;
	position: relative;
}

#try_demo #try_demo_content {
	padding: 24px 55px 32px 14px;
	margin: 0px 0px 10px 0px;
}

#try_demo #try_demo_content #try_demo_video {
	padding: 45px 0px 0px 0px;
}

#try_demo #try_demo_content ul {
	float: right;
	position: relative;
}

#try_demo #try_demo_content li {
	display: inline;
}

#try_demo #try_demo_content ul li.li_individuals a {
	position: relative;
	background: url(../img/bg_individuals.gif) no-repeat left top;
	padding: 7px 8px 7px 24px !important;
	color: #fdfcfc;
}

#try_demo #try_demo_content ul li.li_corporate a {
	position: relative;
	background: url(../img/bg_corporate.gif) no-repeat left top;
	padding: 7px 15px 7px 34px;
	color: #fffafa;
}

#try_demo #try_demo_content #try_demo_dvds {
	width: 40%;
	margin: -44px 0px 0px 340px;
}

#try_demo #try_demo_content #try_demo_dvds p {
	color: #f1e3b1;
	text-align: center;
}

/* try_information */

#try_demo_answers  h2 {
	color: #122f62;
	font-size: 14px;
	font-weight: bold;
}

#try_demo_answers {
	float: left;
	width: 49%;
	border-right: 2px dotted #ccc;
	margin: 0px 0px 25px 0px;
}

#try_demo_answers ul {
	margin: 10px 0px;
}

#try_demo_answers li {
	padding: 4px 0px;
}

#try_demo_answers ul li {
	background: #fff url(../img/tick.gif) no-repeat 1% 50%;
	padding-left: 28px;
}

#try_demo_clients p em {
	color: #1b4895;
	font-family: Georgia,sans-serif;
}

#try_demo_clients p {
	color: #99880b;
	text-align: right;
}

#try_demo_clients blockquote {
	background: #fff url(../img/bg_blockquote.gif) no-repeat left top;
	padding: 20px 0px 0px 10px;
	text-align: center;
	position: relative;
}

#try_demo_clients blockquote  img {
	float: right;
	margin: -12px 10px 0px 6px;
}

#try_demo_clients .endblockquote {
	background: #fff url(../img/endblockquote.gif) no-repeat left bottom;
	width: 70px;
	height: 51px;
	margin: -40px 0px 0px 10px;
	float: right;
}

#try_demo_courses {
	float: left;
	width: 40%;
	padding: 0px 15px;
	border-right: 2px dotted #ccc;
	line-height: 1.2em;
}

#try_demo_courses strong {
	color: #294e9b;
}

#try_demo_courses  p {
	padding: 0px 0px 10px 0px;
	line-height: 1.4em;
}

#try_demo_courses  p a {
	color: #fefbfb;
	background: url(../img/more_our_clients.jpg) no-repeat left top;
	padding: 6px 110px 6px 32px;
	margin: 0px 0px 0px 10px;
}

#try_demo_information_content  {
	clear: both;
	margin: 10px 0px;
	line-height: 1.4em;
	width: 94%;
}

#try_demo_information_content p {
	padding: 6px 0px;
}

#try_demo_information_content a {
	color: #294e9b;
	font-weight: bold;
}

#try_demo_steps {
	background: #fff url(../img/3_simple_steps.jpg) no-repeat left top;
	margin: 0px 0px 10px 0px;
}

#try_demo_prices {
	font-weight: bold;
	padding: 82px 0px 0px 180px;
}

#try_demo_start {
	margin: -6px 0px 0px 0px;
}

#try_demo_start a {
	color: #fafafa;
	font-weight: bold;
	font-size: 14px;
	padding-right: 22px;
}

#try_demo_alert {
	background-color: #fffde2;
	padding: 10px 15px;
	width: 90%;
	line-height: 1.5em;
}

#try_demo_alert a {
	color: #4379c8;
	font-weight: bold;
}

#take_dvds {
	background: #fff url(../img/bg_takedvds.jpg) no-repeat left top;
}

#take_dvds  #take_dvds_header  {
	padding: 10px 15px;
	color: #f8f7f7;
	font-size: 15px;
}

#take_dvds  #take_dvds_header h2 {
	font-family: Georgia,sans-serif;
	font-size: 20px;
	font-style: italic;
	line-height: 1em;
	font-weight: normal;
}

#take_dvds  #take_dvds_header h2 a {
	font-family: Georgia,sans-serif;
	font-size: 20px;
	font-style: italic;
	line-height: 1em;
	color: white;
}

#take_dvds #take_dvds_content {
	padding: 26px 10px;
}

#take_dvds #take_dvds_content p {
	padding: 6px;
	line-height: 1.3em;
}

#take_dvds a { color: #000; }

/* sidebar */

#sidebar_content {
	margin: 15px 0px;
}

#sidebar_content img {
	padding: 10px 0px;
}

#sidebar_information {
	text-align: right;
	padding-right: 28px;
}

#sidebar_information h3 {
	font-size: 16px;
	font-family: Georgia,sans-serif;
	line-height: 1.2em;
	padding: 0px 0px 6px 0px;
}

#sidebar_information  p {
	font-size: 13px;
	color: #454545;
	line-height: 1.1em;
}

#sidebar_questions {
	background-image: url(../img/pw_questions.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 50px 0px 35px 0px;
	margin: 20px 0px 0px 0px;
}

#sidebar_questions p.leave_msg {
	color: #f9f9f9;
	font-weight: bold;
	padding: 52px 0px 0px 40px;
}

#sidebar_questions p.live_chat {
	font-size: 10px;
	padding: 20px 0px 0px 25px;
}
#sidebar_questions a {
	color: #076913;
}

#live_classes {
	background: url(../img/pw_live.jpg) no-repeat left top;
	padding: 72px 30px 30px 30px !important;
	padding: 72px 30px 25px 30px;
	color: #fcf8f8;
	font-size: 10px;
	text-align: center;
}

#upcoming_classes {
	background: #fff url(../img/bg_upcoming_classes.jpg) no-repeat left top;
}

#upcoming_classes_header {
	padding: 20px 20px;
	color: #fffefe;
}

#upcoming_classes_header h3 {
	font-weight: bold;
	font-size: 17px;
}

#upcoming_classes_header p {
	font-size: 11px;
}

#upcoming_classes ul {
	margin: 0px 16px;
	width: 89%;
	position: relative;
}

#upcoming_classes li {
	padding: 4px 4px 4px 18px;
	font-weight: bold;
	background-image: url(../img/bullet.gif);
	background-position: 1% 30%;
	background-repeat: no-repeat;
}


#upcoming_classes ul li.li_blue {
	background: #ecf2fa;
	background-image: url(../img/bullet_blue.gif);
	background-position: 1% 30%;
	background-repeat: no-repeat;
}

#upcoming_classes_bottom {
	background: url(../img/bg_upcoming_classes_bottom.jpg) no-repeat left top;
	padding: 100px 0px 0px 0px;
	margin: -70px 0px 0px 0px;
}

#sidebar_newsletter {
	background: url(../img/bg_newsletter.jpg) no-repeat left top;
	padding: 24px 16px 10px 16px;
	height: 115px;
}

#sidebar_newsletter input {
	display: block;
	margin: 10px 0px 14px 0px;
}

#sidebar_newsletter .input {
	background: #fff url(../img/bg_input.gif) repeat-x left top;
	border: 1px solid #ebebeb;
	padding: 3px;
	width: 92%;
}

#sidebar_newsletter .submit {
	background: #fff url(../img/boton_enter.gif) no-repeat left top;
	width: 70px;
	height: 28px;
	border: 0;
	margin: 0px 0px 0px 10px;
}

#sidebar_newsletter p {
	width: 80%;
}

#order_now {
	background: #fff url(../img/order_now.jpg) no-repeat left top;
	padding: 130px 20px 45px 20px !important;
	padding: 120px 20px 40px 20px;
}

#makeover_package {
	background: #fff url(../img/pw_makeover.jpg) no-repeat left top;
	padding: 58px 20px 10px 20px;
	line-height: 1.1em;
}

#makeover_package p {
	padding: 4px 10px 8px 0px;
}

#makeover_package #order_today a {
	color: #102c65;
}

#makeover_package #order_today {
	font-weight: bold;
	padding: 8px 0px 0px 45px;
}

/* footer */

#footer ul li {
	display: inline;
}

#footer a {
	color: #cad5e6;
}



/* clases */

.hide {
	text-indent: -9999px;
}

p.grey {
	color: #7f7f7f;
	margin: 0px 0px 20px 0px;
}

span.yellow {
	font-weight: bold;
	color: #eed81d;
	padding: 0px 0px 0px 25px;
}

span.darkred {
	font-weight: bold;
	color: #960f0c;
}

span.gold {
	color: #928200;
}

.see_the_difference {
	cursor: pointer;
	display: block;
}

.blue_content { background-color: #e6ecf7; padding: 10px; color: #4379c8; text-align: center; line-height: 1.6em; margin: 16px 0px; }
.blue_content h2 { font-size: 16px; color: #174587; padding: 0; margin: 0; border: none; }