/* CSS Document */

/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
   background-color: #ffffff;
    background-image: url("/bg.gif");
	background-position:50% 0%;
	font-family: Arial, sans-serif;
    background-repeat:repeat;
overflow-x:hidden;

    
}
#header {
width: 980px;
	height: 245px;
	background: url(/remaphead.jpg) ;
margin: 0px;
}

#headerband {
	/*position:relative;
	z-index:100;*/
	width: 980px;
	height: 50px;

padding-top: 200px;

	}
	
	
#page {
padding: 10px;
background-color: #ffffff;
    background-image: url("/bg.gif");
	background-position:50% 0%;
	font-family: Arial, sans-serif;
    background-repeat:repeat;
	margin:0 auto;
    width:980px;
		
overflow-x:hidden; /* triggers 100% height in Opera 9.5 */
overflow-y:hidden; /* triggers 100% height in Opera 9.5 */
}
	
	
#wrapper { 
width: 980px;

min-height:300px;
overflow:hidden;

}	

#menuwrapper { 
width: 980px;
padding-top:0px;
height:45;
overflow:hidden;
	background: transparent url(http://rafcanedo.info/urfront_nav_bg2.png) top left repeat;
}	


	
}

#namecontent{
	/*position:relative;
	z-index:100;*/
	
}

#newcontent{
	/*position:relative;
	z-index:100;*/
	
}


#bottomcontent{
	/*position:relative;
	z-index:100;*/
	
}

#nav {
	height: 50px;	/* 97 - 33 */
	
	
	list-style: none;
	padding-left: 80px;
	
	
}
#nav li {
	float: left;
	height: 80px;
	text-indent: 0px;
	margin-top: 0px;
	padding-right: 50px;
	overflow: hidden;

}
#nav li a {
	display: block;
	height: 30px;

	
}



#nav #h_home { }
#nav #h_projects {   }
#nav #h_cv {  }
#nav #h_bio { }
#nav #h_contact { }


#nav #h_home a {
	
	font-size: 34px; letter-spacing:-2px; padding: -4 4 -4; outline: 0;
font-family: arial black, arial, helvetica; font-weight: 800; color: #CC3333; text-decoration: none;
}


#nav #h_projects a {
	
	font-size: 30px; letter-spacing:-2px; padding: -4 4 -4; outline: 0;
font-family: arial black, arial, helvetica; font-weight: 800; color: #FFFFFF; text-decoration: none;
}
#nav #h_cv a {
	font-size: 30px; letter-spacing:-2px; padding: -4 4 -4; outline: 0;
font-family:  arial black, arial, helvetica; font-weight: 800; color: #FFFFFF; text-decoration: none;
}
#nav #h_bio a {
	font-size: 30px; letter-spacing:-2px; padding: -4 4 -4; outline: 0;
font-family: arial black, arial, helvetica; font-weight: 800; color: #FFFFFF; text-decoration: none;
}
#nav #h_contact a {
	font-size: 30px; letter-spacing:-2px; padding: -4 4 -4; outline: 0;
font-family:  arial black, arial, helvetica; font-weight: 800; color: #FFFFFF; text-decoration: none;
}

#nav #h_home a:hover {color: #CCCCCC;} 
#nav #h_projects a:hover {color: #3399FF;} 
#nav #h_cv a:hover {color: #33FF66;}
#nav #h_bio a:hover{color: #FFFF33;}
#nav #h_contact a:hover{color: FF9933;}

#name {
	 
	float: right;
	
	
	
	
	margin-top: 0px;
	margin-left: 0px;
	
}
#name h1 {
	font-size: 40px;
	outline: 0;
	font-family: arial black, arial, helvetica; 
	font-weight: 900;
	letter-spacing:-1px; padding: -4 4 -4;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
	}
#name #namecontent {
}
#name #namecontent .nametitle {
	outline: 0;
	font-family: arial black, arial, helvetica; 
	font-weight: 900;
	letter-spacing:-1px; padding: -4 4 -4;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}
#name #namecontent .nametitle.first {
	margin-top: 0;
}
#name #namecontent .nametitle a {
	text-decoration: none; outline: 0;
	color: #CC0000; padding: -4 4 -4;
}
#name #namecontent .nametitle a:hover {
	color: #000000;} 
	
	#name #namecontent .thumb.first {
	margin-top: 0;
}
#name #namecontent .thumb a {
	text-decoration: none; outline: 0;
	
}
#name #namecontent .thumb a:hover {
	} 




#subbox {
 position: absolute;
	margin-left: auto ;
  margin-right: auto ;
	width: 980px;
	height: 200px;
	margin-left: 0px;
	margin-top: 00px;
	margin-right: 0;
	margin-bottom: 0px;
	overflow:scroll;  /* cater to the older browsers */
z-index: 50;
overflow: -moz-scrollbars-horizontal; /* for FF */

overflow-x:scroll; /* scroll horizontal */

overflow-y:hidden; /* Hide vertical*/
}



#boxcontent{
	/*position:relative;
	z-index:100;*/
	
	background-image: url(http://www.rafcanedo.info/urfront_newboxbackground.png);
	background-repeat: repeat;
	padding: 4px;
	display: inline;
	float: left;
	width: 2820px;
	height: 300px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#boxcontent h4 {
	color:#000000;
	font-size: 14px;
	outline: 0;
	font-family: arial, helvetica; 
	font-weight: 500;
	letter-spacing:-1px; padding: -4 4 -4;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;}

#boxcontent h2 {
	font-size: 16px;
	color:#000000;
	outline: 0;
	font-family: arial, helvetica; 
	font-weight: 900;
	letter-spacing:-1px; padding: -4 4 -4;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: -10px;
	margin-left: 0;
	}



#boxcontent p {
	font-size: 11px;
	color:#666666;
	font-family: Arial, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#boxcontent #newcontent {
}
#boxcontent #newcontent .prev {
}
#boxcontent #newcontent .prev.first {
	margin-top: 0;
}
#boxcontent #newcontent .prev a {
	text-decoration: none; outline: 0;
	color: #000000;
}
#boxcontent #newcontent .prev a:hover {
	color: #666666;}
	
	
	#boxcontent #newcontent .subtitle {
}
#boxcontent #newcontent .subtitle.first {
	margin-top: 0;
}
#boxcontent #newcontent .subtitle a {
	text-decoration: none; outline: 0;
	font-color: #000000;
}
#boxcontent #newcontent .subtitle a:hover {
	color: #666666; outline: 0;}


#projectprev{

display: inline;
	outline: 0;
	float: left;
	width: 220px;
	height: 292px;
	padding: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0px;	
}
	
	
	
	
	
	
	

---------------------------------------
#content{
	/*position:relative;
	z-index:100;*/
	
	padding: 4px;
	display: inline;
	float: left;
	width: 190px;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
}

#contenti{
	/*position:relative;
	z-index:100;*/
	border-style:dashed;
	border-width:1px;
	border-color: #666666;
	display: inline;
	float: left;
	width: 190px;

	padding: 5px;
	margin-left: 10px;
	margin-top: 15px;
	background-image: url(http://www.rafcanedo.info/urfront_newboxbackground.png);
	background-repeat: repeat;
}
	

#mapcontent{
	/*position:relative;
	z-index:100;*/
	border-style:dashed;
	border-width:1px;
	border-color: #666666;
	padding: 4px;
	display: inline;
	float: left;
	width: 730px;
	height: 480px;
	padding: 5px;
	margin-left: 15px;
	
	margin-top: 15px;
	
	background-image: url(http://www.rafcanedo.info/urfront_newboxbackground.png);
	background-repeat: repeat;
	overflow:scroll;  /* cater to the older browsers */
z-index: 50;
overflow: -moz-scrollbars-horizontal; /* for FF */

overflow-y:scroll; /* scroll horizontal */

overflow-x:scroll; /* Hide vertical*/
}



-------------------


#street_box {
	 border-style:dashed;
	border-width:1px;
	border-color: #666666;
	
	display: inline;
	float: left;
	
	width: 190px;
	height: 370px;
	padding: 5px;
	margin-left: 10px;
	margin-top: 15px;
	background-image: url(http://www.rafcanedo.info/urfront_newboxbackground.png);
	background-repeat: repeat;
	
}


#street_box h2 {
	font-size: 38px;
	outline: 0;
	font-family: arial black, arial, helvetica; 
	font-weight: 900;
	letter-spacing:-4px; padding: -4 4 -4;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;}

#street_box h1 {
	font-size: 13px;
	outline: 0;
	font-weight: bold;
	font-family: Arial, sans-serif;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

#street_box p {
	font-size: 11px;
	color:#666666;
	font-family: Arial, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#street_box #contenti{
}

#street_box #contenti .title {
}
#street_box #contenti .title.first {
	margin-top: 0;
}
#street_box #contenti .title a {
	text-decoration: none; outline: 0;
	color: #000000; padding: -4 4 -4;
}
#street_box #contenti .title a:hover {
	color: #666666;} 

#street_box #contenti img.thumb {
		border: 1px solid #CCCCCC;
		padding: 1px;
		margin-bottom: 0px;
	}
	

-------------------------
	
	#street_head {
	 
	float: left;
	width: 190px;
	
	padding: 5px;
	
	margin-bottom: 5px;
	background-image: url(http://www.rafcanedo.info/urfront_newboxbackground.png);
	background-repeat: repeat;
	
}


#street_head h2 {
	font-size: 38px;
	outline: 0;
	font-family: arial black, arial, helvetica; 
	font-weight: 900;
	letter-spacing:-4px; padding: -4 4 -4;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;}

----------

#street {
	 
	 border-style:dashed;
	border-width:1px;
	border-color: #666666;
	
	display: inline;
	float: left;
	width: 190px;
	
	padding: 5px;
	margin-left: 10px;
	margin-top: 15px;
	background-image: url(http://www.rafcanedo.info/urfront_newboxbackground.png);
	background-repeat: repeat;
	
}


#street h3 {
	font-size: 13px;
	outline: 0;
	font-weight: bold;
	font-family: Arial, sans-serif;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	}
	
#street #content .title {
}
#street #content .title.first {
	margin-top: 0;
}
#street #content .title a {
	text-decoration: none; outline: 0;
	color: #000000; padding: -4 4 -4;
}
#street #content .title a:hover {
	color: #666666;} 

#street #content img.thumb {
		border: 1px solid #CCCCCC;
		padding: 1px;
		margin-bottom: 0px;
	}
	
---------------------



#map_box {

	
	 width: 730px;
 height: 480px;
 border-style: dashed;
	border-width: 1px; 
	border-color: #cccccc;
	display: inline;
	float: left;
	padding: 5px;
	margin-left: 15px;
	margin-top: 15px;
	
}

-------------------------

#map_head {
	 
	float: left;
	width: 730px;
	
	padding: 5px;
	
	margin-bottom: 5px;
	background-image: url(http://www.rafcanedo.info/urfront_newboxbackground.png);
	background-repeat: repeat;
	
}


#map_head h2 {
	font-size: 38px;
	outline: 0;
	font-family: arial black, arial, helvetica; 
	font-weight: 900;
	letter-spacing:-4px; padding: -4 4 -4;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;}

-----------------------------
#london {
position: absolute; top:0;
vertical-align: 0;
z-index:0;
	float: left;
	width: 970px;
	height: 700px;
}

#belgrave {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#buxton {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#cityroad {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#commercial {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#guilford {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#hackney {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#jamaica {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#kennington {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#kent {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#kings {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#moorgate {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#oxford {
position: absolute; top:0;
vertical-align: 0;
z-index:51;
	float: left;
	width: 970px;
	height: 700px;
}

#piccadily {
position: absolute; top:0;
vertical-align: 0;
z-index:51;
	float: left;
	width: 970px;
	height: 700px;
}

#queen {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#smithfield {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#southwark {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#thames {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#union {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#victoria {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#wandsworth {
position: absolute; top:0;
vertical-align: 0;
z-index:0;
	float: left;
	width: 970px;
	height: 700px;
}

#waterloo {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}

#whitewall {
position: absolute; top:0;
vertical-align: 0;
z-index:50;
	float: left;
	width: 970px;
	height: 700px;
}










	

.hidden { display: none; }
.unhidden { display: inline; }


#header {z-index:100;position:relative;}
#content {z-index:100;position:relative}