body {
	font-family: trajan-pro, Georgia, Times, serif; 
	font-size: 12px;
	color:#4b838f;
	text-align: center; 
	background-image: url(../images/background/david_walters_photography_liverpool_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0;
}

div.container {
	width:900px;
    margin:0 auto;
	display:block;
}

div.head {
	float:left;
	width:900px;
	clear:left;
	padding:20px 0 0 0;
	position:relative;
}

.head h1 {
	font-family: trajan-pro, Georgia, Times, serif;
	font-size: 28px;
	font-weight:400;
	background-image:url(../images/icon.png);
	background-position:0;
	background-repeat:no-repeat;
	display:inline-block;
	padding:0 0 0 0;
	margin:0;
}

.head h1 a {
	background-image:url(../images/icon.png);
	background-position:top right;
	background-repeat:no-repeat;
	display:inline-block;
	padding:0 54px;
}

.nav ul {  
  clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0 0 0 25px;
   position:relative;
   left:50%;
   text-align:center;
}

.nav li {
	background-image:url(../images/icon_small.png);
	background-position: right;
	background-repeat: no-repeat;
	padding:5px 34px 5px 0;
	margin:0 15px 0 0;
	
	display:block;
  float:left;
  list-style:none;
  position:relative;
  right:50%;
}

.nav li.last {
  background-image:none;
}

.nav a {
  display:block;
  padding:5px 0;
}

.head .nav {
	margin:15px 0 0 0;
	padding:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	float:left;
	width:100%;
}

.head .nav a:hover {
	text-decoration:underline;
}

/* Inner left of container section below */
div.container_inner_left {
	float:left;
	width:235px;
	height:548px;
	border-color:#d6ecf2;
	/* to place a border around it give the width a pixel amount and style solid (decrease width above by 2 pixels for every 1 pixel added to border width) */
	border-width:0px;
	border-style:solid;
}
/* same rules for right below as left */
div.container_inner_right {
	float:left;
	width:665px;
	height:550px;
	border-top-color:#d6ecf2;
	border-top-width:0px;
	border-top-style:solid;
	border-right-color:#d6ecf2;
	border-right-width:0px;
	border-right-style:solid;
	border-bottom-color:#d6ecf2;
	border-bottom-width:0px;
	border-bottom-style:solid;
}
/* same rules for inner left top below */
div.container_inner_left_top {
	width:233px;
	height:115px;
	border-bottom-style:solid;
	border-bottom-color:#d6ecf2;
	border-bottom-width:0px;
}
/* below used in contact page */
div.container_inner_right_top {
	width:665px;
	height:100px;
	border-bottom-style:solid;
	border-bottom-color:#d6ecf2;
	border-bottom-width:0px;
}
/* below used on about me page */
div.container_inner_left_mid {
	width:233px;
	height:318px;
	padding-top:10px;
	border-bottom-style:solid;
	border-bottom-color:#d6ecf2;
	border-bottom-width:0px;
}
.container_inner_left_mid img {
 z-index: 2;
 -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,.35);
    -moz-box-shadow: 4px 4px rgba(0,0,0,.35);
		box-shadow: 4px 4px 8px rgba(0,0,0,.35);
}
/* below is used in contact page */
div.container_inner_mid_1 {
	float:left;
	width:630px;
	height:71px;
	padding-top:12px;
	border-bottom-style:solid;
	border-bottom-color:#d6ecf2;
	border-bottom-width:0px;
	border-right-style:solid;
	border-right-color:#d6ecf2;
	border-right-width:0px;
	border-left-style:solid;
	border-left-color:#d6ecf2;
	border-left-width:0px;
	background-image: url(../images/weddings_what_to_expect/1_pixel_text_bg_wte.png);
}
/* same rules for inner left bot below (appears on about me page under photo) */
div.container_inner_left_bot {
	width:233px;
	height:114px;
	clear:left;
}
/* same rules for inner left bot below (appears on gallery pages) */
div.container_inner_left_bot_gallery {
	width:233px;
	height:114px;
	clear:left;
	border-bottom-style:solid;
	border-bottom-color:#d6ecf2;
	border-bottom-width:0px;

}
/* following is for the box container for the text on the about me page */
div.about_me
{
	z-index: 1;
	width:569px; /* size 619px taken from photoshop layer minus 20px each for padding left & right*/
	height:400px; /* size 432px taken from photoshop layer minus 20px for padding top & bottom*/
	padding:30px;
	margin-left:60px;
	font-family: Palatino, 'Palatino Linotype', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	/* The bg image below is the transparent texture for the box. You can alter this in photoshop. It is only 1 pixel in size so runs very fast and repeats itself to fill the box */
    background-image: url(../images/weddings_what_to_expect/1_pixel_text_bg_wte.png);
}

/* 1st column of thumbnails (spacer to left of all thumbs on left)  */
div.thumbox1
{
	float:left;
	width:18px;
	height:83px;
	/* Borders originally required below are now hidden and the width and heights above have been compensated for */
	border-bottom-style:solid;
	border-bottom-color:#d6ecf2;
	/* WAS 		 border-bottom-width:1px; */
	/* NOW IS */ border-bottom-width:0px;
	border-right-style:solid;
	border-right-color:#d6ecf2;
	/* WAS border-right-width:1px; */
	/* NOW IS */ border-right-width:0px;
	/* ALL BORDER LINES ABOVE CAN BE TAKEN OUT OF CODE ... BUT IF YOU CHANGE YOUR MIND THEY CAN BE PUT BACK IN EASY BY LEAVING IN GREY FOR NOW... DOES NOT AFFECT THE CODING */
}
/* I HAVE JUST GREYED OUT THE REST TO ALLOW YOU TO PUT IT BACK below used in contact page*/
div.thumbox_mid
{
	float:left;
	/* remeber to decrease width or height for every single pixel of an added border */
	width:17px;
	height:83px;
	border-bottom-style:solid;
	border-bottom-color:#d6ecf2;
	border-bottom-width:0px;
}
/* used for spacers in menus */
div.spot
{
	position:relative;
	margin-top:68px;
	margin-left:88px;
	background-image:url(../images/icon_small.png);
}
/* used for spacers in boxes*/
div.spot_here
{
	position:absolute;
	margin-top:67px;
	margin-left:88px;
	background-image:url(../images/icon_small.png);
}
/* used in galleries for thumbs (1st column of images) */
div.thumbox2
{
	float:left;
	width:30px;
	height:30px;
}
/* used in contact page */
.thumbox3
{
	float:left;
	width:199px;
	height:75px;
	padding-top:7px;
	/*background-color:#aaffaa;*/
	border-left-style:solid;
	border-left-color:#d6ecf2;
	border-left-width:0px;
	border-bottom-style:solid;
	border-bottom-color:#d6ecf2;
	border-bottom-width:0px;
	border-right-style:solid;
	border-right-color:#d6ecf2;
	border-right-width:0px;
	background-image: url(../images/weddings_what_to_expect/1_pixel_text_bg_wte.png);
}
/* used in galleries for thumbs (2nd column of images) */
.thumbox4
{
	float:left;
	width:30px;
	height:30px;
	/*background-color:#aaaaFF;*/
}
/* used in galleries & contact as spacer on right column */
.thumbox5
{
	float:left;
	width:17px;
	height:83px;
	/*background-color:#FFAA00;*/
	border-bottom-style:solid;
	border-bottom-color:#d6ecf2;
	border-bottom-width:0px;
}
/* used in contact page */
.thumbox6
{
	float:left;
	width:197px;
	height:50px;
	margin-left:18px;
	margin-top:25px;
	background-image: url(../images/weddings_what_to_expect/1_pixel_text_bg_wte.png);
}
/* used on index page */
div.both
{
	float:left;
	width:900px;
	height:550px;
	position:relative;
}
/* Text sizes all below */
h1 {
	font-family: trajan-pro, Georgia, Times, serif;
	text-align:center;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 20px;
	/*font-weight: bold;*/
	color:#4b838f;
}
h2 {
	font-family: trajan-pro, Georgia, Times, serif;
	font-size: 18px;
	font-weight: 700;
	color:#4b838f;
	margin-bottom: 0.1em;
}
h3 {
	font-family: trajan-pro, Georgia, Times, serif;
	font-size: 14px;
	color:#339999;
}
h4 {
	font-family: trajan-pro, Georgia, Times, serif;
	text-align:center;
	font-size: 20px;
	color:#4b838f;
	font-weight:400;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}
h5 {
	font-family: trajan-pro, Georgia, Times, serif;
	text-align:center;
	font-size: 13px;
	color:#4b838f;
	margin-top: 2.0em;
}
h6 {
	font-family: trajan-pro, Georgia, Times, serif;
	text-align:center;
	font-size: 13px;
	color:#4b838f;
	margin-top: 1.2em;
}
img { outline: none; border: none; }

p {
	font-family: Palatino, 'Palatino Linotype', Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	/*font-weight:bold;*/
}
/* paragraphs with a page class */
p.page {
	font-family: trajan-pro, Georgia, Times, serif;
	font-size: 14px;
	font-weight:700;
}
/* footer settings */
div.footer {
	float:left;
	width: 900px;
	font-family: trajan-pro, Georgia, Times, serif;
	font-size: 13px;
	color:#4b838f;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:20px;
	padding:0px;
	text-align:center;
	clear:left;
}
/* Extended footer on what to expect page */
div.footer_what_to_expect {
	float:left;
	width: 900px;
	height:auto;
	font-family: trajan-pro, Georgia, Times, serif;
	font-size: 14px;
	color:#4b838f;
	padding-bottom:20px;
	clear:left;
	background-image: url(../images/weddings_what_to_expect/1_pixel_text_bg_wte.png);
	text-align:left;
	margin:20px 0 0 0;
	border-top:1px solid #ddd;
}

.generic-content {
	float:left;
	width: 860px;
	height:auto;
	font-family: trajan-pro, Georgia, Times, serif;
	font-size: 14px;
	color:#4b838f;
	padding:20px;
	clear:left;
	background-image: url(../images/weddings_what_to_expect/1_pixel_text_bg_wte.png);
	text-align:left;
	margin:20px 0 0 0;
	border-top:1px solid #ddd;
}

/* footer heading on what to expect page */
div.footer_wte_head {
	float:left;
	width: 840px;
	height:auto;
	font-family: trajan-pro, Georgia, Times, serif;
	font-size: 14px;color:#4b838f;
	margin-top: 20px;
	margin-right:20px;
	margin-bottom:10px;
	margin-left:20px;
	padding:10px 10px 6px 10px;
	background-image: url(../images/weddings_what_to_expect/1_pixel_text_bg_wte_head.png);
}

div.footer_wte_head h2 {
	font-size:16px;
	margin:0;
	padding:0;
	font-weight:normal;
}

/* footer left section on what to expect page */
.tabs {
	float:left;
	width: 200px;
	font-family: trajan-pro, Georgia, Times, serif;
	color:#4b838f;
	margin:10px;
	padding:10px;
	background-image: url(../images/weddings_what_to_expect/1_pixel_text_bg_wte_head.png);

}

.tabs li.title {
	list-style:none;
	font-size:16px;
	background-image:none;
	padding:0 0 5px 0px;
	margin:0 0 10px 0;
	border-bottom:1px solid #4b838f;
}

.tabs li.title  h2 {
	margin:0;
	padding:0;
}

.tabs li.title  h2.portrait {
	margin:0;
	padding:0 0 0 2px;
}

.tabs li {
	list-style:none;
	font-size:12px;
	background-image:url(../images/icon_small.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:6px 0 3px 30px;
	margin:0 0 5px 0;
}

.tabs li a {
	margin:0;
	padding:0;
}

.tabs li a:hover {
	text-decoration:underline;
}

.tabs li.active a {
	font-weight:bold;
	color:#555;
}


/* footer right section on what to expect page */
div.tab-container {
	float:left;
	width: 610px;
	font-size: 14px;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:0px;
	margin-left: 0px;
	padding-top:2px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:10px;
}

div.tab-container p {
	font-size:12px;
}


div.social {
 position:absolute;
 top:22px;
 right:0;
}

.bottom_content {
 width: 900px;
 margin: 400px auto 0 auto;
 float:left;
}
div.sitemap {
 float: left;
 clear: left;
 text-align: left;
}
/* hyperlink anchor settings below */
a:link {color:#4b838f; text-decoration:none;}      /* unvisited link */
a:visited {color:#4b838f; text-decoration:none;}  /* visited link */
a:hover {color:#006666; text-decoration:none;}  /* mouse over link */
a:active {color:#006666;}  /* selected link */

div.bottom_content a {
 text-decoration: underline;
}

div.blog_head {
 background-image: url(../images/weddings_what_to_expect/1_pixel_text_bg_wte_head.png);
 float: left;
 clear: left;
 text-align: center;
 width: 900px;
 margin-top: 20px;
 margin-bottom: 20px;
 height: 50px;
}
div.blog_content {
 float: left;
 width: 560px;
 padding: 10px;
 border: 1px solid #d8edf3;
 text-align: left;
}
div.facebook {
 float: right;
}
.social img {
 outline: none;
 border: none;	
}


/* added by michael. */

/** page header **/

.container h2.header {
	margin:20px 0;
	width:900px;
	float:left;
}

/** contact form **/

#content-area {
	width:900px;
	height:550px;
	overflow:auto;
	float:left;
}

#contact {
	width:410px;
	margin:0 0 30px 0;
	padding:0;
	border-top:1px solid #ddd;
	float:left;
	background-image: url(/images/contact/text-bg.png);
	background-repeat: repeat;
	text-align:left;
	padding:20px;
}

#contact h3 {
	font-family: Palatino, 'Palatino Linotype', Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
	font-size:20px;
	line-height:30px;
	color:#4b838f;
}

#contact p {
	font-family: Palatino, 'Palatino Linotype', Verdana, Arial, Helvetica, sans-serif;
	line-height: 23px;
	font-size: 14px;
	width:270px;
}

#contact-book {
	float:right;
	width:590px;
	margin:0 -470px 0 0;
	background-image: url(/images/contact/book-bg.png);
}

#contact-book .standalone-form {
	padding:20px;
}

#contact-book .left, #contact-book .right {
	float:left;
	padding:20px;
	width:250px;
}

#contact-book .left {
	border-right:1px solid #ddd;
	width:249px;
	padding-bottom:0;
}

form fieldset {
	margin:0;
	padding:0;
	border:0;
}

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

form ul li {
	width:250px;
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0;
	float:left;
	clear:left;
	list-style:none;
	margin:0;
	position:relative;
}

form ul li.message {
	float:right;
}

form label, .right h4 {
	display:block;
	font-style:italic;
	font-family: Palatino, 'Palatino Linotype', Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding:0 0 5px 0;
	color:#4b838f;
	text-transform:lowercase;
	text-align:left;
	margin:0;
}

form label.error {
	font-size:11px;
	font-style:normal;
	color:#aa1111;
	float:left;
	margin:-12px 0 5px 0;
}

form input {
	background-image: url(/images/contact/input-bg.png);
	border:0 none;
	float:left;
	font-size:15px;
	margin:0 0 15px 0;
	padding:6px;
	width:234px;
	height:22px;
}

form textarea {
	background-image: url(/images/contact/textarea-bg.png);
	border:0 none;
	float:left;
	font-size:13px;
	margin:0 0 15px 0;
	padding:6px;
	width:234px;
	min-width:234px;
	max-width:234px;
	height:167px;
	min-height:167px;
	max-height:167px;
	font-family: Arial, Helvetica, sans-serif;
}

form input#submitButton {
	background-image:none;
	border:0 none;
	float:left;
	font-size:15px;
	margin:0 0 0 20px;
	padding:0;
	width:auto;
	height:auto;
}

.left form input#submitButton {
	margin:0;
}

#contact .right ul {
	margin:0;
	padding:0;
}

#contact .right li {
	list-style: none;
	text-align:left;
}

#contact .right p, #contact .right a {
	color:#222;
	font-size:14px;
	font-family: Palatino, 'Palatino Linotype', Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
	font-weight:bold;
	padding:0;
	line-height:20px;
	width:auto;
} 

#contact .right a:hover {
	border-bottom: 1px dotted #999;
}

.success {
	min-height:200px;
}

.success p {
	width:240px;
	color:#222;
	margin:0 0 10px 0;
}

#footer {
	width:900px;
	float:left;
	clear:left;
	border-top:1px solid #ddd;
	padding:10px 0 30px 0;
	margin:10px 0 0 0;
	text-align:left;
}

#footer p {
	font-size:10px;
	color:#777;
	margin:0;
	float:left;
}

#footer ul {
	list-style:none;
	float:right;
	width:400px;
	margin:0;
}

#footer ul li {
	float:right;
	font-size:10px;
	margin:0 0 0 20px;
}



.blog-roll {
	float:left;
	
	padding:20px 0 0 0;
	margin:0;
	width:630px;
	text-align:left;
}

.blog-roll .blog-article {
	width:610px;
	float:left;
	clear:left;
	margin:0 0 20px 0;
	padding:10px 10px 20px 10px;
	border-bottom:1px solid #c9e5ec;
	background-image: url(../images/weddings_what_to_expect/1_pixel_text_bg_wte_head.png);
}

.blog-roll .blog-article img {
	width:610px;
	display:block;
	float:left;
	clear:left;
	margin:0 0 10px 0;
}

.blog-roll .blog-article h3 {
	font-size:16px;
	float:left;
	background-image:url(../images/icon_small.png);
	background-position:0;
	background-repeat:no-repeat;
	padding:2px 0 0 30px;
}

.blog-roll .blog-article h4 {
	font-size:12px;
	float:right;
	color:#777;
}

.blog-roll .blog-article p {
	clear:both;
	font-size:12px;
}

.twitter-box {
	float:right;
	width:250px;
	text-align:left;
	margin:20px 0 0 0;
}

.twitter-box p {
	font-size:12px;
}

.twitter-box h4 {
	text-align:left;
}

#banner-overlay {
	background-image:url(../images/banner.png);
	background-repeat:no-repeat;
	height:181px;
	width:180px;
	position:absolute;
	right:-1px;
	top:-1px;
}

#gallery-details {
	float:left;
}

.standalone .head {
	height:55px;
}