/* Bill & Deja Photography */

/* reset (from blueprint) */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
em {font-style:italic;}

/* basic */
body {background-color:#000; font:normal 100% Tahoma, Arial, sans-serif; color:#848484;}
a {outline:none; color:#848484;}
.img-left {float:left; margin:0 15px 15px 0;}
.img-right {float:right; margin:0 0 15px 30px;}
.clear-left {clear:left;}

/* layout */
#container {width:953px; margin:0 auto;}
#main-content {width:953px; float:left; margin:20px 0 10px; text-align:left; height:430px; overflow:hidden;}
#main-content #content {width:5718px; height:430px;}
#main-content #content .section {width:953px; height:430px; float:left;}
#featured-content {float:left; width:600px; height:}
#section-info {float:right; width:313px;}
body#client #main-content {border-top:1px solid #2b2b2b; height:auto; overflow:auto; padding:30px 0;}

/* header */
#header {width:953px; margin:5px 0 20px; float:left;}
#header #branding {width:313px; height:155px; margin-left:320px; float:left;}
#header #branding a {width:313px; height:155px; display:block; background:url(http://www.billanddeja.com/images/bd/logo.gif) no-repeat left top;}
#header #branding a:hover, #header #branding a:active {background-position:0 -155px;}
#header #branding a h1 {text-indent:-9000px;}

/* main-nav */
ul#main-nav {width:953px; border-top:1px solid #2b2b2b; border-bottom:1px solid #2b2b2b; float:left;}
ul#main-nav li {list-style:none;  float:left; width:158px;}
ul#main-nav li.last {width:163px;}
ul#main-nav li a {display:block; text-align:center; padding:8px 0; font:normal .875em Tahoma, Arial, sans-serif; text-transform:uppercase; letter-spacing:4px; color:#555; text-decoration:none;}
ul#main-nav li a:hover, ul#main-nav li a:active {background-color:#131313; color:#fff;}
body#home a#nav-home, body#weddings a#nav-weddings, body#portraits a#nav-portraits, body#hsseniors a#nav-hsseniors, body#about a#nav-about, body#contact a#nav-contact {background-color:#131313; color:#fff;}

/* home page */
div#feature-weddings {width:313px; height:134px; background:url(http://www.billanddeja.com/images/bd/feature-weddings.jpg) no-repeat left top;}
div#feature-weddings:hover, div#feature-weddings:active {background-position:0 -134px; cursor:pointer; text-decoration:none;}
div#feature-portraits {width:313px; height:133px; background:url(http://www.billanddeja.com/images/bd/feature-portraits.jpg) no-repeat left top;}
div#feature-portraits:hover, div#feature-portraits:active {background-position:0 -133px; cursor:pointer;}
div#feature-hsseniors {width:313px; height:133px; background:url(http://www.billanddeja.com/images/bd/feature-hsseniors.jpg) no-repeat left top;}
div#feature-hsseniors:hover, div#feature-hsseniors:active {background-position:0 -133px; cursor:pointer;}
#section-info .feature {color:#c6c6c6;}
#section-info .feature h3 {padding:88px 0 0 14px; font:normal 1.125em Georgia, serif; background:transparent; border:none; color:#c6c6c6;}
#section-info .feature p {padding:0 0 0 14px; font:normal .75em Tahoma, Arial, sans-serif; margin:0;}
#section-info a .feature {text-decoration:none;}
#section-info a .feature h3,
#section-info a .feature p {text-decoration:none;}
#section-info .feature h3 a {text-decoration:none;}

/* featured-content */
#featured-content p {font:normal .875em/150% Tahoma, Arial, sans-serif; margin-bottom:15px;}
#featured-content h2 {font:normal 1.5em Georgia, serif; color:#a6a6a6; margin-bottom:15px;}
#featured-content h3 {font:normal 1em Georgia, serif; color:#a6a6a6; margin-bottom:15px;}
#featured-content .footnote {font:italic .75em Tahoma, Arial, sans-serif;}

/* section-info */
#section-info h3 {color:#848484; font:normal .9375em Georgia, serif; padding:9px 11px; background-color:#131313; border-top:1px solid #2b2b2b; border-bottom:1px solid #2b2b2b;}
#section-info p {font:normal .6875em/150% Tahoma, Arial, sans-serif; margin:12px 12px;}
#section-info table {margin:15px 12px 8px; font:normal .75em Tahoma, Arial, sans-serif;}
#section-info table tr td {border-bottom:1px solid #131313; padding:3px 0;}
#section-info table tr td.bullet-item {background:url(http://www.billanddeja.com/images/bd/bullet.gif) no-repeat left center; padding-left:19px; text-transform:uppercase; width:175px;}
#section-info table tr td.price {width:64px;}
#section-info table tr td.link {width:50px; font-size:.75em;}
#section-info table tr td.align-right {text-align:right; font-size:.75em;}
#section-info table.packages div {display:none; width:550px; height:400px; background-color:#000;}
#section-info table.packages div#comparison-chart {width:900px;}
#section-info div#wedding-coverage {display:none; width:465px;}
#section-info div#hs-senior-portraits {display:none; width:465px;}
#section-info a:hover, #section-info a:active {color:#fff;}
#section-info p.return-link {clear:both; padding-top:30px; text-align:right;}
#section-info div.mission-statement {background-color:#131313; border:1px solid #2b2b2b; padding:15px;}
#section-info div.mission-statement h3 {border:none; background:none;}
#section-info ul.normal,
#section-info ol.normal {margin:0 0 15px 25px;}
#section-info ul.normal li {margin:0 0 6px 0; line-height:150%; list-style:none; background:url(http://www.billanddeja.com/images/bd/bullet.gif) no-repeat left 4px; padding-left:19px; font:normal .75em/150% Tahoma, Arial, sans-serif;}
#section-info div.gallery-link {background-color:#131313; border-top:1px solid #2b2b2b; border-bottom:1px solid #2b2b2b; margin-top:12px; float:left; width:313px;}
#section-info div.gallery-link img {float:left; margin:0 15px 0 0; margin:8px;}
#section-info div.gallery-link p {margin-top:20px;}

/* footer */
#footer {color:#464646; font:normal .6875em Tahoma, Arial, sans-serif; text-align:center; padding:10px 0 30px; float:left; width:953px; border-top:1px solid #2b2b2b;}
#footer a {text-decoration:underline; color:#464646;}
#footer a:hover, #footer a:active {color:#fff;}

/* forms */
label {display:block;}
input {width:300px;}
input.button {width:auto; cursor:pointer;}
textarea {width:600px; height:60px;}
input, textarea, select {background-color:#131313; border:1px solid #2b2b2b; color:#848484; font:normal .875em/150% Lucida Grande, Arial, sans-serif; padding:4px;}
#main-content form p {margin-bottom:10px;}

/* client */
#login-form {width:400px; float:left; margin-left:326px;}
#login-form p {font:normal .875em/150% Tahoma, Arial, sans-serif; margin-bottom:15px;}
#login-form ul li {margin:0 0 6px 0; line-height:150%; list-style:none; background:url(http://www.billanddeja.com/images/bd/bullet.gif) no-repeat left center; padding-left:19px; font:normal .75em/150% Tahoma, Arial, sans-serif;}
#login-form a:hover, #login-form a:active {color:#fff;}
#login-form h3 {margin-bottom:14px; font:normal 1.125em Georgia, serif; border:none; color:#c6c6c6;}
ul#client-images li {float:left; margin:0 0 4px 4px; list-style:none; background-color:#131313; border:1px solid #2b2b2b; color:#848484; font:normal .5625em/150% Lucida Grande, Arial, sans-serif; width:150px;}
ul#client-images li:hover, ul#client-images li:active {background-color:#2b2b2b; cursor:pointer;}
ul#client-images li div {padding:4px; text-align:center;}
ul#client-images li a {text-decoration:none;}
ul#client-images p {padding:4px;}
#slide-show {width:600px; height:420px; margin:0 0 0 176px;}
p.client-menu {text-align:right; float:right; font:normal .875em/150% Tahoma, Arial, sans-serif; margin-bottom:15px;}
p.client-menu a:hover, p.client-menu a:active {color:#fff;}
#client #main-content h2 {margin-bottom:14px; font:normal 1.125em Georgia, serif; border:none; color:#c6c6c6;}

/* nyroModal */
div#nyroModalFull {font-size:12px; color: #777777; font-family:Verdana; background:#000; text-align:left;}
div#nyroModalFull div#nyroModalLoading {border: 4px solid #777; width:150px; height:150px; text-indent:-9999em; background:#000 url(http://www.billanddeja.com/images/bd/ajaxLoader.gif) no-repeat; background-position:center;}
div#nyroModalFull div#nyroModalLoading.error {border:4px solid #f00; padding:20px; width:300px; height:100px; text-indent:0; background:#000; font:normal 1em/150% Tahoma, Arial, sans-serif; color:#848484;}
div#nyroModalFull div#nyroModalLoading.error a:hover,
div#nyroModalFull div#nyroModalLoading.error a:active {color:#fff;}
div#nyroModalFull div#nyroModalWrapper {background:#000; border: 4px solid #777;}
div#nyroModalFull div#nyroModalWrapper a#closeBut {position:absolute; display:block; top:-18px; right:-18px; width:17px; height:17px; text-indent:-9999em; background: url(http://www.billanddeja.com/images/bd/close.gif) no-repeat; outline:0;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding:30px; height:400px;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent h2 {font:normal 2em Georgia, serif; color:#a6a6a6;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent h3 {font:normal 1.5em Georgia, serif; color:#a6a6a6; margin-bottom:15px;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent h4 {font:bold 1.125em Tahoma, Arial, sans-serif; color:#a6a6a6;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent a:hover,
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent a:active {color:#fff;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent p {font:normal 1em/150% Tahoma, Arial, sans-serif; color:#848484; margin-bottom:15px;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent p.price {font:normal 1em Tahoma, Arial, sans-serif; text-transform:uppercase;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent p.footnote {font:italic 1em Tahoma, Arial, sans-serif;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent div.description {border-top:1px solid #555; margin-top:0px; padding-top:15px;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent img {float:left; margin:0 15px 15px 0;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent ul,
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent ol {margin:0 0 15px 25px;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent ul li,
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent ol li {margin:0 0 6px 0; line-height:150%; list-style:none; background:url(http://www.billanddeja.com/images/bd/bullet.gif) no-repeat left 4px; padding-left:19px;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent table#chart thead tr th {width:150px; text-transform:uppercase; font-weight:bold; padding:5px 10px;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent table#chart tbody tr td {font:normal .875em/150% Lucida Grande, Arial, sans-serif; padding:5px 10px;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent table#chart tbody tr.center td {text-align:center;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent table#chart tbody tr td.feature {font-weight:bold; text-align:left; font-size:1em;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent table#chart tbody tr.odd td {background-color:#131313; border-top:1px solid #2b2b2b; border-bottom:1px solid #2b2b2b;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {position:relative; overflow:hidden; text-align:left;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {position:absolute; bottom:0; left:0; background:#000; padding:8px; border:none;
overflow:hidden; opacity:0.6; filter:alpha(opacity=60); text-align:center; color:#fff; font:bold 1em/150% Lucida Grand, Arial, sans-serif;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a {outline:none; position:absolute; top:0; height:100%; cursor:pointer; text-indent:-9999em; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev {left:0; width:40%;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev:hover {background:url(http://www.billanddeja.com/images/bd/prev.gif) left 20% no-repeat;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext {right:0; width:40%;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext:hover {background:url(http://www.billanddeja.com/images/bd/next.gif) right 20% no-repeat;}

/* galleria */
.galleria {list-style:none; width:313px; margin-top:18px;}
.galleria li {display:block; width:60px; height:60px; overflow:hidden; float:left; margin:0 0 2px 2px; list-style:none;}
.galleria li a {display:none}
.galleria li div {position:absolute;display:none;top:0;left:180px}
.galleria li div img {cursor:pointer}
.galleria li.active div img,
.galleria li.active div {display:block}
.galleria li img.thumb {cursor:pointer; top:auto;left:auto; display:block; width:auto; height:auto}
.galleria li .caption {display:block; padding-top:.5em}
* html .galleria li div span {width:400px} /* MSIE bug */
#featured-content #gallery-image-full {width:600px; height:400px;}
#featured-content div.nav div#previous,
#featured-content div.nav div#next {width:17px; height:17px; overflow:hidden; float:right; margin:5px 0 0 5px; text-indent:-9000px;}
#featured-content div.nav div#previous a,
#featured-content div.nav div#next a {display:block;}
#featured-content div.nav div#previous {background:url(http://www.billanddeja.com/images/bd/gal-previous.gif) no-repeat left top;}
#featured-content div.nav div#next {background:url(http://www.billanddeja.com/images/bd/gal-next.gif) no-repeat left top;}

/* show-it-fast */
#showit {width:600px; /* swf width */ height:400px; /* swf height */ position:relative; margin:0 auto;}
#showit h1 {font-family:"Times New Roman", Times, serif; font-size:28px; font-weight:bold; font-style:italic; margin:5px 0 0 0; text-align:center; color:#FFFFFF; /* title color */}
#showit h2 {font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:normal; font-style:italic; margin:5px; text-align:center; color:#000000; /* subtitle color */}
#showit a img {border:none;}
.showit_error {margin:20px; border:2px solid #990000; padding:20px; color:#990000; background-color:#cc7f7f; font-size:12px; text-align:center;}
.showit_error a:link, .showit_error a:visited {color:#FFFFFF; text-decoration:underline;}
.showit_error a:hover, .showit_error a:active {color:#FFFFFF; text-decoration:none; background-color:#990000;}
