/*~~~~~~~~~~~~~~~~~global styles starts~~~~~~~~~~~~~~~~~*/
html {
	width: 100%;
	height: 100%;
	border: none;
}

body {
	margin: 0px;
	width: 100%;
	height: 100%;
	font-family: "Helvetica", Arial, sans-serif;
	font-style: normal;
	font-size: 15px;
	color: #F9F9F9;
	background: #F7F7F7;
}

img, object, embed {
	display: block;
	outline: none;
}

a img, img a, img {
	border: none;
}

a {
	outline: none;
}

p,h1,h2,h3,h4,h5,h6,ul,ol,li {
	padding: 0;
	margin: 0;
}

.clearer{
	clear: both;
	line-height: 0px;
}
/*~~~~~~~~~~~~~~~~~global styles ends~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~header styles starts~~~~~~~~~~~~~~~~~*/
div.header {
	margin: 40px 0 0 40px;
	float: left;
}

div.header div.caption {
	font-size: 9px;
	width: 675px;
	padding-bottom: 5px;
	margin: -38px 0 0 230px;
	*margin: -44px 0 0 230px;
	_margin: -44px 0 0 230px;
	color: #3C3C35;
	border-bottom: 3px solid #3C3C35;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    div.header div.caption {
	margin: -35px 0 0 230px;
}
}
 
/*~~~~~~~~~~~~~~~~~header styles ends~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~nav styles starts~~~~~~~~~~~~~~~~~*/
div.nav {
	float: left;
	color: #3C3C35;
	font-size: 15px;
	line-height: 160%;
	margin: 20px 0 0 40px;
	width: 211px;
}

div.nav a {
	color: #3C3C35;
	text-decoration: none;
	display: block;
	width: 100px;
	_border-bottom: 10px solid #F7F7F7;
	padding: 2px 0 0 20px;
	*padding: 0 0 0 20px;
	_padding: -20px 0 0 20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.nav a {
	padding: 2px 0 2px 20px;
}
}

div.nav a.aboutUs {
}

div.nav a.aboutUs:hover {
	color: #F7F7F7;
	background-color: #FF4C74;
}

div.nav a.aboutUsActive {
	color: #F7F7F7;
	background-color: #FF4C74;
}

div.nav a.contact {
}

div.nav a.contact:hover {
	color: #F7F7F7;
	background-color: #A671EF;
}

div.nav a.contactActive {
	color: #F7F7F7;
	background-color: #A671EF;
}

div.nav a.exhibition {
}

div.nav a.exhibition:hover {
	color: #F7F7F7;
	background-color: #29CF41;
}

div.nav a.exhibitionActive {
	color: #F7F7F7;
	background-color: #29CF41;
}

div.nav a.students {
}

div.nav a.students:hover {
	color: #F7F7F7;
	background-color: #3C3C35;
}

div.nav a.studentsActive {
	color: #F7F7F7;
	background-color: #3C3C35;
}

div.nav div.sponsorLinks {
	margin-top: 40px;
}

div.nav div.sponsorLinks a {
	color: #3C3C35;
	text-decoration: none;
	display: block;
	width: 50px;
	height: 50px; /* remove this once you have put content in */
	padding: 0;
	margin: 30px 30px -15px 0;
	background-color: #3C3C35;
	float: left;
}
/*~~~~~~~~~~~~~~~~~nav styles ends~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~aboutUs styles starts~~~~~~~~~~~~~~~~~*/
div.contentBox div.descriptionAboutUs {
	width: 180px;
	height: 350px;
	float: left;
	margin-right: 30px;
	margin-top: -20px;
}

div.contentBox div.descriptionAboutUs h4 {
	font-size: 16px;
	color: #3C3C35;
	padding: 18px 0 3px 0;
	border-bottom: 1px dotted #FF4C74;
}

div.contentBox div.descriptionAboutUs p {
	color: #3C3C35;
	font-size: 10px;
	padding-top: 3px;
	line-height: 140%;
}

div.contentBox div.descriptionAboutUs a {
	color: #3C3C35;
	font-size: 10px;
	line-height: 140%;
	text-decoration: none;
}

div.contentBox div.descriptionAboutUs a:hover {
	color: #FF4C74;
	font-style: italic;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 10px;
	line-height: 140%;
	text-decoration: underline;
}
/*~~~~~~~~~~~~~~~~~aboutUs styles ends~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~contact styles starts~~~~~~~~~~~~~~~~~*/
div.contentBox div.descriptionContact {
	width: 180px;
	height: 350px;
	float: left;
	margin-right: 30px;
	margin-top: -20px;
}

div.contentBox div.descriptionContact h4 {
	font-size: 16px;
	color: #3C3C35;
	padding: 18px 0 3px 0;
	border-bottom: 1px dotted #A671EF;
}

div.contentBox div.descriptionContact p {
	color: #3C3C35;
	font-size: 10px;
	padding-top: 3px;
	line-height: 140%;
}

div.contentBox div.descriptionContact a {
	color: #3C3C35;
	font-size: 10px;
	line-height: 140%;
}

div.contentBox div.descriptionContact a:hover {
	color: #A671EF;
	font-style: italic;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 10px;
	line-height: 140%;
	text-decoration: underline;
}
/*~~~~~~~~~~~~~~~~~contact styles ends~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~exhibition styles starts~~~~~~~~~~~~~~~~~*/
div.contentBox div.descriptionExhibition {
	width: 180px;
	height: 350px;
	float: left;
	margin-right: 20px;
	margin-top: -20px;
}

div.contentBox div.descriptionExhibition h4 {
	font-size: 16px;
	color: #3C3C35;
	padding: 18px 0 3px 0;
	border-bottom: 1px dotted #29CF41;
}

div.contentBox div.descriptionExhibition p {
	color: #3C3C35;
	font-size: 10px;
	padding-top: 3px;
	line-height: 140%;
}

div.contentBox div.descriptionExhibition a {
	color: #3C3C35;
	font-size: 10px;
	line-height: 140%;
	text-decoration: none;
}

div.contentBox div.descriptionExhibition a:hover {
	color: #29CF41;
	font-style: italic;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 10px;
	line-height: 140%;
	text-decoration: underline;
}



/*~~~~~~~~~~~~~~~~~Students styles starts~~~~~~~~~~~~~~~~~*/
div.contentBox {
	width: 675px;
	padding-left: 19px;
	float: left;
	margin-top: 20px;
}

div.studentThumb {
	width: 670px;
}

div.studentThumb a {
	width: 96px;
	height: 91px;
	margin-right: 14px;
	margin-bottom: 14px;
	float: left;
	position: relative;
	overflow: hidden;
	border: 2px solid #F7F7F7;
	text-decoration: none;
	color: #F7F7F7;
	font-size: 11px;
}

div.studentThumb a span {
	display: block;
	width: 96px;
	height: 12px;
	position: absolute;
	bottom: -30px;
	left: 0;
	margin-top: 1px;
	padding: 6px 0 3px 3px;
}

div.studentThumb a.blank {
	margin-right: 0;
	background-color: #3C3C35;
}

div.studentThumb a.sixth {
	margin-right: 0;
}

div.studentThumb a span.pinkbg {
	display: block;
	width: 96px;
	height: 12px;
	position: absolute;
	bottom: -30px;
	left: 0;
	background-color: #FF4C74;
	margin-top: 1px;
	padding: 6px 0 3px 3px;
}

div.studentThumb a.pink:hover {
	border: 2px solid #FF4C74;
}

div.studentThumb a.pink:hover span {
	background-color: #FF4C74;
}

div.studentThumb a span.puprlebg {
	display: block;
	width: 96px;
	height: 12px;
	position: absolute;
	bottom: -30px;
	left: 0;
	background-color: #A671EF;
	margin-top: 1px;
	padding: 6px 0 3px 3px;
}

div.studentThumb a.purple:hover {
	border: 2px solid #A671EF;
}

div.studentThumb a.purple:hover span {
	background-color: #A671EF;
}

div.studentThumb a span.greenbg {
	display: block;
	width: 96px;
	height: 12px;
	position: absolute;
	bottom: -30px;
	left: 0;
	background-color: #29CF41;
	margin-top: 1px;
	padding: 6px 0 3px 3px;
}

div.studentThumb a.green:hover {
	border: 2px solid #29CF41;
}

div.studentThumb a.green:hover span {
	background-color: #29CF41;
}
/*~~~~~~~~~~~~~~~~~students styles ends~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~student portfolio styles starts~~~~~~~~~~~~~~~~~*/
div.description {
	width: 180px;
	height: 350px;
	float: left;
}

div.descriptionPink {
	width: 180px;
	height: 350px;
	float: left;
}

div.descriptionPink h4 {
	font-size: 16px;
	color: #3C3C35;
	padding: 10px 0 3px 0;
	border-bottom: 1px dotted #FF4C74;
}

div.descriptionPink p {
	color: #3C3C35;
	font-size: 10px;
	padding-top: 3px;
	line-height: 140%;
}

div.descriptionPink a {
	color: #3C3C35;
	font-size: 10px;
	line-height: 140%;
}

div.descriptionPink a:hover {
	color: #FF4C74;
	font-style: italic;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 10px;
	line-height: 140%;
}

div.descriptionPurple {
	width: 180px;
	height: 350px;
	float: left;
}

div.descriptionPurple h4 {
	font-size: 16px;
	color: #3C3C35;
	padding: 10px 0 3px 0;
	border-bottom: 1px dotted #A671EF;
}

div.descriptionPurple p {
	color: #3C3C35;
	font-size: 10px;
	padding-top: 3px;
	line-height: 140%;
}

div.descriptionPurple a {
	color: #3C3C35;
	font-size: 10px;
	line-height: 140%;
}

div.descriptionPurple a:hover {
	color: #A671EF;
	font-style: italic;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 10px;
	line-height: 140%;
}

div.descriptionGreen {
	width: 180px;
	height: 350px;
	float: left;
}

div.descriptionGreen h4 {
	font-size: 16px;
	color: #3C3C35;
	padding: 10px 0 3px 0;
	border-bottom: 1px dotted #29CF41;
}

div.descriptionGreen p {
	color: #3C3C35;
	font-size: 10px;
	padding-top: 3px;
	line-height: 140%;
}

div.descriptionGreen a {
	color: #3C3C35;
	font-size: 10px;
	line-height: 140%;
}

div.descriptionGreen a:hover {
	color: #29CF41;
	font-style: italic;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 10px;
	line-height: 140%;
}

div.gallery {
	float: left;
	width: 480px;
	height: 320px;
	margin-left: 15px;
}

div.galleryImg {
	width: 480px;
	height: 320px;
	overflow: hidden;
	position: relative;
}

div.moviePlayer {
	display: none;
	width: 480px;
	height: 320px;
}

div.galleryImg span#caption {
	display: block;
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 480px;
	font-size: 13px;
	padding: 6px 0 5px 10px;
}

div.galleryThumbnailsContainer {
	float: left;
	margin-top: 12px;
	padding-bottom: 10px;
	width: 480px;
	border-bottom: 1px dotted #29CF41;
}

div.galleryThumbnailsContainerPink {
	float: left;
	margin-top: 12px;
	padding-bottom: 10px;
	width: 480px;
	border-bottom: 1px dotted #FF4C74;
}

div.galleryImg span.PinkCap {
	display: block;
	position: absolute;
	bottom: -30px;
	left: 0;
	background-color: #FF4C74;
	width: 480px;
	font-size: 13px;
	padding: 6px 0 5px 10px;
}

a.galleryThumbnailsPink {
	width: 17px;
	height: 17px;
	float: left;
	margin-right: 10px;
	background-color: #3C3C35;
}

a.galleryThumbnailsPinkActive {
	width: 17px;
	height: 17px;
	float: left;
	margin-right: 10px;
	background-color: #FF4C74;
}

a.galleryThumbnailsPink:hover {
	background-color: #FF4C74;
	cursor: pointer; 
}

div.galleryThumbnailsContainerPurple {
	float: left;
	margin-top: 12px;
	padding-bottom: 10px;
	width: 480px;
	border-bottom: 1px dotted #A671EF;
}

div.galleryImg span.PurpleCap {
	display: block;
	position: absolute;
	bottom: -30px;
	left: 0;
	background-color: #A671EF;
	width: 480px;
	font-size: 13px;
	padding: 6px 0 5px 10px;
}

a.galleryThumbnailsPurple {
	width: 17px;
	height: 17px;
	float: left;
	margin-right: 10px;
	background-color: #3C3C35;
}

a.galleryThumbnailsPurpleActive {
	width: 17px;
	height: 17px;
	float: left;
	margin-right: 10px;
	background-color: #A671EF;
}

a.galleryThumbnailsPurple:hover {
	background-color: #A671EF;
	cursor: pointer; 
}

div.galleryThumbnailsContainerGreen {
	float: left;
	margin-top: 12px;
	padding-bottom: 10px;
	width: 480px;
	border-bottom: 1px dotted #29CF41;
}

div.galleryImg span.GreenCap {
	display: block;
	position: absolute;
	bottom: -30px;
	left: 0;
	background-color: #29CF41;
	width: 480px;
	font-size: 13px;
	padding: 6px 0 5px 10px;
}

a.galleryThumbnailsGreen {
	width: 17px;
	height: 17px;
	float: left;
	margin-right: 10px;
	background-color: #3C3C35;
}

a.galleryThumbnailsGreenActive {
	width: 17px;
	height: 17px;
	float: left;
	margin-right: 10px;
	background-color: #29CF41;
}

a.galleryThumbnailsGreen:hover {
	background-color: #29CF41;
	cursor: pointer; 
}

/*div.previousStudent {
	float: left;
	font-size: 9px;
	color: #3C3C35;
	margin: 45px 0 0 15px;
}*/

div.previousStudentPink {
	float: left;
	font-size: 9px;
	color: #3C3C35;
	margin: 45px 0 0 15px;
}

div.previousStudentPink a{
	color: #3C3C35;
	text-decoration: none;
}

div.previousStudentPink a:hover{
	color: #FF4C74;
	font-style: italic;
	text-decoration: none;
}

div.previousStudentPurple {
	float: left;
	font-size: 9px;
	color: #3C3C35;
	margin: 45px 0 0 15px;
}

div.previousStudentPurple a{
	color: #3C3C35;
	text-decoration: none;
}

div.previousStudentPurple a:hover{
	color: #A671EF;
	font-style: italic;
	text-decoration: none;
}

div.previousStudentGreen {
	float: left;
	font-size: 9px;
	color: #3C3C35;
	margin: 45px 0 0 15px;
}

div.previousStudentGreen a{
	color: #3C3C35;
	text-decoration: none;
}

div.previousStudentGreen a:hover{
	color: #29CF41;
	font-style: italic;
	text-decoration: none;
}


div.nextStudentPink {
	float: right;
	font-size: 9px;
	color: #3C3C35;
	margin: 45px 0 0 15px;
	padding-bottom: 80px;
}

div.nextStudentPink a{
	color: #3C3C35;
	text-decoration: none;
}

div.nextStudentPink a:hover{
	color: #FF4C74;
	font-style: italic;
	text-decoration: none;
}

div.nextStudentPurple {
	float: right;
	font-size: 9px;
	color: #3C3C35;
	margin: 45px 0 0 15px;
	padding-bottom: 80px;
}

div.nextStudentPurple a{
	color: #3C3C35;
	text-decoration: none;
}

div.nextStudentPurple a:hover{
	color: #A671EF;
	font-style: italic;
	text-decoration: none;
}

div.nextStudentGreen {
	float: right;
	font-size: 9px;
	color: #3C3C35;
	margin: 45px 0 0 15px;
	padding-bottom: 80px;
}

div.nextStudentGreen a{
	color: #3C3C35;
	text-decoration: none;
}

div.nextStudentGreen a:hover{
	color: #29CF41;
	font-style: italic;
	text-decoration: none;
}
/*~~~~~~~~~~~~~~~~~student portfolio styles ends~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~footer styles starts~~~~~~~~~~~~~~~~~*/
div.footer {
	font-size: 9px;
	color: #3C3C35;
	width: 975px;
	height: 156px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
/*div.footer {
	margin: 46px 0 0 40px;
	background-color: #F9F9F9;
}*/

div.footer span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
div.footer a {
	color: #3C3C35;
	text-decoration: none;
	
}

div.footer a:hover {
	color: #29CF41;
	font-style: italic;
	text-decoration: none;
}
/*~~~~~~~~~~~~~~~~~footer styles starts~~~~~~~~~~~~~~~~~*/