@charset "utf-8";

body {
	background-color: #444;
	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; overflow: hidden;}

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

	/* Basket Links */
	#basket-home {
		position: absolute;
		bottom: 5px; right: 5px; width: 32px; height: 25px;
	}
	#basket-others {
		position: absolute;
		top: 5px; right: 15px; width: 32x; height: 16px;
	}	

	/* Navigation on all pages */
	#nav {
		width: 100%; text-align: center; height: 30px; margin: 35px 0px 20px 0px;
		font-family: Tahoma, Arial; font-size: 12px; color: #000; font-weight:bold;	
	}
		#nav ul {margin:0px; padding: 0px;}
		#nav ul li {margin: 0px; padding: 0px 7px 0px 7px; list-style:none; display: inline;}
		#nav ul li a {text-decoration: none; color: #000; font-family: Tahoma, Arial; font-size: 12px;}
		#nav ul li a:hover {text-decoration: none; color: #999;}
		#nav ul li a.selected {text-decoration: none; color: #999; text-decoration: underline;}
	
	/* Home Page */
	#nav_home {
		width: 100%; text-align: center; height: 30px; margin: 35px 0px 20px 15px;
		font-family: typist,Tahoma, Arial; font-size: 12px; color: #fff; font-weight:bold;	
	}
		#nav_home ul {margin:0px; padding: 0px;}
		#nav_home ul li {margin: 0px; padding: 0px 7px 0px 7px; list-style:none; display: inline;}
		#nav_home ul li a {text-decoration: none; color: #fff; font-family: typist,Tahoma, Arial; font-size: 12px;}
		#nav_home ul li a:hover {text-decoration: none; color: #999;}
		#nav_home ul li a.selected {text-decoration: none; color: #999; text-decoration: underline;}
	#home-left {
		float: left; width: 400px; height: 550px; display: inline;
		background-color: #000;
	}
		#homelogo {width: 372px; height: 225px; margin-top: 60px; background: url(images/logo-home.gif) no-repeat;}
	#home-right {
		float: left; width: 450px; height: 550px; display: inline;
		background-color: #000000;
	}
		#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-notelet {width: 400px; height: 286px; background: url(images/main-notelet.jpg) no-repeat #000;}
		#leftimg-gifts {width: 400px; height: 286px; background: url(images/main-gifts.jpg) no-repeat;}
		#leftimg-comm {width: 400px; height: 286px; background: url(images/main-comm.jpg) no-repeat;}
		#leftimg-contact {width: 400px; height: 286px; background: url(images/main-contact.jpg) no-repeat;}
		#leftimg-ordering {width: 400px; height: 286px; background: url(images/main-ordering.jpg) no-repeat;}
		#leftimg-privacy {width: 400px; height: 286px; background: url(images/main-privacy.jpg) no-repeat;}
		#leftimg-terms {width: 400px; height: 286px; background: url(images/main-terms.jpg) no-repeat;}
		#leftlogo {width: 400px; height: 153px; background: url(images/logo-general.gif) no-repeat; margin-top: 50px;}
	#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: typist,Tahoma, Arial; font-size: 16px; font-variant: small-caps; color: #000; 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: Tahoma, Arial; font-size: 12px; color: #000; margin: 0px; padding: 15px 20px 0px 20px;}
		#pagetext p a {font-family: Tahoma, Arial; font-size: 12px; color: #999; text-decoration: underline;}
		#pagetext p a:hover {font-family: Tahoma, Arial; font-size: 12px; color: #999; text-decoration: underline;}
		#pagetext p .highlight {font-family: Tahoma, Arial; font-size: 12px; color: #999; text-decoration: none;}
		#pagetext ul {padding: 5px; margin: 15px 0px 0px 50px;}
		#pagetext ul li {padding: 5px; margin: 0px;}
		#pagetext .proddesc {display: block; width: 300px; float: left;}
		#pagetext .prodprice {display: block; width: 125px; float: left;}
		#pagetext .orderlinkimg {float: left; height: 125px; width: 125px; display: inline; margin: 0px 0px 30px 30px;}

	/* ========== */
	/* CONTACT US */
	/* ========== */
	.contactbox {
		float: left; padding: 0px 0px 0px 20px; margin: 0px; width: 460px; display: inline;
	}
	.contactbox p {
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 12px; line-height: 20px;
		color: #000;
		text-align: left;
		margin: 0px; padding: 0px;
	}
	.contactbox p a {
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 12px; line-height: 20px;
		color: #999; text-decoration: none;
	}
			.fieldrow {float: left; width: 357px; display: inline; margin: 0px 0px 10px 0px; padding: 0px;}
			.fieldrowsubmit {float: left; width: 357px; display: inline; margin: 0px 0px 10px 0px; padding: 0px; text-align: right;}
			
			.formlabel {
				float: left; margin: 0px 15px 0px 0px; padding: 5px 0px 0px 0px;
				font-family: Tahoma, Verdana, sans-serif;
				font-size: 12px; color: #000; text-decoration: none;
				display: block; width: 100px;
			}
			.formlabel .tiny {font-family: Tahoma, Verdana, sans-serif; font-size: 9px; color: #000;}
			.formfield-general {
				float: left !important; width: 232px !important; height: 16px !important; display: inline !important;
				padding: 4px !important; margin: 0px;
				font-family: Tahoma, Verdana, sans-serif !important; font-size: 11px !important;				
				background-color: #fff !important; color: #000 !important;
				border: 1px solid #999 !important;
			}
			.formfield-message {
				float: left !important; width: 232px !important; height: 140px !important; display: inline !important;
				padding: 4px !important; margin: 0px !important;
				font-family: Tahoma, Verdana, sans-serif !important; font-size: 11px !important;				
				background-color: #fff !important; color: #000 !important;
				border: 1px solid #999 !important;
				overflow: auto !important;
			}

	/* Galleries */
#container-gallery {
	margin-top: 50px; margin-left: auto; margin-right: auto;
	width: 900px;
	border: 3px solid #555;
	font-family: 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: Tahoma, Arial; font-size: 12px; color: #fff; text-align: center;
		}
	#logo-gallery {
		margin-top: 13px;
		float: left; height: 153px; 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: 20px 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: Tahoma, Arial; font-size: 12px; color: #fff; text-decoration: none;}
	#wrapper a:hover {font-family: Tahoma, Arial; font-size: 12px; color: #999; text-decoration: none;}
	#logo-wrapper {
		float: left;
		margin-top: 8px; margin-bottom: 8px;
		height: 153px; 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: Tahoma, Arial; font-size: 11px; font-variant: small-caps; color: #AAA;
}
#copy a {font-family: Tahoma, Arial; font-size: 11px; font-variant: small-caps; color: #AAA; text-decoration: none;}
#copy a:hover {font-family: Tahoma, Arial; font-size: 11px; font-variant: small-caps; color: #999; text-decoration: underline;}

	
/* Footer Keywords Container */
#footerkeywords {
	margin-left: auto; margin-right: auto; margin-top: 40px;
	width: 900px;
	font-family: Tahoma, Arial; font-size: 10px; color: #444444;
}


#slideshow-holder { width:500px; height:460px; position:relative; padding-bottom: 0px; }
		#slideshow-holder img { border: 1px solid #999999; }
		#progress { position:absolute; width:100%; text-align:center; color:#999; top:225px; font-size: 11px; }