@charset "utf-8";


/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and images */
fieldset,images { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/*Removes underline and color from links*/
a { color: inherit; text-decoration: none; outline:none; }

body {
  font: 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #333;
	background: #fff url('../images/bg-stripe.png') repeat-y 50px 0;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

p {
  margin: 12px 0;
}

a {
  color: #2A8585;
}

a:hover {
  text-decoration: underline;
}

a.backtotop {
	background: url('../images/backtotop.png') no-repeat top left;
	text-indent: -9999px;
	height: 23px;
	width: 96px;
	display: block;
	float: right;
	margin-bottom: 20px;
}

a#comeonin {
	background: url('../images/comeonin.png') no-repeat top left;
	text-indent: -9999px;
	height: 37px;
	width: 126px;
	display: block;
	position: absolute;
	right: 30px;
	bottom: 30px;
}

h3 {
  font: bold 16px/24px "Arial", sans-serif;
}

.rates dt, .rates dd {
  float: left;
  width: 150px;
}

.rates dl, .rates dt {
  clear: both;
}

#container {
  width: 990px;
  margin: 0 auto;
  padding-bottom: 100px;
}

  #header {
    position: relative;
  }
   
	#logo h1 a {
		background: url('../images/logo.png') no-repeat top left;
		text-indent: -9999px;
		height: 52px;
		width: 184px;
		display: block;
		border: 0;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	
	#phone p {
	  background: url('../images/phone.png') no-repeat top left;
		text-indent: -9999px;
		height: 14px;
		width: 116px;
		position: absolute;
		top: 90px;
		right: 20px;
	}

ul#menu {
	height:26px;
	width: 510px;
	margin: 0 0 10px 0;
	padding-left: 40px;
}

ul#menu li {
	float: left;
}

ul#menu li a {
	display: block;
	height: 26px;
	text-indent: -9999px;
	}
	
ul#menu li#home a { background: url('../images/menu.png') no-repeat 0 0; width: 56px; }
ul#menu li#gallery a { background: url('../images/menu.png') no-repeat -56px 0; width: 81px; }
ul#menu li#faq a { background: url('../images/menu.png') no-repeat -137px 0; width: 50px; }
ul#menu li#about a { background: url('../images/menu.png') no-repeat -187px 0; width: 113px; }
ul#menu li#rates a { background: url('../images/menu.png') no-repeat -300px 0; width: 66px; }
ul#menu li#contact a { background: url('../images/menu.png') no-repeat -366px 0; width: 84px; }
ul#menu li#blog a { background: url('../images/menu.png') no-repeat -448px 0; width: 52px; }

ul#menu li#home.sel a { background: url('../images/menu.png') no-repeat 0 -26px; }
ul#menu li#gallery.sel a { background: url('../images/menu.png') no-repeat -56px -26px; }
ul#menu li#faq.sel a { background: url('../images/menu.png') no-repeat -137px -26px; }
ul#menu li#about.sel a { background: url('../images/menu.png') no-repeat -187px -26px; }
ul#menu li#rates.sel a { background: url('../images/menu.png') no-repeat -300px -26px; }
ul#menu li#contact.sel a { background: url('../images/menu.png') no-repeat -366px -26px; }
ul#menu li#blog.sel a { background: url('../images/menu.png') no-repeat -448px -26px; }

ul#menu li#home a:hover { background: url('../images/menu.png') no-repeat 0 -26px; }
ul#menu li#gallery a:hover { background: url('../images/menu.png') no-repeat -56px -26px; }
ul#menu li#faq a:hover { background: url('../images/menu.png') no-repeat -137px -26px; }
ul#menu li#about a:hover { background: url('../images/menu.png') no-repeat -187px -26px; }
ul#menu li#rates a:hover { background: url('../images/menu.png') no-repeat -300px -26px; }
ul#menu li#contact a:hover { background: url('../images/menu.png') no-repeat -366px -26px; }
ul#menu li#blog a:hover { background: url('../images/menu.png') no-repeat -448px -26px; }

#content-wrap {
  margin-left: 200px;
  padding-top: 100px;
}

#content {
  background: url('../images/bg-content.jpg') repeat-y top left;
  position: relative;
  padding-left: 25px;
}

  #content-head {
    background: url('../images/bg-content-head.jpg') no-repeat top left;
    height: 29px;
    margin-left: -25px;
  }
  
  #content-body {
    margin: -10px 0 0 0;
    padding: 20px;
    width: 500px;
    float: left;
  }  
    
  #content-sidebar {
    float: left;
    width: 184px;
    padding-left: 15px;
    /*padding: 10px;*/
  }
  
  #content-foot {
    clear: both;
    background: url('../images/bg-content-foot.jpg') no-repeat bottom left;
    height: 35px;
    margin-left: -25px;
  }
  
#footer {
  margin: 5px 20px;
}  
  #footer p {
    margin: 0;
  }

#footer p#copyright {
  float: left;
  background: url('../images/copyright.png') no-repeat top left;
	text-indent: -9999px;
	height: 13px;
	width: 302px;
}

#footer p#meta a {
  float: right;
  display: block;
  background: url('../images/meta.png') no-repeat top left;
	text-indent: -9999px;
	height: 13px;
	width: 96px;
}

.home #content-body {
  height: 380px;
}

  .home #content-body {
    margin: -30px 0 0 0;
  }
  
    .home #content-body img {
      position: absolute;
      top: 20px;
      left: 30px;
    }
  
    .home #content-sidebar h2 {
      background: url('../images/h2-home.png') no-repeat 50% 50%;
      text-indent: -9999px;
      height: 25px;
      width: 124px;
      margin: 130px auto 0 auto;
    }
  
.gallery #content-body {
  padding: 0px;
  height: 380px;
  width: 540px;
}


  .gallery #content-sidebar h2 {
    background: url('../images/h2-gallery.png') no-repeat 50% 0;
    text-indent: -9999px;
    height: 25px;
    width: 113px;
    margin: 30px auto 0 auto;
  }
  
  .gallery #content-sidebar ul.menu-gallery {
    margin-top: 30px;
    background: url('../images/ul-sidebar.png') no-repeat 50% 100%;
    padding-bottom: 120px;
  }
  
  .gallery #content-sidebar ul.menu-gallery-subnav {
    margin: 0 0 0 10px;
  }
  
  .gallery #content-sidebar ul li a {
    text-indent: -9999px;
    display: block;
    height: 27px;
    margin-bottom: 10px;
  }
  
  .gallery #content-sidebar ul.menu-gallery-subnav li a {
    height: 13px;
  }
  
    .gallery #content-sidebar ul.menu-gallery li#infants a { background: url('../images/li-infants.gif') no-repeat top left; width: 106px; }
    .gallery #content-sidebar ul.menu-gallery li#toddlers a { background: url('../images/li-children.gif') no-repeat top left; width: 117px; }
    .gallery #content-sidebar ul.menu-gallery li#events a { background: url('../images/li-events.gif') no-repeat top left; width: 169px; }
	
	    .gallery #content-sidebar ul.menu-gallery li#infants a:hover { background: url('../images/li-infants.gif') no-repeat 0 -27px;   width: 106px; }
    .gallery #content-sidebar ul.menu-gallery li#toddlers a:hover { background: url('../images/li-children.gif') no-repeat 0 -27px;   width: 117px; }
    .gallery #content-sidebar ul.menu-gallery li#events a:hover { background: url('../images/li-events.gif') no-repeat 0 -27px;   width: 169px; }
  
    .gallery #content-sidebar li#families a { background: url('../images/li-families.gif') no-repeat top left; width: 109px; }
    .gallery #content-sidebar li#architectural a { background: url('../images/li-architectural.png') no-repeat top left; width: 163px; }
    .gallery #content-sidebar li#other a { background: url('../images/li-other.png') no-repeat top left; width: 88px; }
    .gallery #content-sidebar li#families a:hover { background: url('../images/li-families.gif') no-repeat 0 -27px; }
    .gallery #content-sidebar li#architectural a:hover { background: url('../images/li-architectural.png') no-repeat 0 -27px;  }
    .gallery #content-sidebar li#other a:hover { background: url('../images/li-other.png') no-repeat 0 -27px; }
   
   
    .gallery #content-sidebar ul.menu-gallery li#infants.sel a { background: url('../images/li-infants.gif') no-repeat 0 -27px;   width: 106px; }
    .gallery #content-sidebar ul.menu-gallery li#toddlers.sel a  { background: url('../images/li-children.gif') no-repeat 0 -27px;   width: 117px; }
    .gallery #content-sidebar ul.menu-gallery li#events.sel a  { background: url('../images/li-events.gif') no-repeat 0 -27px;   width: 169px; }
   
   .gallery #content-sidebar li#families.sel a { background: url('../images/li-families.png') no-repeat 0 -27px; }
    .gallery #content-sidebar li#architectural.sel a { background: url('../images/li-architectural.png') no-repeat 0 -27px;  }
    .gallery #content-sidebar li#other.sel a{ background: url('../images/li-other.png') no-repeat 0 -27px; }

.faq #content-body {
  background-color: #F5F195;
}

  .faq #content-body p {
    margin: 0 0 12px 35px;
  }
  
  .faq #content-body h3 {
    background: url('../images/h3-faq.png') no-repeat 0 50%;
    padding-left: 35px;
    clear: both;
  }

.faq #content-sidebar {
  background: url('../images/ul-faq.png') no-repeat 15px 100%;
}

  .faq #content-sidebar h2 {
    background: url('../images/h2-faq.png') no-repeat 0 50%;
    text-indent: -9999px;
    height: 25px;
    width: 48px;
    margin: 0 auto 10px auto;
  }

  .faq #content-sidebar ul {
    background: url('../images/ul-sidebar.png') no-repeat 50% 0;
    padding: 25px 0 15px 0;
  }

  .faq #content-sidebar li {
    margin-bottom: 15px;
  }

.about #content-body {
  background-color: #BCE093;
}

  .about #content-body p {
    margin-right: 100px;
  }

.about #content-sidebar h2 {
  background: url('../images/h2-about.png') no-repeat 0 50%;
  text-indent: -9999px;
  height: 25px;
  width: 169px;
  margin: 0 auto 10px auto;
}

.about img#holly {
  position: absolute;
  top: 80px;
  right: 20px;
}

.rates #content-body {
  background-color: #D4E7E7;
}

  .rates #content-body p {
    margin: 0 0 12px 0;
  }

.rates #content-sidebar h2 {
  background: url('../images/h2-rates.png') no-repeat 0 50%;
  text-indent: -9999px;
  height: 25px;
  width: 78px;
  margin: 0 auto 10px auto;
}

  .rates #content-sidebar .image {
    display: block;
    width: 180px;
    text-align: center;
  }
  
    .rates #content-sidebar #print.image { margin: 230px 0 0 0; }
    .rates #content-sidebar #masonite.image { margin: 100px 0 0 0; }
    .rates #content-sidebar #canvas.image { margin: 120px 0 0 0; }
    .rates #content-sidebar #press.image { margin: 120px 0 0 -10px; }
    .rates #content-sidebar #greeting.image { margin: 100px 0 0 0; }
    .rates #content-sidebar #screen.image { margin: 60px 0 50px 0; }

.rates .section {
  background: url('../images/bg-section-rates.png') no-repeat 50% 100%;
  padding-bottom: 30px;
  margin-bottom: 20px;
  float: left;
  clear: both;
  width: 500px;
}

.rates a {
  color: #EC117A;
}

.contact #content-body {
  background-color: #BC9A8B;
}

  .contact #content-body h3 {
    background: url('../images/h3-contact.png') no-repeat 0 50%;
    text-indent: -9999px;
    height: 15px;
    width: 112px;
    margin: 0 0 10px 0;
  }
  
.contact #content-sidebar h2 {
  background: url('../images/h2-contact.png') no-repeat 0 50%;
  text-indent: -9999px;
  height: 25px;
  width: 116px;
  margin: 0 auto 10px auto;
}

.contact form {
  background: url('../images/bg-form-contact.png') no-repeat 50% 0;
  padding-top: 25px;
}

  .contact form p {
    float: left;
    width: 250px;
    margin: 0 0 15px 0;
  }
  
  .contact p.message {
    padding-bottom: 250px;
  }

  .contact label {
    font-weight: bold;
    display: block;
    margin-bottom: 2px;
  }
  
  .contact input, .contact textarea {
    width: 172px;
    padding: 3px;
    border: 1px solid #87C6DF;
  }
  
  .contact textarea {
    width: 483px;
    min-height: 150px;
  }
  
  .contact input#send {
    background: #BC9A8B url('../images/bg-input-send.png') no-repeat 0 50%;
    height: 15px;
    width: 38px;
    border: 0;
    margin-top: 20px;
    cursor: pointer;
  }
  
.blog #content-body {
  background-color: #F384BB;
}

  .blog .post {
    background: url('../images/bg-blog-post.png') no-repeat 50% 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
    width: 500px;
    clear: both;
  }

  .blog h2.date-header, .blog p.post-footer, .blog p.post-footer a, .blog .comment-poster, .blog .comment-timestamp {
    font: bold 18px "Arial", sans-serif;
    text-transform: uppercase;
    color: #E61078;
  }

  .blog h3.post-title, .blog h4 {
    font: bold 35px "Arial", sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
  }
  
  .blog h4 {
    font-size: 18px;
    margin-bottom: 0;
  }
  
  .blog .comment-form p {
    margin: 0;
  }
  
    .blog .comment-form h4 {
      margin-top: 20px;
    }
  
  .blog .comment-poster, .blog .comment-timestamp {
    font-size: 12px;
  }
  
  .blog .comment-poster {
    margin-top: 20px;
  }
  
  .blog p.post-footer, .blog p.post-footer a {
    font-size: 14px;
    margin: 0;
  }
  
  .blog a.comment-link {
    background: url('../images/bg-comments.png') no-repeat 0 50%;
    display: block;
    float: right;
    padding-left: 23px;
  }
  
.blog #content-sidebar h2 {
  background: url('../images/h2-blog.png') no-repeat 0 50%;
  text-indent: -9999px;
  height: 25px;
  width: 63px;
  margin: 0 auto 10px auto;
}

.blog #content-sidebar h3 {
  text-indent: -9999px;
  height: 27px;
  margin: 20px 0 5px 0;
}
  .blog #content-sidebar h3#links { background: url('../images/h3-blog-links.png') no-repeat 0 50%; width: 83px;}
  .blog #content-sidebar h3#previous { background: url('../images/h3-blog-previous.png') no-repeat 0 50%; width: 167px;}
  .blog #content-sidebar h3#archive { background: url('../images/h3-blog-archive.png') no-repeat 0 50%; width: 112px;}
  .blog #content-sidebar h3#subscribe { background: url('../images/h3-blog-subscribe.png') no-repeat 0 50%; width: 120px;}
  
.blog #content-sidebar ul, .blog #content-sidebar p#blogfeeds {
  margin-left: 37px;
}

  
#FlashID {
  visibility:hidden
}