/*
	Created by Michael Redfearn ( michaelredfearn.co.uk )
	E-Mail: redfearn5000@googlemail.com
	Services: standards compliant website design and development.
*/

* { padding: 0; margin: 0; }
ul { margin: 0; padding: 0;}	

body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	background-color: #cccccc;
	padding: 20px;
	}

#logo { 
    background: transparent url(images/christina_fallara_logo.gif) no-repeat 0 0; 
    width: 170px; 
    height: 39px; 
    text-indent: -9999px; 
    border: 0; 
    margin: 42px 0 0 0; 
    } 

#logo a { 
    display: block; 
    width: 170px; 
    height: 39px; 
    text-decoration: none; 
    border: 0;
	outline: none;
    }
	
#logo a:hover { background-color: transparent;
    } 


/* set width wrappers -------------------------------------------------- */

/* For horizontal scrolling to work, div widths have to be set explicitly.
 IE/ other browsers will wrap when the viewport width is reached.
 Thus a custom div wrapper has to be created for differnet numbers of photos or different widhts of photos
 for hotos of 450 pixels wide, the calculation for the div widht is num. of photos multiplied by width ( 450 ) plus number of photos multiplied by 20
 plus 20 pixels plus 336 pixels
*/

#inner_site_wrapper_tear_sheets {
	width: 3882px;
	background-color: #fff;
 	padding: 40px 40px 40px 40px;
	height: 491px;
	}

#outer_site_wrapper_tear_sheets {
	width: 3960px;
	background-color: #ccc;
 	padding: 20px;
	}
	
#inner_site_wrapper_portraits_1 {
	width: 10676px;
	background-color: #fff;
 	padding: 40px 40px 40px 40px;
	height: 491px;
	}

#outer_site_wrapper_portraits_1 {
	width: 10770px;
	background-color: olive;
 	padding: 20px;
	
	}
	
#inner_site_wrapper_portraits_2 {
	width: 10206px;
	background-color: #fff;
 	padding: 40px 40px 40px 40px;
	height: 491px;
	}

#outer_site_wrapper_portraits_2 {
	width: 10290px;
	background-color: #ccc;
 	padding: 20px;
	}
	
#inner_site_wrapper_travel {
	width: 13496px;
	background-color: #fff;
 	padding: 40px 40px 40px 40px;
	height: 491px;
	}

#outer_site_wrapper_travel {
	width: 13580px;
	background-color: #ccc;
 	padding: 20px;
	}
	
#inner_site_wrapper_at_first_light {
	width: 9736px;
	background-color: #fff;
 	padding: 40px 40px 40px 40px;
	height: 491px;
	}
	
#outer_site_wrapper_at_first_light {
	width: 10206px;
	background-color: #ccc;
 	padding: 20px;
	}
	
#inner_site_wrapper_iceland {
	width: 12556px;
	background-color: #fff;
 	padding: 40px 40px 40px 40px;
	height: 491px;
	}


	

/* Note: if you increase the padding of hte inner div, the outer div padding must also be increased */

.hide { visibility: hidden; }
/* horizontally aligns list items where caption is only one line. */

/* left side / navigation /logo / copyright notice -------------------------------------------------- */

#left_side { 
	background-color:#fff;
	margin: 0;
	padding: 0;
	width: 336px;
	height: 491px;
	float: left;
	}

/* home page -------------------------------------------------- */

#homepage {
	margin-left: 436px;
	height: 491px;
	width: 450px;
	margin-top: 0px;
	padding-left:0px;
	text-align: left;
	}
	
#site_wrapper_homepage {
	margin: 0 auto;
	background-color: #ffffff;
	margin: 0px;
	padding: 40px;
	
	}
	
#homepage p {
	text-align: right;
 	font-weight: normal;
 	margin-top: 15px;
	font-size: 10px;
	color:#666666;
	}
	

/* contact page -------------------------------------------------- */

#contact_page {
	margin: 0 0 0 356px;
 	height: 449px;
 	background-color: #2b152a;
 	text-align:left;
	padding: 42px 50px 0 50px; 
	}

#contact_page_inner
	{
 	margin: 0;
 /* margin-right: 200px; */
 /* used to create the two column version of the page */
 	height: 429px;
 	text-align:left;
	padding: 0;
 /* border-right:1px solid #cccccc; */
 /* adss / removes a a separator used to sepated the two col version of this page */
 	float:left;
	}

#contact_page_right_col {
 	width: 150px;
 	height: 150px;
	background-color: #ff00ff;
	margin-left:-200px;
	float:right;
	}
 
#contact_page a {
 	color:#cccccc;
	}

#contact_page a:hover {
	background-color: #cccccc;
	color:#2b152a;
	}
 
#contact_page p {
	color:#cccccc;
	padding-bottom:5px;
	}

#contact_page img {
	border: 5px solid #cccccc;
	}

/* main navigation -------------------------------------------------- */
 
 
 #nav_position { 
	margin: 80px 0px 0px 0px;
	padding: 0;
	width:100px;
	} 
 
 #nav li {
	margin: 0px; 
	padding: 0px;
    list-style: none;
	}

#nav a {
	display: block;
	padding: 18px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:18px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -18px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -18px;
	}

#portraits1 a  {
	width: 100px;
	background: url(images/portraits_1.gif) top left no-repeat;
	}
	
#portraits2 a  {
	width: 100px;
	background: url(images/portraits_2.gif) top left no-repeat;
	}
	
#travel a  {
	width: 100px;
	background: url(images/travel.gif) top left no-repeat;
	}
	
#atfirstlight a  {
	width: 100px;
	background: url(images/at_first_light.gif) top left no-repeat;
	}
	
#iceland a  {
	width: 100px;
	background: url(images/iceland.gif) top left no-repeat;
	}
	
#contact a  {
	width: 100px;
	margin-top: 20px;
	background: url(images/contact.gif) top left no-repeat;
	}
	
	
/* copyright notice -------------------------------------------------- */
	
	
#copyright_notice  {
	width:232px;
	height:12px;
	background: url(images/copyright_notice.gif) top left no-repeat;
	margin-top: 152px;
	}
 

/* photos ul -------------------------------------------------- */
	
ul#photos {
	list-style-type:none;
	}

ul#photos li {
	margin:0px 0px 15px 20px;
	padding-bottom:0px;
	float:left;
	border-bottom:1px solid #ffffff; /*??*/
	}

ul#photos li p.caption {
	text-align: right;
 	font-weight: normal;
 	margin-top: 15px;
	font-size: 10px;
	color:#666666;
	}