/*-----------------------------------------------------------------------------
Lynn Wilson Design

author:    Jon DeFelice
email:     jon@jonnywithnoh.com
website:   http://jonnywithnoh.com
Created:   01.20.2009
-----------------------------------------------------------------------------*/



/* Reset */
@import url("reset.css");

html, body {height: 100%;background-color: #FFF8DB;}
body{font-size: 62.5%;font-family: Georgia, "Times New Roman", serif;}
strong{font-weight:bold;}
p{padding:10px 0;}
a:link{color:#58634C;}
a:visited{color:#777;}
a:hover{}
a:active{}
.hr{clear:both;background: transparent url(../images/hr.jpg) no-repeat top center;height:24px;width:100%;display:block;}
.bullet-list li{list-style-type: disc;list-style-position: inside;}
.left{float:left;}
.right{float:right;}

#wrapper{width:860px;margin:0 auto;position:relative;height:100%;background-color:#bbd2a2;}

#frills{position:absolute;right:10px;z-index:1;background: transparent url('../images/frills.jpg') no-repeat 0 0;width:290px;height:190px;}

#navigation{height:60px;background: #bbd2a2 url('../images/corners2.jpg') no-repeat 0 40px}
#navigation ul{position:relative;z-index:2;}
#navigation li{display:inline;}
#navigation li a{font-size: 1.6em;display:inline-block;padding:20px 15px;text-decoration: none;color:#000;}
#navigation li a:hover{background: transparent url('../images/nav_hover.jpg') no-repeat top center}

body#index #navigation li#nav_index a{background: transparent url('../images/nav_active.jpg') no-repeat top center}
body#about #navigation li#nav_about a{background: transparent url('../images/nav_active.jpg') no-repeat top center}
body#reviews #navigation li#nav_reviews a{background: transparent url('../images/nav_active.jpg') no-repeat top center}
body#services #navigation li#nav_services a{background: transparent url('../images/nav_active.jpg') no-repeat top center}
body#gallery #navigation li#nav_gallery a{background: transparent url('../images/nav_active.jpg') no-repeat top center}
body#contact #navigation li#nav_contact a{background: transparent url('../images/nav_active.jpg') no-repeat top center}
body#faq #navigation li#nav_faq a{background: transparent url('../images/nav_active.jpg') no-repeat top center}

#header{background-color: #FFF8DB;}

#content{font-size: 1.4em;padding:20px;background: #bbd2a2 url('../images/corners2.jpg') no-repeat 0 -20px;}
#content h1{font-size: 2.2em;margin:0 0 10px 0;}
#content h2{font-size: 1.4em;margin:0 0 5px 0;}
#content h3{font-size: 1.2em;margin:0 0 5px 0;}


/*sticky footer*/
#wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -30px;}
#footer_wrapper, .push {height: 30px;}
#footer{width:840px;margin:0 auto;position:relative;}


/* Index */
body#index h1{}
#homepage_show{width:820px;float:left;position:relative;height:320px;}
#intro{position:absolute;z-index:9999;width:250px;right:10px;top:10px;background-color:#000;padding:10px;height:280px;color:#fff;
	/* For web browsers who care */
	opacity: 0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

.hpd{width:240px;float:left;margin:5px;background-color:#CDE5B1;padding:10px;height:170px;}
.hpd span{display:block;}
#hpmusic{position:absolute;top:0;right:0;z-index:99;}
/* Services */

.design_services{padding:20px;margin:0px 0px 10px 0;float:left;background-color:#cde5b1;}
.design_services strong{width:130px;display:block;font-weight:bold;float:left;font-size:1.1em;padding-top:6px;padding-left:45px;background: #cde5b1 url('../images/bullet.gif') no-repeat 1% 50%;}
.design_services span{display:block;float:left;width:605px;}
.packages{clear:both;padding:20px;background-color:#cde5b1;margin:10px 0;}
.packages h3{font-size:1.4em;font-weight: bold;}
.packages li{padding:5px 0;}
.packages li strong{display:block;}
#sizes_square{margin:0 10px 0 0;float:left;}
#sizes_rectangle{margin:0 0 0 10px;float:left;}
table{text-align: center;border:1px solid #000;width:400px;}
table tr{border:1px dotted #000;}
table tr.odd{background-color:#cde5b1;}
table tr.even{}
table th{font-weight: bold;padding:4px}
table td{padding:4px;}
table td span{display:block;}
.photo_caption{padding-top:10px;padding-left:10px;float:right;display:inline;width:400px;}
.photo_caption img{float:right;}
.caption{text-align:right;font-size: 0.9em;clear:both;}
.storybook{display:block;height:50px;width:400px;text-indent:-9999px;background: transparent url('../images/storybook.png') no-repeat 0 0;}
#addpages{width:400px;float:left;margin: 10px 0;padding-right:20px;}
#addpages span{display:block;}
#photodisc{width:398px;border: 1px solid #000;background-color:#C3E1A3;float:left;margin: 10px 0;}
#photodisc span{padding:10px;display:block;}
/* Contact */

#contact_form{background-color:#CDE5B1;width:400px;}
form{font-size:1.2em;margin: 10px 0 0 0;}
label{width:90px;float:left;display:block;margin: 10px 0 10px 0;}
input{width:270px;float:left;display:block;margin: 10px 0 10px 0;}
fieldset{display:block;clear:both;padding:10px;}
fieldset fieldset {border:none;}
fieldset fieldset legend{font-weight: bold;margin-left:-10px;}
fieldset fieldset label{width:auto;margin:3px;display:block;float:none;clear:both;}
fieldset fieldset input{width:auto;margin:5px;}
textarea{width:270px;height:100px;margin: 10px 0 10px 0;}
#submit{width:100px;float:right;}
#pob1, #pob2, #pob3{}
.message {;display:none;padding:10px;}
.submitbutton{float:right;width:120px}

/* faq */
.faq ul{}
.faq ul li{margin: 20px 0;padding-bottom:34px;background: transparent url(../images/hr.jpg) no-repeat bottom center;}
.faq ul li strong{display:block;}
.faq ol{padding-left:30px;}
.faq ol li{list-style-type: decimal;margin:0;background:none;padding:0;}

/* Reviews */

.review{clear:both;margin-bottom:20px;}
.review img{float:left;padding: 0 10px 10px 0;}
.review p{}

/* Gallery */

.albums{width:400px;float:left;margin:10px 0;}
.albums img{float:left;}
.albums span{font-size: 1.2em;width:195px;}
.albums span{float:right;}
.albums .photographer{width:195px;display:block;clear:right;float:right;}

/* About */

#about-img{float:right;padding-left:10px;}

/*Moo Tools rounded corners*/

.boxTopLeft {background: url(images/corners.gif) top left no-repeat;}
.boxTop {}
.boxTopRight {background: url(images/corners.gif) top right no-repeat;}
.boxMiddleLeft {}
.boxMiddle {}
.boxMiddleRight {}
.boxBottomLeft {background: url(images/corners.gif) bottom left no-repeat;}
.boxBottom {}
.boxBottomRight {background: url(images/corners.gif) bottom right no-repeat;}

/* Rounded Corners for Firefox / Safari */

.hpd,
#intro,
.contact_form,
.design_services,
.packages{-moz-border-radius: 10px;-webkit-border-radius: 10px;}


/* Old Rounded Corners 
#tl,#tr,#bl,#br{position:absolute;width:10px;height:10px;z-index:9999;background: transparent url(../images/corners.gif) no-repeat 0 0;display:block;overflow:hidden;}
#tl{top:0;left:0;background-position: top left;}
#tr{top:0;right:0;background-position: top right;}
#bl{bottom:0;left:0;background-position: bottom left;}
#br{bottom:0;right:0;background-position: bottom right;}
*/

#discount{background: transparent url(../images/discount.jpg) no-repeat scroll center center;display:block;position:relative;width:820px;height:45px;text-indent:-9999px;z-index:999;}
#discount span{height:130px;width:140px;position:absolute;top:-38px;left:-38px;background: transparent url(../images/20off.png) no-repeat scroll 0 0;text-indent:-9999px;z-index:999;}