/*---------------------------------------------------------------------------
| Copyright (C) 2008 Pulsur                                                 |
| Version: 1.0                                                             	|
| Date: 05 June 2008                                                        |
| Name: css/layout.php                                                      |
---------------------------------------------------------------------------*/

body {
	background-color	:	#FFF;
	margin				:	0px;
	color				:	#9f9f9f;
	font-family			:	Helvetica, Verdana, Arial, sans-serif;
	font-size			:	12pt;
}

#wrap {
	width				:	100%;
	margin				:	0px;
}

#container {
	width				:	900px;
	margin				:	0px 0px 0px 0px;
	color				:	#222;
}

#header {
	float				:	left;
	width				:	900px;
	height				:	50px;
	margin				:	0px 0px 20px 0px;
}

#name a {
 float: left;
 width:	50px;
 height: 500px;
 margin: 50px 0px 0px 10px;
 background: url(../images/general/logo.jpg);
}

#name a:hover {
 background-position: -50px 0;	
}

#main {
	float				:	left;
	width				:	900px;
	color				:	#9f9f9f;
}

#intro {
	width				:	900px;
}

#photo {
	float				:	left;
	width				:	675px;
}

#photo-info {
	float				:	right;
	width				:	200px;
	font-family			:	Helvetica, Verdana, sans-serif;
	font-size			:	13px;
	color				:	#9f9f9f;
}

#photo-info .names {
	font-family			:	Helvetica, Verdana, sans-serif;
	font-size			:	14pt;
	color				:	#9f9f9f;
}

img {
	border				:	0px;
}

#previous a {
 float: right;
 margin: 0 10px 0 0;
 width: 33px;
 height: 30px;
 background: url(../images/general/prev.png);
}

#next a {
 float: right;
 width: 33px;
 height: 30px;
 background: url(../images/general/next.png);
 cursor: pointer;
}

#previous a:hover, #next a:hover {
 background-position: 0 -30px;
}

/* MAIN NAVIGATION */

#main-nav {
	float				:	right;
	width				:	900px;
	height				:	11px;
	background-color	:	#fff;
	margin				:	0px 0px 0px 0px;
}
#main-nav ul {
	float				:	right;
	list-style			:	none;
	width				:	675px;
	padding				:	0px;
	margin				:	0px;
}

#main-nav li {
	float				:	right;
	width				:	auto;
	height				:	15px;
	padding				:	4px 0px 5px 10px;
	margin				:	0px 2px 0px 0px;
	background-color	:	#fff;
}

#main-nav li a {
	float				:	right;
	display				:	block;
	font-family			:	Helvetica, Verdana, sans-serif;
	color				:	#ccc;
	text-decoration		:	none;
	font-weight			:	bold;
	font-size			:	15px;
	text-transform		:	uppercase;
}

#main-nav li a:hover {
	color				:	#FF0000;
	text-decoration		:	none;
}

#main-nav li.selected {
	float				:	right;
	width				:	auto;
	height				:	15px;
	padding				:	4px 0px 5px 10px;
	margin				:	0px 2px 0px 0px;
	background-color	:	#fff;
}

#main-nav li.selected a {
	float				:	right;
	display				:	block;
	color				:	#FF0000;
	text-decoration		:	none;
	font-weight			:	bold;
	font-size			:	15px;
}

#main-nav li.selected a:hover {
	color				:	#FF0000;
}

/* SUB MENU*/

#sub-nav {
	float				:	right;
	width				:	675px;
	height				:	15px;
	background-color	:	#fff;
	margin				:	10px 0px 10px 0px;
}

#sub-nav ul {
	float				:	right;
	list-style			:	none;
	width				:	675px;
	padding				:	0px;
	margin				:	0px;
}

#sub-nav li {
	float				:	right;
	width				:	auto;
	height				:	15px;
	padding				:	4px 0px 5px 10px;
	margin				:	0px 2px 0px 0px;
	background-color	:	#fff;
}

#sub-nav li a {
	float				:	right;
	display				:	block;
	font-family			:	Helvetica, Verdana, sans-serif;
	color				:	#ccc;
	text-decoration		:	none;
	font-weight			:	bold;
	font-size			:	15px;
	text-transform		:	uppercase;
}

#sub-nav li a:hover {
	color				:	#FF0000;
	text-decoration		:	none;
}

#sub-nav li.selected {
	float				:	right;
	width				:	auto;
	height				:	15px;
	padding				:	4px 0px 5px 10px;
	margin				:	0px 2px 0px 0px;
	background-color	:	#fff;
}

#sub-nav li.selected a {
	float				:	right;
	display				:	block;
	color				:	#FF0000;
	text-decoration		:	none;
	font-weight			:	bold;
	font-size			:	15px;
}

#sub-nav li.selected a:hover {
	color				:	#FF0000;
}

/* DETAIL NAVIGATION */

#photo-info ul {
	float				:	right;
	list-style			:	none;
	width				:	200px;
	padding				:	0px;
	margin				:	0px;
}

#photo-info li {
	float				:	right;
	width				:	auto;
	height				:	11px;
	padding				:	4px 0px 5px 10px;
	margin				:	0px 2px 0px 0px;
	background-color	:	#fff;
}

#photo-info li a {
	float				:	right;
	display				:	block;
	font-family			:	Helvetica, Verdana, sans-serif;
	color				:	#ccc;
	text-decoration		:	none;
	font-weight			:	bold;
	font-size			:	13px;
	text-transform		:	uppercase;
}

#photo-info li a:hover {
	color				:	#FF0000;
	text-decoration		:	none;
}

#photo-info li.selected {
	float				:	right;
	width				:	auto;
	height				:	135px;
	padding				:	4px 0px 5px 10px;
	margin				:	0px 2px 0px 0px;
	background-color	:	#fff;
}

#photo-info li.selected a {
	float				:	right;
	display				:	block;
	color				:	#FF0000;
	text-decoration		:	none;
	font-weight			:	bold;
	font-size			:	13px;
}

a {
	color				:	#ccc;
	font-family			:	Helvetica, Verdana, sans-serif;
	font-size			:	16pt;
	font-weight			:	normal;
	text-decoration		:	underline;
}

a:hover{
	color				:	#6f6f6f;
	font-family			:	Helvetica, Verdana, sans-serif;
	font-size			:	16pt;
	font-weight			:	normal;
	text-decoration		:	none;
}

a.pulsur {
	font-family			:	Helvetica, Verdana, sans-serif;
	color				:	#FFBA00;
	text-decoration		:	underline;
	font-size			:	16pt;
}

a:hover.pulsur {
	font-family			:	Helvetica, Verdana, sans-serif;
	color				:	#6f6f6f;
	font-size			:	16pt;
	font-weight			:	normal;
	text-decoration		:	none;
}