/* GENERAL STYLES */
body {text-align: center; background: #212832 url(../images/bg.png) 50% 0 repeat; font-family: helvetica, Arial, verdana, sans-serif; font-size: 13px; color: #333;}
p {line-height: 22px; margin: 10px;}
button {cursor:pointer; border:0; background: none; text-align: left;}
.hide {display: none;}
.clear {clear: both;}
a {outline: none;}
a img {border: none;}
a:link, a:visited {text-decoration: underline; color: #ffffff;}
a:hover, a:active {text-decoration: none; color: #333333; background: #fff;}
a.logoimg {background: none!important;}
li {list-style: none;}

/* LAYOUT */
#container {width: 800px; text-align: left; margin: 0 auto;}
#logo {margin: 48px 0 20px 0;}
#header {margin-top: 30px}
#mid_content {width: 505px; float: left; text-align: right; padding: 15px 0 0 0;}
#right_content {width: 265px; float: left; margin: 15px 0 0 10px;}
#home_testimonial {float: right; margin: 10px 0;}
#footer {clear: both;}
#quote {float: right; margin-right: 0;}

/* TEXT */
#mid_content p, #mid_content li, #right_content p {font-size: 12px; color: #fff;}
#packages_page #mid_content p, #packages_page #mid_content li, #links_page #mid_content p, #links_page #mid_content li {text-align: left; line-height: 22px;}
#packages_page #mid_content li, #links_page #mid_content li {padding-left: 16px; background: transparent url(../images/li.png) 0 0 no-repeat;}
#packages_page #mid_content h2, #packages_page #mid_content h3, #links_page #mid_content h2, #links_page #mid_content h3 {font-size: 22px; text-align: left; color: #fff; margin: 15px 0; font-weight: normal;}
#packages_page #mid_content h3, #links_page #mid_content h3 {font-size: 17px;}
#quote h3 {text-align: right; color: #fff; font-size: 48px; margin-right: 0; padding-right: 0;}
hr {margin: 15px auto;width: 90%;}
p.caption {text-align: right; color: #fff;}

/* NAV */
#nav {background: transparent url(../images/nav_bg.png) 0 0 no-repeat; height: 28px; overflow: hidden; position: relative; top: 0px; float: right;}
#nav ul {position: relative; width: 791px; height: 28px; position: relative; margin: 0;}
#nav li a {position: absolute; top: 0;}
#nav li, #nav a { height: 28px; display: block; text-indent: -999999px; margin: 0; padding: 0;}	

#nav_1 {left: 0px; width: 85px;}
#nav_2 {left: 88px; width: 85px;}
#nav_3 {left: 175px; width: 85px;}
#nav_4 {left: 262px; width: 85px;}
#nav_5 {left: 350px; width: 85px;}
#nav_6 {left: 438px; width: 85px;}
#nav_7 {left: 525px; width: 85px;}
#nav_8 {left: 618px; width: 85px;}
#nav_9 {left: 706px; width: 85px;}

a:hover#nav_1, #home_page #nav_1 {background: transparent url(../images/nav_bg.png) 0px -28px no-repeat;}
a:hover#nav_2, #portfolio_page #nav_2 {background: transparent url(../images/nav_bg.png) -88px -28px no-repeat;}
a:hover#nav_3, #weddings_page #nav_3 {background: transparent url(../images/nav_bg.png) -175px -28px no-repeat;}
a:hover#nav_4, #packages_page #nav_4 {background: transparent url(../images/nav_bg.png) -262px -28px no-repeat;}
a:hover#nav_5, #portraits_page #nav_5 {background: transparent url(../images/nav_bg.png) -350px -28px no-repeat;}
a:hover#nav_6, #about_page #nav_6 {background: transparent url(../images/nav_bg.png) -438px -28px no-repeat;}
a:hover#nav_7, #testimonial_page #nav_7 {background: transparent url(../images/nav_bg.png) -525px -28px no-repeat;}
a:hover#nav_8, #contact_page #nav_8 {background: transparent url(../images/nav_bg.png) -618px -28px no-repeat;}
a:hover#nav_9, #links_page #nav_9 {background: transparent url(../images/nav_bg.png) -706px -28px no-repeat;}