@charset "utf-8";
/* CSS Document */
body {
	background:#eee url(../images/bg.jpg) repeat;
	font-size:small;
	color:#333;
}
.container {width:960px;margin:0 auto; }

.header { margin-bottom:2px;}

#top{
	height:23px;
	background:url(../images/topbg.gif) 0 0 repeat-x;
	padding:3px 0 0 0;
	position:relative;
}

#top ul.nav{
	float:left;
	width:840px;
}
#top ul.nav li{
	float:left;
	font-size:0;
	line-height:0;
}
#top ul.nav li a{
	display:block;
	padding:0 14px;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	color:#333;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
}
#top ul.nav li a:hover{
	color:#fff;
	background-color:#abd51a;
}
#top ul.nav li a.selected{
	display:block;
	padding:0 14px;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#abd51a;
	text-decoration:none;
	cursor:text;
}

.login {float:right; display:block;}

#loginbtn {
	color:#fff;
	background-color:#3a1d00;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	display:block;
	background-image: url(../images/lock.gif);
	background-repeat: no-repeat;
	padding:0 8px 0 22px;
	background-position: 4px 3px;
}

.login li#student_login {
	background-color: #3a1d00;
	display: none;
	height: 48px;
	position: absolute;
	right: 0px;
	top: 25px;
	width: 305px;
	z-index: 2000;
}

#student_login input {border:solid 1px #B5B5B5;margin:5px 0 0 5px;width:120px;float:left;}

#student_login input:focus {background-color:#F5F3ED;border:solid 1px #fff;}

#student_login input.submit{display:block;margin-right:5px;width:35px;float:right;background-color:#F06000;color:#fff;font:bold 11px Arial, Helvetica, sans-serif;border:solid 1px #EA7500;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}

#student_login span {display:block;float:left;margin-left:5px;margin-top:4px;font:normal 11px Arial, Helvetica, sans-serif;}
#student_login a {color:#fff;}
#student_login a:hover {color:#ed7900;}


#headleft{
	width:245px;
	float:left;
	margin:5px 0 0 0;
}
#headLeft img.logo{
	display:block;
	font-size:0;
	line-height:0;
	margin:0 0 15px 0;
	border:none;
}
.topbanner {
	float:left;
	margin-left:100px;
}

#headright{
	width:297px;
	float:right;
	margin:40px 0 0 0;
}
#headright a.add{
	margin-left:-10px !important;
}

ul.socialmedia {display:block;width:196px;float:right;margin-bottom:15px;margin-top:5px;height:25px;}
ul.socialmedia li {display:inline-block;float:left;margin-left:8px;}
ul.socialmedia li a.icon {display:block;width:24px;height:24px;background:url(../images/social-media.gif) no-repeat;text-indent:-9999px;}
ul.socialmedia li a.tweet {background-position:0px -25px;}
ul.socialmedia li a.facebook {background-position:-25px -25px;}
ul.socialmedia li a.youtube {background-position:-50px -25px;}
ul.socialmedia li a.flickr {background-position:-75px -25px;}
ul.socialmedia li a.orkut {background-position:-100px -25px;}
ul.socialmedia li a.email {background-position:-125px -25px;}
ul.socialmedia li a:hover {background:url(../images/social-media.gif) no-repeat;}
ul.socialmedia li a.tweet:hover {background-position:0px 0px;}
ul.socialmedia li a.facebook:hover {background-position:-25px 0px;}
ul.socialmedia li a.youtube:hover {background-position:-50px 0px;}
ul.socialmedia li a.flickr:hover {background-position:-75px 0px;}
ul.socialmedia li a.orkut:hover {background-position:-100px 0px;}
ul.socialmedia li a.email:hover {background-position:-125px 0px;}

ul.con {display:block;width:228px;float:right;}
ul.con li {display:block;float:left;}
ul.con li.tel {
	background-image: url(../images/tel.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 31px;
	width: 127px;
}
ul.con li a.chat {
	background-image: url(../images/chat.gif);
	display:block;
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 31px;
	width: 98px;
}

#innertop {
	height:90px;
	padding-left:5px;
	  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 1px inset, white 0px -1px 1px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 1px inset, white 0px -1px 1px inset;
  -o-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 1px inset, white 0px -1px 1px inset;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 1px inset, white 0px -1px 1px inset;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.05))), rgba(255, 255, 255, 0.4);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), rgba(255, 255, 255, 0.4);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), rgba(255, 255, 255, 0.4);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), rgba(255, 255, 255, 0.4);
  background: linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), rgba(255, 255, 255, 0.4);

}

#innertop h1 {font-size:3.2em;padding-top:15px;color:#5C2F02;}
#innertop p {font:bold 12px/18px Arial, Helvetica, sans-serif;margin-top:2px;color:#874E00;}
#innertop a {color:#D35203;}
#innertop a:hover {text-decoration:underline;}

.topicon {float:right;}

#mid {
	margin-top: 15px;
}

#content {Width:680px;float:left;}
#content h2 {margin-top:15px;font-size:18px;margin-bottom:5px;color:#512902;}
#content a.suggest, .intro a {color:#BE3333;}
#content a.suggest:hover, .intro a:hover {text-decoration:underline;}
#content p.con {margin-bottom:10px;font:normal 12px/20px Arial, Helvetica, sans-serif;color:#676767;}
#content p.intro {font:bold 13px/18px Arial, Helvetica, sans-serif;color:#333;margin-bottom:5px;}

.cta {background:#ffc608;margin-top:15px;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;font:bold 18px/28px Arial, Helvetica, sans-serif;}
.cta a {float:right;display:block;background:#333;padding:5px 8px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);color:#fff;font:bold 12px/18px Arial, Helvetica, sans-serif;background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));background: -moz-linear-gradient(top,  #4A4A4A,  #333);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A4A4A', endColorstr='#333');}
.cta a:hover {background:#ed7900;}

.slideshow { display:block;border:solid 5px #eee;margin-bottom:10px;position:relative;height:220px;overflow:hidden;}

.highlight { background: #FFFFCC; padding: 3px; }

.left {float:left;}
.right{float:right;}

blockquote {font:bold 12px/24px Arial, Helvetica, sans-serif;color:#333;margin:20px 0 20px 50px;background-color:#fbfcfc;border-top:1px solid #e1e2e2;
border-bottom:1px solid #e1e2e2;background-image: url(../images/quote.gif);background-repeat: no-repeat;background-position: 5px 5px;padding:25px 15px 15px 25px;}
blockquote cite {color:#BE3333;display:block;font-style:normal;text-align:right;}

/* -------------------------------------------------- */
		
ul.polaroids { width: 680px; margin: 0 0 18px -30px; }
ul.polaroids li { display: inline; }
ul.polaroids a { background: #fff; display: inline; float: left; margin: 0 0 27px 31px; width: auto; padding: 10px 10px 15px; text-align: center; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #333; font-size: 14px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); -webkit-transform: rotate(-2deg); -webkit-transition: -webkit-transform .15s linear; -moz-transform: rotate(-2deg); }
ul.polaroids img { display: block; width: 175px; margin-bottom: 12px; }
ul.polaroids a:after { content: attr(title); }
		
ul.polaroids li:nth-child(even) a { -webkit-transform: rotate(2deg);  -moz-transform: rotate(2deg); }
ul.polaroids li:nth-child(3n) a { -webkit-transform: none; position: relative; top: -5px;  -moz-transform: none; }
ul.polaroids li:nth-child(5n) a { -webkit-transform: rotate(5deg); position: relative; right: 5px;  -moz-transform: rotate(5deg); }
ul.polaroids li:nth-child(8n) a { position: relative; right: 5px; top: 8px; }
ul.polaroids li:nth-child(11n) a { position: relative; left: -5px; top: 3px; }
		
ul.polaroids li.messy a { margin-top: -375px; margin-left: 160px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); }
		
ul.polaroids li a:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); position: relative; z-index: 5; }

.facultyinfo {margin:5px 0; width:100%;}
.facultyinfo img {float:left;margin:0 8px 7px 0;padding:2px; border:solid 1px #eee;}
.facultyinfo h3 {font-size:18px;margin-top:5px;}
.facultyinfo span {color:#999;margin-bottom:5px;display:block;font:bold 11px Arial, Helvetica, sans-serif;}

.programs{margin-top:10px;}
.course{padding:5px;background-color:#F8FAFA;margin-bottom:20px;float:left;width:670px;font:normal 11px Arial, Helvetica, sans-serif;}
.course p {margin-bottom:5px;}
.course a {color:#ed7900;}
.course:hover {background-color:#F8F4E8;cursor:pointer;}
.course img {width:140px;height:100px;float:left;margin-right:7px;}
.course h3 {font-size:16px; text-transform:uppercase;margin-bottom:7px;}
.course ul{}
.course ul li {line-height:18px;float:left;width:242px;display:block;background-image: url(../images/arrow1.gif);background-repeat: no-repeat;padding-left: 19px;background-position: 2px 3px;}
.course ul li a{color:#333;}
.course ul li a:hover{color:#BE3333;}

.info {background:#F7F7F7;padding:5px; margin-top:10px;font:normal 12px/20px Arial, Helvetica, sans-serif;color:#676767;}
.small {font-size:11px;}
.duration {font:bold 11px/17px Arial, Helvetica, sans-serif;color:#676767;}

ul.more {margin-left:-110px;}
ul.more li {float:left;margin-left:110px;}
ul.more li a {display:block;color:#333;background-color:#EEF2F2;padding:5px;}
ul.more li a:hover {background-color:#F8F4E8;color:#BE3333;}
ul.more li span {display:block;margin-top:3px;text-align:center;font:bold 12px Arial, Helvetica, sans-serif;}

ul.creations {margin:-13px;margin-top:2px;}
ul.creations li {display: inline;float: left;margin-left: 13px;margin-bottom:15px;}
ul.creations li a {display: block;background:#F2F2F2;width: 154px;height: 120px;color:#646464;border: 1px solid #E0E0E0;padding:2px;text-align:center;-moz-border-radius: 5px; -webkit-border-radius: 5px;overflow:hidden;}
ul.creations li a:hover{filter: alpha(opacity=70);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity: 0.7;opacity:0.7;}
ul.creations li img{margin-bottom:4px;}
ul.creations li span {font:bold 11px/18px Arial, Helvetica, sans-serif;}

ul.contact {margin-left:-25px;}

ul.contact h3{font-size:14px;font-weight:bold;}

ul.contact p.add {font-size:11px;}

ul.contact li {width:194px;display:inline-block;float:left;margin-left:25px;background-color:#F8F8F8;-moz-border-radius:7px;-webkit-border-radius:7px;padding:8px;font:normal 12px/20px Arial, Helvetica, sans-serif;color:#676767;box-shadow: 2px 2px 2px 0 #BBB;-moz-box-shadow:2px 2px 2px 0 #BBB;margin-bottom:25px;}

ul.contact li a.email {color:#676767;}
ul.contact li a.email:hover{color:#ed7900;}

.enquiry {display:block;text-align:right;}
.enquiry a{color:#ed7900;font-weight:bold;}
.enquiry a:hover {color:#676767;}

ul.news {margin-bottom:10px;}
.news li{margin-bottom:20px;display:block;background-color:#F4F4F4;padding:8px;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);-moz-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2);}
.news h3 {font-size:18px;color:#333;margin-bottom:10px;}
p.desc {font:normal 12px/20px Arial, Helvetica, sans-serif;color:#676767;}
.news a {color:#333;}
p.info {background-color:#E5E5E5;display:block;padding:0;margin:12px -8px -8px -8px;}
span.date {color: #333;font-style: italic; font-weight:bold;float:left;display:block;padding:6px;}
a.cont {display: block;float: right;font-weight: bold;color:#fff; background-color:#727272;padding:6px;}
a.cont:hover {background-color:#ed7900;}

.franpro {display:block;width:200px;height:42px;float:left;margin-left:100px;text-indent:-9999px;background-image: url(../images/franchise_proposal.gif);
background-repeat: no-repeat;border:solid 1px #eee;margin-bottom:25px;}
.procost{display:block;width:200px;height:42px;float:left;margin-left:100px;text-indent:-9999px;background-image: url(../images/projected_cost.gif);
background-repeat: no-repeat;border:solid 1px #eee;margin-bottom:25px;}




#sidebar {
	width:250px;
	float:right; 	
}

#sidebar ol.sidenav {
	display:block;
	background-color:#f8f4e8;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	padding:10px;
	margin-bottom:15px;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);
	-moz-box-shadow:0 0 4px rgba(0,0,0,.2);
	box-shadow:0 0 4px rgba(0,0,0,.2);
}
#sidebar ol.sidenav li {list-style-type: decimal;list-style-position: inside;font:bold 11px/22px Arial, Helvetica, sans-serif;}
#sidebar ol.sidenav li span {display:block;float:right;text-align:left;width:204px;line-height:22px;}
#sidebar ol.sidenav li a{color:#55461A;}
#sidebar ol.sidenav li a:hover{color:#ed7900;}
#sidebar ol.sidenav li a.selected{color:#ed7900;}
#sidebar span.navhead {font-size:20px; text-transform:uppercase;display:block;padding-bottom:5px; border-bottom:dotted 1px #727272;color:#727272;margin-bottom:5px;}

.enquiryform {
	background:#ececec;
	height:261px;
	padding:20px;
	width:210px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);
	-moz-box-shadow:0 0 4px rgba(0,0,0,.2);
	box-shadow:0 0 4px rgba(0,0,0,.2);
}
.enquiryform h2 {font-size:20px;margin:0 0 10px;color:#727272;}
.enquiryform form {}
.enquiryform form ul {}
.enquiryform form ul li { padding:4px 0 }
.enquiryform form ul li span {background:url(../images/bg-form.gif);display:block;float:left;height:22px;padding:6px 5px 0 8px;width:191px;}
.enquiryform form ul li.pc span { background:url(../images/bg-form.gif) 0 -29px; width:82px }
.enquiryform form ul li.pc span.p { margin-right:13px; }
.enquiryform form ul li.m span { background:url(../images/bg-form.gif) 0 bottom; height:73px }
.enquiryform form ul li.action span { background:none; height:auto; padding:0; width:auto; float:right; margin-right:8px; }		
.enquiryform form ul li span input {background:none;border:none;color:#999;}
.enquiryform form ul li.pc span input { width:75px }			
.enquiryform form ul li span textarea {background:none;border:none;color:#999;font-size:12px;font-family:arial;height:60px;overflow:hidden;width:185px;}
.enquiryform form ul li.action span input {background:url(../images/btn-submit.gif) 0 0;cursor:pointer;height:34px;width:93px;}
.enquiryform form ul li.action span input:hover { background:url(../images/btn-submit.gif) 0 bottom; }

.newsletter {
	margin-top:15px;
	padding:8px;
	background-color:#F1F5F5;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);
	-moz-box-shadow:0 0 4px rgba(0,0,0,.2);
	box-shadow:0 0 4px rgba(0,0,0,.2);
}
.newsletter h2 {font-size:20px;margin:0 0 10px;color:#727272;float:left;}
.newsletter input {width:180px;border:solid 1px #C9D6D6;height:20px;font:normal 12px/20px Arial, Helvetica, sans-serif;padding-left:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.newsletter input:focus {background-color:#F8F7F1;}
.newsletter .btn{float:right;width:23px;height:23px;border:none;margin-right:15px;}

.map {margin-bottom:15px;}



.yello {color:#ed7900;}
.grey {color:#512902;}
.head {font:bold 13px/20px Arial, Helvetica, sans-serif;color:#333;}
.des{font-size:11px;display:block;font-weight:normal;}
.list, .num {margin-bottom:5px;}
ul.list li{
	font:bold 11px/18px Arial, Helvetica, sans-serif;
	padding:5px 5px 5px 12px;
	background-image: url(../images/arrow3.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: 2px 11px;
	color:#676767;
}
ol.num li {background:none;padding:5px;list-style-type: decimal;list-style-position: inside;font:bold 11px/18px Arial, Helvetica, sans-serif;color:#676767;}

#footer {
	margin-top:15px;
	padding: 5px 5px;
	border: 1px solid #333;
	background:#333;
}
#footer ul.botNav{width:630px;display:block;float:left;}
#footer ul.botNav li{float:left;font:bold 10px Arial, Helvetica, sans-serif;color:#fff;background-color:inherit;padding:2px 0;}
#footer ul.botNav li a{display:inline-block;padding:0 5px;color:#fff;background-color:inherit;text-decoration:none;text-transform:uppercase;float:left;}
#footer ul.botNav li a:hover{color:#F7C602;}
#footer p.copyright{float:right;width:250px;font:bold 11px/17px Arial, Helvetica, sans-serif;color:#fff; text-align:right;}

#content table.data  {border-collapse: collapse; margin: 0; width: 100%;border: 1px solid #E4E4E4; border-right: none; margin-top:10px;}
#content table.data thead {border-bottom: 1px solid #E4E4E4; }
#content table.data thead th{color:#FFF;text-align:left;text-transform:uppercase;background-color: #ED7900;padding:10px 10px 10px 20px;font:bold 13px Arial, Helvetica, sans-serif;}

#content table.data td {line-height: 19px;vertical-align: middle;border-right: 1px solid #E4E4E4;height: 35px;padding:5px 10px 5px 20px;background-color: #F4F4F4;font:normal 12px Arial, Helvetica, sans-serif;color:#676767;}

#content table.data tr.odd td { background: #fff;}

/* pagination */
ul#creations {
	width:700px;
	overflow:hidden;
}
#pagination {
	float:right;
	margin-top:10px;
}
#pagination li{
	background:#eee;
	border:solid 1px #E1E1E1;
	padding:5px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-right:10px;
	float:left;
	cursor:pointer;
}
#pagination li.current{
	background:#f8f4e8;
}

/*MOUSEOVER*/
#contnt table.data tr.over td,
#content table.data tr:hover td {cursor: pointer;background-color: #E8E4DE;}
.download{ margin-top:15px; }

.ctadownload{
	display:block;
	background:#333 url(../images/download-arrow.png) no-repeat 7px 10px;
	color:#eee !important;
	padding:10px 10px 10px 30px;
	font-weight:bold;
	font-size:16px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	cursor:pointer;
	margin:25px 25px 0 0;
}
.ctadownload:hover{
	text-decoration:none !important;
	background:#e24619 url(../images/download-arrow.png) no-repeat 7px 10px;
}

