/* ---------------------------------------------
Toby Thomas Photography master style sheet
Last updated:  29 Aug 2006
--------------------------------------------- */


/************************************     XHTML elements     ************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Trebuchet MS, Tahoma, Arial, Verdana;
	text-align: center;
	background: url("../images/body.jpg") top left repeat-x;
}

h1 {
	font-family:  EurostileT-Regular, Arial, Trebuchet MS, Tahoma, Verdana;
	font-size: 115%;
	font-weight: normal;
	color: #A8ADB4;
	letter-spacing: 0.19em;
	margin: 0 0 20px 0;
}

h2 {
	font-family:  EurostileT-Regular, Arial, Trebuchet MS, Tahoma, Verdana;
	font-size: 80%;
	font-weight: normal;
	color: #616A74;
	letter-spacing: 0.19em;
	margin: 0 0 10px 0;
}

p {
	font-size: 75%;
	color: #616A74;
	line-height: 1.8em;
	margin: 0 0 20px 0;
}

a {
	color: #616A74;
}

a:hover {
	color: black;
}

img {
	border: 0;
}

img#logo {
	margin: 21px 0 20px 34px;
	float: left;
}

div#container {
	width: 783px;
	text-align: left;
	background: url("../images/background.jpg") top left repeat-y;
	margin: 0 auto;
	display: table;
}

body#portraitspage div#container, body#weddingspage div#container {
	background: url("../images/alt_background.jpg") top left repeat-y;
}

div#content {
	background: url("../images/content.jpg") top left no-repeat;
	float: left;
	width: 783px;
}

body#portraitspage div#content, body#weddingspage div#content {
	background: url("../images/alt_content.jpg") top left no-repeat;
}

div#main {
	width: 365px;
	padding: 260px 100px 0 40px;
	float: left;
	background: url("../images/main6.jpg") 40px 30px no-repeat;
}

body#portraitspage div#main, body#weddingspage div#main {
	width: 375px;
	padding: 40px 22px 0 40px;
	float: left;
	background: none;
}

html>body#portraitspage div#main, html>body#weddingspage div#main {
	width: 375px;
	padding: 40px 50px 0 40px;
}

body#portraitspage div#sub, body#weddingspage div#sub {
	width: 265px;
	padding: 124px 20px 0 19px;
}

body#portraitspage div#sub img, body#weddingspage div#sub img {
	margin: 0 5px 5px 0;
}

body#portraitspage div#main img, body#weddingspage div#main img {
	margin: 0 3px 3px 0;
}

body#pricespage div#main {
	background: url("../images/main4.jpg") 40px 30px no-repeat;
}

body#contactpage div#main {
	background: url("../images/main.jpg") 40px 30px no-repeat;
}

div#main ul {
	font-size: 75%;
	color: #616A74;
	line-height: 1.8em;
	margin: 0 0 20px 25px;
}

div#sub {
	padding: 30px 20px 0 18px;
	width: 225px;
	float: left;
}

div#sub p {
	font-size: 70%;
	line-height: 1.5em;
	margin: 0;
}

div#sub ul {
	list-style: none;
	margin: 0 0 40px 0;
	float: left;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #E0E2E4;
}

div#sub ul li {
	margin: 0 0 20px 0;
	float: left;
}

div#sub img {
	float: right;
	margin: 0 -12px 0 15px;
}

div#sub ul li img {
	float: left;
	margin: 0 15px 0 0;
}

ul#navigation {
	background: #E9EAEC;
	width: 500px;
	list-style: none;
	float: left;
	font-size: 75%;
	margin: 14px 0 0 20px;
}

html>body ul#navigation {
	margin: 14px 0 0 40px;
}

ul#navigation li {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
	background: url("../images/nav.jpg") right no-repeat;
}

ul#navigation li a {
	color: #616A74;
	text-decoration: none;
}

ul#navigation li a:hover {
	color: #020202;
}

body#indexpage ul#navigation li#home a,
body#weddingspage ul#navigation li#weddings a,
body#weddingsgallerypage ul#navigation li#weddings a,
body#portraitspage ul#navigation li#portraits a,
body#portraitsgallerypage ul#navigation li#portraits a,
body#pricespage ul#navigation li#prices a,
body#contactpage ul#navigation li#contact a {
	color: #020202;
}

ul#navigation li#contact {
	background: none;
}

div#footer {
	clear: both;
	background: white url("../images/footer.jpg") top left no-repeat;
	width: 783px;
	padding: 35px 0 20px 40px;
}

body#weddingspage div#footer, body#portraitspage div#footer {
	background: white url("../images/alt_footer.jpg") top left no-repeat;
}

div#footer p {
	font-size: 70%;
	color: #616A74;
	margin: 0;
}

div.thumbs {
	border: 1px solid gray;
}

a:hover img {
 	text-decoration: none;
}

fieldset {
	font-size: 75%;
	color: #616A74;
	border: 1px solid #E0E2E4;
	width: 200px;
	margin: 14px 0 0 0;
	padding: 7px 10px 3px 10px;
}

input {
	margin: 0 0 7px 0;
}

legend {
	padding: 0 5px;
	margin: 0 0 0 5px;
	color: #616A74;
}

h2#errorheading {
	color: red;
	font-size: 100%;
}

ol#errorlist {
	color: red;
	padding: 0 0 9px 20px;
}

div.package {
	background: #F8F8F8;
	padding: 20px 20px 1px 20px;
	margin: 0 0 10px 0;
}

body#pricespage div#main h2 {
	margin: 60px 0 10px 0;
}

body#pricespage div#main div.package h2 {
	margin: 0 0 10px 0;
}