/* CSS Document */

/* main styles */

body {
font: 90%/160% Verdana, Arial, Helvetica, sans-serif;
background-color:#000000;
color: #FFFFFF;
margin: 0px;
padding: 0px;  overflow:scroll;

}

.clear { clear:both;}
a {
color: #818386;
text-decoration: none;
}

a:hover {
color: #515355;
}


img {
border: none;
float: left;
display: block;

}


p {
padding: 0;
margin: 10px 0 0 0 ;
color:#FFFFFF;

}


h1, caption{ color: #ffffff; margin: 0px; font: bold 160%/100% Verdana, Arial, Helvetica, sans-serif;}

caption { text-align:left; margin:20px 0;}

h1 a{
color: #ffffff;
}

h2{
color: #4d4d4d;
margin: 0px;


font: bold 170%/100% Verdana, Arial, Helvetica, sans-serif;


}

h1 a:hover, h2 a:hover{
color: #515355;
}




h3 {
font: bold 90% Verdana, Arial, Helvetica, sans-serif;
color: #C8C7C7;
margin: 8px 0 0 0;
text-align: right;
}



h4 {
font: normal 115% Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
margin: 18px 0 0 0;
text-align: left;
padding-left: 40px;



}

h5 {

font: bold 110% Verdana, Arial, Helvetica, sans-serif;


}

h6 {

font:bold 70% Verdana, Arial, Helvetica, sans-serif;

}

h7, h7 a {
color:#828282;

}

h7 a:hover{
color:#ffffff;

}

/* body frame */

#wrapper { 
padding: 0;
margin: auto;
width: 930px;

}

#top{
width: 100%;
height: 20px;

}
#header {
width: 930px;
float: left;
position: relative;
height: 232px;
margin: 0; overflow:hidden;

}
#tel {
color:#ffffff;
width: 260px;
position: absolute;
top: 40px;
right: 40px;
font: bold 100% Verdana, Arial, Helvetica, sans-serif ;
line-height: 1.5em;
}


#essex-telephone {
color:#ffffff;
width: 260px;
position: absolute;
top: 40px;
left: 127px;
font: bold 110% Verdana, Arial, Helvetica, sans-serif ;
line-height: 1em; padding-top:5px;
}

#essex-wedding-facebook {
color:#ffffff;
width: 420px;
position: absolute;
top: 40px;
right: 40px;
font: bold 100% Verdana, Arial, Helvetica, sans-serif ;
line-height: 1.5em;  text-align:right;
 }

#essex-wedding-facebook a {
background:url(../images/essex-photography-facebook.jpg) no-repeat top right; display:block; padding:5px 70px 10px 0;}

#essex-wedding-facebook h1 { font-size:1em; right:70px; position:absolute;}

#essex-wedding-facebook a:hover {
background-position: right -120px; }


#header-quote {
color:#C8C7C7;
width: 260px;
position: absolute;
top: 115px;
right: 40px;
font:italic 80% Verdana, Arial, Helvetica, sans-serif ;
line-height: 1.5em;
}


#navigation {
clear: both;
background: url(http://www.studio1photography.co.uk/images/nav-bar.jpg) no-repeat;
width: 929px;
float: left;
position: relative;
height: 34px;
margin: 0;
padding:0;

}


#navigation-essex {
clear: both;
background: url(http://www.studio1photography.co.uk/images/essex-nav-bar.jpg) no-repeat;
width: 929px;
float: left;
position: relative;
height: 34px; overflow:hidden;
margin: 0;
padding:0;

}

#navigation-essex a { color:#333;}
#navigation-essex a:hover { color:#8d35a6;}
#navigation-inside {

clear: both;
background: url(http://www.studio1photography.co.uk/images/nav-bar-inside.jpg) no-repeat;
width: 929px;
float: left;
position: relative;
height: 34px;
margin: 0;
padding:0;

}

#nav-text-left{
float: left;
position: relative;
height: 33px;
margin: 0;
padding: 0 0 0 40px;

}



#nav-text-right{

float: right;
position: relative;
height: 33px;
margin: 0;
padding:0 30px 0 0;
text-align:left;

}


#main-body {
clear: both;
color:#ffffff;
background: url(http://www.studio1photography.co.uk/images/body-bg.jpg) no-repeat;
width: 929px;
float: left;
position: relative;
height: 560px;
margin: 0;
padding:0;

}

#main-body-2011 {
clear: both;
color:#ffffff;
background: url(http://www.studio1photography.co.uk/images/essex-wedding-background.jpg) no-repeat;
width: 929px;
float: left;
position: relative;
height: 560px;
margin: 0;
padding:0;

}



#body-header { clear: both;color:#ffffff;
				background: url(http://www.studio1photography.co.uk/images/body-header.jpg) repeat-y;
					width: 929px; float: left;position: relative; margin: 0;}
					
#body-header h1 { padding:20px 0 20px 40px; font-size:1.3em;}					

.inside-body {
clear: both;
color:#ffffff;
background: url(http://www.studio1photography.co.uk/images/repeat-bg.jpg) repeat-y;
width: 929px;
float: left;
position: relative;
margin: 0;
padding:0;

}





.picture-column {

width: 470px;
float: left;
position: relative;
margin: 0;
padding:0 0 10px 0;

}


.titles {

width: 90%;
float: left;
position: relative;
margin: 0;
padding: 10px 0 0 40px;

}

.micro-text {

width: 350px;
float: left;
position: relative;
margin: 0;
padding:40px 0 10px 40px;

}




.img-style{
padding: 10px 0 0 25px;


}

.text-column-header {

width: 380px;
float: left;
position: relative;
margin: 0;
padding:15px 10px 0 10px;
line-height: 1.2em;
font: normal 115% Verdana, Arial, Helvetica, sans-serif;



}
.text-column {

width: 190px;
float: left;
position: relative;
margin: 0;
padding:5px 10px;
line-height: 1.2em;
font: 90%/160% Verdana, Arial, Helvetica, sans-serif;


}

.text-column-chelmsford {width: 190px;float: left;position: relative;margin: 0;padding:20px 10px 5px 10px;line-height: 1.2em;font: 90%/160% Verdana, Arial, Helvetica, sans-serif;}
.text-column-chelmsford a { color:#813fa3;}
.text-column-chelmsford a:hover { color:#828282;}
.img-style h3 {margin:0;}

.order-package { width:800px; background:#474747; margin:20px 40px 10px 60px; float:left; clear:both; font-weight:bold;  display:block;  border: 2px #fff solid; text-align:right; padding:10px; font-size:0.9em; text-align:center; }
.order-package a:hover { color:#000;}
.order-package-text { padding: 45px 5px 5px 15px; line-height: 1.1em;}
.book-package { background:#474747;margin-bottom:5px; display:block; overflow:visible; border: 2px #fff solid; width:190px;padding:10px 0; font-size:1em; font-weight:bold; text-align:center; float:right; }
.package-online { width:48%; float:left; display:block; position:relative; padding:5px 0;}


.foot-text-box {
width: 100%; display:block; float: left;
background: url(http://www.studio1photography.co.uk/images/repeat-bg.jpg) repeat-y;
}


.foot-text-row {
position: relative;
width: 28%;
padding: 15px 0 15px 40px;
float: left;
display: inline;
font-size: 85%;
}

.foot-text-row ul{ padding: 0; margin: 0; list-style-position:inside; list-style-type: square;}
.foot-text-row h2 {
color: #C8C7C7; font-size: 140%; line-height:1.5em;}

.foot-text-row a { color:#C8C7C7;}

.foot-text-row a:hover{
color:#828282;
}


#main-text {
color:#ffffff;
width: 340px;
position: absolute;
top:20px;
left: 40px;
margin: 0;
padding:0;
height: 260px;
}


#main-text-essex {
color:#000;
width: 260px;
position: absolute;
top:20px;
left: 40px;
margin: 0;
padding:0;
overflow:hidden;

}

#main-text-essex p {color:#000; text-align:justify;}


.price-list { margin: 40px; font-size:90%;}


.headlines { width: 230px; position: relative; float: right; margin: 0 ;
				padding: 20px 25px 0 0; text-align: right; clear:both;}

h2.headlines  { font-size:1.45em;}
				

.headlines img {float:right;}

.spacer{
width: 99%;
float: left;
position: relative;
height: 30px;
margin: 10px 0;
color:#ffffff;
text-align: center;
}

.spacer a{

color:#828282;

}

.spacer a:hover{

color:#ffffff;

}

li{
padding-bottom: 5px;
}

.purple, .purple a {
color:#6f4682;
}

.purple a:hover{
color:#CCCCCC;
}


#footer {

clear: both;
color:#ffffff;
background:url(http://www.studio1photography.co.uk/images/footer-bg.jpg) no-repeat;
width: 929px;
float: left;
position: relative;
height: 50px;
margin: 0;
padding:8px 0 0 0;
overflow:hidden;
text-align:center;

}

#copyright {

clear: both;
color:#ffffff;

width: 929px;
float: left;
position: relative;
height: 50px;
margin: 0;
padding:5px 0 0 0;
overflow:hidden;
text-align:center;

}





/* mailform */



.form-column {

float: left;
position: relative;
margin: 0;
padding:0 20px 10px 40px;
display:block;
width: 410px;

}

.clearfix, .intro-txt{
border: none;
padding: 0;
clear: both;
}

.intro-txt{
margin: 0 50px;
}

	
fieldset {

padding-left: 0;	


	
	}		



.formLabel {
	font-size: 1em;
	line-height: 1.6em;
	text-align: left;
	position: relative;
	float: left;
	width: 99%;
	display: block;
	margin-top: 10px;
	
}



#message{
background-color:#ffffff;
width: 80%;
}

.formControl {
	float: left;
	position: relative;
	clear: both;
	width: 80%;
	
		
	
	}
	
input, textarea {
	width: 100%;
	
	font: 1em  Verdana, Arial, Helvetica, sans-serif;
background-color:#ffffff;	
	}	

	
input {

	font-size: 1em;
	color:#000000;
	
	background-color:#ffffff;
	}			

textarea {

	background-color:#ffffff;		}
	


submitButton {
clear:both;
float:left;
position: relative;
margin:10px auto;
background:#330066;

	font:  bold 1.0em Verdana, Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	padding: 4px 6px;
	width: auto;
	text-align:center;
	}
	
input.submitButton {
clear:both;
float:left;
position: relative;
margin:10px auto;
background:#330066;

	font:  bold 1.0em Verdana, Arial, Helvetica, sans-serif ;
	color:#FFFFFF;
	padding: 4px 6px;
	width: auto;
	text-align:center;
	}

/* ADDITIONS PAGE */

#links-column-left,
#links-column-right { float:left; width:400px;  padding: 20px 10px;}

#links-column-left img,
#links-column-right img {float:none; margin-bottom:20px; padding-left:30px;}