/* PAGE FOLD
1024x768 resolution
Fold is 578px
Scroll is 968px
*/

#player {
position:absolute;
top:0;
left: 575px;
top: 550px;
}


/*MAIN NAVIGATION*/
#main_navigation ul {
border: none;
margin: 0;
padding: 0;
list-style-type: none;
clear: left;
height: 56px;
}

#main_navigation ul li {
display: block;
float: left;
padding: 0;
margin: 0;
border: none;
}

#main_navigation ul li a {
display: block;
height: 56px;
padding: 0;
margin: 0;
}

li#inicio_main a { width: 80px; }
li#jesusydiana_main a { width: 165px; }
li#proyectos_main a { width: 133px; }
li#momentos_main a { width: 133px; }
li#blog_main a { width: 80px;}
li#links_main a { width: 80px; }
li#contacto_main a { width: 129px; }

li#inicio_main a:hover { background: transparent url(images/nav1.jpg) 0px 0px no-repeat;}
li#jesusydiana_main a:hover { background: transparent url(images/nav1.jpg) -80px 0px no-repeat; }
li#proyectos_main a:hover { background: transparent url(images/nav1.jpg) -245px 0px no-repeat; }
li#momentos_main a:hover { background: transparent url(images/nav1.jpg) -378px 0px no-repeat; }
li#blog_main a:hover {background: transparent url(images/nav1.jpg) -511px 0px;}
li#links_main a:hover { background: transparent url(images/nav1.jpg) -591px 0px no-repeat; }
li#contacto_main a:hover { background: transparent url(images/nav1.jpg) -671px 0px no-repeat; }

#main_navigation ul li strong { display: none; }

#main_navigation {
position: relative;
padding-bottom: 6px;
_margin-bottom: -6px;
background: transparent url(images/nav.jpg) no-repeat;
}
/*END OF MAIN NAVIGATION*/





/*SUB NAVIGATION*/
#sub_navigation ul {
border: none;
margin: 0;
padding: 0;
list-style-type: none;
clear: left;
height: 50px;
}

#sub_navigation ul li {
display: block;
float: left;
padding: 0;
margin: 0;
border: none;
}

#sub_navigation ul li a {
display: block;
height: 50px;
padding: 0;
margin: 0;
}

li#null_sub a { width: 200px; }
li#bio_sub a { width: 140px; }
li#mision_sub a { width: 265px; }

li#null_sub a:hover { background: url(images/sub.jpg) 0px 0px no-repeat;}
li#bio_sub a:hover { background: transparent url(images/sub1.jpg) -200px 0px no-repeat;}
li#mision_sub a:hover { background: transparent url(images/sub1.jpg) -340px 0px no-repeat; }

#sub_navigation ul li strong { display: none; }

#sub_navigation {
position: relative;
left: -25px;
height: 50px;
width: 501px;
background: transparent url(images/sub.jpg) no-repeat;
}
/*END OF SUB NAVIGATION*/





/*LOWER NAVIGATION*/
#lower_navigation ul {
border: none;
margin: 0;
padding: 0;
list-style-type: none;
clear: left;
height: 30px;
}

#lower_navigation ul li {
display: block;
float: left;
padding: 0;
margin: 0;
border: none;
}

#lower_navigation ul li a {
display: block;
height: 30px;
padding: 0;
margin: 0;
}

li#inicio_lower a { width: 110px; text-align: center; }
li#jesusydiana_lower a { width: 90px;  text-align: center; }
li#proyectos_lower a { width: 100px;  text-align: center; }
li#mision_lower a { width: 50px;  text-align: center; }
li#lanzamiento_lower a { width: 115px;  text-align: center; }
li#momentos_lower a { width: 80px;  text-align: center; }
li#blog_lower a { width: 65px;  text-align: center; }
li#links_lower a { width: 50px;  text-align: center; }
li#contacto_lower a { width: 100px;  text-align: center; }

/*END OF LOWER NAVIGATION*/






/*SHARE LINKS*/
#share_links ul {
border: none;
margin: 0;
padding: 0;
list-style-type: none;
clear: left;
height: 50px;
}

#share_links ul li {
display: block;
float: left;
padding: 0;
margin: 0;
border: none;
}

#share_links ul li a {
display: block;
height: 50px;
padding: 0;
margin: 0;
}

li#null_share a { width: 20px; }
li#facebook_share a { width: 110px; }
li#myspace_share a { width: 138px; }
li#blog_share a { width: 40px; }
li#contacto_share a { width: 50px; }
li#visitas_share a { width: 38px; }

li#null_share a:hover { background: url(images/links1.jpg) -400px 0px no-repeat;}
li#facebook_share a:hover { background: url(images/links2.jpg) -420px 0px no-repeat;}
li#myspace_share a:hover { background: url(images/links2.jpg) -530px 0px no-repeat; }
li#blog_share a:hover { background: url(images/links2.jpg) -668px 0px no-repeat; }
li#contacto_share a:hover { background: url(images/links2.jpg) -710px 0px no-repeat; }
li#visitas_share a:hover { background: url(images/links2.jpg) -758px 0px no-repeat; }

#share_links ul li strong { display: none; }

#share_links {
position: relative;
background: transparent url(images/links1.jpg) no-repeat;
}
/*END OF SHARE LINKS*/





/*WILDCARD*/
* {
margin: 0;
}






/*PAGE CENTERING*/
body {
  text-align: center;
  }

#wrapper {
  margin: 0 auto;
  width: 802px;
  position:relative;
  } 
/*END OF CENTERING*/






/*HTML WIRE FRAME*/
body {
background-image: url(images/background.png);
background-repeat: repeat-x;
background-color: #1f0c0b;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: normal;
color: white;
}

h1{
height: 450px;
width: 800px;
border-style: solid;
border-width: 1px;
border-color:gray;
/*background-color: gray;*/
}

h1 span{
display: none;	
}

#small_header{
height: 450px;
width: 800px;
border-style: solid;
border-width: 1px;
border-color:gray;
}

h2 strong{
display: none;	
}

h3{
width: 800px;
text-align: center;
padding-bottom: 25px;
padding-top: 10px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #954F3F;
}

li {
list-style-type: none;
}

a:link {
text-decoration: none;
color: #954F3F;
}

a:visited {
text-decoration: none;
color: #954F3F;
}

a:active {
text-decoration: none;
color: #954F3F;
}

a:hover {
/*text-decoration: underline;*/
color: #FFFFFF;
}

#wrapper{
text-align: left;
}

#index_header{
height: 50px;
width: 750px;
background-image: url(images/bienvenidos.jpg);
background-repeat:no-repeat;
padding-bottom: 10px;
}

#jesusydiana_header{
height: 50px;
width: 750px;
background-image: url(images/jesusydiana.jpg);
background-repeat:no-repeat;
padding-bottom: 10px;
}

#bio_header{
height: 50px;
width: 750px;
background-image: url(images/biografia.jpg);
background-repeat:no-repeat;
padding-bottom: 10px;
}

#mision_header{
height: 50px;
width: 750px;
background-image: url(images/mision.jpg);
background-repeat:no-repeat;
padding-bottom: 10px;
}

#referencias_header{
height: 50px;
width: 750px;
background-image: url(images/referencias.jpg);
background-repeat:no-repeat;
padding-bottom: 10px;
}

#momentos_header{
height: 50px;
width: 750px;
background-image: url(images/momentos.jpg);
background-repeat:no-repeat;
padding-bottom: 10px;
}

#proyectos_header{
height: 50px;
width: 750px;
background-image: url(images/proyectos.jpg);
background-repeat:no-repeat;
padding-bottom: 10px;
}

#lanzamiento_header{
height: 50px;
width: 750px;
background-image: url(images/lanzamiento.jpg);
background-repeat:no-repeat;
padding-bottom: 10px;
}

#links_header{
height: 50px;
width: 750px;
background-image: url(images/links.jpg);
background-repeat:no-repeat;
padding-bottom: 10px;
}

#contacto_header{
height: 50px;
width: 750px;
background-image: url(images/contacto.jpg);
background-repeat:no-repeat;
padding-bottom: 10px;
}

#sub_wrapper{
border-style: solid;
border-width: 1px;
border-color:gray;
}

#main_navigation{
height: 50px;
width: 800px;
}

#sub_navigation{
height: 50px;
width: 800px;
}

#main_navigation li{
float: left;
margin-right: 45px;
}

#body{
height: auto;
width: 750px;
background-color: #1d1c1c;
padding-top: 20px;
padding: 25px;
}

#body_sub{
height: auto;
width: 750px;
background-color: #1d1c1c;
padding: 25px;
}

#lower_navigation{
margin-top: 15px;
height: 30px;
}

#share_links{
height: 50px;
width: 800px;
background-color: black;
border-style: solid;
border-width: 1px;
border-color:gray;
border-top: none;
border-bottom: none;
border-left: none;
}

#share_links li{
float: left;
margin-right: 45px;
}

#share_links ul{
margin-left: 400px;
}
/*END OF HTML WIRE FRAME*/


