/* Photography Studio 1 Stylesheet by Nadia www.perrelink.com.au */

/* start by zeroing out the margins on elements, add padding or margins on each element separately */



html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form {

	margin: 0;

	padding: 0;

	border: 0;

	background-color: #FFF;

}



/* stops the shorter pages from jumping if there is no need for a scrollbar */

html, body {
	min-height: 100%;
	margin-bottom: 1px;
	background-color: #3373B3;

}



body {
	background-color: #FFFFFF;
	background-image: url(../images/background.gif);
	font-size: 100.01%;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-top-color: #D4D0C8;
}



/* div that holds everything together */

#wrapper {
	width: 772px;
	w\idth: 769px;  /*value for IE6*/
	margin: 10px auto;
	position: relative;
	background-image: url(../images/wrapper_bg.jpg);
	background-repeat: repeat-x;
	background-color: #21539a;
	border: 1px solid #B8B4AD;
	text-align: left;
	border-top-color: #FFFFFF;
}



/* top headerpic */

#strap {
	height: 200px;
	background-image: url(../images/strap.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;

}



/* main content area */

#content {
	border-left: 1px solid #fff;
	width: 520px;
	margin-left: 194px;
	width:/**/534px;
	padding: 10px 20px;
	background-color: #FFFFFF;
	font: .95em Arial, Helvetica, sans-serif;
}



* html body #content {
	width: 526px;
	margin-left: 190px;
	color: #FFFFFF;
	background-color: #FFFFFF;

}



/* Heading styles for the content area */

#content h1 {

	font-size: 100%;

	color: #49453F;

}



#content h2 {

	font-size: 90%;	

	color: #999999;

	margin-bottom: 1.0em;

	letter-spacing: .1em;

}



#content h3 {

	font-size: 85%;	

	color: #AFACB7;

	margin-bottom: 0.9em;

	letter-spacing: .1em;

}



#content h4 {

	margin-top: 25px;

	color: Maroon;

}



/* styles the paragraphs in the content area */

#content p {

	margin: 15px 0;

	font-size: 85%;

	line-height: 135%;

	color: #000;

}

#content a {
	color: #000000;

}



#content ul {

	padding: 15px 20px 10px 30px;

	list-style-position: inside;

}



#content ul li {

	font-size: 85%;

	line-height: 1.5em;

	list-style-type: disc;

}





#content img {
	margin: 3px 8px 1px 0;

}



hr {

	width: 350px;

	margin-left: 35px;

}



/* styles to float images in the content area */

#content .leftfloat {

	float: left;

	margin: 4px 10px 1px 0;

	padding: 2px;

}

#content .rightfloat {

	float: right;

	margin: 4px 5px 1px 10px;

	padding: 2px;

}

/* end image styles */



/* footer area styles */

#footer {
	background-color: #FFFFFF;
	height: 50px;
	clear: both;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-y;

}



#footer p {

	font-size: 70%;

	text-align: right;

	padding: 7px 7px 2px 0;

	padd\ing: 9px 15px 0 35px;  /*value for IE6*/

	color: #DBDBDB;

	padding-top: 30px;	

}



/* footer link styles */

#footer a {

color: #DBDBDB;

}



#footer a:hover {

	color: #D0BFAF;

}

	

/* left column styles */

#leftcol {
	width: 190px;
	height: 500px;
	float: left;

}

/* For IE6  - so that the menu doesn't sit right on the sidebar edge on right */

* html body #leftcol {

	width: 170px;

	height: 250px;

	float: left;

	margin: 25px 0 10px 5px;

}



#leftcol ul {

	list-style-type: none;

	margin-bottom: 15px;

	}



#leftcol ul li {

   border-top: 1px solid #FAF9F7;

	border-bottom: 1px solid White;

	border-left: 1px solid White;

	border-right: 1px solid White;

	width: 170px;

	line-height: normal;

	padding: 1px;	

	w\idth: 168px;

	line-height:118%;

	l\ine-height: normal;

	margin-bottom: -3px;

	ma\rgin-bottom: 0;

}



/* the submenu in the left column styles */

#leftcol li a {

	font-size: 80%;

	height: 1%;

	display: block;

	text-decoration: none;

	color: White;

	padding: 4px 0 4px 2px;

	padd\ing: 4px 0 4px 2px;  /* for ie */

	background-color: #606060;

}



#leftcol li a:hover, #leftcol li a:focus {

background-color: #F7F8FA;

color: #000; 

}



/* SETS CURRENT PAGE STATE OF MENU BUTTONS */

#current a:link, #current a:visited, #current a:hover, #current a:active {

color: #484848;

text-decoration:none;

background-color: #EAEAEA;

}



/***** Begin laying out the contact form *****/

#content form {

	margin: 20px 0 50px 7px; 

}

#content fieldset {

	margin: 0;

	border: none;

	padding: 5px 5px 20px 20px;

}

/* form input fields */

#content input, #content select {
	background-color: #FFFFFF;
	color: #000033;
	border: 1px solid #41141C;
	margin: 0 0 0 0;
	width: 150px;
	display: block;

}



#content textarea {

	background-color: #DDDCD9;

	color: #41141C;

	border: 1px solid #41141C;

	margin: 0 30px 0 0;

	height: 200px;

}



/* sets the enquiry box to the right of the input fields */

.labelfloat {

	float: right;

	padding-top: 20px;

}



#content label {

	color: #171717;

	font-size: 75%;

	padding-top: 5px;

	display: block;

}



/***** Ends the form layout *****/