/********************************************************************************
*                                                                               *
*  Author    :  Geoff Moore                                         	        *
*  Web       :  http://www.phase8.com		                                	*
*  E-mail    :  geoff ( at ) thinkcitrus ( dot ) ( com )			        	*
*  Modified  :  07-June-2007                                                    *
*                                                                               *
*  Copyright (c) 2007 Citrus. All Rights Reserved.                         		*
*  Use of this code is not permitted without permission!                        *
*                                                                               *
********************************************************************************/


/* DEFAULTS MAJORITY OF ELEMENTS - THIS LOOKS SCARY BECUASE IT IS!!
=============================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    
	
}
* input {color:#fff;}
/* remember to define focus styles! 
=============================================================================== */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color:#fff;
    background: #131313 url(../images/index-body-bg.gif) no-repeat top center;
	font: normal normal normal 11px/1.4  arial, georgia, sans-serif;
	
}

ol, ul {
    list-style: none;
}
/* any tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* NOW THE MAIN STYLING CAN BEGIN
======================================================================== */
body#index-page {background: #131313 url(../images/index-body-bg.gif) no-repeat top center;}
body#bandw-page  {background: #131313 url(../images/bwbodybg-extended.gif) repeat-y top center;}
#wrapper {position:relative;width:715px;margin:0 auto;display:block;}

#header {position:relative;background: #000 url(../images/logo.gif) no-repeat 0 0;height:119px;}
#header .vcard {display:none;}
#header  a {display:block;width:220px;height:70px;position:relative;margin:26px 0 10px 14px;}
#logo {}
#telephone {}

#login {position:absolute;top:47px;right:225px;width:240px;height:45px;display:block;text-align:center;background:none;color:#fff;padding-top:9px;}

/* LOGIN FORM STYLYING */
#form-login {margin:0 auto;}
#form-login legend {display:none;}
#form-login fieldset {display: block;margin:0;padding:0;width:242px;margin-left:10px;}
#form-login input {display: block;margin:-1px 6px 0 0;float:left;height:14px;width:80px;padding:0 2px;font:Verdana, Arial, Helvetica, sans-serif;color:#fff;font-size:10px;}
#form-login label {float: left;display:none;margin: 0em 1em 1em 0;font-weight: bold;text-align:left;}
#form-login #submit {position:absolute;top:8px;right:4px;width:29px;height:20px;background:transparent url(../images/loginbtn.png) no-repeat 0 0;text-indent:-9999px;}
#form-login #password {height:14px;}

#navigation {position:relative;background: #000;height:67px;padding:0;margin:0;}
#navigation #navlist ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: left;position:relative;white-space: nowrap;}
#navigation #navlist li {display: block;float: left;text-align: left;padding: 0;margin: 0;background: #000;height:61px;}
#navigation #navlist ul li a {height: 61px;}
#navigation #navlist a { padding:0px;margin:0; }
#navigation #navlist a:link, #navigation #navlist a:visited {color: #fff;text-decoration: none;}
#navigation #navlist a:hover {color: #fff;text-decoration: none;}

#navigation #navlist #home a {position:relative;display:block;width:87px;height:61px;background:transparent url(../images/topnav-home.gif) no-repeat 0 0;margin:0;padding:0;float:left;}
#navigation #navlist #aboutus a{position:relative;display:block;width:82px;height:61px;background:transparent url(../images/topnav-about.gif) no-repeat 0 0;margin:0;padding:0;float:left;}
#navigation #navlist #phtgallery a{position:relative;display:block;width:193px;height:61px;background:transparent url(../images/topnav-phtgallery.gif) no-repeat 0 0;margin:0;padding:0;float:left;}
#navigation #navlist #bandw a{position:relative;display:block;width:137px;height:61px;background:transparent url(../images/topnav-bandw.gif) no-repeat 0 0;margin:0;padding:0;float:left;}
#navigation #navlist #prices a{position:relative;display:block;width:91px;height:61px;background:transparent url(../images/topnav-prices.gif) no-repeat 0 0;margin:0;padding:0;float:left;}
#navigation #navlist #contact a{position:relative;display:block;width:124px;height:61px;background:transparent url(../images/topnav-contact.gif) no-repeat 0 0;margin:0;padding:0;float:left;}


#navigation #navlist #home a:hover{background: url(../images/topnav-home.gif) 0px -61px no-repeat;}
#navigation #navlist #aboutus a:hover{background: url(../images/topnav-about.gif) 0px -61px no-repeat;}
#navigation #navlist #phtgallery a:hover{background: url(../images/topnav-phtgallery.gif) 0px -61px no-repeat;}
#navigation #navlist #bandw a:hover{background: url(../images/topnav-bandw.gif) 0px -61px no-repeat;}
#navigation #navlist #prices a:hover{background: url(../images/topnav-prices.gif) 0px -61px no-repeat;}
#navigation #navlist #contact a:hover{background: url(../images/topnav-contact.gif) 0px -61px no-repeat;}

#navigation #navlist #home a:focus{background: url(../images/topnav-home.gif) 0px -61px no-repeat;}
#navigation #navlist #aboutus a:focus{background: url(../images/topnav-about.gif) 0px -61px no-repeat;}
#navigation #navlist #phtgallery a:focus{background: url(../images/topnav-phtgallery.gif) 0px -61px no-repeat;}
#navigation #navlist #bandw a:focus{background: url(../images/topnav-bandw.gif) 0px -61px no-repeat;}
#navigation #navlist #prices a:focus{background: url(../images/topnav-prices.gif) 0px -61px no-repeat;}
#navigation #navlist #contact a:focus{background: url(../images/topnav-contact.gif) 0px -61px no-repeat;}

/* PAGE SPECIFIC TOP NAV LINK STATES */
body#index-page #navlist #home a {background:transparent url(../images/topnav-home.gif) no-repeat 0 -61px;}
body#aboutus-page #navlist #aboutus a {background:transparent url(../images/topnav-about.gif) no-repeat 0 -61px;}
body#photography-page #navlist #phtgallery a {background:transparent url(../images/topnav-phtgallery.gif) no-repeat 0 -61px;}
body#prices-page  #navlist #prices a {background:transparent url(../images/topnav-prices.gif) no-repeat 0 -61px;}
body#contact-page #navlist #contact a {background:transparent url(../images/topnav-contact.gif) no-repeat 0 -61px;}
body#bandw-page #navlist #bandw a {background:transparent url(../images/topnav-bandw.gif) no-repeat 0 -61px;}
body#prices-page #navlist #prices a {background:transparent url(../images/topnav-prices.gif) no-repeat 0 -61;}
body#contact-page #navlist #contact a {background:transparent url(../images/topnav-contact.gif) no-repeat 0 -61px}

/* PAGE SPECIFIC BACKGROUNDS
========================================================================================= */
#studio-page #content-main {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0;display:block;background: transparent url(../images/mobilestudiomainbg.jpg) 0px 0px no-repeat;}
#studio-page dl .studio {position:relative;float:right;margin-top:-82px;margin-right:20px;}
#studio-page .studio2 {position:relative;float:left;margin-top:20px;margin-bottom:10px;margin-left:20px;margin-right:20px;display:block;}


#index-page #content-main {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0;display:block;background: transparent url(../images/contentmainbg.gif) 0px 0px no-repeat;}
#aboutus-page #content-main {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0;display:block;background: transparent url(../images/aboutusmainbg.jpg) 0px 0px no-repeat;}
#photography-page #content-main {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0;display:block;background: #000 url(../images/youreventmainbg.gif) 0px 0px no-repeat;}
#gallery-page #content-main {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0;display:block;background: transparent url(../images/contentmainbg.gif) 0px 0px no-repeat;}
#bandw-page #content-main {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0;display:block;background: transparent url(../images/bandwmainbg.gif) 0px 0px no-repeat;}
#prices-page #content-main {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0;display:block;background: transparent url(../images/pricesmainbg.jpg) 0px 0px no-repeat;}
#contact-page #content-main  {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0;display:block;background: transparent url(../images/contactmainbg.jpg) 0px 0px no-repeat;}
#basket-page #content-main {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0;display:block;background: #000 url(../images/yourbasketmainbg.gif) 0px 0px no-repeat;}
#confirmorder-page #content-main {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0;display:block;background: #000 url(../images/confirmordermainbg.gif) 0px 0px no-repeat;}

#youraccount-page #content-main {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0;display:block;background: #000 url(../images/youraccountmainbg.gif) 0px 0px no-repeat;}


#portrait-page #content-main {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0;display:block;background: transparent url(../images/portraitmainbg.gif) 0px 0px no-repeat;}
#wedding-page #content-main {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0;display:block;background: transparent url(../images/weddingmainbg.gif) 0px 0px no-repeat;}
#events-page #content-main {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0 0 10px 0;display:block;background:#000 url(../images/eventmainbg.gif) 0px 0px no-repeat;}
#otherevents-page #content-main {position:relative;width:715px;min-height:287px;margin:-6px 0 0 0;padding:0 0 10px 0;display:block;background:#000 url(../images/othereventsmainbg.gif) 0px 0px no-repeat;}

#sub-title {position:absolute;top:206px;left:36px;width:99px;height:25px;background: transparent url(../images/bigsmbtn.gif) 0px 0px no-repeat;}
#sub-title a {position:relative;display:block;width:99px;height:25px;}
#flash-animation {position:absolute;top:10px;left:165px;width:548px;min-height:272px;margin:0;padding:0;display:block;background: transparent url(../images/flashbg.gif) 0px 0px no-repeat;}


#index-page #content-footer {position:relative;width:715px;min-height:311px;margin:-1px 0 0 0;padding:0;display:block;background: transparent url(../images/contentfooterbg.jpg) 0px 1px no-repeat;}

#studio-page #content-footer,
#aboutus-page #content-footer,
#photography-page #content-footer,
#gallery-page #content-footer,
#bandw-page #content-footer,
#prices-page #content-footer,
#contact-page #content-footer,
#basket-page #content-footer,
#confirmorder-page #content-footer,
#youraccount-page #content-footer,

#portrait-page #content-footer,
#wedding-page #content-footer,
#events-page #content-footer,
#otherevents-page #content-footer,
#event-fix #content-footer
{position:relative;width:715px;min-height:311px;margin:-1px 0 0 0;padding:0;display:block;background: transparent url(../images/contfootbgallpage.gif) 0px 0px no-repeat!important;}


#sub-navigtion {position:absolute;top:4px;left:5px;width:163px;height:124px;z-index:200;background:#333;}
#subnavlist {position:relative;padding-left: 0;margin-left: 0;width: 159px;margin-top:14px;}
#subnavlist ul {margin:0;padding: 0;list-style-type: none;text-align: left;position:relative;white-space: nowrap;}
#subnavlist li {display: block;text-align: left;padding: 0;margin:0 0 0 6px;background: #000;height:17px;width: 149px;}
#subnavlist #navlist li a {height:17px;text-decoration: none; }

#subnavlist #yourbasket a {position:relative;display:block;width:150px;height:17px;background:transparent url(../images/subnav-basket.gif) no-repeat 0 0;margin:0;padding:0;}
#subnavlist #portraits a {position:relative;display:block;width:150px;height:17px;background:transparent url(../images/subnav-portraits.gif) no-repeat 0 0;margin:0;padding:0;}
#subnavlist #location a {position:relative;display:block;width:150px;height:17px;background:transparent url(../images/subnav-location.gif) no-repeat 0 0;margin:0;padding:0;}
#subnavlist #onsite a {position:relative;display:block;width:150px;height:17px;background:transparent url(../images/subnav-onsite.gif) no-repeat 0 0;margin:0;padding:0;}
#subnavlist #weddings a {position:relative;display:block;width:150px;height:17px;background:transparent url(../images/subnav-weddings.gif) no-repeat 0 0;margin:0;padding:0;}
#subnavlist #events a {position:relative;display:block;width:150px;height:17px;background:transparent url(../images/subnav-events.gif) no-repeat 0 0;margin:0;padding:0;}

#subnavlist #yourbasket a:hover {position:relative;display:block;width:150px;height:17px;background:transparent url(../images/subnav-basket.gif) no-repeat 0 -17px;margin:0;padding:0;}
#subnavlist #portraits a:hover {position:relative;display:block;width:150px;height:17px;background:transparent url(../images/subnav-portraits.gif) no-repeat 0 -17px;margin:0;padding:0;}
#subnavlist #location a:hover {position:relative;display:block;width:150px;height:17px;background:transparent url(../images/subnav-location.gif) no-repeat 0 -17px;margin:0;padding:0;}
#subnavlist #onsite a:hover {position:relative;display:block;width:150px;height:17px;background:transparent url(../images/subnav-onsite.gif) no-repeat 0 -17px;margin:0;padding:0;}
#subnavlist #weddings a:hover {position:relative;display:block;width:150px;height:17px;background:transparent url(../images/subnav-weddings.gif) no-repeat 0 -17px;margin:0;padding:0;}
#subnavlist #events a:hover {position:relative;display:block;width:150px;height:17px;background:transparent url(../images/subnav-events.gif) no-repeat 0 -17px;margin:0;padding:0;}

/* PAGE SPECIFIC SUB-NAV LINK STATES */
body#portrait-page #subnavlist #portraits a {background:transparent url(../images/subnav-portraits.gif) no-repeat 0 -17px;}
body#wedding-page #subnavlist #weddings a {background:transparent url(../images/subnav-weddings.gif) no-repeat 0 -17px;}
body#otherevents-page #subnavlist #events a {background:transparent url(../images/subnav-events.gif) no-repeat 0 -17px;}

/* PAGE CONTENT LAYOUT 
======================================================================================= */
#bandw-page #pagecontent-container {}

#page-photography-section, .events-photography-section {position:relative;margin:0 0 0 160px;padding:0;border-top:1px solid #000;display:block;min-height:287px;}
.events-photography-section {}
.events-photography-section .spacer {position:relative;height:40px;padding:10px;}
#pagecontent-container {position:relative;border-top:1px solid #171717;margin:0;padding:0;}
#page-content {position:relative;margin:20px 0 0 172px;padding:0 0 10px 0;width:542px;background-color:#262626;min-height:225px;}
#page-content h4 {position:relative;margin-top:-16px;}
#page-content .photo {margin:10px 0 0 10px;}
#page-content p {margin-top:0px;padding:10px 20px 0 20px;font-weight:700;}

#page-content dl {position:relative;margin:0;padding:0;}
#page-content dl dt {margin-top:10px;font-weight:600;margin:10px 0 14px 20px;}
#page-content dl dd {font-weight:600;margin-left:20px;color:#E51D28;}


#small-intro {position:absolute;top:4px;left:172px;margin:0;padding:0;width:542px;background:#252525;height:126px;}
#small-intro .photo {margin:10px 0 0 10px;}
#intro {position:absolute;top:10px;left:156px;margin:0;padding:0;width:358px;}

#intro p {margin-top:10px;padding:0 20px 0 12px;font-weight:700;}

#other-info {}

#mobile-studio {position:absolute;top:228px;left:20px;width:28px;height:20px;}
#mobile-studio a {position:relative;display:block;width:24px;height:20px;}

#event-photos {position:absolute;top:228px;left:191px;width:28px;height:20px;}
#event-photos a {position:relative;display:block;width:24px;height:20px;}

#framed-prints {position:absolute;top:228px;left:373px;width:28px;height:20px;}
#framed-prints a {position:relative;display:block;width:24px;height:20px;}


#weddingsinfo {position:absolute;top:228px;left:556px;width:28px;height:20px;}
#weddingsinfo a {position:relative;display:block;width:24px;height:20px;}

body#contact-page #footer {position:relative;width:715px;margin:0 auto;}
#footer {position:relative;height:35px;margin-top:10px;width:715px;background-color:#131313;}
#footer #copyright {position:relative;color:#555;padding:11px 0 7px 10px;}
#footer #designedby {position:absolute;top:0;left:506px;padding:11px 0 0 0;width:200px;height:35px;text-align:right;vertical-align:top;}
#designedby span {margin-right:65px;color:#555;}
#designedby a {display:block;position:absolute;top:2px;left:146px;width:60px;height:30px;background: transparent url(../images/citrus-credit.gif) no-repeat right 0px;}
#designedby a:hover {background: transparent url(../images/citrus-credit.gif) no-repeat right -35px;}

/* Gallery PAGES
======================================================================== */
#page-photography-section dl{margin:10px 0 0 0;clear: both;}
#page-photography-section dt{display: none;}
#page-photography-section dd{margin:0;float:left;width: 99px;margin:5px;text-align: center;font: 1.2em/1em georgia,helvetica,times,"Times New Roman",serif;color: #fff;}
#page-photography-section dd.end{margin-right: 0;margin-bottom:5px;}
#page-photography-section dd a{background: #000;color:#fff;padding-bottom: 0px;font-size: 1px;line-height: 0;display: block;margin-bottom: 0px;text-align:left;}
#page-photography-section dd a:hover{}
#page-photography-section dd img{background: #fff;margin:0;padding:0;}
#page-photography-section dd br{display: none;}
#page-photography-sectionhr.hr {color: #ccc;background-color: #000;height: 1px;border-style:none;margin:0px 0 15px 0}


/* SPECIFIC STYLYING FOR THE CMS OUTPUT */
.events-photography-section dl{margin:10px 0 0 0;clear: both;}
.events-photography-section dt{display: none;}
.events-photography-section dd{margin:0;float:left;width: 99px;height:141px;margin:5px 5px 25px 5px;text-align: center;font: 1.2em/1em georgia,helvetica,times,"Times New Roman",serif;color: #fff;}
.events-photography-section dd.end{margin-right: 0;margin-bottom:5px;}
.events-photography-section dd a{background: #000;color:#fff;padding-bottom: 0px;font-size: 1px;line-height: 0;display: block;margin-bottom: 0px;text-align:left;}
.events-photography-section dd a:hover{}
.events-photography-section dd img{background: #fff;margin:0;padding:0;}
.events-photography-section dd br{display: none;}
.events-photography-section dd small {font-size:0.8em;position:relative;}
.events-photography-section .gallery_index_image {min-height:179px;}

/* PURCHASE PAGE 1
======================================================================== */
#purchase1 {background-color:#000;padding:0 10px 20px 80px;margin-top:-10px;}
#purchase1 h4 {display:block;margin:10px 0;font-size:2em;}
#purchase1 img#product {position:relative;display:block;}
#purchase1 table td a {margin-right:10px;}
#purchase1 input {display:inline;position:realtive;width:2em;border:1px solid #fff;margin:4px;color:#fff;background-color:#333;}
#purchase1 #purchase-submit {display:block;position:relative;cursor:pointer;margin:10px 0 0 0;border-style:none;width:124px;height:27px;}

/* ACCOUNT CREATION PAGE
======================================================================== */
#create-account {}
#create-account h4 {margin:10px 0}
#create-account table tr td {}
#create-account #create-account-login {margin-left:10px;cursor:pointer;}
#create-account #create-account-submit {margin-left:10px;cursor:pointer;}

/* ACCOUNT PAGE
======================================================================== */
#account1 {position:relative;width:508px;margin:0 0 0 170px;padding: 0 10px;background-color:#333333;}
#account1 input {margin:10px;border:1px solid #aaa;background-color:#7a7a7a;color:#fff;}
#account1 input:focus {background-color:#fffcb6;color:#000;}
#account1 #accountlogin {position:relative;width:103px;height:26px;border:none;outline:none;}
#account1 #account-createanaccount {position:relative;width:134px;height:26px;border:none;outline:none;}
/* BASKET PAGE 
========================================================================= */
.basket {position:relative;width:508px;margin:0 0 0 170px;padding: 0 10px;background-color:#333333;}
.basket table {position:relative;width:90%;margin:0;padding:0;}
.basket table table {margin:0;padding:0;}
.basket h4 {font-size:2em;}
.controls {position:relative;width:457px;margin:10px 0 20px 0;clear:both;padding:0 0 20px 0;}
#cont-shopping {position:relative;width:147px;float:left;height:25px;display:block;border:none;outline:none;}
#checkout {position:relative;width:100px;height:25px;float:right;display:block;border:none;outline:none;}


/* CONTACT PAGE AND FORM STYLING
========================================================================= */
#form-container {display:block;position:relative;clear:both;padding:0 0 20px 10px;}
#form-container .leftsection {float:left;width:245px;position:relative;}
#form-contianer .rightsection {float:right;border:1px solid blue;position:relative;}
legend {display:none;}
fieldset {display: block;width: 17em;margin: 0 0 0 0;padding: 0 1em 0 1em;}
fieldset.radio input {clear: both;float: left;width: auto;}
fieldset.radio label {font-weight: normal;}
input {display: block;width: 15em;background:#666;border:1px solid #999;}
textarea {display: block;width: 34em;background:#666;border:1px solid #999;}
label {display: block;margin-bottom: 1em;font-weight: bold;}
label.first {padding-top: 1em;}
select {display: block;}
input#submit {width:105px;29px;display:block;border-style:none;}


/* SFX AND TRICKS
========================================================================== */
.image-block {display: block;overflow: hidden;font-size: 1px;line-height: 0;text-decoration: none;letter-spacing: -9999px!important;}

a.hilight {color:red!important;}
a:hover.hilight {color:#0F64E4!important;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {border: 0;clear: both;display: block;float: none;margin: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearer {clear: both;height: 1px;}
.error {color:#FF0000;}
.image-container {position:relative;}
#overlay {position:absolute;top:0;left:0;display:block;height:100%;background:transparent url(../copyright-mark.png) no-repeat left bottom;z-index:999;}

/* SPECIAL EFFECTS AND TRICKS USED IN THE WEB TRADE
=============================================================================== */
.hide{position:absolute;left:-999em;}
.ir{display:block;overflow:hidden;font-size:1px;line-height:0;text-decoration:none;letter-spacing:-9999px;text-indent:-9999em;}
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*\*/.cf{display:block;}/**/
.cb{clear:both;}
.vcard {}
.error, .required {color:#FF0000;}