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

* {
	font-size: 100.01%;	
	
}
html {
	font-size: 62.5%;

}


body.home {
	margin:0;
	vertical-align: middle;

}


A:link {
	text-decoration: underline;
	color:#000;	
}
A:visited {	text-decoration: underline;
	color:#000;	
}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color:#000;}

.logo {
	width:194px;
	height:120px;
	position:absolute;
	top:0px;
}

.content {
	width:900px;
	height:600px;
}


/* buttons */
.btn {
	background: 0 0 no-repeat;
	width:217px;
	height:29px;
	text-align:center;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	font-weight:bold;
	padding:5px 0 0 0;
	text-decoration:none;
	font-size:13px;
	letter-spacing:-.5px;
	margin:0;
}

.wrap-bar {
	width:700px;
	height:53;
	float:right;
}

.moreinfo {
	width:400px;
	height:350px;
	float:left;
	vertical-align:text-bottom;
	margin-top:40px;
	padding:0 0 0 0;
}

.info-img {
	margin:0;
	width:92px;
	height:32px;

}

.open-house {
	width:343px;
	height:168px;
	float:right;
	position:relative;
	bottom:0;
	right:0;
}

.classes {
	position:relative;
	margin:0;
	width:452px;
	height:185px;
	margin-bottom:30px;
	
}

.moreinfo-class {
	width:500px;
	height:350px;
	float:left;
	vertical-align:text-bottom;
	margin-top:0px;
	padding:0 0 0 0;
}

.right-content {
	width:400px;
	height:500px;
}


/* +++++++++++++++++++++++++++++++++++++++++blue page START */

.container-blue{
	vertical-align:middle;	
	height: 800px;
	width:900px;
	padding-left:5.8em;
	position:absolute;
	top:0px;
}

.main {	
	background-image:url("../images/blue_bck2.jpg");
	background-repeat:no-repeat;
	background-attachment:relative;
	background-position:center top;
	height: 768px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	top:0px;

}



.wrap-bar-home {
	float:right;
	width: 113px;
	height:53;
	overflow: hidden;
	padding: 0 0 0 0;
	margin:0
}
.wrap-bar-home ul {
	float: left;
	padding: 0 0 0 0;
	margin: 0px;
}
.wrap-bar-home ul li {
	font-size: 12px;
	padding: 0 0 0 0;
	background: url(../images/nav-back-white_01.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.wrap-bar-home ul li a {
	color: #000;
	display: block;
	padding: 0;
	width: 113px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
}
.wrap-bar-home ul li a:hover, .wrap-bar ul li.active a {
	background: url(../images/nav-back-blue_01.png) no-repeat;
}


.apply-blue {
	float:right;
	width:688px;
	height:53px;
	margin-top:7px;
}

.right-blue {
	width:400px;
	height:500px;
	float:right;
}

.mark {
	float:left;
	width:450px;
	height:600px;
	padding-top:30px;
	font-family:Trebuchet MS, "Arial", Helvetica, sans-serif;
	

}

.mark h2 {
	font-size:14px;
	color:#000000;
	line-height:14px;
	font-weight:bold;
	margin:0; 
	margin-bottom:-.25em;
}

.mark h1 {
	font-size:45px;
	color:#f4f08e;
	line-height:37px;
	margin:0; 
	margin-top:.30em;
	margin-bottom:.30em;
}


.student-blue {
	width:592px;
	height:672px;
	padding:0 0 0 0;
}

.moreinfo-blue {
	height:100px;
	width:400px;
	float:left;
	vertical-align:text-bottom;
	margin-top:5px;
	padding:0 0 0 0;
}

.mark p {
	font-size:12px;
	color:#000000;
	line-height:12px;
	margin:0; 
	margin-top:.30em;
}

.mark ul {
	font-size:12px;
	color:#000000;

}
.mark ul li {
	font-size:12px;
	color:#000000;

}

/* +++++++++++++++++++++++++++++++++++++++++blue-page END */

/* +++++++++++++++++++++++++++++++++++++++++yellow-page START */

.container-yellow{
	vertical-align:middle;	
	height: 830px;
	width:900px;
	padding-left:5.8em;
	position:absolute;
	top:0px;
}

.main-yellow {	
	background-image:url("../images/yellow_bck2.jpg");
	background-repeat:no-repeat;
	background-attachment:relative;
	background-position:center top;
	height: 830px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	top:0px;

}

.wrap-bar-courses {
	float:right;
	width: 80px;
	height:53;
	overflow: hidden;
	padding: 0 0 0 0;
	margin:0
}
.wrap-bar-courses ul {
	float: left;
	padding: 0 0 0 0;
	margin: 0px;
}
.wrap-bar-courses ul li {
	font-size: 12px;
	padding: 0 1px 0 0;
	background: url(../images/nav-back-white_02.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.wrap-bar-courses ul li a {
	color: #000;
	display: block;
	padding: 0;
	width: 80px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
}
.wrap-bar-courses ul li a:hover, .wrap-bar ul li.active a {
	background: url(../images/nav-back-blue_02.png) no-repeat;
}


.apply-yellow {
	float:right;
	width:688px;
	height:53px;
	margin-top:7px;
}

.courses {
	float:left;
	width:450px;
	height:100%;
	padding-top:30px;
	font-family:Trebuchet MS, "Arial", Helvetica, sans-serif;
	

}

.courses h2 {
	font-size:14px;
	color:#000000;
	line-height:14px;
	font-weight:bold;
	margin:0; 
	margin-bottom:-.25em;
}

.courses h1 {
	font-size:45px;
	color:#aea9a4;
	line-height:37px;
	margin:0; 
	margin-top:.30em;
	margin-bottom:.30em;
}


.courses p {
	font-size:12px;
	color:#000000;
	line-height:12px;
	margin:0; 
	margin-top:.30em;
}

.courses ul {
	font-size:12px;
	color:#000000;

}
.courses ul li {
	font-size:12px;
	color:#000000;

}

/* +++++++++++++++++++++++++++++++++++++++++yellow-page END */

/* +++++++++++++++++++++++++++++++++++++++++grey-page START */

.container-grey{
	vertical-align:middle;	
	height: 800px;
	width:900px;
	padding-left:5.8em;

}

.main-grey {	
	background-image:url("../images/grey_bck2.jpg");
	background-repeat:no-repeat;
	background-attachment:relative;
	background-position:center top;
	height: 768px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	top:0px;

}

.wrap-bar-ss {
	float:right;
	width: 135px;
	height:53;
	overflow: hidden;
	padding: 0 0 0 0;
	margin:0
}
.wrap-bar-ss ul {
	float: left;
	padding: 0 0 0 0;
	margin: 0px;
}
.wrap-bar-ss ul li {
	font-size: 12px;
	padding: 0 0 0 0;
	background: url(../images/nav-back-white_03.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.wrap-bar-ss ul li a {
	color: #000;
	display: block;
	padding: 0;
	width: 135px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
}
.wrap-bar-ss ul li a:hover, .wrap-bar ul li.active a {
	background: url(../images/nav-back-blue_03.png) no-repeat;
}

.apply-grey {
	float:right;
	width:688px;
	height:53px;
	margin-top:7px;
}

.samples {
	float:left;
	width:450px;
	height:600px;
	padding-top:30px;
	font-family:Trebuchet MS, "Arial", Helvetica, sans-serif;
	

}

.samples h2 {
	font-size:14px;
	color:#000000;
	line-height:14px;
	font-weight:bold;
	margin:0; 
	margin-bottom:-.25em;
}

.samples h1 {
	font-size:45px;
	color:#f4f08e;
	line-height:37px;
	margin:0; 
	margin-top:.30em;
	margin-bottom:.30em;
}


.samples p {
	font-size:12px;
	color:#000;
	line-height:12px;
	margin:0; 
	margin-top:.30em;
}

.sample-vids {
	position:relative;
	margin:0;
	width:452px;
	height:100%;
	margin-bottom:30px;
}

.video {
	position:relative;
	margin:0;
	width:350px;
	height:220px;
	margin-bottom:0px;
}

.samples-thumbs {
	width:400px;
	height:500px;
	float:right;
}

.videos {
	margin:0;
	width:700px;
	height:200px;
	padding-top:0px;
}

.student-samples {
	width:450px;
	height:500px;
	float:left;
	padding-top:0px;
	margin:0;
}
/* +++++++++++++++++++++++++++++++++++++++++grey-page END*/
/* +++++++++++++++++++++++++++++++++++++++++aqua-page START*/

.container-aqua{
	vertical-align:middle;	
	height: 830px;
	width:900px;
	padding-left:5.8em;
	position:absolute;
	top:0px;
}

.main-aqua {	
	background-image:url("../images/aqua_bck2.jpg");
	background-repeat:no-repeat;
	background-attachment:relative;
	background-position:center top;
	height: 830px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	top:0px;

}

.wrap-bar-why {
	float:right;
	width: 120px;
	height:53;
	overflow: hidden;
	padding: 0 0 0 0;
}
.wrap-bar-why ul {
	float: left;
	margin: 0px;
	padding: 0 0 0 0;
}
.wrap-bar-why ul li {
	font-size: 12px;
	padding: 0 0 0 0;
	background: url(../images/nav-back-white_04.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.wrap-bar-why ul li a {
	color: #000;
	display: block;
	padding: 0;
	width:120px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
}
.wrap-bar-why ul li a:hover, .wrap-bar ul li.active a {
	background: url(../images/nav-back-blue_04.png) no-repeat;
}

.apply-aqua {
	float:right;
	width:688px;
	height:53px;
	margin-top:7px;
}

.why {
	float:left;
	width:450px;
	height:600px;
	padding-top:30px;
	font-family:Trebuchet MS, "Arial", Helvetica, sans-serif;
	

}

.why h2 {
	font-size:14px;
	color:#000000;
	line-height:14px;
	font-weight:bold;
	margin:0; 
	margin-bottom:-.25em;
}

.why h1 {
	font-size:45px;
	color:#f15a43;
	line-height:37px;
	margin:0; 
	margin-top:.30em;
	margin-bottom:.30em;
}


.why p {
	font-size:12px;
	color:#000000;
	line-height:12px;
	margin:0; 
	margin-top:.30em;
}

.why ul {
	font-size:12px;
	color:#000;

}
.why ul li {
	font-size:12px;
	color:#000;

}

.whyfranklin {
	position:relative;
	margin:0;
	width:450px;
	height:100%;
	margin-bottom:30px;
}

.student-aqua {
	width:592px;
	height:672px;
	padding:0 0 0 0;
}

/* +++++++++++++++++++++++++++++++++++++++++aqua-page END*/
/* +++++++++++++++++++++++++++++++++++++++++green-page START*/

.container-green{
	vertical-align:middle;	
	height: 880px;
	width:900px;
	padding-left:5.8em;
	position:absolute;
	top:0px;
}

.main-green {	
	background-image:url("../images/green_bck2.jpg");
	background-repeat:no-repeat;
	background-attachment:relative;
	background-position:center top;
	height: 880px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	top:0px;


}

.wrap-bar-careers {
	float:right;
	width: 80px;
	height:53;
	overflow: hidden;
	padding: 0 0 0 0;
}
.wrap-bar-careers ul {
	float: left;
	margin: 0px;
	padding: 0 0 0 0;
}
.wrap-bar-careers ul li {
	font-size: 12px;
	padding: 0 0 0 0;
	background: url(../images/nav-back-white_05.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.wrap-bar-careers ul li a {
	color: #000;
	display: block;
	padding: 0;
	width:80px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
}
.wrap-bar-careers ul li a:hover, .wrap-bar ul li.active a {
	background: url(../images/nav-back-blue_05.png) no-repeat;
}

.apply-green {
	float:right;
	width:688px;
	height:53px;
	margin-top:7px;
}

.careers {
	float:left;
	width:500px;
	height:600px;
	padding-top:30px;
	font-family:Trebuchet MS, "Arial", Helvetica, sans-serif;
	

}

.careers h2 {
	font-size:14px;
	color:#000000;
	line-height:14px;
	font-weight:bold;
	margin:0; 
	margin-bottom:-.25em;
}

.careers h1 {
	font-size:45px;
	color:#9abccf;
	line-height:37px;
	margin:0; 
	margin-top:.30em;
	margin-bottom:.30em;
}


.careers p {
	font-size:12px;
	color:#000000;
	line-height:12px;
	margin:0; 
	margin-top:.30em;
}

.careers ul {
	font-size:12px;
	color:#000000;

}
.careers ul li {
	font-size:12px;
	color:#000000;

}

/* +++++++++++++++++++++++++++++++++++++++++green-page END*/
/* +++++++++++++++++++++++++++++++++++++++++violet-page START*/

.container-violet{
	vertical-align:middle;	
	height: 800px;
	width:900px;
	padding-left:5.8em;
	position:absolute;
	top:0px;
}

.main-violet {	
	background-image:url("../images/violet_bck2.jpg");
	background-repeat:no-repeat;
	background-attachment:relative;
	background-position:center top;
	height: 768px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	top:0px;

}

.wrap-bar-cost {
	float:right;
	width: 60px;
	height:53;
	overflow: hidden;
	padding: 0 0 0 0;
}
.wrap-bar-cost ul {
	float: left;
	margin: 0px;
	padding: 0 0 0 0;
}
.wrap-bar-cost ul li {
	font-size: 12px;
	padding: 0 0 0 0;
	background: url(../images/nav-back-white_06.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.wrap-bar-cost ul li a {
	color: #000;
	display: block;
	padding: 0;
	width:60px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
}
.wrap-bar-cost ul li a:hover, .wrap-bar ul li.active a {
	background: url(../images/nav-back-blue_06.png) no-repeat;
}

.apply-violet {
	float:right;
	width:688px;
	height:53px;
	margin-top:7px;
}

.cost {
	float:left;
	width:500px;
	height:600px;
	padding-top:30px;
	font-family:Trebuchet MS, "Arial", Helvetica, sans-serif;
	

}

.cost  h2 {
	font-size:14px;
	color:#000000;
	line-height:14px;
	font-weight:bold;
	margin:0; 
	margin-bottom:-.25em;
}

.cost  h1 {
	font-size:45px;
	color:#afbd21;
	line-height:37px;
	margin:0; 
	margin-top:.30em;
	margin-bottom:.30em;
}

map {
	text-decoration:none;
}
.cost  p, .cost table {
	font-size:12px;
	color:#000000;
	line-height:12px;
	margin:0; 
	margin-top:.30em;
}
/* +++++++++++++++++++++++++++++++++++++++++violet-page END*/
/* +++++++++++++++++++++++++++++++++++++++++contact-page START*/

.wrap-bar-contact {
	float:right;
	width: 100px;
	height:53;
	overflow: hidden;
	padding: 0 0 0 0;
	margin:0;

}
.wrap-bar-contact ul {
	float: left;
	margin: 0px;
	padding: 0 0 0 0;
}
.wrap-bar-contact ul li {
	font-size: 12px;
	padding: 0 0 0 0;
	background: url(../images/nav-back-white_07.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.wrap-bar-contact ul li a {
	color: #000;
	display: block;
	padding: 0;
	width:100px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
}
.wrap-bar-contact ul li a:hover, .wrap-bar ul li.active a {
	background: url(../images/nav-back-blue_07.png) no-repeat;
}

.contact {
	float:left;
	width:400px;
	height:600px;
	padding-top:30px;
	font-family:Trebuchet MS, "Arial", Helvetica, sans-serif;
	

}

.contact h2 {
	font-size:14px;
	color:#000;
	line-height:14px;
	font-weight:bold;
	margin:0; 
	margin-bottom:-.25em;
}

.contact h1 {
	font-size:45px;
	color:#f4f08e;
	margin-bottom:-1em;

}


.contact p {
	font-size:12px;
	color:#000;
	line-height:12px;
	margin:0; 
	margin-top:.30em;
}

.map {
	width:500px;
	height:500px;
	float:right;
	padding-top:30px;
}

.moreinfo-contact {
	width:400px;
	height:350px;
	float:left;
	vertical-align:text-bottom;
	margin-top:30px;
	padding:0 0 0 0;
}
/* +++++++++++++++++++++++++++++++++++++++++contact-page END*/

/* footer */
.footer {
	width: 200px;
	position:relative;
	bottom:0;
	padding-top:20px;

	
}
.footer-links {

}
.mt-1 {
	margin-top: 35px;
	height:30px;	
	
}

/* footer-links */
.footer-links ul {
	padding: 7px 12px;
	text-align: center;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
}
.footer-links ul li {
	display: inline;
	font-size: 0.91em;
	font-weight: bold;
	padding: 0 13px 0 0;
}
.footer-links ul li a {
	color: #333;
	text-decoration: none;
}
.footer-links ul li a:hover {
	text-decoration: underline;
}
/* copyright */
.copyright {
	width: 100%;
	overflow: hidden;
	font-size: 0.91em;
	padding: 11px 0 10px 0;
}
.copyright .byline {
	float: left;
	width: 240px;
	padding: 15px 0 0 11px;
}
.copyright .byline img {
	float: left;
	margin: 0 16px 0 0;
}
.copyright div p {
	margin: 6px 0 0 0;
}
.copyright .translate {
	width: 350px;
	float:left;
	padding: 10px 10px 38px 10px;
}
.copyright .translate p {
	float: left;
	padding: 3px 5px 0 0;
}
.copyright .translate div {
	width: 150px;
	height: 30px;
	overflow: hidden;
	float: left;
	padding:0;
}
.copyright .translate iframe {
	margin-top: -35px;
	margin-left: -5px;
}
.copyright .translate iframe img {
	display:none;
}
.copyright ul {
	float: left;
	padding: 15px 15px 0 50px;
}
.copyright ul li {
	display: inline;
	padding: 0 0 0 19px;
}
.copyright ul li a {
	color: #666;
	text-decoration: none;
}
.copyright ul li a:hover {
	text-decoration: underline;
}