/* 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(/reconstructionsbg.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;
}	

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

#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;	
}
	
	
	
	
	
	
	
	#new_box {
	border-style: dashed;
	border-width: 1px; 
	border-color: #666666;
	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;
	
}


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

#new_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;
}

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

#new_box #content {
}

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

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



#new_box #content .history {
}
#new_box #content .history.first {
	margin-top: 0;
}
#new_box #content .history a {
	text-decoration: none; outline: 0;
	color: #000000;
}
#new_box #content .history a:hover {
	color: #0968BF;
}

#new_box #content .crew {
}
#new_box #content .crew.first {
	margin-top: 0;
}
#new_box #content .crew a {
	text-decoration: none; outline: 0;
	color: #000000;
}
#new_box #content .crew a:hover {
	color: #298E56;
}

#new_box #content .video {
}
#new_box #content .video.first {
	margin-top: 0;
}
#new_box #content .video a {
	text-decoration: none; outline: 0;
	color: #000000;
}
#new_box #content .video a:hover {
	color: #909A20;
}

#new_box #content .music {
}
#new_box #content .music.first {
	margin-top: 0;
}
#new_box #content .music a {
	text-decoration: none; outline: 0;
	color: #000000;
}
#new_box #content .music a:hover {
	color: #A97E07;
}

#new_box #content .forum {
}
#new_box #content .forum.first {
	margin-top: 0;
}
#new_box #content .forum a {
	text-decoration: none; outline: 0;
	color: #000000;
}
#new_box #content .forum a:hover {
	color: #DE2F2F;
}

#new_box #content .events {
}
#new_box #content .events.first {
	margin-top: 0;
}
#new_box #content .events a {
	text-decoration: none; outline: 0;
	color: #000000;
}
#new_box #content .events a:hover {
	color: #666666;
}

	
	
	
	


#bottom_box {
 width: 730px;
 height: 480px;
 border-style: dashed;
	border-width: 1px; 
	border-color: #666666;
	display: inline;
	float: left;
	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:hidden; /* Hide vertical*/
}

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


}
#bottom_box h5 {
	align: center;
	font-size: 14px;
	outline: 0;
	font-family: arial, helvetica; 
	font-weight: 0;
	letter-spacing: 0px; 
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;}
	
	
	#bottom_box h3 {
	font-size: 14px;
	outline: 0;
	font-family: arial, helvetica; 
	font-weight: 900;
	letter-spacing:0px; 
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;}




#bottom_box #bottomcontent {
}

#bottom_box #bottomcontent .bodytitle {
width: 220px;
display: inline;
float: left;
align: center;
font-size: 14px;
	outline: 0;
	font-family: arial, helvetica; 
	font-weight: -300;
	letter-spacing: 0px; padding: -2 4 -4;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#bottom_box #bottomcontent .bodytitle.first {
	margin-top: 0;
}
#bottom_box #bottomcontent .bodytitle a {
	text-decoration: none; outline: 0;
	color: #000000; padding: -2 4 -4;
}
#bottom_box #bottomcontent .bodytitle a:hover {
	color: #666666;} 
	
	
	
	#bottom_box #bottomcontent .bodysubtitle {
	display: inline;
float: left;
	font-size: 10px;
	outline: 0;
	font-family: arial, helvetica; 
	font-weight: 900;
	letter-spacing:0px; padding: -4 4 -4;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}
#bottom_box #bottomcontent .bodysubtitle.first {
	margin-top: 0;
}
#bottom_box #bottomcontent .bodysubtitle a {
	text-decoration: none; outline: 0;
	color: #CC3333; padding: -4 4 -4;
}
#bottom_box #bottomcontent .bodysubtitle a:hover {
	color: #CC3333;} 





	

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


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