@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; background-color:#000; font-family:Arial, Helvetica, sans-serif;}
.clear{clear:both; margin:0; padding:0}
#wrapper{width:100%;}
#top_container{width:100%; background-image:url(../images/nav-bg.png); background-repeat:repeat-x; height:66px}
#top_nav{width:1000px; margin:0 auto; font-family: 'Salsa', cursive;}
.menu{border:none;border:0px;margin:0px;padding:0px;font-size:13px;font-weight:normal; }
.menu ul{height:47px;list-style:none;margin:0;padding:12px 0 0 0 ;}
.menu li{	float:left;	padding:0px;}
.menu li a{color:#000;	display:block;	font-weight:normal;	line-height:35px;	margin:0px;	padding:0px 8px;text-align:center;text-decoration:none;}
.menu li a:hover, .menu ul li:hover a{color:#FFFFFF;text-decoration:none;}
.menu li ul{background-image:url(../images/menu-bg.png); background-repeat:repeat;display:none;	height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:225px;z-index:200;}
.menu li:hover ul{display:block;}
.menu li li {display:block;float:none;margin:0px;padding:0px;width:225px}
.menu li:hover li a{background:none;}
.menu li ul a{display:block;height:35px;font-size:12px;font-style:normal;margin:0px;padding:0px 10px 0px 15px;text-align:left;}
.menu li ul a:hover, .menu li ul li:hover a{background:#000 ;border:0px;	color:#ffffff;text-decoration:none;}
.menu p{clear:left}	

#logo{width:178px; height:142px; float:left; background-image:url(../images/logo.png); background-repeat:no-repeat;   z-index:999}
#logo a{width:178px; height:142px; float:left; display:block;}
#logo a:hover{}




#banner{width:100%; background-image:url(../images/banner.png); background-position:center top; height:500px}
.banner_box{width:366px; height:210px; margin:auto; padding-top:90px}
.lady{width:63px; height:183px; background-image:url(../images/lady.png); background-repeat:no-repeat; float:left; margin-top:10px}
.man{width:89px; height:202px; background-image:url(../images/man.png); background-repeat:no-repeat; float:right; margin-right:70px}
.text{width:143px; float:left;font-family: 'Playball', cursive; font-size:22px; font-weight:normal}
#main_container{width:100%; background-image:url(../images/container-bg.png); background-repeat:repeat;}
#main_panel{width:1000px; margin:0 auto}
.crab{width:150px; height:306px; float:left; background-image:url(../images/crab.png); background-repeat:no-repeat; margin-top:50px}
.text-container{width:500px; height:353px; float:left; background-image:url(../images/text-container.png); padding:15px; background-repeat:no-repeat; }

.text-container h2{list-style:none; color:#3c2209;font-family: 'Salsa', cursive; font-weight:normal; font-size:22px; margin:0; padding:30px  0 0 20px}
.text-container p{font-size:12px;  color:#000; padding:20px 35px 0 20px}
.awards{width:297px; height:362px; float:left; background-image:url(../images/awards.png); background-repeat:no-repeat;}
.students_work{width:421px; height:183px; float:left; background-image:url(../images/students-work.png); background-repeat:no-repeat; font-size:18px; font-weight:bold; color:#b55d12; font-family: 'Salsa', cursive; padding-top:80px; padding-left:120px}

#placement{width:350px; height:318px; float:left; background-image:url(../images/placement.png); margin-left:20px; padding-left:70px }
#placement h2{list-style:none; color:#fff;font-family: 'Salsa', cursive; font-weight:normal; font-size:22px; margin:20px 0 0 -70px; padding:30px  0 0 0; text-align:center}

#bottom_cell{width:495px; height:243px; float:left; background-image:url(../images/text-box1.png)}
#bottom_cell1{width:279px; height:247px; float:left; background-image:url(../images/text-box2.png); margin-left:5px}

.animation{width:245px; float:left}
.ad{width:215px; height:215px; float:left; margin-left:5px; margin-top:25px }

#footer{width:100%; background-image:url(../images/bg-footer.png); background-position:center top; height:380px}
#footer_container{width:1000px; margin:0 auto}
#footer_container ul{width:200px; float:left}
#footer_container ul li{width:200px; float:left; list-style:none; color:#000; font-size:12px; padding:5px; text-align:left;font-weight:bold}
#footer_container ul li a{text-decoration:none; color:#000; font-weight:bold}
#footer_container ul li a:hover{color:#ccc;}
#footer_container ul li h2{width:200px; float:left; list-style:none; color:#3c2209;font-family: 'Salsa', cursive; font-weight:normal; font-size:24px}
h3{list-style:none; color:#3c2209;font-family: 'Salsa', cursive; font-weight:normal; font-size:16px; margin:0; padding:0}
#bottom_cell1 p{font-size:12px; padding:15px 0 0 25px; color:#fff}
#bottom_cell p{font-size:12px;padding:15px 0 0 15px; }

#bottom_cell1 p a{color:#C1993D; font-weight:bold; text-decoration:none}
#bottom_cell p a{ color:#C1993D;font-weight:bold; text-decoration:none}
#bottom_cell1 p a:hover{ color:#fff;font-weight:bold;}
#bottom_cell p a:hover{color:#ccc;font-weight:bold;}




.thumbnail1 img{float: left;margin: 0 0px 8px 0;}
.thumbnail1{float: left;width:80px; height:130px; 
border: 1px solid #76603C;
margin: 50px 10px 15px 0;
padding: 3px 3px 10px 3px ; text-align:center; font-weight:bold; color:#76603C; font-size:11px;}
.thumbnail1 a{color:#fff; text-decoration:none;}
.thumbnail1 a:hover{color:#FF0000;}
.clearboth1 { clear: both; }


#about_panel{width:569px; float:left}
#top {
    background-image: url("../images/content-top.png");
    background-repeat: no-repeat;
    float: left;
    height:67px;
    width: 610px;
}

#bottom {
    background-image: url("../images/content-bottom.png");
    background-repeat: no-repeat;
    float: left;
    height: 99px;
    width: 610px;
}


#mid {
    background-image: url("../images/content-mid-bg.png");
    background-repeat: repeat-y;
    float: left;
    width: 610px;
}

#text_content {
    background-image: url("../images/content.png");
    background-repeat: repeat-y;
    float: left;
    margin-left:26px;
    width:527px; padding:15px;
}


#text_content h2 {
   width:500px; float:left; list-style:none; color:#3c2209;font-family: 'Salsa', cursive; font-weight:normal; font-size:24px; margin:0 0 20px 0; padding:4px 20px; border-bottom:4px #76400E double;
}
#text_content p { float:left;font-size:12px;padding:5px 5px 5px  20px; margin:0; }
#text_content p a {color:#B55D12; font-weight:bold; text-decoration:none; }
#text_content p a:hover {color:#000; font-weight:bold; text-decoration:none; }
#text_content img { margin-right:8px; float:left;}


#text_content1 {
    background-image: url("../images/content.png");
    background-repeat: repeat-y;
    float: left;
    margin-left:26px;
    width:527px; padding:15px;
}


#text_content1 h2 {
   width:500px; float:left; list-style:none; color:#3c2209;font-family: 'Salsa', cursive; font-weight:normal; font-size:24px; margin:0 0 20px 0; padding:4px 20px; border-bottom:4px #76400E double;
}
#text_content1 p { font-size:11px; margin:0; text-align:center }
#text_content1 p a {color:#B55D12; font-weight:bold; text-decoration:none; }
#text_content p a:hover {color:#000; font-weight:bold; text-decoration:none; }

#pen{width:34px; height:657px; float:left; background-image:url(../images/right-des.png); background-repeat:no-repeat; float:left; z-index:999; margin-top:40px}
#right{width:300px; float:left; margin-left:20px;}

#course{width:300px; float:left; padding-top:10px}
#course ul{ margin:0 0 0 40px; padding:0;}
#course ul li{ padding:8px; border-bottom:1px dashed #BB6D2F; list-style:none;}
#course ul li a{color:#fff; text-decoration:none; font-size:12px; }


ul.boxy {
    list-style: none outside none;
    margin: 10px 0 0  0;
    padding: 0 0 0 20px;
    position: relative;
    z-index: 1;
}
.masking_tape {
    background: url("../images/masking_tape.png") no-repeat scroll 0 0 transparent;
    height: 28px;
    left: 1.2em;
    margin-top: -30px;
    position: absolute;
    width: 22px; 
}
.masking_tape_2 {
    background: url("../images/masking_tape.png") no-repeat scroll 0 0 transparent;
    height: 28px;
    margin-top: -30px;
    position: absolute;
    right: 1.2em;
    width: 22px;
}
ul.boxy li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EFEFEF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    display: inline-block;
    margin: 0 3% 5% 0;
    padding: 2%;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 26.8%; float:left
}
ul.boxy li:before, ul.boxy li:after {
    -moz-transform: skew(-15deg) rotate(-6deg);
    bottom: 10px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    content: "";
    height: 55%;
    left: 10px;
    max-height: 100px;
    max-width: 300px;
    position: absolute;
    width: 70%;
    z-index: -1;
}
ul.boxy li:after {
    -moz-transform: skew(15deg) rotate(6deg);
    left: auto;
    right: 10px;
}
ul.boxy li:nth-child(3n+3) {
    margin-right: 0 !important;
}
ul.boxy li img {
    max-width: 100%;
    width: 100%;
}
ul.boxy li a img {
    background: none repeat scroll 0 0 transparent !important;
}
ul.boxy p {
    margin-bottom: 0; font-weight:bold; text-align:center; font-size:11px;
}

ul.course1{padding:0px; margin-top:10px; float:left; width:550px; margin-bottom:10px; font-size:12px; font-weight:bold}
ul.course1 li{width:240px;margin-right:7px; float:left; text-align:left; background-image:url(../images/arrow.png); background-repeat: no-repeat; background-position:left center ; padding:3px 0 3px 20px; list-style:none  }
ul.course1 li a{text-decoration:none; color:#000000; }