/* ======================================= 
		RESET
======================================== */

* {
	margin:0;
	padding:0;
}

::selection {background:#800080;}
::-moz-selection {
	background: #800080;/*#EAB4EE*/
}

/* ======================================= 
		PAGE / CONTAINER
======================================== */

#page {width:100%; margin:0 auto;border-top:5px solid #5f2273;color:#252525;} /* #491468 */

#container {width:95%; max-width:960px; margin:25px auto 0 auto;}

.clear {clear:both;}

img {max-width:100%;}

.arrow {float:right; display:none; font-weight:100;}

.italic {font-style:italic;}

/* ======================================= 
		HEADER 
======================================== */


#header {width:100%; padding:15px 0;}

#logo {width:30%; float:left;}

#logo a:link {text-decoration:none;}

#nav {
	width:68%;
	padding:15px 0 15px 0;
	float:right;
	text-align:right;
	font:"proxima-nova", sans-serif;
	font-size:.975em; /* 24px / 16px = 1.25em*/
	font-weight:100;
}

#nav ul, #nav li {
	list-style:none;
	display:inline;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
	padding-left:20px;
}

#nav ul, #nav li:first-child {padding-left:0;}

#nav li {
	line-height:20px;
}

#nav a:link, #nav a:visited {
	color:#5f2273; font-family:"proxima-nova", sans-serif;
	text-decoration:none;
}/*#CCC*/

#nav a:hover {
	color:#c8488c;
	-webkit-transition:color .25s ease-in;
	-moz-transition: color .25s ease-in;
	-ms-transition: color .25s ease-in;
	-o-transition: color .25s ease-in;
	transition: color .25s ease-in;
}

#nav a.selected {
	color:#c8488c;
}

/* ======================================= 
		HOMEPAGE
======================================== */


#lead {width:100%; margin:20px auto 0 auto; padding-bottom:15px;}
#lead h1 {font-family:"ff-tisa-web-pro", serif; font-weight:300; font-size:2.7em; color:#5f2273;}
#lead h2 {font-family:"ff-tisa-web-pro", serif; font-weight:100; font-size:1.5em;}
#lead p {font-family:"ff-tisa-web-pro", serif; font-weight:100; font-size:1em;}

.b {font-family:"proxima-nova", sans-serif; font-weight:700; text-transform:capitalize; color:#5f2273;}

#schools {width:100%;}

#schools h1 {font-family:"proxima-nova", sans-serif; font-weight:300; text-transform:capitalize; padding:10px 0 10px; font-size:1.5em; max-width:960px;border-bottom:1px solid #eeeeee;color:#5f2273;}

#school-list {width:33.33333333%; float:left; margin:5px auto 0 auto;font-family:"proxima-nova", sans-serif; font-weight:400; font-size:.85em;}

#school-list ul li {
	list-style:none;
	display:block;
	text-decoration:none;
	letter-spacing:1px;
	border-bottom:1px solid #dfdfdf;
	margin-right:30px;
	line-height:20px;
	padding:12px 0 12px 5px;
	color:#191919;}
	
.cap {font-family:"proxima-nova", sans-serif; font-size:.7em;float:right;margin-top:1px;color:#B2B2B2;text-align:right;}
.cap a:link, .cap a:visited {color:#b2b2b2;font-family:"proxima-nova", sans-serif;}
.cap a:hover {color:#999;
	-webkit-transition:color .25s ease-in;
	-moz-transition: color .25s ease-in;
	-ms-transition: color .25s ease-in;
	-o-transition: color .25s ease-in;
	transition: color .25s ease-in;}

/* ======================================= 
		PROCESS
======================================= */


#process {width:100%;}

#process h1 {font-family:"proxima-nova", sans-serif; font-weight:300; text-transform:uppercase; padding:10px 0 10px; font-size:1em; max-width:960px;border-bottom:1px solid #eeeeee; margin:5px 0 0 0;}

#process p {width:70%; float:left; font-size:1em; font-family:"ff-tisa-web-pro", serif; margin:20px 0;} /*45.3125*/

/* ======================================= 
		SERVICES
======================================= */
	
#services {width:100%;}

#services h1 {font-family:"proxima-nova", sans-serif; font-weight:300; text-transform:capitalize; padding:10px 0 15px; font-size:1.5em; max-width:960px;border-bottom:1px solid #eeeeee;color:#5f2273;}

#services h2 {font-family:"proxima-nova", sans-serif;font-weight:700;color:#9E1E62;font-size:.95em;}/*#CBCBCB*/

#service-info {width:33.33333333%; float:left; margin:5px auto 0 auto;font-family:"proxima-nova", sans-serif; font-weight:400; font-size:.85em; text-transform:uppercase;}

#service-info ul li {
	list-style:none;
	display:block;
	text-decoration:none;
	letter-spacing:1px;
	border-bottom:1px solid #dfdfdf;
	margin-right:30px;
	line-height:20px;
	padding:12px 0 12px 5px;
	color:#9E1E62;}
	
#service-info p {font-family: "ff-tisa-web-pro", serif; font-size:1.125em;padding:10px 0 20px 5px; text-transform:none;width:96%;}

#service-info a:link {text-decoration:underline;color:#8686e2;text-transform:none;}
#service-info a:hover {color:#5f2273;
	-webkit-transition:color .25s ease-in;
	-moz-transition:color .25s ease-in;
	-ms-transition:color .25s ease-in;
	-o-transition:color .25s ease-in;
	transition:color .25s ease-in 0s;}
	
	
/* ======================================= 
		GET IN TOUCH
======================================= */

#getintouch {width:100%;font-size:.9em; font-family:"ff-tisa-web-pro", serif;margin-top:10px;}

#getintouch h1 {font-family:"proxima-nova", sans-serif;font-weight:700;color:#9E1E62;font-size:.95em; padding:10px 0 10px; border-bottom:1px solid #eeeeee;margin-bottom:10px;}

#getintouch ul li {list-style:none;margin-right:10px;display:inline;}

#getintouch ul li:last-child {margin-right:0;}

#getintouch a:link {color:#8686e2;text-decoration:underline;}
#getintouch a:hover {color:#5f2273;
	-webkit-transition:color .25s ease-in;
	-moz-transition:color .25s ease-in;
	-ms-transition:color .25s ease-in;
	-o-transition:color .25s ease-in;
	transition:color .25s ease-in 0s;}


/* ======================================= 
		CONTACT PAGE
======================================= */

#contact {width:100%;padding:15px 0 15px 0;font-size:1.25em;font-family:"ff-tisa-web-pro", serif;}

#contact a:link {color:#8686e2;text-decoration:underline;}
#contact a:hover {color:#5f2273;
	-webkit-transition:color .25s ease-in;
	-moz-transition:color .25s ease-in;
	-ms-transition:color .25s ease-in;
	-o-transition:color .25s ease-in;
	transition:color .25s ease-in 0s;}

/* ======================================= 
		TESTIMONIALS
======================================= */

#testimonials {width:100%;border-bottom:1px solid #ccc;padding:25px 0 25px;}

#testimonials p {width:66.666667%; float:right; font-size:1em; font-family:"ff-tisa-web-pro", serif; margin:0 0 0 30px; text-indent:-.4em;} /*45.3125*/

#test-info {width:20.33333333%;float:left;margin-top:5px;}

.name {font-family:"proxima-nova", sans-serif; font-size:.75em; text-transform:uppercase;font-weight:700;color:#5f2273;}


/* ======================================= 
		ABOUT
======================================= */

#about {width:100%;}
#about p {width:66.666667%;font-family:"ff-tisa-web-pro", serif;font-size:1em; float:left; margin-bottom:20px;}/* 640 / 960 */

.mags img {width:19%;padding:5px 5px 0 0;}

/* ======================================= 
		SERVICES - ABOUT PAGE
======================================= */

#about-services {width:28.33333333%; background:rgba(214, 43, 237, 0.1);float:right;}/* 320 / 960 rgba(238, 180, 184, 0.25)   */

.services {width:87.5%;margin:0 auto;font-family:"proxima-nova", sans-serif; font-weight:400; font-size:.75em; text-transform:uppercase;}

.services h1 {font-family:"proxima-nova", sans-serif; font-size:1.25em; margin:15px 0 0 0; text-transform:uppercase;font-weight:400;border-bottom:2px solid #5f2273;padding-bottom:10px;}

.services ul li {
	list-style:none;
	display:block;
	text-decoration:none;
	letter-spacing:1px;
	border-bottom:1px solid #444;
	line-height:20px;
	padding:12px 0 12px 0;}
	
.services li a {
	line-height:20px;
	width:100%;
	display:block;
}

.services a:link, .services a:visited {
	color:#9E1E62;
	font-family:"proxima-nova", sans-serif;
	font-weight:400;
	text-decoration:none;
	text-transform:uppercase;	
}

.services a:hover {
	color:#5f2273;
	-webkit-transition:color .25s ease-in;
	-moz-transition:color .25s ease-in;
	-ms-transition:color .25s ease-in;
	-o-transition:color .25s ease-in;
	transition:color .25s ease-in 0s;}

.services ul li:last-child {border-bottom:none;}

/* ======================================= 
		MY STORY - ABOUT PAGE
======================================= */

#my-story {width:66.666667%;float:left;}
#my-story p {width:100%; padding-top:20px;font-size:.9em;}
#my-story {font-family:"ff-tisa-web-pro", serif;font-size:1em; float:left; margin:20px auto;}
#my-story h1, .mags h1 {font-family:"proxima-nova", sans-serif; font-weight:300; text-transform:capitalize; padding:10px 0 10px; font-size:1.5em; max-width:960px;border-bottom:1px solid #eeeeee;color:#5f2273;}
#my-story h2, .mags h2 {font-family:"proxima-nova", sans-serif;font-weight:700;color:#9E1E62;font-size:.95em;}

/* ======================================= 
		CONTACT - ABOUT PAGE
======================================= */

#contact-me {width:28.33333333%; float:right; border-bottom:1px solid #eee;}/* 320 / 960*/

#contact-info {width:100%;margin:0 auto;font-family:"ff-tisa-web-pro", serif; font-weight:400; font-size:.85em;padding:15px 0 20px 0;}

#contact-info img {width:100%;padding-bottom:10px;}

#contact-info h1 {font-family:"proxima-nova", sans-serif; font-size:1em; text-transform:uppercase;font-weight:400;border-bottom:2px solid #5f2273;padding-bottom:10px;}

#contact-info li a {
	line-height:20px;
	width:100%;
	display:block;
}

#contact-info a:link, #contact-info a:visited {
	color:#8686e2;
	font-family:"ff-tisa-web-pro", serif;
	font-weight:400;
	text-decoration:underline;	
}

#contact-info a:hover {
	color:#5f2273;
	-webkit-transition:color .25s ease-in;
	-moz-transition:color .25s ease-in;
	-ms-transition:color .25s ease-in;
	-o-transition:color .25s ease-in;
	transition:color .25s ease-in 0s;}
	
	
/* ======================================= 
		RESOURCES
======================================= */

#resources {width:100%;}

#resources p {width:100%; font-size:.9em; font-family:"ff-tisa-web-pro", serif;color:#454545;}

#resources h2 {font-family:"proxima-nova", sans-serif;font-weight:700;color:#9e1e62;font-size:.95em;}

#resources ul li {
	list-style:none;
	display:block;
	text-decoration:none;
	letter-spacing:1px;
	line-height:20px;
	padding:12px 0 12px 0;}
	
#resources li a {
	line-height:20px;
	width:100%;
	display:block;
}

#resources a:link, #resources a:visited {
	color:#8686e2; /*#b57edc*/
	font-family:"ff-tisa-web-pro", serif;
	font-weight:400;
	text-decoration:underline;
	padding-bottom:8px;	
}

#resources a:hover {
	color:#5f2273;
	-webkit-transition:color .25s ease-in;
	-moz-transition:color .25s ease-in;
	-ms-transition:color .25s ease-in;
	-o-transition:color .25s ease-in;
	transition:color .25s ease-in 0s;}
	
#disclaimer {width:100%; max-width:960px;font-family:"ff-tisa-web-pro", serif; font-size:.9em;font-weight:100;}

/* ======================================= 
		FOOTER
======================================= */

#footer {width:100%; padding:30px 0 30px 0;border-top:2px solid #000;margin-top:20px;float:left; font-family:"proxima-nova", sans-serif;}

#footer ul, #footer li {
	list-style:none;
	display:inline;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:.85em;
	padding-right:20px;
}

#footer li:first-child {font-weight:700;margin-right:15px;color:#9e1e62;}

#footer li {
	line-height:20px;
}

#footer a:link, #footer a:visited {
	color:#444444; font-family:"proxima-nova", sans-serif;
	text-decoration:none;
}

#footer a:hover {
	color:#9e1e62;
	-webkit-transition:color .25s ease-in;
	-moz-transition: color .25s ease-in;
	-ms-transition: color .25s ease-in;
	-o-transition: color .25s ease-in;
	transition: color .25s ease-in;
}






/* ==============================================================================  
							MEDIA QUERIES
============================================================================== */


/* ============================================== max-width 768 ============================================== */

@media screen and (max-width: 768px) {
	
/* HOME */	

#lead h1 {font-size:2em;}
#nav {font-size:.8em;padding-top:10px}
#nav ul, #nav li {padding-left:10px;}

#services, #contact-info, #contact {font-size:.9em;}
/* FOOTER */

#footer ul, #footer li {font-size:.8em;padding-right:10px;}


}




/* ============================================== max-width 568 ============================================== */

@media screen and (max-width: 568px) {

#page, #footer {width:100%;}
#container {width:90%;margin:0 auto;}

#schools, #school-list {width:100%; float:left;margin:0 auto;}

#school-list ul li {margin:0; float:left;width:100%;padding-left:0;}

#getintouch {margin-top:0;}
#getintouch ul li {display:block;}

/* HEADER */
#header {width:100%;}
#logo {width:100%;float:left; text-align:left;padding:10px 0 5px 0;}

#nav {
	width:100%;
	padding:5px 0 0 0;
	float:left;
	text-align:left;
	font-size:.75em; /* 24px / 16px = 1.25em*/
}

#nav ul, #nav li {
	padding:0 5px 0 0;
}

#nav a:link, #nav a:visited {
	background:#ffffff;
}

#nav a:hover {
	color:#491468;
}

#lead {margin-top:5px;}
#lead h1 {font-size:1.5em;}
#lead h2 {font-weight:100; font-size:1em;}

/* PROCESS */

#process, #process p {width:100%;}

#process h1 {border-top:none;margin-top:5px;}

#process p {font-size:.9em;}

/* SERVICES */

#services, #service-info {width:100%; float:left;margin:0 auto;}

#service-info ul li {margin:0; float:left;width:100%;padding-left:0;}

#service-info ul li {margin-bottom:10px;}

#service-info p {margin:0;padding:10px 0 10px 0;}

/* TESTIMONIALS */

#testimonials {padding:20px 0 20px;}

#testimonials p {width:100%;margin-top:15px;}

#test-info {width:50%; margin:0 auto;}

.name {text-align:left;font-size:.6em;background:none;padding-left:2px;margin-top:none;}

.arrow {display:inherit;}

/* ABOUT */

#about, #about p, #about-services, #my-story, #my-story p, #contact-me, #contact-info {width:100%; float:left;}
#my-story {margin-bottom:0;}
#contact-me {margin-top:0;}
.mags img {width:100%;}
.mags h2 {margin-top:10px;}

/* FOOTER */
#footer {display:none;}


}