/*
Theme Name: James COUSINS 
Description: Theme for James Cousins Photography
Author: Joke de WINTER 
Author URI: http://www.jokedewinter.co.uk
Version: 20090408
*/

/* ----- RESET STUFF ----- */
html, body, div, h1, h2, h3, h4, h5, h6, p, a, font, img, ul, li {	margin: 0; padding: 0; border: 0; outline: 0;
	font-size: 100%; vertical-align: baseline; background: transparent; font-weight:normal; }
h1			{	position:absolute; top:-100px; }

/* ----- GENERAL ELEMENTS OF THE PAGE ----- */
body		{	text-align:center; font-size:62.5%; font-family:Tahoma, Geneva, sans-serif; background:#666; color:#FFF; }

#wrapper		{	margin:0 auto; width:900px; text-align:center;  }
#navigation		{	padding:0 50px 0 50px; width:800px;  }

#mainPage			{	padding:0 50px 0 50px; width:800px;  }
#mainPage #content	{	width:400px; float:left; text-align:left; padding-top:80px;  }
#mainPage #image	{	width:350px; float:right; padding-top:80px; }

#mainGallery			{	padding:0 50px 0 50px; width:800px;  }
#mainGallery #content	{	width:240px; float:left; text-align:left; padding-top:50px;  }
#mainGallery #image		{	width:500px; float:right; padding-top:60px;   }
/*#image			{	width:502px; float:left; padding:50px 0 20px 0; text-align:left; }*/
/*#content		{	width:250px; float:right; padding:50px 0 20px 0; text-align:left; }*/

#footer			{	padding:50px 50px 0 50px; width:800px; clear:both; text-align:left;    }

/* ----- GENERAL TEXT STUFF ----- */
h2		{	font-size:1.8em; margin-bottom:20px; text-transform:uppercase;   }
p		{	font-size:1.6em; line-height:1.5em;  }
#footer	p		{	color:#333; font-size:1em; }
#footer p a		{	font-size:1em; color:#333; text-decoration:none; }
a		 	{	text-decoration:none; color:#FFF; }
a:hover 	{	text-decoration:none; color:#DDD;  }
img 	{	border:1px solid #FFF; }
a img	{	border:none; }

/* ----- MAIN NAVIGATION ----- */
#industrial #navigation ul li.industrial a, #commercial #navigation ul li.commercial a, #landscape #navigation ul li.landscape a, 
#contact #navigation ul li.contact a	{	color:#FFF; }

#navigation ul		{	margin:0; padding:0; list-style-type:none; float:left; }
#navigation ul li	{ 	display:block; float:left; text-align:left;   }
#navigation ul li a	{	color:#BBB; text-decoration:none; display:block; text-align:left; font-size:1.8em; padding-right:1.5em; }
#navigation li a:hover {	color:#FFF; }
#navigation ul li.contact	{	padding-left:300px; }