* { padding: 0; margin: 0; }
body { text-align: center; background-color: #000; color: #bbb; font: 11pt Arial, Helvetica, sans-serif; }
a { text-decoration: none; }
a:focus, a:hover, a:active { text-decoration: none; }
ol, ul { list-style: none; }
h1 { width: 800px; margin: 0 auto; color: #fff; text-align: center; text-transform: uppercase; font: 700 26px/40px Arial, Helvetica, sans-serif; text-shadow: 0 -1px 1px #222; background: #000 url('../Images/container1_bg.png') repeat-y; }
h2 { float: left; display: block; width: 60%; margin-left: 10px; color: #000; font: italic 700 19px/35px 'Trebuchet MS' , sans-serif; }
p em { display: block; font-size: 17px; font-weight: 700; }
.clear{clear:both;}
/*-------------- Divisions---------------------*/
.wrapper {display:block;float:left; position: relative; text-align: left; }
.inner-wrapper { position: relative; width: 1140px; height: auto; margin: 0 auto; text-align: left; }
#logo { width: 228px; height: 228px; background: url('../Images/small-logo.png') no-repeat; }
#leftnav { position: relative; float: left; width: 228px; }
#leftnav .InteriorDesign { width: 228px; height: 80px; background-image: url('../Images/interiordesign.png'); }
#leftnav .Photography { width: 228px; height: 50px; background-image: url('../Images/photography.png'); }
#leftnav .Branding { width: 228px; height: 50px; background-image: url('../Images/branding.png'); }
#container1 { position: relative; float: left; width: 820px; text-align: center; border: 1px solid #222; padding: 10px 0 10px; background: url('../Images/container1_bg.png') repeat-y; overflow: hidden; }
#container2 { position: relative; float: left; width: 820px; text-align: center; border: 1px solid #222; padding: 0 0 10px; background: url('../Images/container1_bg.png') repeat-y; overflow: hidden; }
#packages { position: relative; float: left; width: 900px; text-align: center; border: 1px solid #222; padding: 0 0 10px; background: url('../Images/packages_bg.png') repeat-y; overflow: hidden; }
#packages .head { display: block; width: 539px; height: 40px; text-align: center; text-shadow: 0 -1px 1px #222; margin: 0 auto; }
#packages .title { float: left; width: 160px; text-align: left; color: #FFF; font: 700 27px/40px Arial, Helvetica, sans-serif; text-transform: uppercase; }
#packages .subtitle { float: left; width: 375px; text-align: left; color: #FFF; font: 700 18px/40px Arial, Helvetica, sans-serif; }
#galleryContent { position: relative; float: left; width: 910PX; height: 880PX; }
#footer { float: right; width: 800px; height: 20px; color: #fff; margin-right: 110px; padding: 10px 0; text-align: center; }
/*-------Left Nav Menu------*/
.leftnav-menu { position: relative; float: left; width: 228px; background-color: #0e5b94; overflow: hidden; text-align: center; background-image: url('../Images/leftnav.jpg'); background-repeat: repeat-y; }
.leftnav-menu ul { list-style: none; margin: 0px; display: block; width: 228px; }
.leftnav-menu ul li { float: left; }
.leftnav-menu ul li a:link, .leftnav-menu a:visited { cursor: pointer; display: block; overflow: hidden; width: 228px; height: 40px; text-decoration: none; font: normal 16px/40px Arial, Helvetica, sans-serif; text-shadow: 0 -1px 1px #222; color: #fff; text-transform: uppercase; border-bottom: 1px solid #222; }
.leftnav-menu ul li a:link span, .leftnav-menu a:visited span { font-size: 15px; text-transform: lowercase; }
.leftnav-menu a:hover, .leftnav-menu a:active { background-image: url('../Images/leftnav-on.png'); text-decoration: none; }
#home { height: 41px; overflow: hidden; }
#home li { background-image: url('../Images/leftnav-home.png'); background-repeat: repeat-y; }
.pagesize { width: 800px; height: 860px; margin: 0 auto; }
.aboutus_photo {
    text-align: left;
    background: url('../Images/Orca_AboutUs_Photography.jpg') no-repeat;
}

    .aboutus_photo p {
        color: #000;
        margin: 8px;
        width: 440px;
        text-align: justify;
        font: 16px/22px Arial, Helvetica, sans-serif;
    }

.aboutus_bra,.aboutus_int {
    text-align: left;
    font: normal 15px/22px 'Trebuchet MS', sans-serif;
    color: Black;
    background: white url('../Images/Orca_AboutUs_InteriorDesign.jpg') no-repeat;
}

.aboutus_bra {
    background: white url('../Images/Orca_AboutUs_Branding.jpg') no-repeat!important;
}
    .aboutus_bra ul,.aboutus_int ul {
        float: left;
        list-style-type: none;
        width: 500px;
        margin-left: 10px;
    }

     .aboutus_bra ul li , .aboutus_int ul li {
            padding-left: 20px;
            margin-bottom: 10px;
        }
    .aboutus_bra ul.medium li {
        float: left;
        width: 40%;
    }

   .aboutus_bra .square, .aboutus_int .square {
        margin-left: 30px;
        background: url('square.gif') no-repeat left center;
    }

    .aboutus_bra p,.aboutus_int p {
        color: #000;
        margin: 8px;
        width: 470px;
        text-align: justify;
    }
.contactus_photo { background: white url('../Images/Orca_ContactUs_Photography.jpg') no-repeat; }
.contactus_int { background: white url('../Images/Orca_ContactUs_InteriorDesign.jpg') no-repeat; }
.contactus_bra { background: white url('../Images/Orca_ContactUs_Branding.jpg') no-repeat; }
.interiorarchitecture { background: white url('../Images/Orca_InteriorArchitecture.jpg') no-repeat; }
.projectmanagement { background: white url('../Images/Orca_ProjectManagement.jpg') no-repeat; }
.spaceplanning { background: white url('../Images/Orca_SpacePlanning.jpg') no-repeat; }
.story { float: left; display: block; width: 800px; text-align: justify; height: 217px; }
.story2 { float: left; display: block; width: 800px; margin-top: 25px; line-height: 20px; }
.story .title_int { margin: 3px 8px 0; color: Black; text-align: left; text-transform: uppercase; font: 700 26px/32px Arial, Helvetica, sans-serif; }
.story p, .story2 p { float: left; color: #000; margin: 0 8px 8px; text-align: justify; font: 14px/22px Arial, Helvetica, sans-serif; }
.spacer140 { float: left; width: 800px; height: 140px; }
.spacer170 { float: left; width: 800px; height: 170px; }
.spacer190 { float: left; width: 800px; height: 190px; }
.packages_inner { margin: 0 auto; width: 880px; height: auto; }
.package { float: left; width: 435px; height: auto;  margin-bottom: 10px; font: 14px Arial, Helvetica, sans-serif; text-align: left; color: #000; padding-top: 2px; background-color: #fff; }
div.big { height: 332px; }
div.widder { width: 880px; }
div.magin_right { margin-right: 10px; }
.package h3 { width: 89%; font: bold 1.1em/32px Arial, Helvetica, sans-serif; text-transform: uppercase; background: url('pin.png') no-repeat left top; padding-left: 40px; }
.package h3 span { font-size: 0.9em; text-transform: lowercase; }
.package h4 { padding-left: 20px; color: #000; /*#3099BA;*/ font-size: 1em; }
.package h4 span { font-size: 0.88em; }
.package ul { list-style-type: none; }
.package ul li { padding: 0 0 5px 10px; }
.package p { font-weight: bold; font-size: 0.88em; padding: 0 5px 5px 20px; }
.package p.tick { margin-left: 20px; background: url('tick.png') no-repeat left top; }
.package p.splat { margin-left: 30px; background: url('splat.png') no-repeat left top; }
.package p.square { margin-left: 30px; background: url('square.gif') no-repeat left top; }
.package .notbold { font-weight: 500; font-size: 1em; }
.terms { width: 800px; font: 14px Arial, Helvetica, sans-serif; text-align: left; color: #000; padding-left: 5px; margin: 0 auto; background-color: #fff; }
.terms h3 { clear: left; width: 89%; font: bold 1.1em/32px Arial, Helvetica, sans-serif; text-transform: uppercase; }
.terms ul { list-style-type: disc; margin-left: 40px; }
.terms ul li { padding: 2px 10px 5px 10px; }