/* width = 320px */

@media (max-width: 640px){
	
	#slideshow, 
	#main #image-area .steps li, 
	#wisdom-footer, 
	#main #checklist-button .click-here, 
	#main #checklist-button h3 { display: none; }
	
	html, body { background: #ffffff; min-width: 320px; }
	
	#main, #content, #footer-content { width: 320px; padding: 0; margin: 0; }
	#wrap { background: #ffffff; }
	header, #content, footer { width: 320px; margin: 0 auto; padding: 0px; }
	header { height: 94px; border-bottom: 4px; }
	header h2 { margin: 0 auto; left: 0; top: 10px; }
	#main-heading { background: transparent url(../resize.php/main-heading.png?width=320&image=/img/mobile/main-heading.png) 0 0 no-repeat; position: relative; margin: 0 auto; left: 0; top: 0; width: 320px; height: 55px; }
	#main { background: none; z-index: 999999; }
	#container { height: auto; }
	
	#checklist { width: 250px; }
	#checklist-content { padding: 0 15px; }
	
	/* image area */
	#main #image-area {	   	
		background: transparent url(../resize.php/hills-with-office.png?width=320&image=/img/silhouettes/hills-with-office.jpg) 0 bottom no-repeat;	        
		margin: 0px; margin-top: 52px; min-height: 115px; width: 320px; height: auto;
		-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
		-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;		
	}
	
	#main #image-area .blue-area { position: relative; top: 0; width: 280px; min-height: 0px; padding: 20px; }
	
	#step-4 #image-area .blue-area h1, #step-8 #image-area .blue-area h1, #step-9 #image-area .blue-area h1, #step-12 #image-area .blue-area h1, #step-11 #image-area .blue-area h1, #step-14 #image-area .blue-area h1, #main #image-area .blue-area h1 { margin-top: 0px; font-size: 22px; line-height: 25px; width : 260px; }
	/* #main #image-area .blue-area h1 { color: #F9C268; } */

	#image-area [href^="tel:"], #image-area [href^="tel:"]:link, #image-area [href^="tel:"]:visited, #image-area [href^="tel:"]:active {
		background: #F9C268; color: #313131 !important; display: inline-block; text-decoration: none; padding: .2em .4em; font-size: 1.2em;
		-moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em;	
	}

	#step-1 #main #image-area .blue-area h1 { color: #f68121; margin: 0 0 10px 0; line-height: 25px; font-size: 22px; }
	#step-1 #main #image-area .blue-area p { font-size: 14px; }
	
	#main #image-area .blue-area label { font-size: 14px; width: 52px !important; }
	
	#main #image-area .start-button, #main #image-area #next-button {
		background: transparent url(../resize.php/next-button.png?width=60&image=/img/mobile/next-button.png) 0 0 no-repeat;	
		top: auto; bottom: 2px; left: 238px; width: 60px; height: 60px; z-index: 999999;
	}
	
	#main #image-area #start-button:hover, #main #image-area #start-button:active,
	#main #image-area #next-button:hover, #main #image-area #next-button:active {
		background: transparent url(../resize.php/next-button.png?width=60&image=/img/mobile/next-button-over.png) 0 0 no-repeat !important;
		background-position: 0 0 !important;
	}
	
	#main #image-area #next-button { top: -61px; bottom: auto; right: 0px; left: auto; }
	
	#main #image-area #back-button {
		background: transparent url(../resize.php/back-button.png?width=60&image=/img/mobile/back-button.png) 0 0 no-repeat;	
		top: auto; bottom: 12px; left: 238px; width: 60px; height: 60px; z-index: 999999;
	}
	
	#main #image-area #back-button:hover, #main #image-area #back-button:active {
		background: transparent url(../resize.php/back-button.png?width=60&image=/img/mobile/back-button-over.png) 0 0 no-repeat !important;
	}
	
	#main #image-area #back-button { top: -61px; bottom: auto; left: 6px; auto: auto; }
	#step-1 #main #image-area .blue-area input { height: 20px; }
	
	#step-12 #image-area .blue-area input { width: 225px; }
	#step-14 #image-area .blue-area input { width: 150px; }
	
	#main .add-contact-info-box, #main .info-box { 
		position: relative; right: auto; left: auto; top: auto; bottom: auto; background: none;  margin: 20px auto; padding: 20px; width: 275px; display: block; 
	}
	
	#main .info-box h2 { margin: 16px 0 0; line-height: 22px; }
	
	#main #checklist-button {
		background: transparent url(../resize.php/orange-clipboard.png?width=320&image=/img/mobile/orange-clipboard.png) 0 0 no-repeat;
		float: none; text-indent: -99999999px; width: 320px; height: 75px; margin: 0 auto; display: block;
	}	
	
	#page_heading h2 { width: 285px; font-size: 18px; line-height: 22px; }	
	
	footer { height: 254px; padding-bottom: 20px; }
	footer ul { margin: 75px auto 0; width: 285px; text-align: center; }
	
	footer li:before { margin-right: 8px; }
	footer li { padding-left: 6px; line-height: 25px;  }
	footer li:first-child { padding-left: 0px; }
	footer .footer-copyright:before { content: ''; }
	
	#footer-content { padding-top: 20px; background: transparent url(../resize.php/footer-logos.png?width=280&image=/img/footer-logos.png) 18px 124px no-repeat; }
	#footer-content p { float: none; margin: 0 0 0 106px; font-size: 11px; width: 182px; }
	#footer-content p strong { font-size: 25px; }
	#footer-content #footer-nsw-gov { left: 50px; width: 43px; background: transparent url(../resize.php/nsw-floodsafe-logos.png?width=184&image=/img/nsw-floodsafe-logos.png) 0 10px no-repeat; }
	
	/* steps */
	#main #image-area .steps { top: -52px; background: transparent url(../img/mobile/step-bg.png) 0 0 repeat-x; height: 52px; }
	
	#main #image-area .steps .active { display: block; }
	#main #image-area .steps .active a,
	#main #image-area .steps .active .step-13 { background: none; width: 320px; text-transform: uppercase; color: #434343; font-size: 22px; border-radius: none; padding: 8px 0 0 0; }
	#main #image-area .steps .active a:after { content: " OF 14"; }
	#main #image-area .nav-button { top: 0px; }
	
	#step-1 #main #image-area,
	#step-8 #main #image-area,
	#step-9 #main #image-area,
	#step-11 #main #image-area,
	#step-12 #main #image-area,
	#step-13 #main #image-area,
	#step-14 #main #image-area { background: none; height: auto; }
	
	#step-4 #main #image-area { padding-top: 0; }
	
	#step-8 .extra-text, #step-11 .extra-text, #step-14 .extra-text { padding: 20px; }
	#main #image-area .ses-number-large { position: relative; display: block; top: auto; font-size: 52px; left: 50px; }
	#main #image-area #large-phone { display: none; }	
	
	#main #image-area #orange-people { 
		background: transparent url(../resize.php/orange-people.gif?width=300&image=/img/orange-people.gif) 0 bottom no-repeat;
		display: block; left: 0; margin: 20px auto; position: relative; top: 0; width: 300px; height:  62px;
	}
	
	/* triggers, evacuation, contacts */
	#contacts { position: relative; display: block; top: auto; left: auto; }
	
	/*
	#step-6 .info-box,
	#step-9 .info-box,
	#step-10 .info-box { background: #ffffff; height: 91px; position: absolute; top: -4px; width: 229px; right: 38px; z-index: -1; }
	*/
	
	#step-6 .info-box .close,
	#step-9 .info-box .close,
	#step-10 .info-box .close {
		content: "x"; width: 20px; height: 18px; background: #ffffff;
		color: #666666; font-size: 12px; text-align: center; position: absolute;
		top: -5px; left: -5px; cursor: pointer; padding-top: 1px;				
		-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
		-moz-box-shadow: 0 0 5px 0 #666; -webkit-box-shadow:  0 0 5px 0 #666; box-shadow: 0 0 5px 0 #666;		
	}
	
	#step-6 #contacts #add-contact-info,
	#step-9 #contacts #add-contact-info,
	#step-10 #contacts #add-contact-info { right: auto; left: 100px; }
	.contact-second-row { height: auto !important; }
	
	#step-6 .add-contact-info-box,
	#step-9 .add-contact-info-box,
	#step-10 .add-contact-info-box { float: right; width: 50px; display: none; background: #ffffff; margin: 0 auto; padding: 4px; font-size: 12px; line-height: 14px; }
	
	#step-6 .add-contact-info-box .icon,
	#step-9 .add-contact-info-box .icon,
	#step-10 .add-contact-info-box .icon { top: -5px; right: -5px; }

	#contacts-footer-info { position: relative; display: block; bottom: auto; left: auto; margin-top: 20px; }
	#contacts .contact { 
		background: transparent url(../resize.php/contact-edit.gif?width=33&image=/img/contact-edit.gif) 2px 5px no-repeat;
		width: 49px; height: 52px; border-width: 1px;
	}	
	
	#step-6 #contacts .contact {
		background: transparent url(../resize.php/trigger-edit.png?width=33&image=/img/trigger-edit.png) 13px 3px no-repeat;
		width: 61px;
	}
	
	#step-9 #contacts .contact {
		background: transparent url(../resize.php/evacuation-edit.png?width=33&image=/img/evacuation-edit.png) 11px 12px no-repeat;
		width: 57px;
	}
	#step-9 #contacts .contact .delete { top: 5px; }
	
	
	
	#contacts .contact .number { font-size: 12px; left: 2px; }
	
	#contacts .contact .delete {
		background: transparent url(../resize.php/delete.gif?width=20&image=/img/delete.gif) 0 0 no-repeat;
		top: 4px; right: 4px;	width: 20px; height: 20px;
	}
	
	#contacts .contact .delete:hover {
		background: transparent url(../resize.php/delete-over.gif?width=20&image=/img/delete-over.gif) 0 0 no-repeat;
	}
	
	#contacts .contact .edit { right: 31px; font-size: 12px; }
	
	#contacts .add-contact {
	    background: transparent url("../resize.php/contact-add.gif?width=50&image=/img/contact-add.gif") 10px 10px no-repeat;        
	    height: 47px; width: 49px; border-width: 1px;
	}
	
	#step-6 #contacts .add-contact ,#step-6 #contacts .add-contact:hover {
		background: transparent url(../resize.php/trigger-add.png?width=50&image=/img/trigger-add.png) 10px 10px no-repeat;
	}
	
	#step-9 #contacts .add-contact ,#step-9 #contacts .add-contact:hover {
		background: transparent url(../resize.php/evacuation-add.png?width=50&image=/img/evacuation-add.png) 10px 16px no-repeat;
	}
	
	#step-9 #contacts #add-contact-holder #add-contact-info { top: 0; }
	
	
	
	#contacts .add-contact:hover { background-position: 10px 10px; }
	
	#main #image-area #save {
		background: #F68121 url("../resize.php/link-arrow.png?width=18&image=/img/link-arrow.png") 50px 1px no-repeat;        
		font-size: 17px; height: 20px; bottom: 2px;	width: 59px; padding-left: 10px;	
	}
	
	#step-6 #contacts #add-contact-info,
	#step-9 #contacts #add-contact-info,
	#step-10 #contacts #add-contact-info {
		background: transparent url("../resize.php/more-info-button.png?width=18&image=/img/more-info-button.png") 0 0 no-repeat;   
		left: 44px; top: 0; width: 18px; height: 21px;     
	}
	
	#add-contact-holder { width: 62px; }
	
	#contacts .break { height: 1px; }
	
	#step-6 #image-area .blue-area input,
	#step-9 #image-area .blue-area input,
	#step-10 #image-area .blue-area input { width: 222px; }
		
	#step-6 #image-area .blue-area input:focus,
	#step-9 #image-area .blue-area input:focus,
	#step-10 #image-area .blue-area input:focus { width: 222px; }
	
	
	#main #image-area .blue-area .form-input { width: 320px; }
	#step-13 .form-input { margin-left: -12px; }
	
	#main #image-area .blue-area a { color: #ffffff; }
	#step-1 #main #image-area .blue-area li a { color: #434343; }
	
	.found-out-submit, .submit {
		background: transparent url("../resize.php/submit-button.png?width=90&image=/img/submit-button.png") 0 0 no-repeat;   
		width: 80px; height: 23px; padding-left: 17px; padding-top: 5px; font-size: 14px; margin-top: -2px;	
	}
	.found-out-submit:hover, .submit:hover, .found-out-submit:active, .submit:active  {
		background-position: 0 -32px;
	}
	
	#step-14 .submit {
		background: transparent url("../resize.php/submit-button.png?width=69&image=/img/submit-button.png") 0 0 no-repeat;   
		margin-left: 6px; padding-top: 3px; width: 62px; height: 20px; margin-top: 0; padding-left: 11px; font-size: 12px;
	}
	
	#how-found-out { padding: 20px 0 55px 20px; }
	
	#step-14 #image-area .blue-area input:focus { width: 147px; }
	
	.social-button {
		background: transparent url("../resize.php/social-button.png?width=190&image=/img/social-button.png") 0 0 no-repeat;   
		font-size: 12px; line-height: 14px; padding: 6px 0 0 22px; text-align: left; width: 172px;
	}
	
	.social-media { top: 5px; right: -2px; }	
	
	.orange-button, .download-button {
		background: transparent url("../resize.php/download-button.png?width=82&image=/img/download-button.png") 0 0 no-repeat;   
		width: 80px; height: 34px; font-size: 14px; line-height: 15px; padding-top: 6px;
	}
	
	.orange-button:hover, .download-button:hover { background-position: 0 -40px; }
	.orange-button:active, .download-button:active { background-position: 0 -81px; }
	
	
	/* select options */
	#select-box { width: 320px; margin-left: 0px; }
	#select-box .select { background: transparent url(../resize.php/select-bg.png?width=320&image=/img/select-bg.png) 0 bottom repeat; width: 306px; padding: 0 7px;  }
	#select-box .select-top { background: transparent url(../resize.php/select-bg-top.png?width=320&image=/img/select-bg-top.png) 0 bottom no-repeat; }
	#select-box .select .multi-option, #select-box .select .option, #select-box .select .parent-option { width: 287px; font-size: 12px; height: 20px; }
	#select-box .select .multi-option { width: 230px; padding-right: 34px; }
	#select-box .select .multi-option:hover { width: 251px; height: 17px !important; }
	#select-box .select .option:hover { width: 284px; height: 17px; }
	#select-box .select-bottom {
		background: transparent url(../resize.php/select-bg-bottom.png?width=320&image=/img/select-bg-bottom.png) 0 bottom no-repeat; width: 320px; bottom: -7px;
	}
	
	/* sillhouettes */
	
	#main #image-area.country { background: transparent url(../resize.php/country.png?width=320&image=/img/silhouettes/country.jpg) 0 bottom no-repeat; }
	#main #image-area.city { background: transparent url(../resize.php/city.png?width=320&image=/img/silhouettes/city.jpg) 0 bottom no-repeat; }
	
	#step-2 #main #image-area.coast #coast,
	#step-4 #main #image-area.coast #coast {
		background: transparent url(../resize.php/coast.png?width=93&image=/img/silhouettes/coast.png) 0 bottom no-repeat;
		width: 93px; height: 31px;
	}
	
	#step-2 #main #image-area.creeks #creeks, 
	#step-4 #main #image-area.creeks #creeks {
		background: transparent url(../resize.php/creeks.png?width=143&image=/img/silhouettes/creeks.png) 0 bottom no-repeat;
		width: 143px; height: 34px;
	}
	
	#step-2 #main #image-area.tropical #tropical,
	#step-4 #main #image-area.tropical #tropical {
		background: transparent url(../resize.php/tropical.png?width=320&image=/img/silhouettes/tropical.png) 0 bottom no-repeat;
		width: 320px; height: 86px;	
	}
	
	#step-2 #main #image-area.bush #bush,
	#step-4 #main #image-area.bush #bush {
		background: transparent url(../resize.php/bush.png?width=144&image=/img/silhouettes/bush.png) 0 bottom no-repeat;
		width: 144px; height: 79px; left: 50px;
	}
			
	#step-4 #main #image-area.vision #vision {
		background: transparent url(../resize.php/vision.png?width=31&image=/img/silhouettes/vision.png) 0 bottom no-repeat;
		width: 31px; height: 36px;
	}
		
	#step-4 #main #image-area.hearing #hearing {
		background: transparent url(../resize.php/hearing.png?width=29&image=/img/silhouettes/hearing.png) 0 bottom no-repeat;
		width: 29px; height: 40px;
	}
		
	#step-4 #main #image-area.mobility #mobility {
		background: transparent url(../resize.php/mobility.png?width=27&image=/img/silhouettes/mobility.png) 0 bottom no-repeat;
		width: 27px; height: 31px;
	}
	
	#step-4 #main #image-area.otherdisability #otherdisability {
		background: transparent url(../resize.php/other.png?width=27&image=/img/silhouettes/other.png) 0 bottom no-repeat;
		width: 27px; height: 42px;
	}
		
	#step-4 #main #image-area.medication #medication {
		background: transparent url(../resize.php/medication.png?width=25&image=/img/silhouettes/medication.png) 0 bottom no-repeat;
		width: 25px; height: 37px;
	}
		
	#step-4 #main #image-area.aged #aged {
		background: transparent url(../resize.php/aged.png?width=20&image=/img/silhouettes/aged.png) 0 bottom no-repeat;
		width: 20px; height: 40px;
	}
		
	#step-4 #main #image-area.infants #infants {
		background: transparent url(../resize.php/infants.png?width=30&image=/img/silhouettes/infants.png) 0 bottom no-repeat;
		width: 30px; height: 30px;
	}
		
	#step-4 #main #image-area.schoolage #schoolage {
		background: transparent url(../resize.php/schoolage.png?width=15&image=/img/silhouettes/schoolage.png) 0 bottom no-repeat;
		width: 15px; height: 32px;
	}
	
	#step-4 #main #image-area.children #children {
		background: transparent url(../resize.php/children.png?width=25&image=/img/silhouettes/children.png) 0 bottom no-repeat;
		width: 25px; height: 38px;
	}
		
	#step-4 #main #image-area.translation #translation {
		background: transparent url(../resize.php/translation.png?width=32&image=/img/silhouettes/translation.png) 0 bottom no-repeat;
		width: 32px; height: 50px;
	}			
	
	#step-4 #main #image-area.pets #pets {
		background: transparent url(../resize.php/pets.png?width=32&image=/img/silhouettes/pets.png) 0 bottom no-repeat;
		width: 32px; height: 27px;
	}
	
	/* silhouette positions */
	#image-area .sil-1 {
		left: 149px !important;
		bottom: 9px !important;
	}
	
	#image-area .sil-2 {
		left: 120px !important;
		bottom: 13px !important;
	}
	
	#image-area .sil-3 {
		left: 186px !important;
		bottom: 12px !important;
	}
	
	#image-area .sil-4 {
		left: 87px !important;
		bottom: 15px !important;
	}
	
	#image-area .sil-5 {
		left: 220px !important;
		bottom: 11px !important;
	}
	
	#image-area .sil-6 {
		left: 69px !important;
		bottom: 24px !important;
	}
	
	#image-area .sil-7 {
		left: 52px !important;
		bottom: 28px !important;
	}
	
	#image-area .sil-8 {
		left: 251px !important;
		bottom: 22px !important;
	}
	
	#image-area .sil-9 {
		left: 269px !important;
		bottom: 26px !important;
	}
	
	#image-area .sil-10 {
		left: 111px !important;
		bottom: 31px !important;
	}
	
	#image-area .sil-11 {
		left: 261px !important;
		bottom: 50px !important;
	}
	
	.secondary-nav { display: block; }
	#step-1 .secondary-nav { display: none; }
	#main { padding-bottom: 65px; }
	
	
	/* updates */
	
	#main-heading { height: 70px; }
	
	#step-1 #main-heading { height: 60px; }
	
	
	/* step-1 */
	#step-1 #main #image-area .blue-area input { width: 175px; }
	
	
	/* step-3 (calculator) */	
	#step-3 #main #image-area .blue-area { background-position: 50% 100%; padding-bottom: 270px; }
	#step-3 #image-area .blue-area #calculator-total { display: block; bottom: 213px; right: 90px; top: auto; }
	#step-3 #image-area .blue-area p, #step-8 .extra-text p { width: 100%; }	
		
	
	#step-3 .extra-text p { width: auto; }
	#step-3 .extra-text div.col { width: 49%; text-align: left; margin: 0; }
	#step-3 .extra-text div.col label { margin-left: 0; }
	#step-3 .extra-text div.col .total-button { margin-top: 24px; }
	
	#step-3 .extra-text .right-padding { text-align: left; }
	#step-3 .extra-text .right-padding label { margin-left: 0; }
	#step-3 .extra-text .right-padding .total { width: 100px; }	
	
	#step-3 .extra-text div.full { text-align: left; }
	#step-3 .extra-text div.full label,
	#step-3 .extra-text div.full input,
	#step-3 .extra-text div.full label .total { display: block; width: 100%; margin-left: 0; }
	
	#step-3 input, #step-8 input:focus, #step-8 .extra-text div.total { width: 100px; }
	#step-3 .extra-text .info-box { width: auto; }
	
	
	#step-3 #insurance-button { margin-top: 67px; }
	#step-3 #excess-button { margin-top: 45px; }
	#step-3 #protection-button { margin-top: 154px; }
	
	#step-3 .extra-text div.total { width: 100px; }
	
	
	
	
	
	
	#step-4 #select-box .long, #step-5 #select-box .long { font-size: 12px; line-height: 12px; }
	
	
	/* step 5 */
	
	#step-5 .step-5-content { padding: 20px; }
	
	#step-5 #select-box .long { padding-top: 6px; height: 26px; font-size: 12px; }
	#step-5 #select-box .long:hover { padding-top: 3px; height: 23px !important; padding-right: 34px; width: 227px; }
	
	#step-5 #select-box { width: 320px; margin-left: 0px; }
	#step-5 #select-box .select { background: transparent url(../resize.php/select-bg.png?width=320&image=/img/select-bg.png) 0 bottom repeat; width: 306px; padding: 0 7px; margin-top: 27px;  }
	#step-5 #select-box .select-top { background: transparent url(../resize.php/select-bg-top.png?width=320&image=/img/select-bg-top.png) 0 bottom no-repeat; }
	#step-5 #select-box .select .multi-option, 
	#step-5 #select-box .select .option, 
	#step-5 #select-box .select .parent-option { width: 287px; }
	#step-5 #select-box .select .multi-option { width: 255px; }
	#step-5 #select-box .select .multi-option:hover { width: 252px; }
	#step-5 #select-box .select .option:hover { width: 284px; }
	#step-5 #select-box .select-bottom {
		background: transparent url(../resize.php/select-bg-bottom.png?width=320&image=/img/select-bg-bottom.png) 0 bottom no-repeat; 
		width: 320px; bottom: -7px;
	}
	
	#step-5 #select-box .long { font-size: 12px; }
		
	#step-5b #image-area .extra-text { 
		padding: 20px 20px 200px 20px;  background-position: 50% 100%; margin-bottom: 50px;
	}
	
	#step-5b #main #image-area .blue-area {
		background-position: 255px 32px; padding-right: 84px; width: 216px;
	}
			
	#step-5b #main #image-area .blue-area { background-position: 214px 15px; min-height: 66px; }
	#step-5b #main #image-area .extra-text { background-position: 50% 90%; padding-bottom: 300px; }
	
	#step-5b #main #image-area .blue-area.retail-consumer { 
		background-image: url(../resize.php/retail.png?width=50&image=/img/step-5/retail.png); 
		background-position: 249px 19px; 
	}
	
	#step-5b #main #image-area .blue-area.agriculture { 		
		background-image: url(../resize.php/agriculture.png?width=30&image=/img/step-5/agriculture.png); 		
		background-position: 260px 22px;		
	}
	
	#step-5b #main #image-area .blue-area.services-and-utilities { 		
		background-image: url(../resize.php/services.png?width=50&image=/img/step-5/services.png); 		
		background-position: 247px 21px;		
	}
	
	#step-5b #main #image-area .blue-area.tourism-hospitality { 		
		background-image: url(../resize.php/tourism.png?width=66&image=/img/step-5/tourism.png); 		
		background-position: 243px 26px;		
	}
	
	#step-5b #main #image-area .blue-area.transport-logistics-manufacturing { 		
		background-image: url(../resize.php/industrial.png?width=40&image=/img/step-5/industrial.png); 		
		background-position: 263px 21px;		
	}
	
	#step-5b #main #image-area .blue-area.health { 		
		background-image: url(../resize.php/health.png?width=54&image=/img/step-5/health.png); 		
		background-position: 245px 22px;		
	}
	
	#step-5b #main #image-area .blue-area.education { 		
		background-image: url(../resize.php/education.png?width=54&image=/img/step-5/education.png); 		
		background-position: 245px 22px;		
	}
	
	#step-5b #main #image-area .blue-area.construction-and-mining { 		
		background-image: url(../resize.php/mining.png?width=54&image=/img/step-5/mining.png); 		
		background-position: 259px 22px;		
	}
	
	#step-5b #main #image-area .blue-area.other { 		
		background-image: url(../resize.php/other.png?width=66&image=/img/step-5/other.png); 		
		background-position: 236px 15px;		
	}
			
	#step-11 #main #image-area .blue-area { background-position: 50% 90%; padding-bottom: 310px; }	
	
		
	#step-13 #main #image-area .blue-area input { width: 137px; }	
	#step-13 .submit { margin: -3px 0 0 0; }		
	#step-13 .hep-button { background-image: url(../resize.php/hep-button.png?width=280&image=/img/hep-button.png); }
	#step-13 #image-area .blue-area p { width: auto; }
	
	header { height: 120px; }
	header .wrapper { width: 320px; }
	header h2 { position: absolute; left: 12px; top: 12px; }
	
	
	header #login-buttons { width: 320px; height: 120px; }
		
	header #login-buttons .button { font-size: 12px; width: 61px; padding: 4px 4px 0; }
	
	header #login-buttons #login-button,
	header #login-buttons #logout-button { position: absolute; top: 15px; right: 8px; }
	
	header #login-buttons #profile-button { position: absolute; top: 55px; right: 8px; }
		
		
	.popup { width: 300px; margin-left: -150px; }
		
	.popup input, .popup input:focus { max-width: 90%; font-size: 14px; padding: 10px; }
	
	.popup .header { font-size: 22px; }
	
	.popup .button { font-size: 14px; padding: 10px; }
	
	.popup .link { font-size: 14px; }
	
	
	
	
}