/* CSS Style Sheet - LetterlyYours.com */


/* Main */

div.center {
position: relative;
width: 982px;
margin: 0px auto;
}

body#photos-page div#contentwrap div.center {
width: 100%;
margin: 0px;
}

body#photos-page  p {
width: 982px;
margin: 25px auto;
text-align: center;
}

body {
font-family: Gisha, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
margin: 0px;
padding: 0px;
background-color: #000;
}

div#header {
text-align: center;
height: 240px;
}

div#header div#intro {
float: right;
margin-right: 10px;
width: 296px;
height: 180px;
background-repeat: no-repeat;
background-position: 0 0;
}

body#index-page div#header div#intro { background-image: url('images/intro_home.png'); }
body#photos-page div#header div#intro { background-image: url('images/intro_photos.png'); }
body#design-page div#header div#intro { background-image: url('images/intro_design.png'); }
body#testimonials-page div#header div#intro { background-image: url('images/intro_testimonials.png'); }
body#contact-page div#header div#intro { background-image: url('images/intro_contact.png'); }
body#about-page div#header div#intro { background-image: url('images/intro_about.png'); }

div#header p {
display: none;
}

div#header h1 {
float: left;
display: block;
}

div#header h1 a {
display: block;
width: 585px;
height: 180px;
background: url('images/letterly_yours_logo.gif') no-repeat;
}

div#header ul#navigation {
position: absolute;
left: 44px;
bottom: 5px;
line-height: 15px;
list-style-type: none;
}

div#header ul#navigation li {
margin: 0px 3px;
float: left;
display: inline;
}

div#header ul#navigation li a {
float: left;
height: 50px;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0 -40px;
cursor: pointer;
}

div#header ul#navigation li a:hover {
background-position: 0 0;
}

body#index-page div#header ul#navigation li#home a,
body#photos-page div#header ul#navigation li#photos a,
body#design-page div#header ul#navigation li#design a,
body#testimonials-page div#header ul#navigation li#testimonials a,
body#contact-page div#header ul#navigation li#contact a,
body#about-page div#header ul#navigation li#about a {
background-position: 0 0;
}

div#header ul#navigation li#home a {
width: 78px;
background-image: url('images/bg_nav_home.png');
}

div#header ul#navigation li#photos a {
width: 199px;
background-image: url('images/bg_nav_photos.png');
}

div#header ul#navigation li#design a {
width: 173px;
background-image: url('images/bg_nav_design.png');
}

div#header ul#navigation li#testimonials a {
width: 170px;
background-image: url('images/bg_nav_testimonials.png');
}

div#header ul#navigation li#contact a {
width: 115px;
background-image: url('images/bg_nav_contact.png');
}

div#header ul#navigation li#about a {
width: 123px;
background-image: url('images/bg_nav_about.png');
}

div#header ul#navigation li a span {
display: none;
}

div#headertrim {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 240px;
background: url('images/bg_header_trim.jpg') repeat-x left bottom;
}

div#contentwrap {
width: 100%;
background-color: white;
}

div#content {
width: 100%;
overflow: hidden;
background-color: white;
padding-bottom: 20px;
}

div#content div#left, div#content div#right {
float: left;
width: 45%;
padding: 20px 5px 5px;
line-height: 1.8em;
}

div#creation {
overflow: hidden;
text-align: center;
margin: 0px auto;
}

div.testimonial-block {
overflow: hidden;
}

div.testimonial-block div.left, div.testimonial-block div.right {
display: inline;
width: 491px;
font-size: 1.25em;
line-height: 2.1em;
}

div.testimonial-block div.left {
float: left;
}

div.testimonial-block div.right {
width: 471px;
float: right;
}

div.testimonial-block div.quote-top, div.testimonial-block div.quote-bottom {
padding-left: 20px;
height: 18px;
}

div.testimonial-block div.quote-top {
background: url('images/bg_quote_top.png') no-repeat 20px 4px;
}

div.testimonial-block div.quote-bottom {
background: url('images/bg_quote_bottom.png') no-repeat 20px 0px;

}

div.testimonial-block div.quotes-top {
position: absolute;
width: 52px;
height: 41px;
margin-left: -2px;
margin-top: -2px;
z-index: 100;
background: url('images/bg_quotes.png') no-repeat 0px 0px;
}

div.testimonial-block blockquote {
width: 391px;
padding: 0px 15px 0px 45px;
margin-left: 20px;
color: white;
background: url('images/bg_quote.png') repeat-y top left;
}

div.testimonial-block cite {
display: block;
float: right;
margin: 20px;
font-size: 1.5em;
font-weight: bold;
font-style: italic;
border-bottom: 2.5px dashed;
}

div#content div#right p {
margin: 0px 0px 20px;
}

div#content div#left span{
float: left;
clear: both;
width: 370px;
padding: 7px 0;
margin-bottom: 20px;
border-bottom: 1px dashed #999;
}

div#content div#left img{
float: left;
clear: both;
padding: 0px 10px;
}

div#list {
overflow: hidden;
margin-bottom: 20px;
}

p#cost {
margin-left: 5px;
line-height: 1.4em;
}

form#contact-form {
clear: left;
}

form#contact-form p.submission {
padding: 30px 40px 0px;
}

body#contact-page div#content div#left {
padding-top: 15px;
}

div#content div#right ul {
margin-left: 20px;
}

div#footer {
height: 20px;
padding-top: 2px;
}

form input, form textarea {
width: 200px;
font-family: inherit;
font-size: 0.9em;
font-weight: normal;
background-color: #DDD;
border: 0px;
padding: 5px;
}

form input[type="image"] {
width: 90px;
height: 24px;
}

body#design-page form ul {
width: 520px;
margin: 15px 286px;
overflow: hidden;
}

body#design-page form li {
display: inline;
float: left;
}

form #word {
width: 400px;
height: 40px;
margin-right: 20px;
margin-bottom: 20px;
font-size: 2.3em;
font-weight: bold;
padding: 5px 5px 2px;
}

body#design-page form #submit {
margin-top: 8px;
}

a#order img{
margin-top: 20px;
width: 122px;
height: 24px;
background-color: white;
padding: 0;
}

form textarea {
width: 300px;
height: 180px;
overflow: auto;
}

form p {
padding: 5px;
font-weight: bold;
}

form #submit, form #submitorder {
width: 90px;
height: 24px;
background-color: white;
margin: 0;
padding: 0;
}