/*************************************************************/
/* CSS Stylesheet for www.pierphotography.co.uk              */
/* See comments for further information                      */
/* (c) Pier Photography 2007                                 */
/* Developed by AC Multimedia                                */
/* http://www.acmultimedia.co.uk                             */
/*************************************************************/

/*************************************************************/
/* Global page styles */
/*************************************************************/

* {	font-size: 100%; }
html { margin: 0; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #333333; line-height: 1.8em; }
body { margin: 0;background:#eeeeee; }
.clear { clear: both; }
.hidden { display: none; }
.shown { display: block; }
div { margin:0; padding:0; }
img { border:0; margin:0; padding:0; }
ul, li { margin:0; padding:0; line-height: 1.7em; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
p { padding:0; margin:10px 0 15px 0; }
h1 {
font-size: 1.6em;
margin: 15px 0 10px 0;
font-family:Trebuchet MS, Helvetica, Verdana;
}
h2 {
font-size: 1.3em;
margin: 15px 0 -5px 0;
font-family:Trebuchet MS, Helvetica, Verdana;
color: #618aa5;
}
h3 {
font-size: 1.4em;
margin: 0 0 5px 0;
font-family:Trebuchet MS, Helvetica, Verdana;
}

/*************************************************************/
/* Content styles */
/*************************************************************/

ul {
margin-left:25px;
margin-bottom:15px;
}

/*************************************************************/
/* Link styles */
/*************************************************************/

a:link { color: #618aa5; text-decoration:underline; font-weight: normal; }
a:visited {	color: #618aa5;	text-decoration:underline; font-weight: normal; }
a:hover { color: #afcde1; text-decoration:underline; }

/*************************************************************/
/* Layout styles */
/*************************************************************/

#pageWrapper { width: 800px; margin: 0 auto 0 auto;background:#ffffff; }
#header { background:#afcde1 url(../images/topbanner.gif) no-repeat bottom right; height: 92px; padding:0;margin:0 auto; }
#logo { padding: 18px 0 0 20px; float:left;margin:0; }
#slogan {float:right; padding: 62px 27px 0 0;font-size:1.2em;margin:0;font-family:Trebuchet MS, Helvetica, Verdana; }

#nav { margin:7px auto 15px auto; width:775px;color:#aaaaaa; }
#nav a {
font-size:1.2em;
padding: 5px 9px 5px 9px;
color: #333333;
font-weight:bold;
text-decoration: none;
font-family:Trebuchet MS, Helvetica, Verdana;
}
#nav a:visited {
color: #333333;
font-weight:bold;
text-decoration: none;
}
#nav a:hover {
color: #afcde1;
}
#nav a.current,#nav a.current:visited {
color:#999999;
}
#contentWrapper { margin:0 auto 0 auto; width:756px; }
#contentMain { width:575px; float:left; }
#contentSub { width:150px; float:right; }
.homeButton {
width:150px;
height:112px;
padding:0 0 0 0;
margin:0 0 19px 0;
display:block;
}
.homeButton a { display:block;color:#ffffff; text-decoration:none; font-size:1.4em;font-weight:bold;padding:88px 0 4px 6px;margin:0 0 0 0;font-family:Trebuchet MS, Helvetica, Verdana; }
.homeButton a:visited { text-decoration:none;color:#ffffff;display:block; }
.homeButton a:hover { text-decoration:none;color:#ffffff;display:block; }
#homePortraits {
background:url(../images/home-portraits.jpg) no-repeat top left;
}
#homeWeddings {
background:url(../images/home-weddings.jpg) no-repeat top left;
}
#homeOffers {
background:url(../images/home-offers.jpg) no-repeat top left;
}
#footer { clear:both; background:#afcde1; margin:10px auto 0 auto;padding:3px 0px 3px 21px;color:#ffffff; }
#footer a { color:#ffffff;text-decoration:none; }
#footer a:visited { color:#ffffff;text-decoration:none; }
#footer a:hover { color:#ffffff;text-decoration:underline; }
.subImg { margin-bottom:15px; }

.thumbStart {
padding: 1px 0 5px 0;
}
.thumbMid {
padding: 1px 6px 5px 6px;
}
.thumbEnd {
padding: 1px 0 5px 0;
}
.arrows {
float:right;
display:block;
margin-top:10px;
}
#slidebg {
background: url(../images/loading.gif) center no-repeat;
width:575px;
height:374px;
}
#quote {
font-style:italic;
margin-top:15px;
}
#contentSub h2 { margin-top:-5px; }

/*************************************************************/
/* Form styles */
/*************************************************************/

form { margin: 0; padding: 0; }
label { font-weight:bold; }
.text { border:#333333 2px solid; width:145px;padding:2px;font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;margin-bottom:10px; }
.textarea { border:#333333 2px solid; width:145px;height:150px;padding:2px;font-family: Verdana, Arial, Helvetica, sans-serif;margin-bottom:10px; }
.sendButton { padding:2px 6px 2px 6px; }

.testWrapper { clear:both; }
.testWrapper img { float:left;margin-right:20px;margin-bottom:20px; }

form.homeForm { background-color:#AFCDE1;padding:10px;margin-bottom:15px; }
form.homeForm .formField { width:120px;padding:2px;font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
form.homeForm p { margin:0px 0px 5px 0px; }