body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS","Lucida Sans","Lucida Grande","Lucida Sans Unicode",Lucida,Verdana,Tahoma,sans-serif;
      color: #fff; 
      background: 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:hover, a.blurb:hover {color:#ff0;}

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

p {font-size: 0.8em;}
p.center {text-align:center;}


/* **** 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{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: 900px;
      background-color: #000;
}

#header {
    height: 168px;
}
#header h1 {
    margin: 0.67em;
    height: 87px; 
    width: 138px;
    background: url("images/logo.jpg") no-repeat;
    float: left;
    text-indent: -9999px;
}
#header #cntctsInfoBox {
    float:right;
    margin:0.67em;
    padding:10px 10px;
}
#header #offerNoticeBox {
    float: left;
    margin: 5px 0 0 100px;
    color: #ccc;
    width: 250px;
    height: 115px;
    border: 1px dotted #666;
    text-align: center;
}
#header #offerNoticeBox h4 {
    margin:0;
}
#header #offerNoticeBox p.offerEnds {
    font-style: italic;
}
#header #offerNoticeBox img {
    margin: 0 auto;
}
#header #nav {
    clear: both;
    width: 100%;
    background-color : #444;
    margin :0;
    padding : 5px 0;
    list-style: none;
}

ul#nav, ul#nav li {
  float: left;
}

ul#nav li {
  padding: 2px 10px;
  border-right: 1px solid #bbb;
}
ul#nav a:link, ul#nav a:visited  {
 color :#fff;
 text-decoration :none;
}
ul#nav a:hover {
  background-color: #444;
  color: #000;
}
/* **************** Attributes for client drop down menu ****************************** */

ul#nav li.client {float:right; margin: 0; border: 0; position: relative; width:125px; z-index: 100; text-align: right;} 
#nav li.client dl {position:absolute; top:0; left:0; padding-bottom: 5px;}
#nav li.client dl {width: 125px; margin: 0; padding: 0; background: transparent;}
#nav li.client dd {display: none;}
#nav li.client a:hover {border: 0;}
#nav li.client:hover dd, #nav li.client a:hover dd {display: block;}
#nav li.client:hover dl, #nav li.client a:hover dl {padding-bottom:10px;}
#nav li.client table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#nav li.client dt {margin:0; padding:0; background: #444;}
#nav li.client dd {margin:0; padding:0; width: 120px; font-size: 0.8em; text-align:left; border-bottom:1px solid #000;}
#nav li.client dt a, #nav li.client dt a:visited {display:block; width:100%; color: #fff;}
#nav li.client dd a, #nav li.client dd a:visited {text-decoration:none; display:block; width: 98%; padding:5px; background:#f39; color:#fff;}
#nav li.client dd a:hover {background: #b2ab9b; color:#345;}

/* *************************** Client drop down attributes end ************************* */

/* *************************** Portfolio Navigation Attributes ************************* */
#galleryHead {
/*  position:relative; */
  clear:both;
  text-align:left;
  width: 100%;
}

#samplesNav {
   display:block;
   clear: both;
/*   position:absolute; */
/*   top:-27px; */
/*   left:0; */
   margin :5px;
   padding: 2px;
   font-size: 0.75em;
/*   border: 1px dotted #444; */
/*   z-index:50; */
}

#samplesNav dt {
   float:left;
/*   padding: 3px; */
/*   font-size: 85%; */
   text-align: center;
   color: #888;
}


#samplesNav dd {
   float:left;
/*   display:block; */
   margin: 0;
/*   padding: 1px 0; */
/*   border-top: 1px dotted #444; */
   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 ************************* */

#gallery {
	position: relative;
      height: 360px;
      border-bottom: 1px solid #444;
}
	#gallery .slide {
		float:left;
		position:absolute;
	}
	
	#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;}

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


/* **** servicesMenu Style Attributes **** */
      #servicesMenu {float:left; margin:0.5em 1em; }
	#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:left;  margin-top:0.5em; padding-left:10px; border-left:1px solid #666; width:70%;}

      #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.weddingspredayshoot {width: 400px; background: url('images/labels/weddingspredayshoot.png') no-repeat;}
      h3.weddingpackages {width: 400px; background: url('images/labels/weddingpackages.png') no-repeat;}
      h3.giftvoucher {width: 400px; background: url('images/labels/giftvouchers.png') no-repeat;}
      h3.weddingalbums {width: 400px; background: url('images/labels/weddingalbums.png') no-repeat;}
      h3.weddingsdvds {width: 400px; background: url('images/labels/weddingsdvds.png') no-repeat;}
      h3.lifestyle {width: 400px; background: url('images/labels/lifestyle.png') no-repeat;}
      h3.lifestylepackages {width: 400px; background: url('images/labels/lifestylepackages.png') no-repeat;}
      h3.lifestyleportraits {width: 400px; background: url('images/labels/lifestyleportraits.png') no-repeat;}
      h3.lifestylemodellingportfolios {width: 400px; background: url('images/labels/lifestylemodellingportfolios.png') no-repeat;}
      h3.lifestylemodelmakeovers {width: 400px; background: url('images/labels/lifestylemodelmakeovers.png') no-repeat;}
      h3.lifestylemakeoverparties {width: 400px; background: url('images/labels/lifestylemakeoverparties.png') no-repeat;}
      h3.lifestyleglamourphotography {width: 400px; background: url('images/labels/lifestyleglamourphotography.png') no-repeat;}
      h3.lifestylecelebrations {width: 400px; background: url('images/labels/lifestylecelebrations.png') no-repeat;}
      h3.childrenwatchthemgrow {width: 400px; background: url('images/labels/childrenwatchthemgrow.png') no-repeat;}
      h3.children {width: 400px; background: url('images/labels/children.png') no-repeat;}
      h3.childrenbumpstobabies {width: 400px; background: url('images/labels/childrenbumpstobabies.png') no-repeat;}
      h3.childrenchristenings {width: 400px; background: url('images/labels/childrenchristenings.png') no-repeat;}
      h3.commercial {width: 400px; background: url('images/labels/commercial.png') no-repeat;}
      h3.commercialcorporate {width: 400px; background: url('images/labels/commercialcorporate.png') no-repeat;}
      h3.commercialevents {width: 400px; background: url('images/labels/commercialevents.png') no-repeat;}
      h3.commercialfunctions {width: 400px; background: url('images/labels/commercialfunctions.png') no-repeat;}
      h3.restoration {width: 400px; background: url('images/labels/restoration.png') no-repeat;}
      h3.manipulation {width: 400px; background: url('images/labels/manipulation.png') no-repeat;}
      h3.montage {width: 400px; background: url('images/labels/montage.png') no-repeat;}
      h3.pets {width: 400px; background: url('images/labels/pets.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;}

/* **** 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 **** */


#footer {
 position: relative;
 margin-top: 10px;
 border-top: 1px solid #444;
 clear: both;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 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;}
div.row {clear:both;padding-top:2px;font-size:60%;}
div.row span.label {float:left;width:26%;text-align:right;}
div.row span.formw {float:right;width:72%;text-align:left;}
div.row span.formw input {font-size:105%; background-color:#aaa;}
div.row span.formw textarea {font-size:90%; background-color:#aaa;}
* html div.row span.formw textarea {font-size:90%;}
.submit {background-color:#c2e4a6; padding:0.25em 1em; cursor:pointer;}
.submit:hover {background-color:#fff; color:#c2e4a6;}
* html .submit {cursor:default;}

/* form {margin-left:10em; margin:0 auto; font-weight:normal;} */
form {margin:20px; padding:10px;}
form fieldset {display:block; border:1px solid #08c; padding:3px; 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; text-align:right; padding-right:10px; margin-bottom:0.5em;}
form label {width:145px;}
form input {clear:right; border:1px solid #fff; padding-left:0.5em; margin-bottom:0.6em;}
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 select {clear:right; padding-left:0.5em; margin-bottom:0.6em;} */
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;}

.required {color:#c00; font-size:120%; font-weight:bold;}
.noerror {display:none; visibility:hidden;}
.error {display:block; visibility:visible; color:#c00; font-weight:bold; margin-top:0; padding-top:0;}
form#quote .error {margin-left:30px;}