@charset "utf-8";

body {
	background-color: #222;
	margin: 0px;
	margin-bottom: 60px;
	padding: 0px;
	text-align: center;
}
.clear {clear:both; display:block; visibility:hidden; height:0; border-width:0; margin:0; padding:0;}

/* Sarah Legge Photography */
#container {
	margin-top: 50px; margin-left: auto; margin-right: auto;
	width: 900px; 
	border: 3px solid #555;
	background-color: #000;
	font-family: Calibri, Tahoma, Arial; font-size: 12px; color: #000;
	text-align: left;
	position: relative;
}

	/* Navigation on all pages */
	#nav {
		width: 100%; text-align: center; height: 30px; margin: 10px 0px 20px 0px;
		font-family: Trajan Pro, Calibri, Tahoma, Arial; font-size: 12px; color: #000;	
	}
		#nav ul {margin:0px; padding: 0px;}
		#nav ul li {margin: 0px; padding: 0px 5px 20px 5px; list-style:none; display: inline;}
		#nav ul li a {text-decoration: none; color: #000; font-family: "Trajan Pro", Calibri, Tahoma, Arial; font-size: 12px;}
		#nav ul li a:hover {text-decoration: none; color: #ee21b2;}
		#nav ul li a.selected {text-decoration: none; color: #ee21b2;}
	
	/* Home Page */
	#home-left {
		float: left; width: 450px; height: 550px; display: inline;
		background-color: #000;
	}
		#homelogo {width: 450px; height: 51px; margin-top: 135px; background: url(images/logo-home.gif) no-repeat;}
	#home-right {
		float: left; width: 450px; height: 550px; display: inline;
		background-color: #fff;
	}
		#homeimg {width: 450px; height: 321px; background: url(images/main-home.jpg) no-repeat;}
		
	/* Default Layout */
	#left {
		float: left; width: 400px; height: 550px; display: inline;
		background-color: #000;
	}
		#leftimg-about {width: 400px; height: 286px; background: url(images/main-about.jpg) no-repeat #000;}
		#leftimg-test {width: 400px; height: 286px; background: url(images/main-test.jpg) no-repeat #000;}
		#leftimg-prices {width: 400px; height: 286px; background: url(images/main-prices.jpg) no-repeat;}
		#leftimg-contact {width: 400px; height: 286px; background: url(images/main-contact.jpg) no-repeat;}
		#leftimg-clientarea {width: 400px; height: 286px; background: url(images/main-clientarea.jpg) no-repeat;}
		#leftimg-links {width: 400px; height: 286px; background: url(images/main-links.jpg) no-repeat;}
		
		#leftlogo {width: 400px; height: 46px; background: url(images/logo-general.gif) no-repeat; margin-top: 109px;}
	#right {
		float: left; width: 500px; min-height: 550px; height: auto !important; height: 550px; display: inline;
		background-color: #fff;
	}	
		#pageheader {width: 500px;}
		#pageheader h1 {font-family: Calibri, Tahoma, Arial; font-size: 16px; font-variant: small-caps; color: #ee21b2; margin: 0px; padding: 0px 20px 5px 20px;}
		#divider {width: 460px; margin: 0px 20px 0px 20px; border-top: 2px solid #eee;}
		#pagetext {width: 500px; margin-bottom: 20px;}
		#pagetext p {font-family: Calibri, Tahoma, Arial; font-size: 12px; color: #000; margin: 0px; padding: 15px 20px 0px 20px;}
		#pagetext p a {font-family: Calibri, Tahoma, Arial; font-size: 12px; color: #ee21b2; text-decoration: none;}
		#pagetext p a:hover {font-family: Calibri, Tahoma, Arial; font-size: 12px; color: #ee21b2; text-decoration: none;}
		#pagetext p .highlight {font-family: Calibri, Tahoma, Arial; font-size: 12px; color: #ee21b2; text-decoration: none;}
		#pagetext ul {padding: 5px; margin: 15px 0px 0px 50px;}
		#pagetext ul li {padding: 5px; margin: 0px;}

	/* Galleries */
#container-gallery {
	margin-top: 50px; margin-left: auto; margin-right: auto;
	width: 900px; height: 675px;
	border: 3px solid #555;
	font-family: Calibri, Tahoma, Arial; font-size: 12px; color: #000;
	position: relative;
	background: url(images/bg-wrapper.gif) repeat-y;	
}	
	#gallery-right {float: right; width: 500px;}
	#flashcontainer {
		margin-left: 20px; width: 860px; height: 530px; background-color: #000; border: 3px solid #fff;
		clear: both;
	}
		#flashcontent {
			width: 860px; height: 530px; font-family: Calibri, Tahoma, Arial; font-size: 12px; color: #fff; text-align: center;
		}
	#logo-gallery {
		margin-top: 13px;
		float: left; height: 41px; width: 400px; display: inline;
		background: url(images/logo-general.gif) no-repeat;
		clear: both;
	}

	/* Wrapper */
#container-wrapper {
	margin: 50px auto;
	width: 900px; min-height: 585px; height: auto !important; height: 585px;
	border: 3px solid #555;
	font-family: Calibri, Tahoma, Arial; font-size: 12px; color: #000;
	text-align: left;
	position: relative;
	background: url(images/bg-wrapper.gif) repeat-y;
}	
	#right-wrapper {
		float: right; width: 500px; height: 53px; display: inline;
		background-color: #fff;
	}
	#wrapper {
		margin: 0px 20px 0px 20px;
		width: 860px; min-height: 460px; height: auto !important; height: 460px;
		background-color: #000; border: 3px solid #fff; text-align: left; color: #fff;
	}
	#wrapper a {font-family: Calibri, Tahoma, Arial; font-size: 12px; color: #fff; text-decoration: none;}
	#wrapper a:hover {font-family: Calibri, Tahoma, Arial; font-size: 12px; color: #ee21b2; text-decoration: none;}
	#logo-wrapper {
		float: left;
		margin-top: 8px; margin-bottom: 8px;
		height: 41px; width: 400px;
		background: url(images/logo-general.gif) no-repeat;
	}	

/* Copyright Box and Text */
#copy {
	margin-left: auto; margin-right: auto; margin-top: 20px;
	width: 900px; height: auto; text-align: center;
	font-family: Calibri, Tahoma, Arial; font-size: 12px; font-variant: small-caps; color: #999;
}
#copy a {font-family: Calibri, Tahoma, Arial; font-size: 12px; font-variant: small-caps; color: #999;}
	
/* Footer Keywords Container */
#footerkeywords {
	margin-left: auto; margin-right: auto; margin-top: 40px;
	width: 900px;
	font-family: Calibri, Tahoma, Arial; font-size: 10px; color: #444444;
}