@charset "utf-8";
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;
font-size:100%;
outline:0;
vertical-align:baseline;
margin:0;
padding:0;
}

:focus {
outline:0;
}

body {
background:#1c1c1c;
color:#000;
line-height:1;
}

ol,ul {
list-style:none;
}

table {
border-collapse:separate;
border-spacing:0;
}

caption,th,td {
font-weight:400;
text-align:left;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

blockquote,q {
quotes:"" "";
}
/* end reset */
body {
background:#1c1c1c url(../images/top-bg.jpg) top left repeat-x;

}
div#wrapper {
position:relative;
width: 1000px;
margin: 0 auto;
border:1px solid #1c1c1c;

}
h1#header {
margin:30px 0 0 40px;
text-indent: -9999px;
width:417px;
height:220px;
background: url(../images/logo.gif) no-repeat;
}
h1#header a{
display:block;
width:400px;
height:150px;
}
/*  main navigation */

ul#nav {
position: absolute;
z-index:999;
color: #999;
font:  16px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
top:40px;
right:50px;
}
ul#nav li {
float:left;
padding:0;
}
ul#nav li a, ul#nav li a:link {
color:#888;
text-decoration:none;
width:100px;
padding:7px;
/* border for firefox */
border: 1px solid #1c1c1c;
padding-top:0;

}
ul#nav li span {
color:#333;
}
div#wrapper ul#nav li a:hover {
color:#fff;
}
/*highlight nav menu item when each photo stack is hovered */
div#wrapper ul#nav li a.nav-hover {
color:#fff;
}
/* packages navigation */
ul#nav-packages {
position: absolute;
z-index:999;
color: #999;
font:  13px/1 "Lucida Sans Unicode", Verdana, Arial, sans-serif;
top:10px;
right:45px;
width:329px;
background:#67686a;
padding:5px;
padding-left:27px;
padding-bottom:7px;
padding-right:11px;
padding-top:5px;
border: 4px solid #777;
background:#1c1c1c;
border:none;
background: url(../images/packages-nav-bg.jpg) no-repeat;
width:392px;
height:91px;
top:60px;
padding-top:12px;
width:350px;
right:42px;
}
ul#nav-packages li {
float:left;
padding:5px;
}
ul#nav-packages li a{
color:#444;
text-decoration:none;
width:100px;
padding:3px;

color:#1c1c1c;
color:#999;

}
ul#nav-packages li#nav-packages-family a {
padding-right:25px;
}
ul#nav-packages li#nav-packages-portraits a {
padding-right:32px;
}
ul#nav-packages li#nav-packages-sports a {
padding-right:29px;
}
/* for javascript-disabled browsers */
ul#nav-packages li a:hover {
color:#fff;
}
/* to highlight nav menu item when each photo stack is hovered */
ul#nav-packages li a.nav-hover {
color:#fff;
}
div#wrapper li.current a{
color:#fff;

}
/* photo stacks */
ul#stacks {
position:relative;
left:47px;
background:#1c1c1c;
width:900px;
height:400px;
top:20px;
}
#stacks li {
text-indent: -9999px;
}
/* watch css specificity for jquery */
li#stacks-portfolio a{
width:290px;
height:210px;
position:absolute;
top:10px;
left:0;
background:url(../images/index-sprite.jpg) no-repeat 0px -10px;
z-index:5;
}
li#stacks-packages a{
width:300px;
height:230px;
position:absolute;
top:-100px;
left:310px;
background:url(../images/index-sprite.jpg) no-repeat 0 -454px;
}
li#stacks-about a{
width:300px;
height:230px;
position:absolute;
top:-80px;
left:600px;
background:url(../images/index-sprite.jpg) no-repeat -290px -465px;
z-index:4;
}
li#stacks-contact a{
width:300px;
height:230px;
position:absolute;
top:120px;
left:270px;
background:url(../images/index-sprite.jpg) no-repeat -290px 0px;
}
li#stacks-blog a{
width:320px;
height:230px;
position:absolute;
top:138px;
left:550px;
background:url(../images/index-sprite.jpg) no-repeat 0 -910px;
}
ul#stacks li a.stacks-portfolio-hover {
background:url(../images/index-sprite.jpg) no-repeat 0px -236px;
}
ul#stacks li a.stacks-packages-hover {
background:url(../images/index-sprite.jpg) no-repeat 0 -686px;
}
ul#stacks li a.stacks-about-hover {
background:url(../images/index-sprite.jpg) no-repeat -290px -710px;
}
ul#stacks li a.stacks-contact-hover {
background:url(../images/index-sprite.jpg) no-repeat -290px -227px;
}
ul#stacks li a.stacks-blog-hover {
background:url(../images/index-sprite.jpg) no-repeat -314px -938px;
}
/* stacks for packages */
ul#stacks-packages {
position:relative;
left:53px;
background:#1c1c1c;
width:900px;
height:650px;
top:50px;
}
#stacks-packages li {
text-indent: -9999px;
}
/* watch css specificity for jquery */
li#packages-weddings a{
width:280px;
height:220px;
position:absolute;
top:10px;
left:-10px;
background:url(../images/packages-sprite.jpg) no-repeat -310px -955px;
z-index:5;
}
li#packages-engagements a{
width:270px;
height:220px;
position:absolute;
top:-105px;
left:300px;
background:url(../images/packages-sprite.jpg) no-repeat -8px -480px;
}
li#packages-pregnancy a{
width:270px;
height:230px;
position:absolute;
top:-120px;
left:580px;
background:url(../images/packages-sprite.jpg) no-repeat -5px 0;
z-index:4;
}
li#packages-children a{
width:290px;
height:210px;
position:absolute;
top:230px;
left:10px;
background:url(../images/packages-sprite.jpg) no-repeat -572px -457px;
z-index:9999;
}
li#packages-family a{
width:280px;
height:220px;
position:absolute;
top:108px;
left:315px;
background:url(../images/packages-sprite.jpg) no-repeat -590px -5px;
}
li#packages-portraits a{
width:290px;
height:230px;
position:absolute;
top:120px;
left:600px;
background:url(../images/packages-sprite.jpg) no-repeat -290px -10px;
}
li#packages-sports a{
width:275px;
height:230px;
position:absolute;
top:320px;
left:290px;
background:url(../images/packages-sprite.jpg) no-repeat -280px -490px;
}
li#packages-cards a{
width:280px;
height:235px;
position:absolute;
top:345px;
left:565px;
background:url(../images/packages-sprite.jpg) no-repeat  -312px -1195px;
}
ul#stacks-packages li a.packages-weddings-hover {
background:url(../images/packages-sprite.jpg) no-repeat -10px -933px;

}
ul#stacks-packages li a.packages-engagements-hover {
background:url(../images/packages-sprite.jpg) no-repeat -8px -707px;
}
ul#stacks-packages li a.packages-pregnancy-hover {
background:url(../images/packages-sprite.jpg) no-repeat -5px -238px;
}
ul#stacks-packages li a.packages-children-hover {
background:url(../images/packages-sprite.jpg) no-repeat -572px -680px;
}
ul#stacks-packages li a.packages-family-hover {
background:url(../images/packages-sprite.jpg) no-repeat -590px -232px;
}
ul#stacks-packages li a.packages-portraits-hover {
background:url(../images/packages-sprite.jpg) no-repeat -290px -256px;
}
ul#stacks-packages li a.packages-sports-hover {
background:url(../images/packages-sprite.jpg) no-repeat -280px -720px;
}
ul#stacks-packages li a.packages-cards-hover {
background:url(../images/packages-sprite.jpg) no-repeat -12px -1175px;

}
/* footer */


div#footer {
width:540px;
height:90px;
margin-left:250px;
margin:0 auto;
clear:both;
margin-top:50px;

}
div#footer ul li a.footer-hover {
color:#fff;

}
div#footer ul li {
text-decoration:none;
float:left;
}
div#footer ul li a {
color:#999;
}
div#footer ul li a:hover {
color:#fff;
}
/* watch css specificity for jquery */
div#footer ul#footer-nav li a.footer-hover {
color:#fff;
}
ul#footer-nav {
width:540px;
float:left;
padding-bottom:3px;
}
ul#footer-nav li a {
font: bold 14px  Verdana, Arial, Helvetica, sans-serif;
color:#999;
padding:11px;
}
ul#footer-packages {
float:left;
width:520px;
clear:both;
padding-bottom:2px;
padding-left:7px;

}
ul#footer-packages li a {
font: 13px "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#999;
padding:5px;

}
div#footer div {
font: 13px/1.8 "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
color:#999;
padding:5px;
padding-left:0;
width:440px;
margin: 0 auto;
}
div#footer div a {
color:#999;
}
div#footer div a:hover {
color:#fff;
}
div#javascript-warning {
font: 20px Georgia, "Times New Roman", Times, serif;
color:#444;
position:absolute;
top:0px;
right:94px;
background:#ffffd5;
padding:5px 8px;
}
div#javascript-warning strong {
font: bold 20px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
}

/* packages pages */
div#packages-wrap {
margin-left:0px;
}
div#packages-wrap img {
float:left;
margin-left:50px;
margin-top:10px;
}
div#packages-details {
width:500px;
float:right;
position:relative;
top:-70px;
right:-5px;
}
div#packages-details p {
font: 16px/1.4 Georgia, "Times New Roman", Times, serif;
color:#999;
width:425px;
margin-bottom:10px;
}
div#packages-details h2 {
font: 30px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
color:#eee;
text-indent:-9999px;
height:34px;
margin-bottom:0;
padding-bottom:5px;
position:relative;
top:8px;
}

h2#title-weddings {
background: url(../images/weddings.gif) no-repeat;
margin-left:-2px;

}
h2#title-engagements {
background: url(../images/engagements.gif) no-repeat;
}
h2#title-pregnancy {
background: url(../images/pregnancy.gif) no-repeat;
}
h2#title-children {
background: url(../images/children.gif) no-repeat;
}
h2#title-family {
background: url(../images/family.gif) no-repeat;
}
div#packages-details h2#title-cards {
background: url(../images/cards.gif) no-repeat;
width:354px;
height:57px;
margin-bottom:25px;
}
div#packages-details h2#title-portraits {
background: url(../images/portraits.gif) no-repeat;
height:65px;

}
h2#title-sports {
background: url(../images/sports.gif) no-repeat;
}
h2#title-about{
background: url(../images/about.gif) no-repeat 3px 0; 
padding-bottom:0 !important;
}
h2#title-contact{
background: url(../images/contact.gif) no-repeat;
height:40px;
text-indent:-9999px;
}
h2#title-clients{
background: url(../images/clients.gif) no-repeat;
height:40px;
text-indent:-9999px;
}

div#packages-details h3 {
font:  19px Georgia, "Times New Roman", Times, serif;
color:#fff;
margin-top:16px;
width:400px;
}
div#packages-details ul {
width:350px;
}
div#packages-details ul li {
font: 17px Georgia, "Times New Roman", Times, serif;
color:#999;
margin-top:5px;
background:url(../images/check.gif) left 2px no-repeat;
padding-left:15px;
margin-left:-15px;
}
div#packages-details ul#no-checks li {
background:none;

}

div#packages-details span {
float:left;
width:350px;
margin-top:15px;
font:  13px/1.3  Verdana, "Lucida Sans Unicode", Verdana, Arial, sans-serif;
color:#999;
position:relative;
left:-15px;
}
div#packages-details span span {
font: bold 17px Verdana, Helvetica, sans-serif;
width:14px;
float:left;
position:relative;
top:-15px;
left:1px;
height:30px;
color:#ccc;
}
div#packages-details strong {
display:block;
font: 15px Verdana, "Lucida Sans Unicode", Verdana, Arial, sans-serif;
color:#aaa;
width:350px;
}
div#packages-details span#dbl-note {
font: bold 17px Verdana, Helvetica, sans-serif;
width:14px;
float:left;
position:relative;
top:-15px;
left:-11px;
height:30px;
color:#ccc;
}
div#about {
margin-top:20px;
margin-left:3px;
width:420px;
font: 15px/1.4 Verdana, "Lucida Sans Unicode", Verdana, Arial, sans-serif;
color:#999;
}
div#packages-wrap  div#packages-details div#about p {
padding-bottom:0px;
font: 16px/1.5 Georgia, "Times New Roman", Times, serif;
}
div#packages-wrap img#about-pic {
margin-top:100px;
margin-left:25px;
}
div#sig {
text-indent:-9999px;
margin-top:20px;
background: url(../images/sig.gif) no-repeat;
width:250px;
height:26px;
}
/* contact */
div#contact-form {
position:absolute;
top:188px;
left:507px;
width:400px;
height:600px;
}

div#contact-form form#contact {
font:  15px Verdana, "Lucida Sans Unicode", Verdana, Arial, sans-serif;
color:#999;
}
form#contact label {
float:left;
width:400px;
margin:15px 0 2px 0;
font: 17px Georgia, "Times New Roman", Times, serif;


}
form#contact input {
float:left;
width:250px;
color:#111;
font: 15px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
padding:1px;
margin:0;
margin-right:200px;
border:1px  outset #aaa;
}
form#contact input#submit {
margin-top:20px;
width:100px;
font: bold 16px Arial, sans-serif; 
background:#999;
color:#1c1c1c;
cursor:pointer;
}
form#contact textarea {
width:350px;
overflow:hidden;
float:left;
font: 15px "Lucida Sans Unicode", Verdana, Arial, sans-serif;
border:1px  outset #aaa;
color:#111;


}
div#contact-form div#sent p {
margin-top:15px;
color:#aaa;
font: 16px/1.4 "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}
div#contact-form div#sent p em {
font:  18px/1.6 Georgia, "Times New Roman", Times, serif;
color:#fff;
}
div#contact-form div#sent p a {
font: italic 19px/1.6 Georgia, "Times New Roman", Times, serif;
color:#fff;
display:block;
margin-top:0px;
}
/* validation */
 


form#contact .validation-failed, textarea.validation-failed {
 background:#ffffd5;
	color : #FF3300;
    color:#000;	

}
form#contact .validation-passed, textarea.validation-passed {
	color : #555;
	
}

form#contact .validation-advice {
	margin:1px 0 5px 0;
	padding:0;
	color : #fff;
	float:left;
	width:300px;
		font:italic bold 15px/1.2 Verdana, Arial, Helvetica, sans-serif;


}