/*
 * region of the month css
*/

#box_holder{
	width:100%;
	position:relative;
	}

#box_holder #nav_outer_container{
	width:1000px;
	margin:auto;
	position:relative;
	z-index:3;
	}
#box_holder #nav_outer_container #nav_container{
	position:absolute;
	z-index:2;
	top:50px;
	left:0px;
	}
#box_holder #nav_container #default_subnav li a{
	color:#8165A0;
	}
#box_holder #move_outer_container{
	position:relative;
	width:200px;
	margin:auto;
	}
#box_holder #move_outer_container #move_container{
	position:absolute;
	top:415px;
	left:-50px;
	z-index:50;
	width:300px;
	height:100px;
	}
#box_holder #move_container a{
	float:left;
	}	
#box_holder #move_container #left_arrow_button{
	margin:40px 0 0 0;
	}
#box_holder #move_container #right_arrow_button{
	margin:40px 0 0 0;
	}
	
/* Special Box Css */
#box{
	width:10000px;
	margin:16px 16px 16px 38px;
	position:relative;
	z-index:1;
	padding:0 0 0 0;
	top:0px;
	left:-1000px;
	background:none;
	border:16px solid #38B449;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	}

#box  #box_content_inner{
	padding:100px 0 0 0;
	z-index:2;
	position:relative;
	
	}
/*
 * logout button
*/
#logout_butt{position:absolute; right:-36px; top:50px;}

/* Wraps the movable content in the wide wrapper */
#wide_wrapper{
	position:relative;
	height:455px;
	}
#wide_wrapper .page_section{
	float:left;
	width:550px;
	margin:70px 0 0 0;
	background-repeat:no-repeat;
	background-position:0 0px;
	min-height:150px;
	padding:0 30px 0 0;
	color:#FFF;
	position:relative;
	}
#wide_wrapper .page_section .page_img{
	/*position:absolute;*/
	margin:5px 0 0 100px;
	}	
#wide_wrapper .page_section h2{
	margin:0 0 5px 100px;
	}
#wide_wrapper .page_section .sub_title{
	margin:0 0 0 130px;
	}	
#wide_wrapper .page_section .p_content{
	margin:10px 0 0 160px;
	}
#wide_wrapper .scrollContainer{
	
	}
#wide_wrapper .big_bubble{
	margin:20px 0 0 0;
  	background-color:#4d4d4d;
	border:8px solid #39B54A;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	min-height:350px; 
	height: auto !important;
	height: 350px;
	position:absolute;
	top:10px;
	left:220px;
	padding:20px;
	}
#wide_wrapper .big_bubble #bubble_arrow{
	position:absolute;
	left:-54px;
	top:140px;
	}
#wide_wrapper .big_bubble h1{
	color: #FEEE00;
	}
#wide_wrapper .big_bubble h2{
	color: #FEEE00;
	}
#wide_wrapper .big_bubble p{
	color: #FFFFFF;
	}
#wide_wrapper .big_bubble .bold_red{
	color:#FEEE00;
	}
#wide_wrapper .wide_page_container{
	float:left;
	}
#wide_wrapper .wide_page_container #content_block{
	
	}	
#wide_wrapper .wide_page_container #content_block #purple_footer{
	color:#8165A0;
	}
#wide_wrapper .wide_page_container #content_block #purple_footer a{
	text-decoration:underline;
	color:#8165A0;
	}
#wide_wrapper .wide_page_container .road_sign{
	position:absolute;
	}
#low_button_left{
	position:absolute;
	left:-200px;
	top:-40px;
	}
 #low_button_right{
	position:absolute;
	left:250px;
	top:-40px;
	}
#centre_signpost{
	position:absolute;
	left:0px;
	top:-260px;
	}
#gutter_drag{
	width:180px;
	background-image:url(../images/rsafety2/gutter_animation.png);
	position:absolute;
	top:500px;
	left:0px;
	z-index:400;
	height:128px;
	}
#gutter_anchor{
	background-image:url(../images/rsafety2/take_for_walk.png);
	width:171px;
	height:111px;
	position:absolute;
	top:-80px;
	right:-130px;
	z-index:15;
	}
	
#bumper{
	position:absolute;
	top:75px;
	left:0px;
	}
/* Casualties big block */
#casualties{
	
	}
#casualites_page_container{
	width:3300px !important;
	}
#casualties #page0{
	margin:30px 0 0 30px;
	}
#casualties #page0 h1{
	margin-bottom:40px;
	}
#casualties #page1{
	background-image:url(../images/rsafety2/pedestrian_casualties.png);
	}
#casualties #page2{
	background-image:url(../images/rsafety2/632casualties.png);
	}
#casualties #page3{
	background-image:url(../images/rsafety2/bicycle.png);
	}
#casualties #page4{
	background-image:url(../images/rsafety2/bus.png);
	}
#casualties #page4  h2{
	margin:0 0 0 130px;
	}
#casualties #page4 .sub_title{
	margin:0 0 0 150px;
	}	

/* Facts big block */
#facts{

	}
#facts_page_container{
	width:7200px;
	}
#facts #facts_timeline{
	width:6460px;
	margin:60px 0 0 42px;
	height:5px;
	background-color:#FF0000;
	}
#facts .page_section{
	position:relative;
	margin-top:20px;
	width:350px;
	}
#facts .page_section h1, #facts .page_section h2{
	position:absolute;
	top:-60px;
	left:0px;
	}
#facts .page_section .white_marker{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width:12px;
	height:12px;
	background-color:#FFF;
	position:absolute;
	top:-28px;
	margin-left:100px;
	}
#facts .f_content{
	margin-left:100px;
	}
#facts #page0{
	clear:both;
	margin-left:40px;
	width:250px;
	}	
#facts #page0 .white_marker{
	margin-left:0px;
	}
#wide_wrapper #facts #page11 .page_img{
	margin-left:170px;
	}
/* Green Cross Code Page */
#greencross_page_container{
	width:2760px;
	}
#greencross_page_container #content_block{
	width:1000px;
	margin-top:30px;
	margin-left:1000px;
	position:relative;
	}

#greencross_page_container #sign_think_first{
	left:300px;
	top:120px;
	}
#greencross_page_container #sign_stop{
	left:730px;
	top:100px;
	}
#greencross_page_container #sign_look{
	left:1200px;
	top:100px;
	}
#greencross_page_container #sign_listen_properly{
	left:1650px;
	top:100px;
	}
#greencross_page_container #sign_cross{
	left:2300px;
	top:100px;
	}
#greencross_page_container #more_info{
	position:absolute;
	top:400px;
	left:1000px;
	font-weight:bold;
	color:#8165A0l;
	}
#greencross_page_container #more_info a{
	color:#8165A0l;
	}
#greencross_street_sense{
	position:absolute;
	left:1500px;
	top:320px;
	z-index:100;
	}
	

/* Highway Code Page	 */
#highwaycode_page_container{
	width:2760px;
	}
#highwaycode_page_container #content_block{
	width:550px;
	margin-left:800px;
	margin-top:30px;
	position:relative;
	float:left;
	}
#highwaycode_page_container #purple_footer{
	margin-top:280px;
	line-height:1.3em;
	font-weight:bold;
	}
	
/* Roadsigns Page	 */
#roadsigns_page_container{
	width:2760px;
	}
#roadsigns_page_container #content_block{
	width:550px;
	margin-left:800px;
	margin-top:30px;
	position:relative;
	float:left;
	}
#roadsigns_page_container #sign_streetname{
	left:740px;
	top:170px;
	}
#roadsigns_page_container #sign_schoolsign{
	left:1000px;
	top:130px;
	}
#roadsigns_page_container #sign_schoolcrossing{
	left:1250px;
	top:160px;
	}
#roadsigns_page_container #sign_morepictures{
	left:1500px;
	top:140px;
	}
	
/* Staying Safe Page	 */
#stayingsafe_page_container{
	width:2760px;
	min-height:550px;
	}
#stayingsafe_page_container #content_block{
	width:550px;
	margin-left:800px;
	margin-top:30px;
	position:relative;
	float:left;
	}

/* Road Safety Bubbles */
#stayingsafe_page_container #bubble_blindcorner{
	left:00px;
	top:250px;
	}
#stayingsafe_page_container #cloud_think{
	left:200px;
	top:0px;
	}
#stayingsafe_page_container #bubble_brow_of_hill{
	left:175px;
	top:80px;
	}
#stayingsafe_page_container #bubble_cloudsparked{
	left:520px;
	top:175px;
	}
#stayingsafe_page_container #bubble_questionanswer{
	left:950px;
	top:0px;
	}
#stayingsafe_page_container #bubble_wherepavement{
	left:1550px;
	top:30px;
	}
#stayingsafe_page_container #bubble_usesafer{
	left:1630px;
	top:200px;
	}
#stayingsafe_page_container #bubble_crosssafely{
	left:2120px;
	top:50px;
	}
#stayingsafe_page_container #bubble_alwayswear{
	left:2220px;
	top:200px;
	}
#stayingsafe_page_container #cloud_otherthings{
	left:2020px;
	top:-65px;
	}

/* In Vehicles Page */
#stayingsafe_page_container #bubble_behaveonbus{
	left:50px;
	top:180px;
	}	
#stayingsafe_page_container #bubble_seatbelts{
	left:400px;
	top:0px;
	}	
#stayingsafe_page_container #bubble_doorswindows{
	left:630px;
	top:190px;
	}	
#stayingsafe_page_container #bubble_donotannoy{
	left:1580px;
	top:50px;
	}	
#stayingsafe_page_container #bubble_getout{
	left:1800px;
	top:220px;
	}

/* On Wheels Page */
#stayingsafe_page_container #bubble_whenrollerblading{
	left:-10px;
	top:230px;
	}	
#stayingsafe_page_container #bubble_alwaysscooters{
	left:600px;
	top:0px;
	}	
#stayingsafe_page_container #buble_makesure{
	left:500px;
	top:190px;
	}	
#stayingsafe_page_container #bubble_wearhelmet{
	left:1500px;
	top:20px;
	}	
#stayingsafe_page_container #bubble_obeysigns{
	left:1600px;
	top:220px;
	}
#stayingsafe_page_container #bubble_makesure{
	left:2100px;
	top:180px;
	}	
	
/**********************************************************************************************
*** specific content blocks **************************************************************************
**********************************************************************************************/
/*
#greencross{}
#greencross #greencode{position:relative; height:300px;}
#greencross #greencode img {position:absolute; left:-20px; top:-30px;}
#greencross #greencode #moreinfo{position:absolute; top:320px;}
#greencross #rsigns{text-align:left; padding:80px 0 20px 0; width:100%; position:relative;}

#gutter_button{position:absolute; right:-35px; z-index:2; bottom:-210px;}

#gutter_button_signs{position:absolute; right:3px; z-index:2; bottom:-48px;}

#gcross_game{
	position:relative;
	}
#gcross_game #game{
	width:800px; 
	display:block; 
	margin-left:20px;
	}
#gcross_game #button_cover{
	position:absolute;
	width:320px;
	height:40px;
	bottom:2px;
	left:20px;
	background-color:#FEC34F;
	}
*/


#rsigns{ width:500px;}
#rsigns #signs{padding:20px 0 20px 0;}
#rsigns #bott_links{color:#8165A0;}
#rsigns #bott_links a{color:#8165A0;}
#rsigns #moresigns{display:block; position:absolute; width:200px; height:150px;  top:110px; right:10px; z-index:2;}
#road_signs{position:absolute; left:-30px; top:25px;}

#safety_signs{position:absolute; right:100px; top:155px;}


/*
 * staying safe
*/
#stayingsafe{}
#stayingsafe .middle .content{width:500px; padding-bottom:0px;}
#stayingsafe #arrows {padding:10px 10px 0 0;}
#stayingsafe #arrows a{border:0px; }
#stayingsafe_img{float:right;}

/*
 * Seatbelts page
*/
#seatbelt_page{}
#haveclicked{position:absolute; left:45px; bottom:-5px;}
#sbeltbubble {float:right; margin:0 0 30px 0;}
#sbeltbubble .middle .content{width:330px; font-size:10px;}
#box div #default_content #sbeltbubble h1{color:#673090; font-size:20px;}
/*
 * sub nav links
*/
#subnav_holder{position:relative;}
#subnav{position:absolute; top:-25px; left:25px;}
#subnav a{color:#4D4D4D; text-decoration:underline; margin-right:40px; font-weight:bold;}
#subnav a:hover{text-decoration:underline;}