/* 
 * colours: #373027 (from leaflet - dark grey for background)
 * colours: #63758D (grey colour of car bottom half)
 * colours: #0E0D15 (black/blue colour of car top half)
 */ 
html, body, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #666666;
}
a:hover {
	color: #666666;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	/* background: url(images/page_bg.gif); */
	/* testing: */
	background: url(images/bentley3.gif);
	/* */
	text-align: center;
	font: 12px arial, sans-serif;
	color: #464544;
	/* txt default: #464544; */
	padding-bottom: 10px;
}

#outer {
  background: top left url(images/page_bg_top2.gif) repeat-x;
  padding-top: 20px;
}

/** layout **/
#wrapper {
	text-align: left;
	margin: auto;
	width: 798px;
  position: relative;
  background: url(images/body_bg1.gif) repeat-y;
}
#body-bot {
  /* background: bottom left url(images/body_bg_bot.jpg) no-repeat; */
}
#body-top {
  background: url(images/body_bg_top2.gif) no-repeat;
  min-height: 380px;
  _height: 380px;
  padding-bottom: 14px;
}

/** logo **/

#logo {
  width: 25em;
  height:77px;
  text-align: center;
  text-indent:-9999px;
}

/** nav **/

#nav {
  margin-top: 50px;
}
#nav li {
  list-style: none;
  float: left;
  background: left center url(images/arr.gif) no-repeat;
  padding-left: 15px;
  padding-right: 20px;
}
#nav a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
#nav a:hover {
  color: #FFA405;
}
.contactdetails {width:200px; position:absolute; right:0px; top:0px; *top:12px;}
/** green box **/
#gbox {
	width:735px;
  margin-top: 47px;
  margin-left: 22px;
  padding:0 10px;

}
#fadeshow1 {background:#ff0; margin:0 0 15px 15px; float:right;}

#gbox-bg  { /* background: url(images/green_bg.gif) repeat-y; */ }
#gbox-grd {
 /* background: bottom url(images/green_grad_bot.jpg) repeat-x; */
 border-color: #fff;
 border-style: none none none;
  border-width: 1px 1px 1px;
 }
#gbox-top { /* background: url(images/green_top.gif) no-repeat; height: 24px; */ }
#gbox-bot { /* background: bottom left url(images/green_bot.gif) no-repeat; height: 23px; */ }

#gbox-grd {
  min-height: 261px;
  padding: 2px 24px;
}

#gbox h1 {
  font: bold 14px arial, sans-serif;
  color: #000;
  margin: 0;
}

#gbox h2 {
  font: bold 14px arial, sans-serif;
  color: #000;
  margin: 0;
}

#gbox p {
  margin: 1em 0;
}

#features {
  /* background: #EDF0C4; */
  padding: 14px;
  margin: 0 -14px;
  width:400px;
  float:left;
}
#features h2 {
  position: relative;
}
#features ul {
  float: left;
  width: 49%;
  margin: 1em 0;
  padding: 0;
}
#features li {
  list-style: square;
  margin-left: 12px;
}

/** footer **/

#newsletter, #events {
  float: left;
  width: 40%;
  margin-top: 1em;
}
#newsletter h2, #events h2 {
  color: #fff;
}
#newsletter .text {
  width: 125px;
}
#newsletter form, #features form {
  margin: 0.3em 0 0.6em 0;
}
#newsletter p {
  margin: 0.6em 0;
  /* default: 0.3 */
  font-size: 12px;
  /* default: 12 */
}
#newsletter a {
  color: #000;
}

#events {
  margin-left: 6%;
  width: 38%;
}
#events ul {
  margin: 0.3em 0;
  padding: 0;
}
#events li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/** grey box **/

#greybox {
  /* background: url(images/grey_bg.gif) repeat-y; */
  width: 350px;
  position: absolute;
  top: 178px;
  /* default: 292px; */
  left: 398px;
}
#greybox-top {
  /* background: url(images/grey_img.jpg) no-repeat; */
  /* background: url(images/both_cars2.gif) no-repeat; */
  /* background: url(images/grey.gif) no-repeat; */
  padding-left: 30px;
  /* default 165 */
  padding-top: 0px;
  /* makes the box bigger: default 18 */
  /* padding controls any placement of txt */
}
#greybox-bot {
  /* background: bottom left url(images/grey_bot.gif) no-repeat; */
  padding-bottom: 4px;
  /* default: 4 puts grey space before bottom */
}
#greybox h2 {
  font: bold 12px arial, sans-serif;
  /* default: font: bold 12px arial, sans-serif; */
  color: #0E0D15;
  /* default txt #E4EE6A; */
  line-height: 1.5;
  /* default: 1.5; */
}
#greybox a {
  color: #000;
  font: bold 12px arial, sans-serif;
}

#copyright {
  font-size: 10px;
  color:#FFFFFF;
  margin-top: 60px;
}

	

/* gallery CSS /*

#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 606px;	/* IE 5.x */
		width/* */:/**/600px;	/* Other browsers */
		width: /**/600px;
		
		/* CSS HACK */
		height: 256px;	/* IE 5.x */
		height/* */:/**/250px;	/* Other browsers */
		height: /**/250px;
		
		background-color:#FFF;
		border:1px solid #CCCCCC;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:200px;
		/* default: width:600px; */
		height:150px;
		/* default: 250 */
		background-color:#FFF;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	#imageSlideshowHolder img{
		position:absolute;
	}
	
	/*chris - description overlay*/
	#the_captions{
		display:none;
		}
	.imageInGallery_DESC{
		position:absolute;
		color:#FFFFFF;
		padding:30px;
		padding-top:25px;
		margin-left:30px;
		margin-top:5px;
		z-index:100;
		/*height:200px;*/
		width:240px;
		background:url("images/bg.png");
		font-size:80%;
		}
	.imageInGallery_DESC h1{
		color:#99cc33;
		font-size:140%;
		margin:0px;
		padding:0px 0px 5px 0px;
		}
 
/* Links page AKA wedding planning page  */
#plan1 a {color:#333333}


#plan1{ width: 700px;
		height: inherit;
		text-align: left;
		}
		
.personal 	{float:right; background:url("images/personaltouch.jpg") no-repeat; width:80px; height:65px; margin:0 10px; }

#plan2{ width: 700px;
		height: inherit;
		text-align: left;
		
		}
		
.personal2 	{float:right; background:url("images/johntaggart.jpg") no-repeat; width:80px; height:65px; margin:0 10px;  }

#plan3{ width: 700px;
		height: inherit;
		text-align: left;
		}
		
.personal3 	{float:right; background:url("images/brendangallagher.jpg") no-repeat; width:80px; height:65px; margin:0 10px;}

#plan4{ width: 700px;
		height: inherit;
		text-align: left;
		}
		
.personal4 	{float:right; background:url("images/paulcrawfordphotography.jpg") no-repeat; width:80px; height:65px; margin:0 10px;}

#plan5{ width: 700px;
		height: inherit;
		text-align: left;
		}
		
.personal5 	{float:right; background:url("images/5starwedding.jpg") no-repeat; width:80px; height:65px; margin:0 10px; }