body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS","Lucida Sans","Lucida Grande","Lucida Sans Unicode",Lucida,Verdana,Tahoma,sans-serif;
      color: #fff; 
      background: #000 url('images/bodyGradient.jpg') top center repeat-y;
}

a.skiplink, .ui-tabs, .ui-tabs-hide {
 display: none;
}

a:link, a:visited {color:#666; text-decoration:underline;}
a.blurb:link, a.blurb:visited {color :#b2ab9b; text-decoration: none;}
a.client:link, a.client:visited {
  display:block;
  color:#ff0;
  text-decoration:none;
  text-align:center;
  font-weight:bold;
  font-size:1.25em;
  height:110px;
  width:83px;
/*  opacity:0.4; filter:alpha(opacity=40); */
}
a:hover, a.blurb:hover, a.client:hover {color:#f39;}

.clear {clear:both; font-size:1px;}

p, ul, dl {font-size: 0.8em;}
p.center {text-align:center;}
p.owns {margin:0;padding-top:1em;font-style:italic;font-weight:bold;}
p.email {margin:0;padding:0;margin-top:-1em;font-weight:bold;}


/* **** sampleGallery Style Attributes **** */
	.sampleHolder a{color:#348;text-decoration:none;outline:none;}
	.sampleHolder a:hover{color:#67a;}
	.sampleHolder {position:relative;margin-top:2em;}
	.samples{width:702px;margin:0 auto;}
	.samples li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
	.samples li div{left:240px}
	.samples li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{float:left; text-align:center; margin:10px auto 30px auto;height:auto;width:700px;background:black;}
	#main_image img{margin-bottom:10px; border:2px solid #666;}
	
	.samplelinks{text-align:center;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
      .samplelinks img {border:none;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
/* **** end of sampleGallery Attributes **** */


#wrapper {
      margin: 0 auto;
      width: 1000px;
      padding: 0 0.5em;
      background-color: #000;
      border-left: 1px solid #111;
      border-right: 1px solid #111;
}

#header {
    position:relative;
    height: 146px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
#header h1 {
    margin:0;
    padding:0;
    height: 144px; 
    width: 216px;
    background: url("images/logo3.jpg") no-repeat;
    float: left;
    text-indent: -9999px;
}
#header #cntctsInfoBox {
    position:relative;
    width:260px;
    margin:0 auto;
}
#header #clientArea {
  position:absolute;
  right:2em;
  top:0.5em;
  height:110px;
  width:83px;
  background: transparent url(images/couple.jpg) no-repeat;
}

#header #nav {
  width:42em;
  padding:0;
  margin :2.5em auto 0 auto;
  list-style: none;
  font-size:1em;
}

ul#nav li {
  float: left;
  margin-right:2px;
  padding-left: 0.2em;
/*  background: transparent url(images/leftTab.gif) top left no-repeat; */
}
ul#nav a:link, ul#nav a:visited  {
 text-decoration:none;
 color:#fff;
 padding: 0.3em 0.6em 0.3em 0.3em;
 display:block;
 text-align: center;
/* background: transparent url(images/rightTab.gif) top right no-repeat; */
 overflow: hidden;
}
ul#nav a:hover {
  color: #f39;
  z-index:200;
}


#mainBlock {
  position:relative;
  clear: both;
  float:none;
  width: 100%;
}

#galleryContainer {
  float: right;
  margin: 0 0 1em 0.5em;
  width: 705px;
  padding: 0.5em;
  border: 2px solid #fff;
}
#gallery {
  position: relative;
  height: 470px;
/*  margin: 0 auto; */
}
#gallery .slide {
  position:absolute;
/*  float:left; */
}

#gallery .slide img {
  border:none;
}
	
#gallery .show {
  z-index:500
}

#gallery .caption {
  z-index:600; 
  background-color:#000; 
  color:#ffffff; 
  height:100px; 
  width:100%; 
  position:absolute;
  bottom:0;
}

#gallery .caption .content {
  margin:5px
}

#gallery .caption .content h3 {
  margin:0;
  padding:0;
  color:#08c;
}

#gallery .caption .content a:link, 	#gallery .caption .content a:visited {
  color : #ff0;
}
#gallery .caption .content a:hover {
  color : #fff;
}

#gallery .words {display:none;}


.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#000; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; text-align:center; background:#000; border:0 solid #08c; border-width:0 1px;}

#homePageLeftColumn {
 float:left;
 width:255px;
 margin: 12px 2px 0px 6px;
 min-height: 300px;
}
#homePageLeftColumn p, #contacts p {
/*   margin:0 10px; */
/*   letter-spacing:1px;  */
   padding:0;
   padding-bottom:0.5em;
}
* html #homePageLeftColumn {height:300px} /* IE Min-Height Hack */ 
#homePageLeftColumn .xboxcontent {padding-left:5px;}

/* #homePageLeftColumn */ h2 {text-indent: -9999px;}
/* #homePageLeftColumn */ h2.home {height:34px; width: 280px; background: url('images/labels/nwp.png') no-repeat;}
/* #homePageLeftColumn */ h2.about {height:20px; width: 280px; background: url('images/labels/aboutUs.png') no-repeat;}
/* #homePageLeftColumn */ h2.faqs {height:26px; width: 100px; background: url('images/labels/faqs.png') no-repeat;}


/* *************************** Portfolio Navigation Attributes ************************* */
#galleryHead {
  clear:both;
  text-align:left;
  width: 100%;
}
#samplesNav {
   display:block;
   clear: both;
   margin :5px;
   padding: 2px;
   font-size: 0.75em;
}
#samplesNav dt {
   float:left;
   text-align: center;
   color: #888;
}
#samplesNav dd {
   float:left;
   margin: 0;
   border-right: 1px solid #444;
   text-align: left;
   background-color: #011;
}
#samplesNav a {
   display: block;
   padding: 0 5px;
   text-decoration: none;
}
#samplesNav a.here {color:#630;}
#samplesNav a:hover {background-color: #666;}
/* *************************** Portfolio Navigation Attributes End ************************* */


/* **** servicesMenu Style Attributes **** */
     #servicesMenu {float:left; margin:0.5em 1em; width:245px;}
     #servicesMenu dl { width: 150px; font-size: 0.8em;}
     #servicesMenu dl, #servicesMenu dt, #servicesMenu dd { margin: 0; }
     #servicesMenu dd {display: none;}
     #servicesMenu dd.open {display: block; width:100%; margin: 0 5px;}
     #servicesMenu dd ul {list-style: none; list-style-position:outside; display:block; margin-left:0; padding: 5px;}
     #servicesMenu dd li { display: block; line-height: 1.3em;}
     #servicesMenu dd li a:link, #servicesMenu dd li a:visited {display:block; color: #fff; text-decoration: none; width:98%;}
     #servicesMenu dd li a:hover {background-color: #f39;}
     #servicesMenu dt {display:block; background: #f39; padding: 0; margin: 2px; }
     #servicesMenu dt a:link, #servicesMenu dt a:visited {display:block; padding: 5px; color: #fff; text-decoration: none;}
     #servicesMenu dt a:hover, #servicesMenu dt a.on, #servicesMenu dd a.up {background-color: #800080;}

     #services {float:right;  margin-top:0.5em; padding-left:10px; border-left:1px solid #666; width:705px;}

     #services h3, #servicesMenu h3 {height:26px; text-indent: -9999px;}
      h3.services {width: 160px; background: url('images/labels/services.png') no-repeat;}
      h3.aboutus {width: 160px; background: url('images/labels/aboutus.png') no-repeat;}
      h3.weddings {width: 160px; background: url('images/labels/weddings.png') no-repeat;}
      h3.weddingsourapproach {width: 400px; background: url('images/labels/weddingsourapproach.png') no-repeat;}
      h3.approach {width: 400px; background: url('images/labels/approach.png') no-repeat;}
      h3.preday {width: 400px; background: url('images/labels/preday.png') no-repeat;}
      h3.packages {width: 400px; background: url('images/labels/weddingpackages.png') no-repeat;}
      h3.giftvoucher {width: 400px; background: url('images/labels/giftvouchers.png') no-repeat;}
      h3.wedalbum {width: 400px; background: url('images/labels/weddingalbums.png') no-repeat;}
      h3.dvd {width: 400px; background: url('images/labels/weddingsdvds.png') no-repeat;}
      h3.thankyou {width: 400px; background: url('images/labels/thankyoucards.png') no-repeat;}
      h3.testimonials {width: 400px; background: url('images/labels/testimonials.png') no-repeat;}
      h3.contactus {width: 400px; background: url('images/labels/contactus.png') no-repeat;}

blockquote p {
  font-style: oblique;
  padding: 0px 0px 25px 5px;
  float: left;
  background: url(images/quote_down.png) bottom right no-repeat;
}

blockquote {
  margin: 0;
  margin-top: 2em;
  padding: 10px 0px;
  background: url(images/quote_up.png) top left no-repeat;
}

cite {
  font-style:normal;
  color: #f39;
  float: right;
  margin-bottom:1em;	
}


/* **** end of servicesMenu Attributes **** */

      h3.contactus {width: 400px; height: 26px; text-indent: -9999px; background: url('images/labels/contactus.png') no-repeat;}

/* **** Testimonials Page Attributes **** */
p.imgLeft {
  float: left;
  font-size: 0.8em;
  text-align: center;
  color: #fff;
  margin:1em 1.25em 0.5em 0.25em;
}
p.imgRight {
  float: right;
  font-size: 0.8em;
  text-align: center;
  color: #fff;
  margin:1em 0.25em 0.5em 1.25em;
}

p.imgRight img, p.imgLeft img {
display: block;
border: 0;
}

.signature {font-style:italic; color:#f39;}
/* **** Testimonials Page Attributes **** */


#faqs {margin: 0 2em;}

#faqs dt {
  background-color: #f39;
  color: #fff;
  margin-top:1em;
  border: 1px solid #444;
  padding: 0.5em 1em;
  font-size: 1.2em;
}
#faqs dd {
  margin:0;
  background-color:#000;
  color: #aaa;
  border: 1px solid #444;
  padding: 1.5em 3em;
}


#footer {
 position: relative;
 margin-top: 10px;
 border-top: 1px solid #444;
 clear: both;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 padding: 10px;
}


#contacts {
  float: left;
  width: 30%;
  margin: 2em 0 0 2em;
  padding-left: 10px;
}


/* ******************************************* */
/* ******* styles for enquiry form only ****** */
/* ******************************************* */

* html fieldset {padding:1em 0; margin:0;}
legend select {border:0; padding:0; font-weight:bold; background-color:#000; color:#fff;}

form {margin:5px; padding:5px; font-size:0.8em;}
form p {font-size: 0.9em; clear:left;}
form fieldset {display:block; border:1px solid #08c; padding:18px; font-family:verdana, sans-serif; margin-bottom:0.5em;}
form fieldset#contactInfo {background:transparent;}
form fieldset#details {position:relative; background:transparent;}
form legend {font-family:verdana, sans-serif; font-size:1em; font-weight:bold; border:1px solid #08c; padding:3px; text-align:center;}
form label {clear:left; display:block; float:left; padding-right:5px;}
form label {text-align:right; width:26%;}
form input {clear:right; border:1px solid #fff; padding-left:0.5em; margin-bottom:0.6em; font-size:105%; color:#00f;}
form textarea {clear:right; font-family:verdana, sans-serif; font-size:90%; color:#00f; border:1px solid #fff; padding:0.5em; margin-bottom:0.6em; overflow:auto;}

form input.sub, form input.res {color:#c00; padding-right:0.5em; cursor:pointer; border:1px solid #004;}
form input.sub:hover, form input.res:hover {color:#000; background-color:#c00;}