body {position: relative; text-align: left; font-family: lucida grande, Helvetica, Arial, sans-serif; color: #929191; background-color: #000; background-image: url("/images/body_bg2.jpg"); background-position: top left; background-repeat: repeat-x;}

/*****************************************************************
Typography
*****************************************************************/
h1 {font-size: 2em; color: #000000;}
h2 {font-size: 1.8em; color: #e9eaea; line-height: 1.1em;}
h2#heading {margin-top: 30px;}
h3 {font-size: 1.1em; color: #e70081; line-height: 1.2em; padding: 0 0 10px 0;}
h4 {font-size: 1em; color: #fff; padding-bottom: 4px;}
p {font-size: 1em; line-height: 1.8em; color:#929191;}
ul {margin: 0 0 10px 0; list-style-position: outside; list-style-type: none;}
li {color:#929191; margin: 0; padding: 0 0 0.4em 0; line-height: 1.7em; font-size: 1em;}


.captionimage {width: 290px; float: right;}
.captionimage .border {margin-bottom: 4px;}
p.caption { text-align: right; font-style: italic; color: #333333}

/*****************************************************************
Paragraph options
*****************************************************************/
#telinfo p {text-align: right; padding-top: 10px;}

/*****************************************************************
Colours
*****************************************************************/
.white {color: #fff;}
#grey {background-color: #171717; border-top: 1px solid #333333; border-bottom: 1px solid #333333; margin-top: 70px; padding: 20px;}
.pink {color: #e70081;}

/*****************************************************************
Links
*****************************************************************/
/* Standard Links */
p a:link {color: #fff; text-decoration: underline; padding: 0 0 1px 0;}
p a:visited {color: #fff; fff-decoration: underline; padding: 0 0 1px 0;}	
p a:visited:hover {color: #fff; text-decoration: none;}
p a:hover, a:active {color: #fff; text-decoration: none;}

/* Title Links */
h3 a:link, h3 a:visited {padding: 10px 0 0 0; color: #e70081;text-decoration: none; }
h3 a:visited:hover, h3 a:hover, h3 a:active {padding: 10px 0 0 0; color: #e70081;text-decoration: underline;}

/* Footer links */
#footer {position: relative; float: left; padding: 0; margin: 70px 0 10px 0; width: 960px; background-color: #000;}
#footer p {font-size: .9em; color: #333333;}
#footer a:link, #footer a:visited {text-decoration: none; color: #fff;}
#footer a:hover, #footer a:visited:hover {text-decoration: underline; color: #fff;}
#footer .grid_6 p {text-align: right;}

/*****************************************************************
Homepage clickthroughs
*****************************************************************/
#clickthroughs {position: absolute; top: 648px; width: 928px; height: 80px; margin:0 6px 0 6px; padding: 0; float: left; z-index: 1000; clear: left;}
#wedding_ct, #portrait_ct, #training_ct{overflow:hidden; float: left; width: 250px; padding: 8px 0px 8px 10px; background-color: #0e0e0e; border-right: #000 1px solid; border-left: #1a1a1a 1px solid; border-bottom: #000 1px solid; }
#clientlogin_ct {float: left; width: 130px; padding: 8px 0px 12px 10px; background-color: #0e0e0e; border-right: #000 1px solid; border-left: #1a1a1a 1px solid; border-bottom: #000 1px solid;}
#wedding_ct h3, #portrait_ct h3, #training_ct h3, #clientlogin_ct h3 {color: #a52f61; font-size: 1.3em; font-style: italic; margin: 0; padding: 4px 0 4px 0;}
#wedding_ct h3, #portrait_ct h3, #training_ct h3 {color: #a52f61;}
#clientlogin_ct h3 {color: #9b713c;}

#wedding_ct p, #portrait_ct p, #training_ct p{margin-bottom:0px;}

.clickarrow {float:right; padding: 30px 0 0 0; margin:0; width:20px;}

#clickthroughs a:link, #clickthroughs a:visited {border: none; text-decoration: none;}

a:hover #wedding_ct, a:hover #portrait_ct, a:hover #training_ct, a:hover #clientlogin_ct {background-color: #1a1a1a; border-right: #000 1px solid; border-left: #1a1a1a 1px solid; border-bottom: #000 1px solid;}


/*****************************************************************
Image styles
*****************************************************************/
.rotation {position: relative; float: left; width: 940px; padding: 0; margin:0;}
.rotation img {border: 6px solid #181818; top: 0; left: 0;}
img {vertical-align: middle;}
#heading {margin-top: 70px;}
.border {border: 6px solid #2a2a2a; float: right; background-color: #fff; margin: 0 0 20px 20px;}
.border2 {border: 6px solid #2a2a2a; float: left; background-color: #fff; margin: 0 20px 20px 0;}
.border3 {border: 4px solid #2a2a2a; float: left; padding: 1px; margin:5px;}

/*****************************************************************
Navigation
*****************************************************************/
#menu {margin: 0; padding: 0; float: left; position: relative; margin: 20px 0 0 0; padding: 0 0 20px 0;}
#menu ul {list-style-image: none ; margin: 0px;}
#menu ul li {float:left; text-align: center; line-height: 1.5em; text-transform: uppercase; margin: 0 ; padding: 0 4px; font-family: lucida grande, lucida sans; border-right: 1px solid #261f21;}
#menu ul li a {color : #7a7a7a; text-decoration : none; font-weight: normal;  border-style:none; }
#menu ul li a:link, #menu ul li a:visited {display: block;  padding: 6px 10px 6px 10px; border-bottom: 4px solid #000;}
#menu ul li a:hover {color : #fff; display: block; padding: 6px 10px 6px 10px; border-bottom: 4px solid #e70081;}
#menu ul li.active a {color : #fff; display: block; padding: 6px 10px 6px 10px; border-bottom: 4px solid #e70081;}

.paginate {padding: 10px 0; }
.paginate p {color: #929191; margin: 0;}
.paginate p a:link {color: #fff; text-decoration: none; padding: 0 0 1px 0;}
.paginate p a:visited {color: #fff; text-decoration: underline; padding: 0 0 1px 0;}	
.paginate p a:visited:hover {color: #ff6600; text-decoration: none;}
.paginate p a:hover, .paginate a:active {color: #ff6600; text-decoration: none;}

/*****************************************************************
Main Divs
*****************************************************************/
/* Top Sub Divs */
.grid_5 {float: right;}
#logo {position: relative; float: left;}
#masthead {position: relative; width: 960px; padding: 20px 0 0 0;}

/*****************************************************************
Weddingbook
*****************************************************************/

.weddingbook {float: left; width: 280px; margin: 0 30px 20px 0; padding: 0;}

/*****************************************************************
Contact form
*****************************************************************/
#contactform {padding: 0; margin-bottom: 30px;}
#contactform form {padding: 0; margin: 0;}
#contactform form fieldset {border: none; padding: 0px; margin: 0px;}
#contactform form p {padding: 3px 0px 0px 0px; margin: 0; color: #fff; line-height: 1.2em;}
#contactform form label {display: block; padding: 6px 0 6px 0; color: #fff;}
#contactform form label em {font-weight: bold; color: #e70081; font-style: normal;}

#contactform form input {border:3px solid #2a2a2a; padding:4px 2px; margin:0 0 8px 0; color: #2a2a2a; font-size: 11px; width: 380px; text-align: left; vertical-align: top;}
#contactform form input:hover, #contactform form textarea:hover {border:3px solid #912b56;}
#contactform form input:focus, #contactform form textarea:focus {border:3px solid #912b56;}
#contactform form textarea {border:3px solid #2a2a2a; padding:4px 2px; margin:0 0 8px 0; color: #2a2a2a; font-size: 12px; width: 380px; text-align: left; vertical-align: top; height: 150px;}

#contactform form input.button_a {position: relative; float: left; display: block; background: #e70081; color: #000; border: 0px; padding: 6px; width: 80px; margin: 0; }