@charset "UTF-8";
/* CSS Document */
* {

}
body {
	font-family: Arial;
	color: #F7EAC3;
	font: 100%;
	background-color: #232222;
	margin: 20px 0 0 0;
	padding: 0;
	color: #fff;
	overflow-x: hidden;
}
#njschool {
	position: absolute;
	bottom: 26px;
	left: 130px;
}
#njschool-reg {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
#njschool-index {
	position: absolute;
	bottom: 1px;
	right: 67px;
}

/* Content Bkgs */

#content-index {
	height: 460px;
	background-image: url(images/chest-bkg.jpg);
	background-position: top;
	position: relative;
}
#content-about {
	background-image: url(images/about-bkg.jpg);
	background-position: top;
	background-repeat: repeat-y;
	position: relative;
}
#content-gallery {
	background-image: url(images/gallery_img/gallery-bkg.jpg);
	background-position: top;
	background-repeat: repeat-y;
	height: 2130px;
}
#content-staff {
	background-image: url(images/staff_img/staff-bkg.jpg);
	background-position: top;
	background-repeat: repeat-y;
	height: 1150px;
}
#content-faq {
	background-image: url(images/faq_img/faq-bkg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 1232px;
}
#content-portfolio {
	background-image: url(images/portfolio_img/portfolio-bkg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 860px;
}
#content-registration {
	background-image: url(images/registration_img/registration-bkg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 447px;
	position: relative;
}
#content-contact {
	background-image: url(images/contact_img/contact-bkg.jpg);
	background-position: top;
	background-repeat: repeat-y;
	height: 387px;
}
#content-form {
	background-color: #dcd5ae;
}
/* end Content Bkgs */

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}
a:link {
	color: #F7EAC3;
	text-decoration: none; 
}
a:visited {
	color: #F7EAC3;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
    color: #eeeeee; 
	text-decoration: none;
}
.content {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 20px;
	margin-top: -3px;
	background-color: #333;
	color: #F7EAC3;
}
#top-banner100 {
	width: 100%;
	height: 85px;
	min-width: 960px;
	z-index: 999999;

	
}
#top-banner900 {
	position: relative;
	background-image: url(images/topbanner.png);
	background-position: top;
	width: 900px;
	margin: 0 auto;
	height: 85px;
	z-index:99;
	
}
#content960 {
	width: 960px;
	margin: 0 auto;
}

#footer100 {
	
	
	margin-top:1px;
	
	min-width: 960px;
}
#footer900 {
	position: relative;
	background-image: url(images/top-banner.png);background-position: top;
	font-family: "Courier New", Courier, monospace;
	font-size: 10px;
	width: 870px;
	margin: 0 auto;
	padding: 10px 15px;
	text-shadow: black 0.1em 0.1em 0.2em;
}
input.footer-form {
	font-family: "Courier New", Courier, monospace;
	font-weight: bolder;
	border: none;
	width: 100%;
	font-size: 11px;
	background-color: #c7bf9d;
	color: #333b3e;
	height: 14px;
}
#logo {
	position: absolute;
	top: 5px;
	left: 4px;
	z-index: 1;
}
#nav {
	position: absolute;
	top: 35px;
	right: -25px;
	width: 711px;
	height: 26px;
}
#nav a {
	text-shadow: black 0.1em 0.1em 0.2em
}
#nav ul li {
	list-style-type: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	float: left;
	padding: 0 12px;
	letter-spacing: 1px;
}
.divider {
	border-right: thin solid #F7EAC3;
	
}

/* index page styles */
#cover-photo {
	position: absolute;
	left: 472px;
	top: 186px;
}
#top-text {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	left: 526px;
	top: 60px;
	width: 298px;
	color: #c7bf9d;
}
#photo1 {
	position: absolute;
	left: 11px;
	top: 73px;
	z-index: 5;
}
#photo2 {
	position: absolute;
	left: 84px;
	top: 179px;
	z-index: 4;
}
#photo3 {
	position: absolute;
	left: 35px;
	top: 331px;
	z-index: 5;
}
#register-now {
	position: absolute;
	left: 280px;
	top: 338px;
	z-index: 6;
}
#social {
	position: absolute;
	top: 7px;
	right: 9px;
}
#mailinglist {
	position: absolute;
	left: 631px;
	top: 8px;
	width: 174px;
}
input {}
#submit {
	position: absolute;
	top: 5px;
	left: 748px;
}
#desc {
	position: absolute;
	top: 9px;
	left: 449px;
	font-size: 13px;
	width: 191px;
	color: #F7EAC3;
}
#social img {
float: left;	
}
#footer960 a {
	color:#000;
}
span {
	color: #F7EAC3;	
}
div#desc input {
	width: 140px; 
	color: #000; 
	background-color: #F7EAC3;
}

/* About page styles */
#about-header {
	position: absolute;
	left: 95px;
	top: 48px;
	z-index: 5;
	opacity: 0.8;
}
#about-top-photo {
	position: absolute;
	left: 213px;
	top: 517px;
	z-index: 4;
}
#photo3! {
	position: absolute;
	left: 35px;
	top: 331px;
	z-index: 5;
}
#about-register-now {
	left: 781px;
	top: 1170px;
	z-index: 6;
	text-align: center;
	margin-bottom: 5px;
	margin-top: -23px;
}
#about-cover-photo {
	position: absolute;
	left: 606px;
	top: 63px;
}
#message {
	width: 720px;
	margin: 0 auto;
	margin-top: 275px;
	font-size: 16px;
}
#message p {
	font-size: 12px;
	margin: 15px 0;
	padding: 0;
	line-height: 19px;
	text-align: justify;
}
#about-bottom {
	width: 874px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 0px;
}

/* Gallery Styles */
#gallery-register-now {
	position: absolute;
	left: 79px;
	top: 2032px;
	z-index: 6;
}
#gallery-wrap {
	position: relative;
	margin: 0 auto;
	margin-top: 25px;
	height: 1645px;
	padding-left: 72px
}
#gallery-description {
	font-size: 16px;
	position: justify;
	width: 710px;
	margin: 0 auto;
	margin-top: 5px;
	text-align: justify;
	line-height: 23px;
	margin-bottom: 33px;
	word-spacing: 1px;
}
.gallery-img {
	float: left;
	width: 226px;
	height: 365px;
	margin-right: 47px;
	margin-left: 0px;
	margin-bottom: 40px;
}
.gallery-img img {width:100%; height: 100%;}

#testimonial-bottom {
	width: 473px;
	position: absolute;
	top: 1384px;
	right: 78px;
}
#testimonials-title img {
	width:100%
	
	
}
#testimonials-description {
	margin-top: -55px;
	font-size: 11px;
	line-height: 16px;
	text-align: justify;
}
#testimonials-description p {
	margin:0; padding:0;
}
.author {
	text-align: right;
	margin-bottom: 15px;
}
#gallery-totop {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 6;
}
#about-totop {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 6;
}
/* Staff Styles */

#staff-description {
	font-size: 14px;
	position: justify;
	width: 750px;
	margin: 0 auto;
	margin-top: 5px;
	text-align: justify;
	line-height: 18px;
	margin-bottom: 33px;
	text-align: center;
	color: #FFF;
}
#staff-register-now {
	position: absolute;
	left: 813px;
	top: 1077px;
	z-index: 6;
}
#staff-totop {
	position: absolute;
	left: 817px;
	top: 1191px;
	z-index: 6;
}
#staff-wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-top: 95px;
	height: 450px;
}
#staff-col1 {
	position: absolute;
	left: 8px;
	top: 59px;
	width: 141px;
	height: 329px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding-top: 30px;
	line-height: 25px;
}
#staff-col2 {
	position: absolute;
	left: 156px;
	top: 0px;
	width: 110px;
	height: 398px;
}
#staff-col3 {
	position: absolute;
	left: 274px;
	top: 62px;
	width: 120px;
	height: 397px;
}
#staff-col4 {
	position: absolute;
	left: 392px;
	top: 36px;
	width: 115px;
	height: 393px;
}
#staff-col5 {
	position: absolute;
	left: 510px;
	top: 93px;
	width: 118px;
	height: 391px;
}
#staff-col6 {
	position: absolute;
	left: 627px;
	top: 0px;
	width: 121px;
	height: 394px;
}
#staff-col7{
	position: absolute;
	top: 46px;
	width: 138px;
	height: 349px;
	right: 9px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding-top: 30px;
	line-height: 25px;
}
#staff-bottom {
	width: 699px;
	margin: 0 auto;
}
#staff-bottom-text {
	width: 699px;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	margin-top: -80px;
	height: 80px;
}
#staff-bottom-img {
	width: 699px;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
}
/* Camp FAQ Styles */
.blue {
	color: #b8c9d1;
	font-weight: bold;
}
#faq-rigth-col {
	position: absolute;
	width: 366px;
	left: 486px;
	top: 57px;
	color: #000;
	font-size: 10.5px;
}
#faq-rigth-col span {
	color: #a90000;
}
#faq-register-now {
	position: absolute;
	left: 323px;
	top: 336px;
	z-index: 6;
}
#faq-register-now2 {
	position: absolute;
	rigth: 23px;
	bottom: 115px;
	z-index: 6;
	right: 48px;
}

#faq-totop {
	position: absolute;
	right: 31px;
	bottom: 46px;
	z-index: 6;
}
#slideshow-container {width:338px; height:350px; position:relative; }
#slideshow-container img {
	display: block;
	position: absolute;
	top: -35px;
	left: 27px;
	z-index: 1;
	opacity: 0;
	bottom: -10px;
}
/* Registration Styles */
#reg-left {
	position: absolute;
	width: 360px;
	height: 468px;
	left: 0px;
	top: 10px;
	}
#reg-right {
	position: absolute;
	left: 454px;
	top: 31px;
	width: 419px;
	height: 160px;
	line-height: 12px;
	}
#paynow {
	position: absolute;
	left: 246px;
	bottom: 2px;
	}
#reg-right span {
	color: #fff;
}
#reg-right-bottom {
	color: #fff;
	font-size: 14px;
	position: absolute;
	left: 433px;
	top: 167px;
	width: 400px;
	height: 337px;
	background-image: url(images/registration_img/dashed-frame.png);
	padding: 20px;
	background-repeat: no-repeat;
	padding-top: 25px;
	}
#reg-right-bottom span{	
	color: #F7EAC3;
}

/* Portfolio Styles */
#port-totop {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 6;
}
#port-info {
	position: absolute;
	font-size: 14px;
	font-weight: normal;
	width: 350px;
	left: 29px;
	top: 545px;
	color: #ffffff;
	line-height: 24px;
	text-align: justify;
}
#port-video {
	position: absolute;
	width: 345px;
	height: 345px;
	left: 10px;
	top: 194px;
	color: #ffffff;
}
#port-right-text {
	position: absolute;
	width: 492px;
	right: 13px;
	top: 157px;
	height: 745px;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
}
#portfolio-register-now {
	position: absolute;
	left: 40px;
	top: 798px;
	z-index: 6;
}
#tag {
	position: absolute;
	top: 710px;
	right: 0px;
}
#job-list {
	margin-left: 20px;
	 :200px; 
	float: left;
"
; 			margin-right: 20px;
}
#schools {
	line-height: 20px;">FASHION INSTITUTE OF TECHNOLOGY (FIT) <span style="font-size: 12px;
}
#schools span {
	font-size: 12px;
}

/* Contact Styles */

input.contact-form {
	border: none;
	font-family: Arial;
	margin-bottom: 10px; 
	width: 100%; 
	height: 25px; 
	font-size: 14px;
	background-color: #c7bf9d;
	color: #000;
}
textarea {
	border: none;
	font-family: Arial;
	margin-bottom: 10px; 
	width: 100%; 
	height: 65px; 
	font-size: 18px;
	background-color: #c7bf9d;
	color: #000;	
}
label {
	color: #fff;
	font-size: 15px;
}
#contact-form {
	position: absolute;
	width: 364px;
	left: 83px;
	top: 133px;
	height: 330px;
}
#contact-right {
	position: absolute;
	width: 386px;
	right: 39px;
	top: 12px;
	height: 438px;
}
#contact-desc {
	position: absolute;
	font-style: italic;
	font-weight: normal;
	width: 368px;
	left: 71px;
	top: 80px;
}
#contact-info {
	position: absolute;
	font-size: 14px;
	font-weight: normal;
	width: 300px;
	left: 70px;
	top: 375px;
	color: #ffffff;
}
