/* CSS RESET */
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{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}:focus{outline:0}body{line-height:1.5em;color:#fff;font-size:62.5%}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}html{height:100%; width:100%;}

body {background: #000; height:100%; width:100%;}

h1 {font-size: 1.8em; color: #fff; font-family: "Century Gothic",sans-serif; font-style: normal; margin: 0 0 1.6em 0;}
	.sub h1 {position:absolute; top: -108px; left:25px; font-size: 2.6em; margin:0;}
h2 {font-size: 1.4em; color: #fff; font-family: "Century Gothic", "Lucida Sans Unicode", sans-serif; }
h3 {font-size: 1.2em; color: #fff; font-family: "Century Gothic", "Lucida Sans Unicode", sans-serif; font-weight: bold; text-transform: uppercase;}
	#secondary h3 {padding: 0 0 10px 0; font-weight: normal;}

strong {font-weight: bold;}
em {font-style: italic;}

p, label, .service_details li, .post ul li {font-size: 1.2em; color: #b3b3b3; line-height:1.9em; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; padding: 0 0 1.5em 0;}
	#faq p { padding-bottom: 3em; }

p a:link, p a:visited,
.post ul li a:link, .post ul li a:visited {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; background: #222; }
p a:hover, p a:active,
.post ul li a:link, .post ul li a:active {color: #fff; background: #111; border-bottom: 1px dotted #fff;}

/* ### CLASSES ### */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* ###  WRAP  ### */
#wrap {width:94em; margin:0 auto; }

/* ###  HEADER  ### */				
#header {height:125px; position: relative;}
#header h2 {width:187px; height:52px; background:url(../i/logo.png) no-repeat; position: absolute; top:25px; left:35px;}
	#header h2 a {display: block; width: 100%; height: 100%; line-height: 800px; overflow: hidden; text-align:center;}
#header h3 {color:#333; position: absolute; bottom: 17px; left:0; font-size:1em; }

/* ###  NAVIGATION  ### */
#header ul {position: absolute; top:50px; right:0;}
#header ul li {display:inline;}
#header ul li a:link, #header ul li a:visited {color: #777; font-size: 1.6em; font-family: "Century Gothic",sans-serif; font-style: normal; text-decoration: none; padding:7px 15px; line-height:1.8em; text-shadow:1px 1px 0 #000;}
#header ul li a:hover, #header ul li a:active {color: #fff;}
#header ul li a:link.current, #header ul li a:visited.current { color: #2aa71f; text-decoration:underline;}

#header ol {position: absolute; top:80px; z-index: 10000; border-top: 1px dotted #999;}
#port_dropdown {right:0;}
#info_dropdown {right:90px;}
	#header ol li a:link, #header ol li a:visited {color:#fff; font-family: "Century Gothic",serif; font-size: 1.4em; font-style: normal; text-decoration: none; padding: 10px; background: #555; border-bottom: 1px dotted #999; display: block; z-index: 1000;}

#info h2 {margin:0 0 25px 0; font-size:18px; padding:15px 0 0 0;}


/* ###  PROMO IMAGES  ### */
#promo {height:486px; margin: 0 0 35px 0; overflow: hidden;}
	.sub #promo {height:150px; margin: 0 0 25px 0; overflow:hidden; }
		#info #promo {background: #000;}
		#contact #promo {background: url(../i/sub_contact.jpg) no-repeat 0 0;}
		#blog #promo {background: url(../i/sub_blog.jpg) no-repeat 0 0;}
		#client-login #promo {background: url(../i/loading.gif) no-repeat 50% 50%;}
#promo h1 {position: relative; top:70px; left: 25px; }

/* ###  CONTENT AND COLUMNS  ### */
#content {margin: 0 0 50px 0; position:relative;}
#main {width: 590px; padding-left:5px;}
	#blog #main {width: 700px;}
#secondary {width: 305px;}
	#blog #secondary {width: 200px;}

/* ###  PORTFOLIO PAGE  ### */
#content #portfolio_container {height:320px; position: relative;}
	#content #portfolio_container a:link, #content #portfolio_container a:visited {display:block; width: 256px; height: 203px; position:absolute; text-align:center; text-decoration: none; font-family: "Century Gothic",sans-serif; font-size: 1.8em; line-height: 1.8em; }
	#portfolio_container #weddings {background:url(../i/weddings.jpg) no-repeat 0 0; top: 70px; left: 10px;}
	#portfolio_container #portraits {background: url(../i/portraits.jpg) no-repeat 0 0; top: 70px; left: 330px;}
	#portfolio_container #products {background: url(../i/products.jpg) no-repeat 0 0; top: 70px; right: 30px;}
		#content #portfolio_container a h2 {position: relative; top: 175px; left:0; font-family: "Century Gothic",sans-serif; font-size:1.4em; line-height: 1.4em; }

/* ###  PRICING and MORE INFO  ### */
.more_info {position: relative; padding: 20px 0; background: #222 url(../i/noise.jpg) repeat; margin: 0 0 15px 0; -webkit-border-radius:10px; -moz-border-radius: 10px;}
.service_description {width:600px; padding-top:25px;}
.service_details {width:280px; padding-top:25px;}
	.service_details li {line-height:1.3em; font-size: 1.1em; margin:0; padding:3px 15px 3px 0;}
	.service_details li a:link, .service_details li a:visited {color:#fff; text-decoration: none; border-bottom: 1px dotted #999;}
		.service_details li a:hover, .service_details li a:active {color: #2aa71f; border-color: #2aa71f; background: #333;}
.more_info h1 {display:block; position: static; margin: 0 ; padding: 0 0 0 15px;}
.more_info h2.price {padding: 15px 0 10px 15px; line-height:2em;}
.more_info h3 {padding: 0 0 15px 0;}
.more_info p {padding: 0 0 0 17px;}
.more_info span {display:block; position:absolute; cursor: pointer; width:111px; height:34px; background: #333 url(../i/details.png) no-repeat 0 0; text-indent: -9999px; top: 12px; right: 10px;}
.more_info span.details_hover {background-position: 0 -34px;}
.more_info span.details_hide {background-position: 0 -68px;}
.more_info span.details_hide_hover {background-position: 0 -102px;}

/* ###  CONTACT FORM  ### */
#contact_form, #confirmation {background: url(../i/noise.jpg) repeat; -webkit-border-radius: 15px; -moz-border-radius:15px; padding:10px; margin: 0 0 15px 0;}
	#confirmation {display:none;}
	#confirmation h3 {text-align:center; border: 1px solid #7bd76b; border-bottom: 1px solid #000; border-top: 1px solid #daffe3; background: #b7ffb9 url(../i/check.gif) no-repeat 3% 49%; padding: 15px 0; color: #396432;-webkit-border-radius: 7px; -moz-border-radius:7px; }
#contact_form fieldset {background: #222; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #444; margin: 0 0 10px 0; padding: 7px; position: relative;}
label {display:block; padding:0 0 2px 0; line-height:1.2em; font-weight: bold; text-align:right; width: 70px; position: relative; top: 11px; left:0;}
.text {background: #999; border: 1px solid #ddd; padding: 5px; font-size: 1.8em; color: #333; font-family: Georgia, Palatino, serif; font-style: italic; width: 460px; -webkit-border-radius: 5px; -moz-border-radius:5px;}
	.text:focus {background: #fff; border: 1px solid #fff;}
.submit {background: url(../i/submit.png) no-repeat 0 0; text-indent: -9999px; border:none; width:121px; height: 51px; cursor: pointer;}
	.submit:hover, .submit:focus {background-position: 0 -52px;}
	.submit:active {background-position: 0 -103px;}
label.error {font-size: 11px; font-weight:bold; position:absolute; z-index: 5; top:5px; left: 450px; width:130px; text-align:left; line-height:1em; background: #ff6265; border: 1px solid #fff; padding:5px; color:#fff;}


/* ###  SIDEBAR BUTTONS ### */
.sidebar_button {height:82px; width: 302px; position: relative; margin: 0 0 15px 0;}
.sidebar_button a:link, .sidebar_button a:visited {display: block; width:100%; height:100%; background:url(../i/sidebar_button.png) no-repeat 0 0; text-decoration: none; color: #999; font-family: "Century Gothic",sans-serif; font-size:2em; font-style: normal; letter-spacing: 1px; line-height:82px; }
	.sidebar_button a:hover {background-position: 0 -82px; color: #fff;}
	.sidebar_button a:active {background-position: 0 -164px;}
.sidebar_button a span {position:relative; top:0; left: 100px;}
.sidebar_button a img {position: absolute; z-index: 2; top: 13px; left:13px; border:1px solid #555; }
	
/* ###  FOOTER  ### */
#footer {padding-top:65px; background: url(../i/flourish.png) no-repeat center 0; margin: 0 0 15px 0; position: relative; }
.footer_col {width:400px;}
#footer .footer_nav li {display:inline;}
#footer .footer_nav li a:link, #footer .footer_nav li a:visited {color: #555; font-size: 1em; text-transform: uppercase; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-decoration: none; padding:7px; }
#footer .footer_nav li a:hover, #footer .footer_nav li a:active {color: #2aa71f;}
#footer .footer_nav li a.current { color: #fff; }

#testimonial {width:370px; position: relative; top: -15px; left:0;}
#footer blockquote {font-size: 1.1em; color: #555; line-height:1.7em; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; background: url(../i/quotes_open.png) 0 0 no-repeat; padding: 3px 10px 5px 22px;}
	#footer blockquote span {display:block; width:100%; height: 100%; background: url(../i/quotes_close.png) no-repeat 100% 100%;}
#footer cite {float:right; font-size: 1.1em; color: #ccc; line-height:1.7em; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;}

#comments h3 { font-size: 14px; line-height: 1.2em; }
#comments li span {padding-top:0;}
#comments h3, #comments cite  {font-family:"Century Gothic",sans-serif;}

ul#social {position: relative; width:148px; margin: 0 auto;}
#social li {display:inline;}
#social li a:link, #social li a:visited {display: block; width: 28px; height: 28px; background: url(../i/social.png) no-repeat; text-indent: -9999px; padding:0; position: absolute; }

#credit a:link,#credit a:visited  {color:#555; line-height:1.2em; border-bottom:none; text-decoration: none; font-size:11px; position:relative; top:50px; left:0;}
#credit a:hover,#credit a:active  {color:#33ccff; border-bottom:solid 1px #33ccff; text-decoration: none; font-size:11px; position:relative; top:50px; left:0;}


#social #twitter {top:0; left:0;}
	#social #twitter:hover {background-position: 0 -28px; }
	#social #twitter:active {background-position: 0 -56px;}
#social #facebook {top:0; left: 36px; background-position: -28px 0;}
	#social #facebook:hover {background-position: -28px -28px; }
	#social #facebook:active {background-position: -28px -56px;}
#social #flickr {top: 0; left: 72px; background-position: -56px 0;}
	#social #flickr:hover {background-position: -56px -28px; }
	#social #flickr:active {background-position: -56px -56px;}
#social #rss {top: 0; left: 108px; background-position: -84px 0;}
	#social #rss:hover {background-position: -84px -28px; }
	#social #rss:active {background-position: -84px -56px;}




/* TOOLTIP STUFF */
#tooltip { position: absolute; color:#fff; z-index: 3000; border: 1px solid #ccc; background-color: #333; padding: 5px; opacity: 0.85;}
#tooltip h3, #tooltip div { margin: 0; }

.galleria{list-style:none;width:940px}
.galleria_wrapper{margin-bottom:10px;}
.galleria li{display:block;width:60px;height:40px;overflow:hidden;float:left;margin:0 10px 10px 0}
.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}
#next_galleria,#prev_galleria {position:absolute; z-index: 1000; background: #000; font-family: Georgia,Palatino,serif; color:#fff; font-weight: bold; padding: 20px; font-size: 2em; text-decoration: none;}
#next_galleria {bottom: 100px; right:0; text-align:right;}
#prev_galleria {bottom: 100px; left:0; text-align:left;}
* html .galleria li div span{width:400px} /* MSIE bug */