/* ----- Master Style Sheet for Denbry Repros ----- */
/* ----- Author: Mang Creative - 0845 33 12 987  ----- */
/* ----- Year : 2008 ----------------- */
/* ----- CSS Document -----*/

body { background: url(images/background/main-header.gif) left top repeat-x; font: 70%/140% Arial, Helvetica, Verdana, Tahoma, sans-serif; margin: 0px auto; text-align: center; }
#wrapper { position: relative; margin-right: auto; margin-left: auto; margin-top: 15px; width: 980px; text-align: left; }
#container { position:relative; margin-bottom: 1.5em; height: auto; }
img { border: 0; }

/************** header styles *****************/

#header { width: 100%; height: 66px; }
.header-left { width: 45%; float: left; }
.header-right { width: 45%; float: right; text-align: right; }

/************** pictorial *****************/

#home-pictorial { width: 1004px; height: 335px; margin: 0 0 0 -12px; background: url(images/background/home.jpg) left top repeat-x; }
#about-pictorial { width: 1004px; height: 335px; margin: 0 0 0 -12px; background: url(images/background/about.jpg) left top repeat-x; }
#prices-pictorial { width: 1004px; height: 335px; margin: 0 0 0 -12px; background: url(images/background/prices.jpg) left top repeat-x; }
#testimonial-pictorial { width: 1004px; height: 335px; margin: 0 0 0 -12px; background: url(images/background/testimonial.jpg) left top repeat-x; }
#contact-pictorial { width: 1004px; height: 335px; margin: 0 0 0 -12px; background: url(images/background/contact.jpg) left top repeat-x; }

/************** menu *****************/

#menu { width:100%; height: 60px; float: right; text-align: right; margin: -75px 0 10px 0; position:relative; }
.menu { margin: 0 0 0 2px;}

/************** content *****************/

#content { width: 100%; margin: 10px 0 0 0; }
#left { width: 523px ; float: left; padding: 10px; background: #ececec; border: 1px solid #ccc; }
#middle { width: 232px; float: left; padding: 10px; background: #ececec; border: 1px solid #ccc; margin: 0 15px 0 15px; }
#right { width: 125px; float: right; padding: 10px;  background: #ececec; border: 1px solid #ccc; }

#left-span { width: 790px ; float: left; padding: 10px; background: #ececec; border: 1px solid #ccc; }
.left { width: 45%; float: left; }
.right { width: 45%; float: right; }

.content { font-size: 100%; line-height: 1.6em; }

a.link-pink { text-decoration: none; color: #EA0061; }
a.link-pink:hover { text-decoration: underline; }
a.link-grey { text-decoration: none; color: #000; }
a.link-grey:hover { text-decoration: underline; }

.pink { color: #EA0061; }
.error { color: #f00; }
h1 { font-size: 150%; color: #333; margin: 5px 0 15px 0; } 

/************** misc *****************/

.clear { clear: both; }
.text-field { width: 200px; }

/************** footer *****************/

#footer { width: 970px; border-top: 1px solid #666; height: 15px; padding: 5px; margin: 15px 0 10px 0; }
#footer-left { width: 50%; float: left;  }
#footer-right { width: 50%; float: right; text-align: right; }
.footer { font-size: 90%; color: #333; }