/*
Design by Free CSS Layouts
http://www.free-css-layouts.com
Released for free under a Creative Commons Attribution 2.5 License

Name       : Photo Album
Released   : 2009/03/03

*/

/* Body */

body 
{
background: #ffffff;	
font-size: 12px;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
line-height: 1.6em;
color: #424242;
}
	
a
{
	color: #1e5b7e;
	text-decoration: none;
}
	
a:hover 
{
color: #FC5F57; 
text-decoration: none; }

p 
{ 
margin: 0 0 8px 0; 
}

em
{
color: #6D6B6B;
}
img 
{ 
border: none;
}

h2 
{ 
font-weight: normal;
font-size: 1.6em ;
font-family:"Trebuchet MS", Arial, Sans-Serif, Helvetica; 
margin: 0 0 12px; 
color: #1e5b7e; 
border-bottom: 1px solid #1e5b7e;
}

#logo p
{ 
font-size: 2.5em; 
font-style: italic; 
padding-left: 19px;  
padding-top: 40px; 
font-family: "Trebuchet MS", Arial, Sans-Serif, Helvetica; 
color: #1e5b7e;
}

#photos
{
	position: absolute;
	top: 36px;
}
#one
{
	position: absolute;
	left: 254px;
}

#one a:hover
{
position: absolute;
left: -10px;
top: -5px;
background: url(images/1-1.jpg) no-repeat;
border: 1px solid #C00536;
}

#two
{
	position: absolute;
	left: 367px;
}

#two a:hover
{
position: absolute;
left: -10px;
top: -5px;
background: url(images/2-2.jpg) no-repeat;
border: 1px solid #C00536;
}

#three
{
	position: absolute;
	left: 479px;
}

#three a:hover
{
position: absolute;
left: -10px;
top: -5px;
background: url(images/3-3.jpg) no-repeat;
border: 1px solid #C00536;
}

#four
{
position: absolute;
left: 597px;
}

#four a:hover
{
position: absolute;
left: -10px;
top: -5px;
background: url(images/4-4.jpg) no-repeat;
border: 1px solid #C00536;
}

#five
{
position: absolute;
left: 706px;
}

#five a:hover
{
position: absolute;
left: -10px;
top: -5px;
background: url(images/5-5.jpg) no-repeat;
border: 1px solid #C00536;
}

#six
{
position: absolute;
left: 819px;
}

#six a:hover
{
position: absolute;
left: -10px;
top: -5px;
background: url(images/6-6.jpg) no-repeat;
border: 1px solid #C00536;
}

#categories 
{ 
background: url(images/bgcateg.jpg) no-repeat; 
float: right; 
padding: 20px 0 0 0; 
width: 250px; 
font-size: 1.7em; 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
color: #FC5F57; 
height: 300px; 
margin: 0 0 20px 20px; 
}

#categories p
{
padding-left: 20px;
}
#categories ul
{
text-align: left;
float: left;
width:150px;
list-style: none; 
margin-top: 10px; 
}

#categories ul li
{
border-bottom: 1px solid #D0DCC7;  
text-align: left;
width:150px; 
padding-left: 0px; 
}

#categories ul li a
{ 
text-decoration: none;
line-height: 24px; 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
color: #1e5b7e; 
font-size: 16px; 
font-weight: bold; 
background: url( images/li.gif ) no-repeat center left; 
padding-left: 10px; 
}

#categories ul li a:hover
{
text-decoration: underline;
}


#sponsored 
{
	float: right;
	padding: 10px 0 0 0;
	width: 250px;
	font-size: 1.7em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FC5F57;
	height: 150px;
	margin: 0 0 20px 20px;
	background-repeat: no-repeat;
}

#sponsored p
{
padding-left: 20px;
}
#sponsored ul
{
text-align: left;
float: left;
width:150px;
list-style: none; 
margin-top: 3px; 
}

#sponsored ul li
{
border-bottom: 1px solid #D0DCC7;  
text-align: left;
width:150px; 
padding-left: 0px; 
}

#sponsored ul li a
{ 
text-decoration: none;
line-height: 24px; 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
color: #1e5b7e; 
font-size: 16px; 
font-weight: bold; 
background: url( images/li.gif ) no-repeat center left; 
padding-left: 10px; 
}

#sponsored ul li a:hover
{
text-decoration: underline;
}

#wrapper 
{ 
width: 940px;
margin: 0 auto; 
padding: 24px 0 0 0; 
background: url(images/background-top.jpg) repeat-x top left; 
}
 
#header
{ 
float: right; 
text-align: right;  
}

#logo 
{ 
float: left; 
background: url(images/logo-bg.jpg) no-repeat;
width: 250px; 
height: 122px;
padding-bottom: 8px;
}

#logo h1 
{
	font-size: 12px;
	text-align: center;
}

#logo a 
{
	font-size: 11px;
	font-weight: normal;
	padding-left: 24px;
	color: #5c5a5a;
}

#menu 
{ 
font-family: "Trebuchet MS", Arial, Sans-Serif, Helvetica; 
height: 35px; 
padding: 10px 0 0 0; 
clear: both;  
margin: 0 0 18px; 
background: url(images/menubg.jpg) repeat-x; 
}

#menu li 
{ 
font-family: "Trebuchet MS", Arial, Sans-Serif, Helvetica; 
font-size: 1.3em; 
display: inline; 
border-right: 1px solid #F96B6B;
}

#menu li a 
{ 
font-family: "Trebuchet MS", Arial, Sans-Serif, Helvetica; 
margin: 3px 25px 0 10px; 
color: #ffffff;  
text-decoration: none; 
font-weight: bold;
}

#menu li a:hover 
{
	font-family: "Trebuchet MS", Arial, Sans-Serif, Helvetica;
	color: #000000;
	text-decoration: none;
}

#right-top 
{ 
float: right;
color: #FC5F57; 
text-align: center; 
padding: 20px 0 0; 
width: 250px; 
border: 2px solid #D1F9D6; 
height: 90px; 
margin: 0 0 18px 13px; 
}

#page 
{ 
float: left; 
width: 655px; 
margin: 0 0 20px; 
padding: 5px 10px 5px 5px;
}

#page  img 
{
	margin: 0 8px 10px 0;
	float: left;
	border: 2px solid #EDEBEB;
	padding: 1px;
}

#page  p 
{ 
text-align:justify;
}

#footer 
{  
height: 50px; 
text-align: center; 
padding-top: 15px;  
font-size: 14px; 
color: #ffffff; 
background: url(images/footer.jpg) repeat-x; 
}

#footer a
{ 
font-weight: normal; 
color: #1e5b7e;  
}

#footer-text 
{  
padding-top: 16px;  
text-align: center;
}