* { 
margin:0; padding:0; }

body { 
  margin:0;
  padding:0;
  text-align:center;
 }

#container { 
position:relative;
padding:0;
width:832px;
/*margin:30px auto;*/
margin:30px auto;
text-align:left;
color:#555;
font: 12px/17px Geneva,Arial, Tahoma, sans-serif;
background-color:white;}

#container table { color:#555; }
#container table a { color:#555; }
a { 
color:inherit;
text-decoration:none; }

a:hover { 
text-decoration:underline; }

#main { 
padding-bottom:0px;
width:650px;
margin-left:170px;
clear:none;
/*height:300px;*/
/*overflow:auto;*/
}

/*
Setting of minimum height according to solution provided at
http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/
*/
/*
*>#main {padding-top:300px; min-height:1px;}
*>#main #innermain {margin-top: -300px;}*/ /*Multi-paragraph solution requires internal div innermain*/
* html #main {
  /* IE5Mac filter \*/
  /*height: 300px;*/
  /* end filter */
}

#index #byline { /*background:#4F3F31;color:#ccc;*/font-weight:normal;font-family:Arial;font-size:20px;line-height:20px;width:400px;}

#index #main { margin-right:170px; width:auto;}

#specialoffers { 
  padding:5px; 
  float:right;
  width:150px;
  height:200px;
  margin:10px;
}

.offer { border-top:1px solid gray;border-bottom:1px solid gray; padding:5px 0; margin:5px;}

.offerdetail { border:1px dashed gray;float:left;width:400px;margin:20px; }

.offerdetail h3 { margin:5px;text-align:center; }
.offerdetail em { text-transform:uppercase;font-weight:bold; }
.folio #main {
  width:auto;
margin-left:152px;
margin-right:172px;
text-align:center;

}

.folio img#fullsize { border:1px solid #4f3f31; }

/*Artificially center folio images (including quotes)
between uneven (152px,172px) margins*/
.folio img { position:relative; left:10px; }

#navigation { 
float:left;
width:130px; 
margin:10px;
}

#navigation li { 
list-style-type:none;
 }

#navigation li#current { 
color:#000; }

#mainimage { 
margin:10px 20px; }


#header { 
height:150px;
width:100%;
background:url("../images/header-shrunk-cropped-border.jpg") no-repeat scroll center center;
overflow:hidden;}

#footer { 
clear:both;
height:30px;
text-align:right;
padding-right: 20px;
font-size:8pt;
}

h2 { margin:0;padding:0; }

#navigation { 
font-family:sans-serif;
font-weight:bolder;
font-size:10.5pt;
color:#555;
line-height:17pt;
}

#testimonials #innermain {width:auto; margin-right:150px;}

#testimonials .sidebar { float:right;margin-right:-150px;marg }

#about #main { width:auto;  margin-right:80px;}

#about #innermain { padding-top: 20px; }

#about #main p { margin-bottom:20px; }

#about #mainpic { float:right; margin-left:10px;}

 em { color:black; font-style:normal; }

#contact #main { 
text-align:center;
margin-left:150px;
margin-right :150px;
width:auto;
 }

#contact #businesshours {  margin-top:20px;}

#contact h2 { font-weight:bold; font-size:12px; }

#contact table { font-size:12px;} 
#contact #address { margin-top:20px;}

#contact #phonenumbers { margin-top:20px;}


#contact #contactdetails { margin-top:0; font-size:12px;} 
#contact .col1 { text-align:right; }
#contact .col2 { padding-left:5px;text-align:left; }
#contact #leftimage { background-color:gray;width:100px;height:150px;float:left; margin:10px;}
#contact #rightimage { background-color:gray;width:100px;height:150px;float:right; margin:10px;}


/*Temporary code for Leanne */
/*Navigation Highlighting*/
#navigation li a { display:block;}
#navigation li a:hover { 
text-decoration:none;
 }
/*Navigation Colors*/
#navigation { 
 }
#navigation a
{ color:#555; }

/*End temp code*/
.question,.styleheader { 
font-weight:bold;
/*font-family:Georgia;*/
color:#555; 
padding: 10px 0 0;}


ul ul { padding-left:20px;font-size:80%;line-height:13pt }

/*Styles for styles page*/

.styles #main
{ list-style-type:none; 
margin-right:100px;
width:auto;


}


/*--Studio--*/
#styles-studio #studio ul{ 
  margin-left:160px;
}

#styles-studio #studio img { 
float:left; 
margin:10px 20px;
}

/*--Location--*/

#styles-location #location .triptych { 
width:350px;
height:160px;
padding:5px;
margin:20px;
margin-top:0px;
text-align:center;
}

/*--Contemporary--*/
#styles-contemporary img { margin:10px; }
#styles-contemporary #contemporary .triptych { 
border:3px solid black;
width:350px;
height:160px;
padding:10px;
padding-right:5px;
margin:20px;
}

/*--Digital--*/

#styles-digital #digital .beforeafter { 
background-color:#bab6b3;
padding:5px;
margin:20px; 
width:307px;
}

#styles-digital #digital .beforeafter img{ 
height:200px;
padding:5px; }

/*--Classic--*/



/* STYLES FOR FOLIO PAGES */
#thumbbar { 
  float:right;
  width: 170px;
  text-align:right;
  padding:10 0 0 10px; 
  margin:0px;
}

#thumbbar img { 
  float:left;
  height:80px;
  width:66px;
  margin:3px;
  border:0px;
}

#thumbbar a img { 
border:1px solid white; }
#thumbbar a:hover img { 
border:1px solid #4f3f31; }


.centredimage {
  text-align:center;
}


#portraiture #baby { 

 }

.quote { 
margin:20px 0px; 
}

.quotesource { 
text-align:right;
font-weight:bold;
color:#555; }

.answer { line-height:125%; }

.questions #main {/* width:auto; margin-right:150px;*/}
#questionimg { float:right; }

#portraiture .quoteimage { 
  margin:0;
  padding:0;
  text-align:left;
  width:100%;
  margin-left:60px; 
}

#testimonials .quoteimage { 
text-align:center; }
/*DIFFERENT COLOURS ON EACH PAGE */

body {   background-color:#4F3F31;
 }

#portraiture-children #container { 
background-color: #efe89d;
 }

#portraiture-pregnant #container { 
background-color: #dfffe0; }

#portraiture-baby #container { 
background-color: #a4c8ef;
}

#portraiture-family #container { 
background-color: silver; }

#portraiture-fairies #container { 
background-color: #ffeff4;

}
 
#portraiture #container { 
background-color:white; }

#portraiture-oldworld #container
{ 
background-color: #7f7067;}

#cursive { margin-top:30px; 
  margin-bottom:10px; 
  margin-left:auto;
  margin-right:auto;
}

#photolibrary #main { margin-right:150px; }

#photolibrary img { margin-left:100px;margin-top:10px; }
#photolibrary #container { 
background-color:#a1c18c; }

#photolibrary #main a {color:black; text-decoration:underline; }
.mceContentBody {background-color:inherit;font: 12px/17px Geneva,Arial, Tahoma, sans-serif;}
.mceEditor {background:white;}


.cssform p
{
	clear: right;
	padding-right: 0px;
	border-top: gray 1px dashed;
	padding-left: 155px;
	padding-bottom: 8px;
	margin: 0px;
	width: 300px;
	padding-top: 5px;
	height: 1%;
}

.cssform label
{
	float: left;
	margin-left: -155px;
	width: 150px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.floatright
{
float: right;
margin: 0 0 10px 10px;
padding: 2px;
}