/*
Style Sheet for Innovative Photography Services Website
Color guide
Main Navigation Color: #333333;
Sub-navigation color: #111111;
Body copy: #0e0e0e;
Contact Form Copy: #7e7e7e;
Footer Text: #5c5c5c;
Background color: #f1f1f1;


Table of Contents
1.  General Styles (body, h1, a, background, etc)
1.5 Wrapper and Top Flourish
2.  Header (navigation, logo placement, etc)
3.  Content Box
3.1  All
3.2  Contact
4.  Footer

SECTION 1:GENERAL STYLES  */

body
{
   background-image: url(images/template/background.gif);
   background-color: black;
   color: #e0e0e0e;
   font-family: Verdana, sans-serif;
   font-size: 12px;
   line-height: 1.2em;
   margin: 0;
   padding: 0;
   behavior: url(csshover3.htc);
 }
 
h1
{
  font-size: 1px;
  color: #f1f1f1;
  display: inline;
}

h2 /* ----Used for Navigation ----- */
{
color: #171717;
font-size: 15px;
font-weight: normal;
font-variant: small-caps;
text-align: center;

}


h3              /*    -----USED FOR FAQs ----- */
{
	padding: 1px;
	font-size: 12px;
	font-weight: normal;
	color: #0e0e0e;
	position: relative;
	left: 20px;
	width: 380px;
	}



h5  /* ----Used for Navigation ----- */
{
	font-size: 10px;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0;
	}


        h6        /*    -----USED FOR FAQs ----- */
        {
	font-size: 12px;
	margin: 2px;
	color: #0e0e0e;
	font-weight: normal;
             }

a
{
  color:  #000000;
  text-decoration: underline;
}

a:active, a:hover, a:visited
{
  color: #000000;
}



/* SECTION 1.5: WRAPPER AND TOP FLOURISH */

#wrapper
{
  background-image: url(images/template/content_background.jpg);
  background-color: #F4F4F4;
  background-repeat:no-repeat;
  left: 50%;
  position: relative;
  margin-left: -510px;
  width: 1020px;
  height: 675px;
}

#topflourish
{
  left: 50%;
  margin-left: -42px;
  position: relative;
  width: 85px;
}

/* SECTION 2: HEADER */

#header
{
  padding: 15px 0px;
  width: 840px;
  height: 80px;
  left: 50%;
  margin-left: 90px;
  border-bottom: 1px solid #7e7e7e;
  _height: 120px;
}

#header img
{
  float: left;
}


  /* SECTION 2.5 NAVIGATION */
#menu {
float: right;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
position: relative;
top: 55px;
}

#menu a, #menu h2 {    /* -- Primary Navigation ---*/
display: block;
margin: 0px 3px;
padding: 4px 4px 3px 4px;
}

#menu h2 {        /* -- Primary Navigation ---*/
color: #171717;
font-size: 15px;
font-weight: normal;
font-variant: small-caps;
text-align: center;
border-width: 1px 0px;
border-color: #f1f1f1;
border-style: solid;
}

#menu h2:hover      /* -- Primary Navigation ---*/
{
border-color: #333333;
}

#menu .current   /* ------used for the current page ------*/
{
border-width: 1px 0px;
border-color: #333333 !important;
border-style: solid;
padding: 3px 8px 3px 8px;
display: block;
}

#menu .currentsub
{
  display: block;
  position: relative;
  text-align: center;
  top: -90px;
  margin: 0px 0px -90px 14px;
}

#menu a {
text-decoration: none;
}

#menu li {
  position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul
{
  display: block;
  position: relative;
  text-align: center;
  top: -90px;
  margin: 0px 0px -90px 14px;
  
 [if IE] line-height: 10px;
 [if IE] margin: 0px 0px -90px 15px;
}

#menu ul li ul .currentsub
{
 display: block !important;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}






/* SECTION 3:CONTENT BOX */

/*  ALL CONTENT   */

#contentbox
{
  width: 840px;
  height: 380px;
  margin: 0 auto;
  _height: 360px;  /* IE FIX */
}


#headlinegraphic
{
  position: relative;
  left: 20px;
}

 .fullpicture
{
  margin-left: 40px;
  [if IE] top: -20px;
}

#leftimage, #rightimage
{
  border: 0px;
}

#leftimage
{
  float: left;
  margin: 60px 0px 0px 150px;
}

#rightimage
{
 float: left;
  margin: 60px 100px 0px 60px;
}

.textleft, .textright
{
text-align: center;
position: relative;
float: left;
top: -52px;
width: 227px;
}

.textleft
{
  margin: 0px 0px 0px 155px;
}

.textright
{
 display: inline;
 margin: 0px 0px 0px 94px;
}

#packages
{
  position: relative;
  left: 35px;
  float: left;
  width: 150;
  margin: 50px 3px 0px 3px;
}

#packages ul
{
  line-height: 18px;
  margin: 30px 0px 0px 35px;
  padding: 0px;
}

#packages h2
{

  font-weight: bold;
  text-align: center;
}

#packageinfo
{
  width: 500px;
  margin: 20px 0px 0px 150px;
  float: left;
}

/*   CONTACT PAGE     */

#contactimage
{
  text-align: center;
  position: relative;
  z-index: 500;
  left: -40px;
  top: 15px;
  line-height: 20px;
  width: 460px;
}

#contactform
{
  position: relative;
  top: -350px;
  left: 450px;
  width: 200px;
  z-index: 500;
}


/* About Leslie */

#contentleft
{
  float: left;
  position: relative;
  top: 60px;
  width: 450px;
  margin-left: 80px;
  line-height: 17px;
}

#contentright
{
  position: relative;
  top: -250px;
  left: 600px;
  width: 3px;
  height: 3px;
}




/*    PROOFS    */
#proofsleft

{
  position: relative;
  width: 250px;
  margin: 50px 70px 0px 0px;
}


#proofsright
{
  position: relative;
  top: -100px;
  left: 400px;
  width: 4px;
  height: 3px;
}




/* FAQS   */
#faqright
{
  margin: 20px 0px;
}

			#faqs {
				margin-left: 50px;
				margin-bottom: 20px;
				float: left;
				}

#faqsback {

				width: 500px;
				height: 340px;
				margin-top: 10px;
				margin-left: 10px;
				padding-top: 10px;
				padding-left: 20px;
				padding-right: 0px;
				overflow: hidden;
				float: left;
				color: #0e0e0e;
				}

			.AccordionTitle, .AccordionContent, .AccordionContainer	{
				  position:relative;
				}

			.AccordionTitle	{
				height:20px;
				overflow:hidden;
				cursor:pointer;
				color: #0e0e0e;
				display:table-cell;

				}

			.AccordionTitle:hover {
				-moz-user-select:none;
				background: rgb(255,255,255);
				background: rgba(255,255,255, 0.5); /*---for those really smart browsers that can read rgba--*/
				filter:alpha(opacity=50); /*---for IE because it is stupid---*/
				opacity: 0.5;
				-moz-opacity: 0.5;
				}

			.AccordionContent {
				  height:0px;
				  overflow:hidden;
				  display:none;
				  padding: 10px:
				}

			.AccordionContainer	{
				margin-left:auto;
				margin-right:auto;
		}







#contentboxfaq
{
    width: 840px;
  height: 360px;
  margin: 0 auto;
  _height: 360px;  /* IE FIX */
}


/*     Gallery      */


 #slideshowbody {margin:0; padding:5px; position: relative; top: -30px; }
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper1 {width:506px; margin:50px auto; display:none}
#wrapper1 * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {display: none; position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {display: none; position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#f1f1f1}
#slideleft:hover {background-color:#f1f1f1}
#slideright {float:right; width:20px; height:81px; background:#f1f1f1 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#f1f1f1}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}


/* SECTION 4:FOOTER */

#footer
{
  width: 1020px;
  height: 110px;
  margin: 0 auto;
  float: left;
  background-image: url(images/template/background.gif);
}

#footer p
{
  display: inline;
  color: #5c5c5c;
}

#footer a
{
  color: #5c5c5c;
}

.left
{
 text-align: left;
 margin:5px 245px 0 0;
}


.right
{
 text-align: right;
 margin: 5px 0 0 207px;
}