/* CSS Document */

/*Font For header*/
@font-face{
	font-family:'Budhand';
	src:url('budhand_bold.ttf'),url('http://www.mediafont.com/storage/contents/659/font.eot'); /* IE */
	font-weight:bold;
	}
/*Font Ends*/

/*Font for sheet 2*/
@font-face{
	font-family:'wichita';
	src:url('WICHITA_.TTF');
	}

@font-face{
	font-family:'NanumPen';
	src:url('NanumPen.otf'), url('NanumPenScript-Regular.ttf');
	}
@font-face{
	font-family:'Medulla';
	src:url('meduo.ttf');
	}
/*Font ends*/

/*Font For Sheet-3*/
@font-face{
	font-family:'HelveticaNeue';
	src:url('HelveticaNeue-Roman.otf');
	}
@font-face{
	font-family:'HelveticaNeueBold';
	src:url('HelveticaBold.ttf');
	font-weight:bold;
	}
@font-face{
	font-family:'OldEnglish';
	src:url('CloisterBlack.ttf');
	}
/*Font Ends*/

/*Font For CC*/
@font-face{
	font-family:'Myraid';
	src:url('MYRIADPRO-REGULAR.OTF'); /* IE */
	font-weight:bold;
	}
@font-face{
	font-family:'MyraidBold';
	src:url('MyriadPro-Bold.otf'); /* IE */
	font-weight:bold;
	}
/*Font Ends*/

html{
	background:#E3DDD9 url(../images/html-bg.png) repeat-x top;
	}
a{
	text-decoration:none;
	color:#000;
	}
.half{
	width:48%;
	}
.clear{
	clear:both;
	}
.left{
	float:left;
	}
.right{
	float:right;
	}
.center{
	margin-left:auto;
	margin-right:auto;
	}
.border{
	border:#000 1px solid;
	}
.white{
	color:#FFF;
	}
.grey{
	color:#333;
	}
/*Layout*/
#holder, #main, #box{
	width:1200px;
	height:1000px;
	overflow:hidden;
	}

#main{
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
#holder{
	margin-top:-7px;	
	}
#box{
	position:absolute;
	z-index:100;
	}
#container{
	margin-top:-7px;	
	width:1200px;
	min-height:800px;
	}
/*Layout Ends*/

/*Background classes*/
.chevolar-communications2{
	background-image:url(../images/cc-bg.jpg);
	background-repeat:no-repeat;
	}
.chevolar-communications{
	background-image:url(../images/cc-bg-2.jpg);
	background-repeat:no-repeat;
	}
.joan{
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
.publications{
	background-image:url(../images/publications-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
.course{
	background-image:url(../images/course-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
.contact{
	background-image:url(../images/contact-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}

/*BAckground classes End*/

/*Top Navigation*/
#menu{
	font-family:'BudHand';
	font-weight:bold;
	font-size:16px;
	padding-top:10px;
	width:730px;
	height:20px;
	}
#menu a.active{
	background-image:url(../images/menu-bg.png);
	background-repeat:repeat-x;
	}
/*Navigation Ends*/

/**HOME PAGE CSS**/
/*Name and Picture*/
#name{
	width:560px;
	height:130px;
	position:absolute;
	margin-top:10px;
	margin-left:25px;
	z-index:1000;
	}
#picture{
	width:285px;
	height:305px;
	position:absolute;
	margin-top:85px;
	margin-left:220px;
	}
#picture-text{
	-webkit-backface-visibility: hidden;
	font-family:'BudHand';
	transform: rotate(-5deg);
	-ms-transform: rotate(-5deg); /* IE 9 */
	-webkit-transform: rotate(-5deg); /* Safari and Chrome */
	-o-transform: rotate(-5deg); /* Opera */
	-moz-transform: rotate(-5deg); /* Firefox */
	color:#FFF;
	margin-top:-70px;
	margin-left:50px;
	width:150px;
	position:absolute;
	z-index:5;
	}
#picture-caption{
	position:absolute;
	margin-top:10px;
	margin-left:-35px;
	width:325px;
	font-family:"Times New Roman", Times, serif; 
	font-weight:300; font-stretch:normal;
	text-align:center;
	}
/*Name and Picture Ends*/

/*Sheets*/
#sheet1{
	z-index:10;
	position:absolute;
	margin-left:480px;
	width:555px;
	height:732px;
	background-image:url(../images/sheet-1.png);
	background-repeat:no-repeat;
	}
#sheet2{
	margin-left:520px;
	margin-top:170px;
	width:555px;
	height:702px;
	background-image:url(../images/sheet-2.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:15;
	}
#quote{
	width:574px;
	height:137px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
	position:absolute;
	margin-left:495px;
	margin-top:310px;
	z-index:20;
	}
#sheet3{
	width:549px;
	height:584px;
	background-image:url(../images/sheet-3.png);
	background-repeat:no-repeat;
	position:absolute;
	margin-left:500px;
	margin-top:390px;
	z-index:25;
	}
#sheet4{
	width:563px;
	height:417px;
	background-image:url(../images/sheet-4.png);
	background-repeat:no-repeat;
	position:absolute;
	margin-left:500px;
	margin-top:550px;
	z-index:30;
	}
#sheet5{
	width:572px;
	height:247px;
	background-image:url(../images/sheet-5.png);
	background-repeat:no-repeat;
	position:absolute;
	margin-left:490px;
	margin-top:725px;
	z-index:35;
	}
a>span.active{
	background-image:url(../images/menu-bg.png);
	background-repeat:repeat-x;
	}
/*Sheets End*/

/*Sheet-1 Content*/
#sheet1-content{
	font-size:12px;
	margin-top:50px;
	margin-left:120px;
	width:350px;
	transform: rotate(3deg);
	-ms-transform: rotate(3deg); /* IE 9 */
	-webkit-transform: rotate(3deg); /* Safari and Chrome */
	-o-transform: rotate(3deg); /* Opera */
	-moz-transform: rotate(3deg); /* Firefox */
	-webkit-backface-visibility: hidden;
	}
#wsj{
	transform: rotate(-3deg);
	-ms-transform: rotate(-3deg); /* IE 9 */
	-webkit-transform: rotate(-3deg); /* Safari and Chrome */
	-o-transform: rotate(-3deg); /* Opera */
	-moz-transform: rotate(-3deg); /* Firefox */
	}
#sheet1-left{
	text-align:right;
	width:130px;
	}
#sheet1-right{
	padding-top:13px;
	width:215px;
	}

/*Sheet-1 Content Ends*/

/*Sheet-2 Content*/
#sheet2-content{
	font-family:'wichita';
	font-size:19px;
	font-weight:bold;
	margin-top:70px;
	margin-left:90px;
	width:380px;
	transform: rotate(-3deg);
	-ms-transform: rotate(-3deg); /* IE 9 */
	-webkit-transform: rotate(-3deg); /* Safari and Chrome */
	-o-transform: rotate(-3deg); /* Opera */
	-moz-transform: rotate(-3deg); /* Firefox */
	-webkit-backface-visibility: hidden;
	}
#quote-content{
	width:300px;
	position:absolute;
	margin-left:270px;
	margin-top:60px;
	font-size:13px;
	transform: rotate(2deg);
	-ms-transform: rotate(2deg); /* IE 9 */
	-webkit-transform: rotate(2deg); /* Safari and Chrome */
	-o-transform: rotate(2deg); /* Opera */
	-moz-transform: rotate(2deg); /* Firefox */
	-webkit-backface-visibility: hidden;
	}
/*Sheet-2 Content Ends*/

/*Sheet-3 content*/
#sheet3-content{
	margin-top:40px;
	margin-left:40px;
	width:440px;
	position:absolute;
	transform: rotate(-3deg);
	-ms-transform: rotate(-3deg); /* IE 9 */
	-webkit-transform: rotate(-3deg); /* Safari and Chrome */
	-o-transform: rotate(-3deg); /* Opera */
	-moz-transform: rotate(-3deg); /* Firefox */
	-webkit-backface-visibility: hidden;
	}
#sheet3-content-heading{
	padding-left:10px;
	font-size:36px;
	font-family:'OldEnglish';
	}
#sheet3-left{
	padding-top:10px;
	font-size:12px;
	font-family:'HelveticaNeueBold';
	text-align:right;
	width:160px;
	height:300px;
	float:left;
	}
#sheet3-right{
	font-size:11px;
	padding-top:10px;
	font-family:"Times New Roman", Times, serif;
	width:266px;
	height:300px;
	float:right;
	}

/*Sheet-3 Content ends*/

/*Sheet-4 Content*/
#sheet4-content{
	width:420px;
	margin-top:40px;
	margin-left:75px;
	position:absolute;
	height:300px;
	transform: rotate(-1deg);
	-ms-transform: rotate(-1deg); /* IE 9 */
	-webkit-transform: rotate(-1deg); /* Safari and Chrome */
	-o-transform: rotate(-1deg); /* Opera */
	-moz-transform: rotate(-1deg); /* Firefox */
	-webkit-backface-visibility: hidden;
	}
#sheet-4-content-heading{
	font-family:'HelveticaNeueBold';
	}
#sheet4-paragraph{
	margin-top:20px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	}
/*Sheet-4 Content ends*/

/*Sheet-5 Content*/
#social{
	width:130px;
	height:28px;
	position:absolute;
	margin-left:215px;
	margin-top:35px;
	}
#blog-link{
	position:absolute;
	width:50px;
	height:15px;
	margin-top:140px;
	margin-left:260px;
	}
/*Sheet-5 Content Ends*/
/**HOME PAGE CSS ENDS**/

/**********************************************/

/**Chevolar Communications CSS**/
#cc-left{
	float:left;
	font-family:'Budhand';
	text-align:right;
	width:240px;
	height:305px;
	padding-top:130px;
	margin-left:200px;
	margin-top:170px;
	border-right:1px #000 solid;
	}
#cc-left a{
	position:inherit;
	float:right;
	width:200px;
	height:25px;
	margin-top:-10px;
	padding-right:10px;
	padding-top:20px;
	color:#666;
	text-decoration:none;
	}

#cc-left a.active{
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	}

#cc-right{
	font-family:'Myraid';
	width:480px;
	margin-top:170px;
	margin-right:250px;
	float:right;
	}
#cc-wsj{
	margin-top:1160px;
	transform: rotate(-4deg);
	-ms-transform: rotate(-4deg); /* IE 9 */
	-webkit-transform: rotate(-4deg); /* Safari and Chrome */
	-o-transform: rotate(-4deg); /* Opera */
	-moz-transform: rotate(-4deg); /* Firefox */
	-webkit-backface-visibility: hidden;
	}
#cc-index{
	position:absolute;
	width:200px;
	height:230px;
	margin-left:300px;
	margin-top:70px;
	}
/**Chevolar Communications CSS ENDS**/

/**Joan CSS**/
#pictures{
	width:285px;
	height:305px;
	position:absolute;
	margin-top:75px;
	margin-left:150px;
	}
#pictures-text{
	-webkit-backface-visibility: hidden;
	font-family:'BudHand';
	font-size:36px;
	transform: rotate(-5deg);
	-ms-transform: rotate(-5deg); /* IE 9 */
	-webkit-transform: rotate(-5deg); /* Safari and Chrome */
	-o-transform: rotate(-5deg); /* Opera */
	-moz-transform: rotate(-5deg); /* Firefox */
	color:#FFF;
	letter-spacing:8px;
	margin-top:-405px;
	margin-left:20px;
	width:350px;
	position:absolute;
	z-index:5;
	}
#joan-content{
	font-family:'Myraid';
	margin-top:30px;
	margin-right:150px;
	width:470px;
	}
#joan-content b{
	font-family:'MyraidBold';
	}
/**Joan CSS ends**/

/**Contact CSS**/
#contact{
	text-align:right;
	margin-top:55px;
	margin-right:290px;
	width:260px;
	height:400px;
	}
#contact-info{
	padding-right:10px;
	}
.grey{
	color:#CCC;
	}
/**Contact CSS Ends**/

/**Publications Communications CSS**/
#pub-menu{
	color:#666;
	font-family:'Myraid';
	width:450px;
	border:#000 1px solid;
	padding:10px;
	position:absolute;
	margin-left:440px;
	margin-top:120px;
	z-index:1001;
	}
#pub-menu a{
	color:#666;
	}
#pub-menu a.active{
	color:#000;
	}
#pub-menu-2{
	display:none;
	color:#CCC;
	background-color:#797878;
	font-family:'Myraid';
	width:450px;
	padding:10px;
	position:absolute;
	margin-left:440px;
	margin-top:120px;
	z-index:1001;
	}
#pub-menu-2 a{
	color:#CCC;
	}
#pub-menu-2 a.active{
	color:#FFF;
	}

#pub-left{
	float:left;
	font-family:'Budhand';
	text-align:right;
	width:240px;
	height:290px;
	padding-top:0px;
	margin-left:200px;
	margin-top:170px;
	border-right:1px #666 solid;
	}
#pub-left a{
	position:inherit;
	float:right;
	width:200px;
	height:25px;
	margin-top:-10px;
	padding-right:10px;
	padding-top:20px;
	color:#666;
	text-decoration:none;
	}

#pub-left a.active{
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	}

#pub-right{
	font-family:'Myraid';
	width:450px;
	margin-top:170px;
	margin-right:290px;
	float:right;
	}
/**Publications CSS ENDS**/

/**Course Offering CSS**/
#course-left{
	margin-left:250px;
	width:200px;
	}
#course-left,#course-right{
	
	font-family:'Myraid';
	margin-top:130px;
	}
#course-right{
	margin-right:250px;
	width:450px;
	}
#course-left-content{
	font-size:13px;
	width:160px;
	padding:20px;
	color:white;
	background-color:#666;
	padding-bottom:250px;
	margin-bottom:50px;
	}
/**Course Offering CSS Ends**/