/*css for stuart smith tuition pages*/

/*pre { display:none }*/
html /* fixes chrome backdrop thing */
{
	height: 100%;
}


body
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-position: top center;
	background-image: url(../images/bg2.jpg);
	background-repeat:repeat-x;
	background-attachment: scroll;
	background-color: #ffffff;
	color: #777777;
	font-family: tahoma,verdana,arial,sans-serif;
	font-size: small;
	font-weight: normal;
}
img
{
	border: 0px;
	outline: none;
}

hr
{
    
    height: 1px;
	border-top: 1px;
	color: #999999;
	background-color: none;
}

#shell
{
	border: 0px dashed blue;
	width: 900px;
	height: 750px;
	position: absolute;
	left: 50%;
	margin-left: -450px;

}
#content
{
	width: 900px;
	height: 777px;
	border: 0px solid green;
	margin-top: 0px;
	
}

#content H1
{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: large;
	font-weight: normal;
	color: #226465;
}

#content p
{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
	text-align: justify;
}

.featuretext
{
	color: #005354;
}
/*----------------------- menu starts here   ---------------------*/
.menuholder
{
	width: 900px;
	height: 42px;
	display: block;
	position: absolute;
	padding-left: 0px;
	margin: 0px;
	top: 141px;
	left: 0px;
}
#Menu
{
	width: 900px;
	height: 42px;
	border: 0px solid blue;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#Menu ul
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
	text-align: left;
}

#Menu ul li
{
	float: left;
	border-right: 1px solid #226465;
}

#Menu ul li a
{
	text-decoration: none;
	font-family: Arial, verdana, sans-serif;
	font-size: 24px;
	text-decoration: none;
	color: #ffffff;
	line-height: 9px;
	float: left;
	margin: 0px;
	height: 9px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	outline:none;
}

#Menu li a:hover
{

	color: #226465;
}

#Menu li#active a
{

	color: #226465;
}

/*menu ends here*/



.videoholder
{
	width: 450px;
	height: 275px;
	position: absolute;
	top: 183px;
	left: 0px;
	background-image: url(../images/tuition-videobg.png);
}

#videotext
{
	width: 380px;
	height: 250px;
	margin: 30px 30px 30px 40px;
	
}

.title
{
	width: 450px;
	height: 63px;
	position: absolute;
	top: 183px;
	left: 450px;
	background-image: url(../images/tuition-title.png);
}

#intro
{
	width: 415px;
	height: 212px;
	position: absolute;
	top: 246px;
	left: 457px;
	/*background-color: #ff0000;*/
	line-height: 1.6em;
	font-size: 16px;
	text-align:right;
}

#intro a
{
	color: #226161;
	text-decoration: none;
	font-weight: bold;
	
}
#intro a:hover
{
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

.studiolessons
{
	width: 225px;
	height: 249px;
	position: absolute;
	top: 458px;
	left: 0px;
	background-image: url(../images/tuition-studiobg.png);
	background-repeat: no-repeat;
}

.studiotext
{
	position: absolute;
	left: 32px;
	top: 65px;
	width: 170px;
	color: #226161;
}

.homelessons
{
	width: 204px;
	height: 249px;
	position: absolute;
	top: 458px;
	left: 225px;
	background-image: url(../images/tuition-homebg.png);
	background-repeat: no-repeat;
}

.hometext
{
	position: absolute;
	left: 12px;
	top: 65px;
	width: 170px;
	color: #226161;
}

.mapholder
{
	width: 236px;
	height: 249px;
	position: absolute;
	top: 458px;
	left: 429px;
	background-image: url(../images/tuition-mapholderbg.png);
}

.map
{
	width:194px;
	height:217px;
	background-image: url(../images/map.jpg);
	margin: 15px 0px 0px 23px;

}

.quoteholder
{
	width: 235px;
	height: 197px;
	position: absolute;
	top: 458px;
	left: 665px;
	background-image: url(../images/tuition-quotebg.png);
	background-repeat: no-repeat;
}

.playerholder
{
	width: 235px;
	height: 52px;
	position: absolute;
	top: 655px;
	left: 665px;
	background-image: url(../images/tuition-playerbg.png);
}

#player
{
	width: 200px;
	height: 24px;
	border: 0px solid green;
	margin: 5px 0px 3px 7px;
}

/*-------------------------- quotes -------------------------------*/
#quoteflash
{
	width: 185px;
	height: 138px;
	margin: 23px 0px 0px 13px;
	outline: none;
}

/*-------------------  prices   ---------------*/

.hilogo
{
	width: 260px;
	height: 42px;
	position: absolute;
	top: 0px;
	left: 627px;
	background-image: url(../images/prices-title.png);
}

.prices_text
{
	width:830px;
	position: absolute;
	top: 210px;
	left: 10px;
	margin:0px;
}


.large
{
	line-height: 1.6em;
	font-size: 14px;
	margin: 0px;
	padding:0px;
}
/*-------------------    Contact    -------------------*/

.contact
{
	width: 750px;
	height: 279px;
	position: absolute;
	left: 15px;
	top: 200px;
	/*border: 1px solid red;*/

}
.contact_text p
{

}

.contact a
{
	font-size: 1.2em;
	text-decoration: none;
	color: #666666;
}
.contact a:hover
{
	font-size: 1.2em;
	text-decoration: none;
	color: #226465;
}
/*-------------------    Courses    ----------------------*/
.courses
{
	width: 750px;
	height: 1379px;
	position: absolute;
	left: 15px;
	top: 190px;
	/*border: 1px solid red;*/

}
.coursesimage
{
	width: 750px;
	height: 942px;
	/*border: 1px solid green;*/
}
.courses a
{
	text-decoration: none;
	color: #226465;
	font-weight: bold;
}
.courses a:hover
{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#coursescredit
{

	border-top: 1px solid #cccccc;
	position: absolute;
	top: 1557px;
	left: 0px;
	width:879px;
	height: 70px;
	margin: 0px 0px 0px 21px;
	text-align: right;
	
}

#coursescredit a
{
	font-size: x-small;
	color: #aaaaaa;
	text-decoration: none;
	font-weight: normal;
}
#coursescredit a:hover
{
	color: #777777;
	text-decoration: none;
}
/*-------------------    Location     ------------------*/
.location
{
	width: 850px;
	position: absolute;
	left: 15px;
	top: 190px;
	/*border: 1px solid red;*/

}
#mapholder
{
	margin: 20px;
	border: 1px solid #226465;

}


/*-------------------    Tutors     ------------------*/

.philosophy_panel
{
	width: 550px;
	height: 600px;
	background-image: url(../images/pilpanel.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 300px;
	left: 20px;
	
}

.phil_text_cont
{
	width: 490px;
	position: absolute;
	top: 45px;
	left: 30px;
	text-align: justify;
}

.phil_title
{
	display: block;
	color: #226465;
	font-size: 18px;
	font-family: tahoma, verdana, sans-serif;
	margin-bottom: 30px;
	
}

.phil_body
{
	display: block;
	color: #999999;
	font-size: 12px;
	font-family: tahoma, verdana, sans-serif;
	
}

.philosophy_panel ul
{
	list-style-type: square;
	list-style-position:inside;
	margin: 0px;
	padding: 0px;

	
}

.philosophy_panel li
{
	color: #226465;
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
}

.biog_panel
{
	width: 300px;
	height: 600px;
	background-image: url(../images/tuition-photopanel.png);
	position: absolute;
	top: 300px;
	left: 590px;
}

.biog_text
{
	display: block;
	width: 250px;
	color: #999999;
	font-size: 12px;
	font-family: tahoma, verdana, sans-serif;
	text-align: justify;
	margin: 450px 0px 0px 10px;
	
}


#tutorcredit
{

	border-top: 1px solid #cccccc;
	position: absolute;
	top: 1057px;
	left: 0px;
	width:879px;
	height: 70px;
	margin: 0px 0px 0px 21px;
	text-align: right;
	
}

#tutorcredit a
{
	font-size: x-small;
	color: #aaaaaa;
	text-decoration: none;
	font-weight: normal;
}
#tutorcredit a:hover
{
	color: #777777;
	text-decoration: none;
}

/*-------------------------------------------------------*/
#credit
{

	border-top: 1px solid #cccccc;
	position: absolute;
	top: 747px;
	left: 0px;
	width:879px;
	margin: 0px 0px 0px 21px;
	text-align: right;
	
}

#credit a
{
	font-size: x-small;
	color: #aaaaaa;
	text-decoration: none;
	font-weight: normal;
}
#credit a:hover
{
	color: #777777;
	text-decoration: none;
}