/* 
	Main style sheet for M-C-Weddings web site.
	All generic style items are controlled via this file including colours,	themes and layout.

	All code produced by Petabytes web design http://www.petabytes.co.uk
  Copyright Peter Cox (2015).
*/



/* 			HTML			*/
html {
	border: 0;
	margin: 0;
	padding-top: 5;
	/* background-color: #ecf2f2; */
  background-color: #000000
}

/*			BODY			*/
/*	Contains IE centering fudge (text-align) as early	IE versions don't handle #wrapper correctly. Text	needs to be justified in child classes. 	*/
body {
	text-align: center;
	font-family: 'Trebuchet MS', Tahoma, Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
  margin: 0px;
  background-image: url(../images/background.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
}

td {
	font-size: 14px;
}

/*			WRAPPER			*/
/*	Provides container in the center of the page for the site structure to be inserted into.	*/
#wrapper {
	width: 802px;
	height: auto;
	margin: 0 auto;
	border: solid #3d3e40 1px;
	background-color: #e0e5f4;
}

#menu {
  width: 802px;
  height: 20px;
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*			CONTENT			*/
/*	Provides container the entire width of the page	for content					*/
#content {
	width: 780;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	clear: both;
}

/* Gallery background */
#gallery {
  width: 776;
  background-color: #000000;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
  clear: both;
}

IMG.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

#servicesTable tr.header td {
	background-color: #374f8f;
  color: white;
}

/*			LEFTCONTENT		*/
/*	Provides container for the left hand side of the page, usually containing the page content text and	images.  */
#leftContent {
	width: 370;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	float: left;
}

/*			RIGHTCONTENT		*/
/*	Provides container for the right hand side of the	page, usually containing a related graphic, news or	advert.						*/
#rightContent {
	width: 360;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 30px;
	text-align: justify;
	float: right;
	color: #008080;
}

/*			COPYRIGHT		*/
/*	Provides a centered container below all other	page content to list the copyright details in	a small font					*/
#copyright {
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: xx-small;
  color: white;
	clear: both;
}