/* -------------------------------------------
resets, basic page setup, basic typography */

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,
b, u, i, center,
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;
vertical-align: baseline;
background: transparent;
}

html {
overflow-y: scroll;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%; /* 1.0 em = 10px, 1.1em = 11px, etc. */
}
/* end resets */


/* -------------------------------------------
toolbox ! */

.floatleft {
float: left;
}

.floatright {
float: right;
}
.clear {
clear: both;
}
/* end toolbox */


/* -------------------------------------------
globals */

body {
background-color: #000;
color: #FFF;
}

#footer {
clear:both;
margin-left:55px;
padding-top:30px;
font-size:1.2em;
}

#container {
width:1200px;
}

/* end globals */


/* -------------------------------------------
link styles */
body.ratesdetails a:link, body.ratesdetails a:visited, body.ratesdetails a:active {
color:#FFF;
text-decoration:underline;
}

body.ratesdetails a:hover, body.ratesdetails a:focus  {
background-color:#FFF;
color:#000;
text-decoration:none;
}

body.ratesdetails h1 a:hover, body.ratesdetails h1 a:focus {
text-decoration:none;
background-color:transparent;
}

/* end link styles */


/* -------------------------------------------
head & navigation styles */

#head {
height:105px;
overflow:hidden;
clear:both;
}

#head h1 {
padding: 20px 200px 20px 50px;
}

#head h1 a:link,
#head h1 a:visited {
display:block;
width:257px;
height:68px;
background-image:url('../images/nav-logo.png');
background-repeat:no-repeat;
text-indent:-999em;
overflow:hidden;
float:left;
}

#head h1 a:hover,
#head h1 a:focus {
background-image:url('../images/nav-logo-over.png');
}

#head ul li {
display:inline;
}

#head ul li a:link,
#head ul li a:visited {
display:block;
background-repeat:no-repeat;
background-color:transparent;
text-indent:-999em;
overflow:hidden;
float:left;
margin-top:10px;
}

#head ul li#portfolio a:link,
#head ul li#portfolio a:visited  {
background-image:url('../images/nav-portfolio.png');
width:70px;
background-position:bottom;
margin-left:375px;
margin-right:20px;
}

#head ul li#portfolio a:hover,
#head ul li#portfolio a:focus  {
background-image:url('../images/nav-portfolio-over.png');
}

#head ul li#blog a:link,
#head ul li#blog a:visited  {
background-image:url('../images/nav-blog.png');
width:36px;
background-position:bottom;
margin-right:20px;
}

#head ul li#blog a:hover,
#head ul li#blog a:focus  {
background-image:url('../images/nav-blog-over.png');
}

#head ul li#ratesdetails a:link,
#head ul li#ratesdetails a:visited  {
background-image:url('../images/nav-ratesdetails.png');
width:118px;
background-position:bottom;
}

#head ul li#ratesdetails a:hover,
#head ul li#ratesdetails a:focus  {
background-image:url('../images/nav-ratesdetails-over.png');
}

/* end head & nav styles */


/* -------------------------------------------
HOME PAGE */

#large-photos,
#small-photos-top,
#small-photos-bottom {
overflow:hidden;
clear:both;
}

#large-photos img,
#small-photos-top img,
#small-photos-bottom img {
float:left;
}

/* -------------------------------------------
RATES & DETAILS & THANK YOU */
#about, #pricing, #contact, #thankyou {
background-color:#222;
font-size:1.4em;
line-height:1.4em;
padding:25px;
}

#about {
margin-left:55px;
height:240px;
width:845px;
}

#pricing, #contact {
margin-top:25px;
float:left;
}

#thankyou {
margin-left:55px;
height:75px;
width:845px;
}

#thankyou h2 {
margin-bottom:15px;
}

#pricing {
width:290px;
margin-left:25px;
height:170px;
margin-bottom:20px;
}

#pricing-social {
float:left;
}

#social-media {
width:290px;
margin-left:50px;
}

#contact {
width:480px;
margin-left:55px;
}

#about-image {
float:left;
width:150px;
}

#about-text {
float:left;
width:645px;
}

#about-text h2 {
background-image:url('../images/heading-about.png');
background-repeat:no-repeat;
text-indent:-999em;
overflow:hidden;
width:315px;
height:16px;
}

#contact h2 {
background-image:url('../images/heading-contact.png');
background-repeat:no-repeat;
text-indent:-999em;
overflow:hidden;
width:111px;
height:16px;
}

#pricing h2 {
background-image:url('../images/heading-pricing.png');
background-repeat:no-repeat;
text-indent:-999em;
overflow:hidden;
width:89px;
height:21px;
}

#about-text p, #pricing p {
margin-top:15px;
}

#social-media a:hover,
#social-media a:focus {
background-color:transparent;
}

#contact form {
margin-top:20px;
}

#contact #trackback label {
height:16px;
width:60px;
display:block;
float:left;
clear:left;
margin-bottom:10px;
}

#contact #trackback input {
color:#FFF;
width:390px;
background:transparent;
border:0;
border-bottom:1px dotted #CCC;
float:left;
clear:right;
margin-bottom:10px;
margin-left:5px;
}

#contact label#questions-label {
height:100px;
width:300px;
display:block;
margin-bottom:5px;
}

#contact textarea {
width:455px;
border:1px dotted #CCC;
height:100px;
background:transparent;
/* overflow:hidden; */
color:#FFF;
margin-top:5px;
}

#contact #submit {
clear:both;
overflow:hidden;
padding-top:10px;
margin-left:415px;
}


/* -------------------------------------------
PORTFOLIO */

#port-nav {
width:699px;
height:466px;
margin-left:55px;
float:left;
background-image:url('../images/portfolio-weddings.jpg');
background-repeat:no-repeat;
overflow:hidden;
}

body.portfolio-pt #port-nav {
background-image:url('../images/portfolio-portraits.jpg');
}

body.portfolio-pw #port-nav {
background-image:url('../images/portfolio-personal-work.jpg');
}

#port-nav h2 {
text-indent:-999em;
}

#port-nav ul li {
display:inline;
}

#port-nav ul li a:link,
#port-nav ul li a:visited {
display:block;
background-repeat:no-repeat;
background-color:transparent;
text-indent:-999em;
float:left;
}

#port-nav ul li#personal-work a:link,
#port-nav ul li#personal-work a:visited {
background-image:url('../images/nav-personal-work.png');
width:151px;
height:15px;
margin-left:50px;
margin-top:30px;
}

body.portfolio-w #port-nav ul li#personal-work a:link,
body.portfolio-w #port-nav ul li#personal-work a:visited {
margin-left:500px;
margin-top:30px;
}

#port-nav ul li#portraits a:link,
#port-nav ul li#portraits a:visited {
background-image:url('../images/nav-portraits.png');
width:95px;
height:17px;
margin-left:50px;
margin-top:30px;
}

body.portfolio-w #port-nav ul li#portraits a:link,
body.portfolio-w #port-nav ul li#portraits a:visited {
margin-left:500px;
margin-top:10px;
}

#port-nav ul li#weddings a:link,
#port-nav ul li#weddings a:visited {
background-image:url('../images/nav-weddings.png');
width:100px;
height:17px;
margin-left:50px;
margin-top:10px;
clear:left;
}