/* CSS Document */
@charset "utf-8";

@media screen and (-webkit-min-device-pixel-ratio:0) {
	head~body { background:url(../images/bg.gif) center top repeat-y; }
} 

/* common */

body{ background:url(../images/bg.gif) center top repeat-y; }
a{ color:#036; }
a:hover{ color:#fff; }

#notice{ position:absolute; width:400px; bottom:380px; right:85px; overflow:hidden; background:url(../images/captionbg.png); padding:10px 0 10px; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; }
	#notice p{ color:#fcf !important; }

/* id */

#container{ text-align:center; overflow:hidden; background:url(../images/header.jpg) center top no-repeat; }

	#page{ margin:390px auto 0; background:#fff; }
		.content{ position:relative; overflow:hidden; margin-bottom:20px; }
			.top{ height:25px; background:url(../images/contentbox_top.png) center top no-repeat; }
			.box{ margin:0 10px; background:url(../images/contentbox_bg.png) 0 0; }
				.box h2{ height:65px; margin:0 0 0; padding:0 20px; background:url(../images/headingbg.png) center bottom no-repeat; text-align:left; font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; }
				.box h3{ margin:0 0 0; padding:20px 20px 10px; text-align:left; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#036; }
				.box h4{ margin:0 0 0; padding:0 20px; text-align:left; font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#036; }				
				.box p{ text-align:justify; padding:0 20px; font:normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; }
			.bottom{ height:25px; background:url(../images/contentbox_bottom.png) center bottom no-repeat; }
			.interview{ background:url(../images/interview.png) 620px top no-repeat; padding:0 0 10px; }
			
	#footer{ clear:both; height:600px; background:url(../images/footer.jpg) center bottom no-repeat; }
		#footerbox{ position:relative; width:960px; height:600px; margin:0 auto; }
			#reg{ margin:0 10px; }
				#form{ margin:20px 0 0 150px; }
					#form p{ display:block; clear:both; overflow:hidden; margin:0 0 2px; }
					#form label{ float:left; display:inline; width:239px; height:28px; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#036; text-align:right; padding:1px 5px 0; }
						#form label img{ float:right; display:inline; }
					#form input{ float:left; display:inline; width:470px; height:19px; background:url(../images/input.png) left top no-repeat; border:none; padding:5px !important; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; }
					#form input:hover{  background:url(../images/input.png) left bottom no-repeat; color:#fcf; }
					#form input:focus{  background:url(../images/input.png) left bottom no-repeat; color:#fcf; }
					#form select{ float:left; display:inline; }
					#form button{ float:right; width:210px; height:68px; background:url(../images/send.png) left top no-repeat; border:none; cursor:pointer;1 }
					#form button:hover{ background:url(../images/send.png) left bottom no-repeat; }
					#form button:focus{ background:url(../images/send.png) left bottom no-repeat; }
			
				#cuccio{ margin:20px 0 0 160px; }
					#cuccio ul{ width:100%; overflow:hidden; }
						#cuccio ul li{ float:left; display:inline; width:250px; height:183px; }
						#cuccio ul li a{ display:block; width:250px; height:183px; }
						#cuccio ul li#cuccio1 a{ background:url(../images/cuccio1.png) center top no-repeat; }
						#cuccio ul li#cuccio1 a:hover{ background:url(../images/cuccio1.png) center bottom no-repeat; }
						#cuccio ul li#cuccio2 a{ background:url(../images/cuccio2.png) center top no-repeat; }
						#cuccio ul li#cuccio2 a:hover{ background:url(../images/cuccio2.png) center bottom no-repeat; }
						#cuccio ul li#cuccio3 a{ background:url(../images/cuccio3.png) center top no-repeat; }
						#cuccio ul li#cuccio3 a:hover{ background:url(../images/cuccio3.png) center bottom no-repeat; }
			
			#copyright{ position:absolute; bottom:10px; right:20px; }
				#copyright p{ text-align:right; font:normal 9px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#bcbfbe; text-transform:uppercase; }
					#copyright p a{ color:#bcbfbe; }
					#copyright p a:hover{ color:#fff; }

/* class */
.signup{ position:absolute; width:625px; height:260px; background:url(../images/signup.png) right bottom no-repeat; }
	.signup a{ display:block; height:100px; margin:160px 0 0; }
.girl{ background:url(../images/colored_girl.png) 465px 85px no-repeat; }