/* 
Website: InSyncPD.com
s.css - Styles
Copyright 2009 DanKobler.com, Inc. / InSync PD
*/

/* N O R M A L I Z E */

@import url(n.css);

/* N A V I G A T I O N - M A R K E R S */

@import url(n-m.css);

/* G L O B A L - T A G S */

body { background: #2d2b2c url(../images/main-bg.jpg) top center repeat fixed; font: 10pt Helvetica, sans-serif; color: #000; }
img { border: none; }
p { margin-bottom: 1em; }
h2 { margin-bottom: 1em; color: #f4793e; font-size: 16pt; font-weight: normal; }
h3 { color: #f4793e; font-size: 13pt; font-weight: normal; }
a { color: #f4793e; }

/* L A Y O U T / N A V I G A T I O N */

#container { position: relative; width: 100%; height: 100%; } 

#navigation { position: absolute; width: 184px; top: 40px; margin: 0 0 0 20px; }
#home #navigation { position: relative; margin: 0 auto 0 auto; }
#navigation p { margin: 0 0 9px 0; }
#nav { background: transparent url(../images/nav-bg.png) top center no-repeat; width: 184px; height: 197px; padding: 15px 0 0 0; }

#subNavigation { position: absolute; height: 15px; left: 220px; top: 10px; width: 760px; white-space:nowrap; }
#subNavigation a { color: #FFF; font: bold 15px Arial,Helvetica,sans-serif; margin: 0 20px 0 5px; text-decoration: none; }
#subNavigation a:hover { color: #f4793e; }

#mainContent { position: absolute; top: 40px; left: 220px; right: 0px; }
#gallery { height:486px; background-color: #FFF; overflow-x:scroll; overflow-y:hidden; padding:0; position:relative; white-space:nowrap;}
#gallery ul { list-style-image:none; list-style-position:outside; list-style-type:none; padding: 10px; }
#gallery ul li { display:inline; position:relative; padding-right: 10px; vertical-align:top; }

#content { background-color: #FFF; padding: 40px; font: 10pt Helvetica, sans-serif; width: 720px; }

/* L I G H T B O X - C S S */

.black_overlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80;	filter: alpha(opacity=80); }
.white_content { display: none; position: relative; top: 40px; margin: 0 auto; width: 800px; padding: 20px; background-color: white; z-index:1002; overflow: auto; }

/* P R I C I N G - P A G E */

#pricingMenu { position: absolute; margin: 0 0 0 15px; }
#pricingMenu  a { text-decoration: none; color: #000; font: 9pt helvetica, sans-serif; }
#pricingMenu  a:hover { color: #f4793e; }
#pricingContent { margin-left: 180px; padding: 0 100px 0 20px; border-left: 1px #333 solid; text-align: justify; } 
#pricingContent ul { margin-bottom: 1em; list-style: disc; margin-left: 1em;}

#seniorPricing , #weddingsPricing, #familiesPricing, #mitzvahsPricing, #headshotsPricing, #commercialPricing, #eventsPricing, #givingbackPricing { display: none; }

.pricingList { list-style: disc; }
.pricingList li { margin: 0 0 1em 30px; }

/* D E T A I L S - P A G E */

#detailsMenu { position: absolute; margin: 0 0 0 15px; }
#detailsMenu  a { text-decoration: none; color: #000; font: 9pt helvetica, sans-serif; }
#detailsMenu  a:hover { color: #f4793e; }
#detailsContent { margin-left: 180px; padding: 0 100px 0 20px; border-left: 1px #333 solid; text-align: justify; } 

#brandingDetails , #websitesDetails, #collateralDetails, #directmarketingDetails { display: none; }

/* F O R M S */

#generalContact { margin: 10px 0; }
#generalContact fieldset { border: none; }
#generalContact label { display: block; }
#generalContact #name, #phone, #email { margin-bottom: 10px; width: 200px; }
#generalContact #interest, #comments { margin-bottom: 10px; }
#generalContact #comments { width: 400px; height: 100px; }

/* C L A S S - S T Y L E S */

.message { color: green; padding: 5px; text-align: center; font-weight: bold; border: 1px green solid; }