body {
text-align: center;
font-family: arial, helvetica, sans serif;
margin: 0 auto;
background: #000;
background-position: center 0px;
}

a.p1 {display:block; text-decoration:none; background:#fff; border:0; float:right;}
a.p1 img {display:block; border:0;}
a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
a.p1 b {display:block; position:absolute; left:-9999px;}
a.p1:hover b {top:0px; left:0px; background:#fff; opacity:1.0;}


#site-container {
position: relative;
margin: 0 auto;
width: 100%;
}

#header-container {
margin: 0 auto;
height:556px;
width: 100%;
background: url(../images/dark-bg.gif) repeat;
border-bottom: 1px solid #fff;
}

#logo-menu-container {
position: relative;
margin: 0 auto;
width: 1024px;
}

#shadow-transition {
margin: 0 auto;
height: 34px;
width: 100%;
background: url(../images/shadow.gif) repeat-x;
}

#content-container {
position: relative;
margin: 0 auto;
height: 500px;
width: 100%;
background: url(../images/light-bg.gif) repeat;
}

#footer {
margin: 0 auto;
height: 380px;
width: 100%;
background: url(../images/dark-bg.gif) repeat;
border-top: 1px solid #fff;
}

#logo-container {
position: absolute;
margin-top: 62px;
left: 50px;
}

#menu-container {
position: absolute;
margin-top: 74px;
left: 675px;
background: url(../images/menu.png) no-repeat;
width: 299px;
height: 40px;
text-align: left;
}

#menu-container a, #menu-container a:visited{
color: #000;
text-decoration: none;
}

#menu-container a:hover{
text-decoration: underline;
}

#menu-container ul li {
list-style: none;
display: inline;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
width: 99px;
}

#menu-ul {
position: absolute;
margin-top: 10px;
left: 24px;
padding-left: 0px;
}

#menu-container li {
padding-right: 10px;
}

#package1 {
position: absolute;
margin-top: 353px;
left: 50px;
width: 232px;
height: 202px;
background: url(../images/basic.png) no-repeat;
color: #282828;
}

#package2 {
position: absolute;
margin-top: 353px;
left: 390px;
width: 232px;
height: 202px;
background: url(../images/pro.png) no-repeat;
color: #fff;
}

#package3 {
position: absolute;
margin-top: 353px;
left: 724px;
width: 232px;
height: 202px;
background: url(../images/reel.png) no-repeat;
color: #282828;
}

#packages-container {
text-align: left;
}

#packages-container h1{
font-family: 'Open Sans', sans-serif;
font-size: 22px;
font-weight: 400;
margin-top: 10px;
padding-left: 20px;
}

#packages-container ul {
margin-top: 95px;
}

#packages-container ul li {
list-style: disc;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
}

#mid-blurb-container {
margin: 0 auto;
position: relative;
width: 1024px;
}

#about-blurb, #ordering-blurb, #services-blurb, #contact-blurb {
position: absolute;
margin-top: 180px;
text-align: left;
}

#contact-blurb {
margin-top: 40px;
left: 70px;
}

#about-blurb h1, #ordering-blurb h1, #services-blurb h1, #contact-blurb h1 {
font-family: "Open Sans", sans-serif;
font-size: 24px;
font-weight: 300;
color: #1c1c1c;
}

#contact-blurb h1 {
color: #fff;
}

#about-blurb p, #ordering-blurb p, #services-blurb p {
font-size: 12px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
color: #1c1c1c;
width: 240px;
}

#about-blurb {
left: 387px;
}

#ordering-blurb {
left: 725px;
}

#services-blurb {
left: 50px;
}


#services-blurb ul li {
font-size: 12px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
color #1c1c1c;
}

#gallery-container {
position: absolute;
margin-top: 40px;
left: 24px;
text-align: center;
}

.learn-more-btn {

text-align: right;
}