/* NOTE: To use this file you must first activate it in your frugal Theme Options.

Once active, you can add custom styles to this file and they will override
any other styles in this theme.  Learn more about this customization proccess by visiting
http://frugaltheme.com/support/ */


/*
 * HEADER
 */

body {background: #E9E9E9 url(/images/texture.png); background: none;}

#slider-wrap {
width: 825px;
margin: 10px 0px 20px 18px;
}

#slider {
position: relative;
}

#ross-wrap {
padding: 20px;
background:white;
margin: 0px;
height: 231px;
}

#top-containerbk {
	background: #E6DED4;
	padding: 5px;
	position: relative;
	z-index: 0;
}
#top-containerbk {
	background: #B42627;
	padding: 5px;
	position: relative;
	z-index: 0;
}

/*
 * NAVIGATION
 */
#navbar {
	background: url(images/bg-navbar.png) repeat-x;
	height: 55px;
	margin: 0px;
	padding: 17px 0px 0px 0px;
	color: #444;
	font-size: 12px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: normal;
	position: absolute;
	top: 60px;
	left: 0px;
	width: 100%;
	z-index: 1000;
}

#nav li a, #nav li a:link, #nav li a:visited  {font-size: 14px; position: relative; z-index: 1000; }

#subnav {
	margin: 10px 0px 5px 20px;
	height: 20px;
}

#subnav li a, #subnav li a:visited {
	font-size: 12px;
	position: relative;
	z-index: 1;
}
#subnav li.current_page_item a,  
 #subnav li.current_page_item a:visited {  
    text-decoration:underline ;
	color: #327C3C ;
}

/*
 * MODULES
 */
.tutors p {
	padding: 5px 20px;
}
.module {
	width: 255px;
	margin-right
}

#sidebar .module {
	margin-bottom: 20px;
	border-top: 2px solid #ccc;
	padding-top: 20px;
	width: inherit;
}

#sidebar .first {
	border: none;
}
#ross-headshot {
	float: right;
}

.module {
	float: left;
	width: 255px;
}

.middle-module{
padding: 0px 5px 0px 15px;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin: 0px 15px 10px 5px;
height: 250px;
}

.module h3, #home .module h3 {
	color: #5D000C;
	display: block;
	padding: 1px 0px;
	margin-bottom: 10px;
	font-size: 22px;
	font-family: "Trebuchet MS";
}

#tutor-box {text-align: center;}

.testimonial .parent-photo {
	float: left; 
	margin: 0px 5px 5px 0px;
}

.testimonial .signature {
	color: #5D000C;
	font-style: italic;
}

.results table tr td:first-child {
	font-weight: 100;
	padding: 0px 15px;
	color: #327C3C;
	font-family: georgia;
	font-style: italic;
	font-size: 22px;
	vertical-align: top;
}
.results table td {padding-bottom: 15px;}

#action-box {
	-moz-border-radius: 9px;
	background: #f7f7f7;
	border: 1px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	padding: 10px;
}

#action-box h1 {
	font-size: 20px;
	font-family: "Trebuchet MS";
	color: #333333;
	display: block; 
	text-align: center;
}

#action-box .check-marks li {
	list-style-type: none;
	padding: 0px 0px 0px 30px;
	background: url(/images/check-red.png) no-repeat;
	font-weight: bold;
	line-height: 25px;
}

#action-button {
	text-align: center;
	margin-top: 15px;
}

/*
 * GENERAL PAGE LAYOUT
 */
 
 .big-photo {
 width: 520px;
 }
.postarea { padding: 0px;}
#content_column {
	margin: 10px 0px 20px 20px;
	padding: 0px 30px 0px 0px;
	width: 510px;
	border-right: 1px solid gray;
}


h1, h2, h3{
	color: #5D000C;
	display: block;
	padding: 10px 0px;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 20px;
}

#sidebar {
	padding: 0px 0px 0px 20px;
	margin: 20px 0px 0px 0px;
	width: 260px;
	float: left;
}

.postareawide {width: 830px;}
.thin-column, .thin-column-left, .thin-column-right {
	width: 250px;
	float: left;
}

.thin-column-right {
	clear: none;
	float: left;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #333;
}

.thin-column-left {
	margin-right: 25px;
	padding-top: 20px;
}

.wide-column {
	width: 525px;
	float: left;
}

.clear {clear: both;}


.phone {font-weight: bold;}

.secondary {color: #666666;}

.bigger {
	font-size: larger;
	display: block;
	padding-top: 8px;
}

.red-divider {
	background: url(images/bg-divider-red.png) repeat-x;
	height: 20px;
	margin: 10px 0px;
	clear: both;
}

img.right {
	float: right;
	margin: 0px 0px 8px 8px;
}

img.left {
	float: left; 
	margin: 0px 8px 8px 0px;
}
.postarea p {
	padding: 7px 0px;
}

p.bigger {font-size: 14px; }


/*
 * SLIDER
 */

#slider {
	position: relative;
	height: 280px;
	padding: 0px;
}

#slider #btn-action {
	position: absolute;
	top: 10px;
	right: 10px;
}

#photo-title {
clear:both;
left:0px;
margin-bottom:-40px;
position:relative;
top:-60px;
background: url(/images/bg-photo-title.png);
padding: 10px;
height: 38px;
}
#photo-title h1 {
color:white;
font-family:"trebuchet ms";
font-size:22px;
font-weight:100;
padding: 0px;
display: inline-block;
width: 400px;
}
#photo-title h3 {
color:white;
font-size:22px;
font-weight:100;
padding: 0px;
display: block;
width: 400px;
font-family: "Trebuchet MS";
}


/*
 * TUTOR BIOS 
 */
.tutor-bio .tutor-photo {margin-right: 25px;}
#content .tutor-bio h3 {
	color: #333333;
	display: block;
	padding: 15px;
	font-size: 22px;
}

.contact-btn {
	height: 45px;
	width: 205px;
	background: url(/images/btn-contact-tutor.png) no-repeat;
}

.contact-btn a {
	display: block;
	vertical-align: middle;
	text-align: center;
	color: white;
	font-size: 18px;
	padding: 12px 0px 0px 0px;
}

#content .tutor-bio h4 {
	color: #5D000C;
	font-family: "helvetica";
	font-size: 14px;
	padding: 0px;
}

/*
 * SUCCESS STORIES
 */
#content .success-story h3 {
	font-family: "Trebuchet MS";
	color: #333333;
	padding: 0px 0px 0px 0px;
	font-size: 24px;
}

#content .success-story h4 {
	font-family: "Helvetica";
	color: #808080;
	font-size: 16px;
	padding-top: 0px;
}

.name-score {
	float: left;
	padding-top: 0px;
	width: 270px;
}


/*
 * CONTACT FORM 
 */

.contact-form-wrapper {
	padding-left: 30px;
}

.contact-form-wrapper #content_column {
	border: none;
}
.contact-form-wrapper #three-steps {
	margin: 0px 0px 10px 5px;
	display: block;
}

.contact-form-wrapper #content_column {
	width: 410px;
	border: 0px solid #ccc;
	background: white;
	margin-bottom: 20px;
}

.contact-form-wrapper #sidebar {
	width: 320px;
}

.contact-sidebar {
	text-align: center;
}

.contact-sidebar table {
	margin: 15px auto;
}

.contact-sidebar table h3{
	font-size: 18px;
}

.contact-sidebar h4 {
	font-family: "Trebuchet MS";
	color: #333;
}

/*
 * SLIDER
 */
#slider{margin: 0px 0px;}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	position: relative;
	z-index: 10;
	}
#slider li{ 
	overflow:hidden; 
	position: relative;
	height: 270px;
	z-index: 10;
	}	
	
	#slider ul li {
position: relative;
z-index: 10;
}

#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	right:-30px;
	top:71px;
	display: none;
	}	
#nextBtn{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(/images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(/images/btn_next.gif) no-repeat 0 0;	
	}

/*
 * PRICING BOX 
 */
 div.masthead {
	margin:0 auto 20px;
	padding-top:0;
	width:750px;
}
.top .container {text-align: center; padding: 10px;}
div.masthead h1 {
	color:#333;
	font-family:helvetica,arial sans-serif;
	font-size:36px;
	font-weight:bold;
	letter-spacing:-2px;
	margin:0;
	padding: 0px;
}
div.masthead h2 {
	color:#444444;
	font-family:helvetica,arial,sans-serif;
	font-size:24px;
	font-weight:normal;
	letter-spacing:0;
	margin:0;
	padding: 0px;
}

 div.bubble div.content {
  width: 250px;
}

 div.bubble div.content div.inner h2 {
  font-size: 14px;
}

 div.bubble div.content div.inner p {
  font-size: 11px;
}

 div.top {
  margin: 0px auto;
  padding: 20px 0px;
  background-color:#E8ECDC;
  background-image: url(/images/texture.png);
  border: 1px solid #ccc;
  width: 98%;
}

div.actionsignup {
  background-color: #3671A1;
	text-align: center;
	color: #D5E9F6;
	font-family: Helvetica, sans-serif;
	font-size: 21px;
	width: 100%;
	margin: 0;
}

div.actionsignup strong {
	color: #FFF9DF;
}

 div.masthead h2 strong {
	color: #000;
}

 div.jacket {
	height: 360px;
	margin: 0 auto;
	font-family: helvetica, arial, sans-serif;
}

 div.short {
	width: 165px;
	min-height: 270px;
	border: 1px solid #999;
	float: left;
	margin-top: 22px;
	text-align: center;
	padding: 10px;
	background-color: #fff;
	position: relative;
}

div.custom{
	min-height: 350px;
	width: 175px;
}

 div.tall {
	width: 200px;
	height: 310px;
	border: 3px solid #3671A1;
	float: left;
	text-align: center;
	padding: 8px 10px 10px 10px;
	background-color: #fff9df;
}

 div.no-r {
	border-right: 0;
}

 div.r-shadow {
	background-image: url(/images/shadow-right.png);
	background-position: right;
	background-repeat: no-repeat;
}

 div.no-l {
	border-left: 0;
}

 div.l-shadow {
	background-image: url(/images/shadow-left.png);
	background-position: left;
	background-repeat: no-repeat;
}

 div.short h1 {
	margin: 0;
	padding: 0;
	font-size: 34px;
}

 div.short h1,  div.short h1 a, div.short h2 {
	color: #333;
	text-decoration: none;
}

 div.tall h1,  div.tall h1 a {
	margin: 0;
	padding: 0;
	font-size: 42px;
	color: #000;
	line-height: 1em;
	text-decoration: none;
}

 div.short h2 {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
}

 div.tall h2 {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 24px;
	font-weight: normal;
	color: #000;
}

 div.short h3 {
	margin: 0 0 15px 0;
	padding: 0 0 7px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	font-family: helvetica, arial, sans-serif;
	color: #73a1c7;
}

 div.tall h3 {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	color: #4582b5;
}

 div.short li,  div.tall li {
	font-size: 14px;
	color: #64503f;
}

 div.tall li {
	font-size: 16px;
}

 div.tall ul,  div.short ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

 div.tall ul.highlight, div.short ul.highlight {
	margin-top: 0;
}

 div.tall ul.highlight li, div.short ul.highlight li {
	list-style: none;
	margin: 10px;
	font-size: 14px;
	line-height: 1em;
}

 div.tall li strong,  div.short li strong {
	color: #c33700;
}

 div.tall ul.highlight li {
	font-size: 20px;
	margin-bottom: 5px;
}

 div.tall img {
	margin: 1px 0 4px 0;
}

 div.tall small {
	color: #C33700;
	font-size: 12px;
}

 div.under_chart_left,  div.under_chart_right {
	width: 362px;
	position: relative;
	top: -44px;
	font-size: 11px;
	float: left;
	font-family: Verdana, sans-serif;
} 

 div.under_chart_right {
	float: right;
}




/*Tables*/
table.comparison {
width: 100%;
margin: 20px 0px;
background: #f7f7f7;
border: 1px solid #cccccc;
padding: 10px;
}

table.comparison th {
font-weight: bold;
border-bottom: 1px solid black;
}

/* Big Photos with Text */