/* - - - - - - - - - - - - - - - - - - - - -

Título		: ROBER DAM
Autor		: Oscar Sanchez
URL 		:

Descripción : ROBER DAM PHOTOGRAPHY

Creado 		: AUGUST 13, 2009
Modificado	: AUGUST 13, 2009

- - - - - - - - - - - - - - - - - - - - - */

/*div {
	border: 1px solid Red;
}*/



body {
	margin: 0;
	background: #000000 url('../gfx/back/back_body.jpg') no-repeat top center;
	font-size: 12px;
	line-height: 20px;
}

body,td,th {
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
	font-size: 12px;
}

#wraper { 
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

/*****************************************************/
/* LAYOUT                               		 */
/***************************************************/

a { 
	color: #361238;
	text-decoration: none;
}

a:hover { 
	color: #361238;
	text-decoration: underline;
}


h1, h1 a { 
	font-size: 16px;
	color: #361238;
	font-weight: normal;
}

p { 
	color: #c4c4c4;
}

h2, h2 a { 
	font-size: 14px;
	color: #361238;
	font-weight: normal;
}

#header { 
	float: left;
	width: 780px;
	height: 90px;
	padding-top: 40px;
}

#logo { 
	width: 300px;
	height: 60px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


#main { 
	float: left;
	width: 734px;
	background-color: #e9e9e9;
	padding: 23px;
	border: 1px solid #ffffff;
}

#main img { 
	margin-right: 20px;
}

#contenido { 
	float: left;
	width: 694px;
	padding: 20px;
	background-color: #000000;
}

#col_1 {
	float: left;
	width: 337px; 
	margin-right: 20px;	
}

#col_2 { 
	float: left;
	width: 337px;
}

#col_2 table { 
	margin-top: 40px;
}

#footer { 
	float: left;
	width: 780px;
	text-align: center;
	color: #361238;
}

/*****************************************************/
/* MENU                                     		 */
/***************************************************/

#content_menu { 
	display: inline;
	float: left;
	width: 734px;
	height: 65px;
	margin-bottom: 65px;
}

#menu {
	width: 460px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
/*	margin-bottom: 65px;*/
}

.nav { 
	margin:0px;
	padding: 0px;
	list-style: none;
}

.nav li { 
	float: left;
	margin-right: 13px;
	margin-left: 13px;	
}

.nav li a span { 
	display: none;
}


li#portfolio a {
	width: 89px;
	height: 9px;
	display: block;
}

body#portfolio_page li#portfolio a { 
	background: url('../gfx/buttons/portfolio_on.gif') no-repeat;
}

div.hover_portfolio {
	position: 		relative;
	width: 89px;
	height: 9px;
	background: url('../gfx/buttons/portfolio_off.gif') no-repeat 0 0 scroll;
}

div.hover_portfolio a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 89px;
	height: 9px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}

div.hover_portfolio div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 89px;
	height: 9px;
	margin-top: -9px;
	border:			0px solid #000;
	background: url('../gfx/buttons/portfolio_on.gif') no-repeat 0 0 scroll;
}

li#about a {
	width: 53px;
	height: 9px;
	display: block;
}

body#about_page li#about a { 
	background: url('../gfx/buttons/about_on.gif') no-repeat;
}

div.hover_about {
	position: 		relative;
	width: 53px;
	height: 9px;
	background: url('../gfx/buttons/about_off.gif') no-repeat 0 0 scroll;
}

div.hover_about a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 53px;
	height: 9px;
	
	text-align: 	center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}

div.hover_about div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 53px;
	height: 9px;
	margin-top: -10px;	
	border:			0px solid #000;
	background: url('../gfx/buttons/about_on.gif') no-repeat 0 0 scroll;
}

li#blog a {
	width: 39px;
	height: 9px;
	display: block;
}

body#blog_page li#blog a { 
	background: url('../gfx/buttons/blog_on.gif') no-repeat;
}

div.hover_blog {
	position: 		relative;
	width: 39px;
	height: 9px;
	background: url('../gfx/buttons/blog_off.gif') no-repeat 0 0 scroll;
}
div.hover_blog a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 39px;
	height: 9px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_blog div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 39px;
	height: 9px;
	margin-top: -9px;	
	border:			0px solid #000;
	background: url('../gfx/buttons/blog_on.gif') no-repeat 0 0 scroll;
}

li#blog a {
	width: 39px;
	height: 9px;
	display: block;
}

body#blog_page li#blog a { 
	background: url('../gfx/buttons/blog_on.gif') no-repeat;
}

div.hover_blog {
	position: 		relative;
	width: 39px;
	height: 9px;
	background: url('../gfx/buttons/blog_off.gif') no-repeat 0 0 scroll;
}
div.hover_blog a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 39px;
	height: 9px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_blog div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 39px;
	height: 9px;
	margin-top: -9px;	
	border:			0px solid #000;
	background: url('../gfx/buttons/blog_on.gif') no-repeat 0 0 scroll;
}

li#press a {
	width: 47px;
	height: 9px;
	display: block;
}

body#press_page li#press a { 
	background: url('../gfx/buttons/press_on.gif') no-repeat;
}

div.hover_press {
	position: 		relative;
	width: 47px;
	height: 9px;
	background: url('../gfx/buttons/press_off.gif') no-repeat 0 0 scroll;
}
div.hover_press a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 47px;
	height: 9px;
	text-align: 		center;
	color:			#000;
	background:		transparent none -x 0 0 scroll;
}
div.hover_press div {
	display:		none;
	position: 		relative;
	z-index: 		1;
	width: 47px;
	height: 9px;
	margin-top: -9px;	
	border:			0px solid #000;
	background: url('../gfx/buttons/press_on.gif') no-repeat 0 0 scroll;
}

li#contact a {
	width: 72px;
	height: 9px;
	display: block;
}

body#contact_page li#contact a { 
	background: url('../gfx/buttons/contact_on.gif') no-repeat;
}

div.hover_contact {
	position: 		relative;
	width: 47px;
	height: 9px;
	background: url('../gfx/buttons/contact_off.gif') no-repeat 0 0 scroll;
}
div.hover_contact a {
	position: relative;
	z-index: 2;
	display: block;
	width: 72px;
	height: 9px;
	text-align: center;
	color: #000;
	background:	transparent none -x 0 0 scroll;
}
div.hover_contact div {
	display: none;
	position: relative;
	z-index: 1;
	width: 72px;
	margin-top: -9px;	
/*	padding-bottom: 15px;*/
	border:	0px solid #000;
	background: url('../gfx/buttons/contact_on.gif') no-repeat 0 0 scroll;
}

.float_l { 
	float: left;
}

.float_r { 
	float: right;
}