/* RESET */

html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #14010a url('../graphics/bg.jpg') center top no-repeat ; }
img { border: 0px; }
a, input { outline: none; color: #D93783; }
h3 a { text-decoration: none;}
hr {height: 1px; color: #CCC;}
/* GLOBAL */
.clear { clear: both; height: 0px; overflow: hidden; }
.col-left { float: left; }
.col-right { float: right; }
.col-mid { width: 1180px; overflow: hidden; }

/* WRAPPER */
#wrapper { padding-bottom: 50px; position: relative; overflow: hidden; display: block; min-height: 100%; }

/* LAYOUT */
#layout { margin: 0 auto; width: 1180px; }

	/* HEADER */
	#header { position: relative; width: 1180px; height: 400px; }
	#header .logo { position: absolute; top: 41px; left: -18px; }
	/*#header .logo a { display: block; width: 476px; height: 298px; text-indent: -9999px; }*/
	#header img.girls { position: absolute; right: 120px; top: 3px; } 
		
		/* NAVIGATION */
		#navigation { position: absolute; bottom: 0px; left: 20px; width: 1140px; height: 62px; background: url('../graphics/menu-bg.png') left top no-repeat; }
		#navigation ul { list-style: none; }
		#navigation li { padding: 0 10px 0 18px !important; float: left; }
		#navigation li.last { padding-right: 0px; }
		#navigation li a { text-decoration: none; display: block; font: 14px/62px 'Holtwood One SC', serif; text-transform: uppercase; color: #FFFFFF; text-shadow: 2px 2px 2px #880d47; }
		#navigation li a:hover { color: #f591bd; } 
		#navigation ul.social { padding: 4px 20px 0 0; float: right; }
		#navigation ul.social div.menu-2 {width: 100px !important;}
		#navigation ul.social div.menu-2 img { margin: 0; padding: 3px 5px 0;}
		#navigation ul.social li { padding: 0 0 0 8px !important;}
	
	/* CONTENT */
	#content { padding-bottom: 37px; float: left; width: 1180px; background: url('../graphics/content-bottom.png') left bottom no-repeat; }
	#content .mid { padding: 0 20px 23px 20px; float: left; width: 1140px; background: url('../graphics/conten-mid.png') left top repeat-y; }
	
		/* coffe-box */
		.coffe-box { padding: 40px 0 0 53px; width: 1087px; float: left; background: #f3f1f1 url('../graphics/coffe-img1.jpg') left bottom repeat-x ; }
		.coffe-box h1 { padding-bottom: 4px; margin: 0; color: #35252c; font: 35px 'Holtwood One SC', serif; text-transform: uppercase; } 
		.coffe-box h2 { font: 21px 'Holtwood One SC', serif; color: #aaaaaa; text-transform: uppercase; margin: 0; } 
		.coffe-box .coffe { width: 700px; float: left; }
		.coffe-box .location { padding-top: 10px; margin-right: -23px; width: 375px; float: right; }
		.coffe-box .location .img-wrap {height: 310px; margin: 0; width: 310px;}
		.coffe-box .left { padding-left: 14px; margin-left: -36px; width: 265px; position: relative; z-index: 999; float: left; background: url('../graphics/star.jpg') left 40px no-repeat; } 
		.coffe-box .right { margin: 20px 0; width: 450px; float: left; } 
		.coffe-box p { padding-bottom: 14px; font-size: 14px; line-height: 20px; color: #414141; } 
		.coffe-box ul { list-style: none; padding: 0; margin: 0;}
		.coffe-box li { padding: 0 0 27px 0px; width: 372px; height: 101px; background: url('../graphics/li-bg.png') left top no-repeat; } 
		.coffe-box .home { width: 154px; float: left; }
		.coffe-box .find { padding-top: 15px; width: 200px; float: left; }
		.coffe-box .find h2 { font: 22px/24px 'Holtwood One SC', serif;  color: #ffffff; text-shadow: 2px 2px 2px #880d47; margin: 0 !important;}
		.coffe-box .find h2 a { color: #FFF; text-decoration: none;}
		.coffe-box .find p { margin:5px 0 0 0; font-size: 14px; color: #e4dbdf; }
		
		/* serving-box */
		.serving-box { padding: 40px 0 38px 53px; width: 1087px; float: left; }
		.serving-box h2 { font: 35px 'Holtwood One SC',serif; padding-bottom: 4px; color: #35252c; text-transform: uppercase; } 
		.serving-box h3 { font: 21px 'Holtwood One SC',serif; padding-bottom: 35px; color: #aaaaaa; text-transform: uppercase; } 
		.serving-box .left { padding: 0 0 34px 2px; width: 326px; float: left; } 
		.serving-box .right { width: 300px; float: left; font-size: 14px; color: #747474; line-height:20px;}
		.serving-box .coffe { width: 636px; float: left; }
		.serving-box .location { padding-top: 7px; width: 366px; float: right; }
		.serving-box .line { padding: 40px 0 0 0px; margin-left: 2px; overflow: hidden; border-top: 1px #cccccc solid; } 
		.serving-box address { padding-bottom: 16px; font-style: normal; font-size: 14px; color: #747474; line-height: 20px; }
		.serving-box address.gap { margin-top: 10px; }
		.serving-box address span { width: 42px; float: left; }
		.serving-box a.mail { font-size: 14px; color: #d5337f; }
		.serving-box a.mail:hover { text-decoration: none; }
		.serving-box p { font-size: 14px; color: #747474; line-height: 18px; }
		.serving-box ul { margin-top: -1px; list-style: none; overflow: hidden; }
		.serving-box li { padding-right: 2px; float: left; }
		
		/* school-box */
		.school-box { padding: 38px 0 0 55px; overflow: hidden; }
		.school-box .left { padding-top: 6px; width: 690px; float: left; background: url('../graphics/bullet=-bg.jpg') right top repeat-y; }
		.school-box .right { width: 350px; float: right; position: relative; }
		.school-box img.arrow { position: absolute; left: -30px; top: 14px; }
		.school-box ul { list-style: none; overflow: hidden; padding: 0; }
		.school-box li { float: left; }
		.school-box .slider { padding: 15px 0 0px 15px; margin-bottom: 30px; width: 620px; position: relative; background: url('../graphics/slider=bg.png') left top no-repeat; }
		.school-box ul.bullet { position: absolute; right: 29px; bottom: 30px; }
		.school-box ul.bullet a { width: 11px; height: 11px; overflow: hidden; text-indent: -99px; display: block; background: url('../graphics/bullet-img.png') left top no-repeat; }
		.school-box ul.bullet a:hover, .schoolbox ul.bullet li.selected a { background: url('../graphics/bullet-img.png') left -11px no-repeat; }
		.school-box ul.bullet li { padding-left: 5px; }
		.school-box .days { padding: 15px 0 10px 0; overflow: hidden; }
		.school-box .days.last { padding-bottom: 0px; }
		.school-box .imgae { padding-left: 8px; width: 72px; float: left; }
		.school-box .text { width: 530px; float: left; }
		.school-box h1 { padding-bottom: 15px; font: 25px 'Holtwood One SC', serif; color: #aaaaaa; }  
		.school-box h2 { padding-bottom: 6px; font: 15px 'Holtwood One SC', serif; color: #000000; text-transform: uppercase; } 
		.school-box p { font-size: 14px; color: #747474; }
		.school-box h4 { padding-bottom: 31px; margin: 0; font: normal 24px 'Shadows Into Light', cursive; color: #c32670; }
		.school-box .right p { padding: 19px 60px 22px 0px; line-height: 18px; font-size: 14px; color: #747474; } 
		.school-box .right p a { color: #d93783; }
		.school-box .right p a:hover { text-decoration: none; }

		/* staff-box */
		.staff-box { padding-top: 30px; margin-left: 55px; width: 1030px; border-top: 1px #cccccc solid; }
		.staff-box ul { padding-left: 1px; list-style: none; }
		.staff-box li { margin: 0 55px 40px 0px; float: left; position: relative; }
		.staff-box li.last { margin-right: 0px; }
		.staff-box h3 { font: 21px 'Holtwood One SC',serif; padding-bottom: 33px; color: #aaaaaa; text-transform: uppercase; } 
		.staff-box img.overlay { position: absolute; left: 0; top: 0;}
		.staff-box h2 { font: 15px 'Holtwood One SC', serif; padding-top: 12px; color: #000000; text-transform: uppercase; }
		
		/* news box */
		.news-box { padding: 38px 0 17px 55px;  overflow: hidden; }
		.news-box h1 { font: 35px 'Holtwood One SC', serif; padding-bottom: 26px; margin-bottom: 27px; border-bottom: 1px solid #cccccc; color: #35252c; text-transform: uppercase; } 
		.news-box .left { width: 675px; float: left; }
		.news-box .right { width: 300px; float: right; }
		.news-box h3 { font: 20px 'Holtwood One SC', serif; padding-bottom: 6px;  text-transform: uppercase; color: #e12880; margin: 0;}
		.news-box .text { padding: 0 0px 30px 0px;  }
		.news-box .text.sub { padding-bottom: 0px; }
		.news-box h5 { padding-bottom: 12px; font-size: 12px; font-weight: normal; color: #747474; }
		.news-box p { font-size: 14px; color: #747474; line-height: 18px; margin: 15px 0;}
		.news-box p a { color: #d93783; }
		.news-box p a:hover { text-decoration: none; }
		.news-box h4 { padding-bottom: 31px; margin: 0; font: normal 24px 'Shadows Into Light', cursive; color: #c32670; }
		.news-box .right { padding-top: 10px; width: 350px; float: right; position: relative; }
		.news-box .right p { padding: 19px 60px 22px 0px; line-height: 18px; font-size: 14px; color: #747474; } 
		.news-box .right p a { color: #d93783; }
		.news-box .right p a:hover { text-decoration: none; }
		.news-box img.arrow { position: absolute; left: -30px; top: 24px; }
		
		/* profile detail */
		.profile_pic {width: 200px; margin: 0 25px 0 0; float: left;}
		.profile_blurb {width: 425px; float: right; overflow: hidden;}
		
		/* form styles */
		.news-box input { color: #768080; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 3px; padding: 2px 5px; border: 1px #ccc solid; width:200px; }
		.news-box input.submit { width:100px;}
		.news-box input.qty { width:25px;}
		.news-box select { color: #636D70; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 3px; padding: 2px 5px; border: 1px #ccc solid; }
		.news-box input.checkbox, input.radio { border-style: none !important; }
		.news-box textarea { color: inherit; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 3px; padding: 2px 5px; border: 1px #ccc solid; width: 375px; height: 100px; }
		
		/* locations */
		.locationsoverviewwrapper { margin-bottom: 35px; width: 330px; float: left;}
	/* FOOTER */
	#footerCntr {  overflow: hidden; width: 1180px; }
	
		/* footer box */
		.footer-box { padding: 8px 0 0 21px; width: 1159px; margin: 0 auto; }
		.footer-box .first { width: 220px; float: left; }
		.footer-box .second { padding-top: 6px; width: 750px; float: left; }
		.footer-box .third { padding-top: 6px; width: 110px; float: right; }
		.footer-box .third .social { padding: 0; margin: 0;}
		.footer-box .third .social li { float: left;}
		.footer-box .third a {background: none !important; padding: 0 !important;}
		.footer-box ul { padding-bottom: 10px; overflow: hidden; list-style: none; }
		.footer-box li { float: left; }
		.footer-box li a { text-decoration: none; font-size: 14px; color: #ffffff; background: url('../graphics/seprater.jpg') right center no-repeat; padding: 0 15px 0 13px;  }
		.footer-box li a.mainlast { background: none;}
		.footer-box li a:hover { text-decoration: underline; }
		.footer-box li.last { background: none; } 
		.footer-box p { padding-left: 10px; line-height: 18px; font-size: 12px; color: #857d81; }
		.footer-box p span { display: block; } 
		.footer-box p a { color: #857d81; }
		.footer-box p a:hover { text-decoration: none; }
		.footer-box ul.social li { padding: 0 0 0 8px; }