/* General structural style declarations  */

body, html, div, td {
    font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 14px;
}

body {
    text-align: left;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    background-color: #000000;
}

/* The Following two declarations are to create more predictable behaviour cross browser */

* {
    margin: 0px;
    padding: 0px;
}

#page * div, #page div, #page form {
    float: left;
}

#horizon {
    color:#000000;
    background-color:#000000;
    text-align:left;
    /*position: absolute;
    top: 50%;
    left: 0px;*/
    width: 100%;
    height: 0px;
    overflow: visible;
    visibility: visible;
    display: block
}
                                                    
#content {
    font-family: Verdana, Geneva, Arial, sans-serif;
    font-size:11px;
    background-color:#000000;
    color:#FFFFFF;
    /*margin-left: -480px;
    position: absolute;
    top: -308px;
    left: 50%;*/
    width: 960px;
    /*height: 615px;*/
    visibility: visible;
    margin:auto;
    margin-top:50px;
}

#header {
    width:960px;
    height:47px;
    display:block;
}

.headerTop {
    width:900px;
    padding:0px 30px;
    height:20px;
    background-color:#000000;
    font-size:10px;
    color:#484747;
    line-height:20px;
    text-align:center;
}

.headerTop p {
    line-height:20px;
    font-size:10px;
    letter-spacing:-1px;
    padding-bottom:0px;
}

.headerNav {
    width:900px;
    padding:0px 30px;
    border-bottom: 1px solid #ffffff;
    height:26px;
    background-color:#b90027;
}

.primaryNav {
    list-style:none;
    margin:0px;
    padding:0px;
    width:900px;
    float:left;
}

.primaryNav li {
    float:left;
    margin-right:25px;
}

.primaryNav li.last-child {
    float:right;
    margin-right:0px;
}

.primaryNav li a {
    line-height:26px;
    text-decoration:none;
}

.primaryNav li.selected a, .primaryNav li a:hover {
    color:#000000;
    text-decoration:none;
}

#bodyHome {
    width:960px;
    height:597px;
    text-align:left;
    display:block;
    background-image:url(../images/common/home-bg.jpg);
    position:relative;
}

#bodyContact {
    width:960px;
    height:597px;
    text-align: center;
    display:block;
    background-image:url(../images/common/contact-bg.jpg);
    position:relative;
}

#bodyStaff {
    width:960px;
    height:597px;
    text-align: center;
    display:block;
    background-image:url(../images/common/staff-bg.jpg);
    position:relative;
}

#bodyResults {
    width:960px;
    height:597px;
    text-align: center;
    display:block;
    background-image:url(../images/common/results-bg.jpg);
    position:relative;
}

#bodyAbout {
    width:960px;
    height:597px;
    text-align: center;
    display:block;
    background-image:url(../images/common/about-bg.jpg);
    position:relative;
}

#bodyTestimonials {
    width:960px;
    height:597px;
    text-align: center;
    display:block;
    background-image:url(../images/common/testimonials-bg.jpg);
    position:relative;
}

#bodyWork {
    width:960px;
    height:597px;
    text-align: center;
    display:block;
    background-image:url(../images/common/work-bg2.jpg);
    position:relative;
}

#bodyWorkItem {
    width:960px;
    height:597px;
    text-align: center;
    display:block;
    background-image:url(../images/common/work-item-bg.jpg);
    position:relative;
}

.homeText {
    padding-left:86px;
    padding-top:30px;
    width:270px;
    height:198px;
    display:block;
    overflow:hidden;
    line-height:12px;
}

.homeObm {
    width:43px;
    height:52px;
    display:block;
    position:absolute;
    top:24px;
    left:888px;
/*    opacity:0.5;*/
/*    background-color:red;*/
}

.bottle {
/*    background-color:red;*/
    width:36px;
    height:100px;
    display:block;
    position:absolute;
/*    opacity:0.5;*/
    top:239px;
    left:159px;
}

.phone {
/*    background-color:blue;*/
    width:74px;
    height:68px;
    display:block;
    position:absolute;
/*    opacity:0.5;*/
    top:339px;
    left:176px;
} 

.showreel {
/*    background-color:green;*/
    width:158px;
    height:115px;
    display:block;
    position:absolute;
/*    opacity:0.5;*/
    top:248px;
    left:250px;  
}

.chair {
/*    background-color:red;*/
    width:160px;
    height:200px;
    display:block;
    position:absolute;
/*    opacity:0.5;*/
    top:296px;
    left:402px;  
}

.family {
/*    background-color:yellow;*/
    width:174px;
    height:98px;
    display:block;
    position:absolute;
/*    opacity:0.5;*/
    top:268px;
    left:569px;  
}

.books {
/*    background-color:purple;*/
    width:132px;
    height:74px;
    display:block;
    position:absolute;
/*    opacity:0.5;*/
    top:290px;
    left:779px;  
}

.blog {
/*    background-color:purple;*/
    width:62px;
    height:34px;
    display:block;
    position:absolute;
/*    opacity:0.5;*/
    top:466px;
    left:664px;  
}

.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#B90027;
    padding:3px;
}
                            
.tooltip p{
    margin:0;
    padding:0;
    color:#fff;
    background-color:#B90027;
    border:1px solid #fff;
    padding:2px 7px;
    line-height:11px;
    font-size:11px;
}


/* Contact */

.contactMailOne {
/*    background-color:purple;*/
    width:114px;
    height:20px;
    display:block;
    position:absolute;
/*    opacity:0.5;*/
    top:336px;
    left:677px;  
}

.contactMailTwo {
/*    background-color:red;*/
    width:123px;
    height:24px;
    display:block;
    position:absolute;
/*    opacity:0.5;*/
    top:389px;
    left:641px;  
}

.contactMap {
/*    background-color:green;*/
/*    opacity:0.5;*/
    width:32px;
    height:18px;
    display:block;
    position:absolute;
    top:517px;
    left:597px;  
}

/* Secondary Nav */

.secondaryNav {
    list-style:none;
    margin:0px;
    padding:0px;
    float:left;
}

.secondaryNav li {
    margin-bottom:8px;
    clear:both;
    float:right;
    width:200px;
}

.aboutSubnav .secondaryNav li {
    width:110px;
}


.secondaryNav li a {
    float:right;
    text-align:right;
    color:#ffffff;
    font-size:14px;
    padding-left:15px;
}

.secondaryNav li a:hover, .secondaryNav li.selected a {
    background-image:url(../images/common/subnav-icon.png);
    background-repeat:no-repeat;
    text-decoration:none;
    background-position:left 4px;
}

/* About */

.aboutSubnav {
    float:left;
    width:110px;
    height:95px;
/*    background-color:green;*/
/*    opacity:0.5;*/
    position:absolute;
    top:335px;
    left:188px;
}

.aboutContent {
    float:left;
    width:297px;
    height:301px;
/*    background-color:blue;*/
/*    opacity:0.5;*/
    position:absolute;
    top:227px;
    left:412px;
    text-align:left;
    overflow: auto;
    overflow-x: hidden;
    padding:20px;
}

.aboutContent h1 {
    color:#000000;
}

.aboutContent img {
    margin-left:-15px;
}

/* Results */

.resultsSubnav {
    float:left;
    width:200px;
    height:147px;
/*    background-color:green;*/
/*    opacity:0.5;*/
    position:absolute;
    top:440px;
    left:188px;
}

.resultsContent {
    float:left;
    width:347px;
    height:423px;
/*    background-color:blue;*/
/*    opacity:0.5;*/
    position:absolute;
    top:71px;
    left:407px;
    text-align:left;
    overflow: auto;
    overflow-x: hidden;
    padding:20px;
}


/* Staff */

.staffContent {
    float:left;
    width:470px;
    height:541px;
/*    background-color:blue;*/
/*    opacity:0.5;*/
    position:absolute;
    top:28px;
    left:473px;
    text-align:left;
    overflow: hidden;
    padding:0px;
}

.staffText {
    width:384px;
    height:298px;
    display:block;
    background-image:url(../images/common/staff-text-bg.jpg);
    background-repeat:no-repeat;
    position:absolute;
    top:255px;
    left:40px;
    text-align:left;
/*    padding:20px;*/
    color:#ffffff;
/*    overflow: auto;*/
/*    overflow-x: hidden;*/
}

.staffTextInner {
    width:344px;
    height:258px;
    display:block;
    text-align:left;
    color:#ffffff;
    overflow: auto;
    overflow-x: hidden;
    padding:20px;
}

.staffText h2 {
    color:#ffffff;
    font-size:11px;
    font-weight:bold;
}

.staffText p {
    color:#ffffff;
}

.staffRecordImage {
    height:270px;
    width:221px;
    background-image:url(../images/common/staff-image-bg.jpg);
    display:block;
    position:absolute;
    top:95px;
    left:520px;
    padding: 48px 70px 57px 70px;
    color:#b80027;
    font-weight:bold;
    font-size:16px;
    text-align:left;
}

.staffSetImage {
    height:93px;
    width:76px;
    background-color:#ffffff;
    display:block;
    margin-right:14px;
    margin-bottom:14px;
    float:left;
    padding:2px;
}

.staffSetImage a {
    color:#000000;
    text-transform:capitalize;
}

.staffSetImage a:hover {
    color:#b80027;
    text-decoration:none;
}

/* Testimonials */

.testimonialsContent {
    width:528px;
    height:255px;
/*    background-color:blue;*/
/*    opacity:0.5;*/
    position:absolute;
    top:181px;
    left:218px;
    text-align:left;
    overflow: hidden;
    padding:0px; 
}

.testimonialsText {
    height:235px;
    width:224px;
    padding:20px 20px 0px 20px;
    float:left;
    color:#5f3c20;
    line-height:12px;
}

.testimonialsPagination {
    position:absolute;
    top:530px;
    left:700px;
}

/* Showreels */

.workContent {
    float:left;
    width:608px;
    height:306px;
/*    background-color:blue;*/
/*    opacity:0.5;*/
    position:absolute;
    top:205px;
    left:192px;
    text-align:left;
    overflow: auto;
    overflow-x: hidden;
}

.workItemContent {
    float:left;
    width:686px;
    height:486px;
/*    background-color:blue;*/
/*    opacity:0.5;*/
    position:absolute;
    top:22px;
    left:133px;
    text-align:left;
    overflow: hidden;
}

.showreelLink {
    width:128px;
    margin-right:20px;
    margin-bottom:10px;
    float:left;
    height:143px;
    overflow:hidden;
}

.showreelWrapper {
    width:686px;
    height:465px;
    float:left;
    display:block;
    overflow:hidden;
}

.showreelItem {
    width:686px;
    height:465px;
    float:left;
    display:block;
    overflow:hidden;
}

.showreelPagination {
    float:right;
    margin-top:5px;
}

/* Footer */

#footer {
    width:900px;
    padding:0px 30px;
    border-top:1px solid #ffffff;
    height:15px;
    background-color:#b90027;
    margin-bottom:20px;
}

.footerNav {
    list-style:none;
    margin:0px;
    padding:0px;
}

.footerNav li {
    float:left;
    color:#ffffff;
    margin-right:20px;
    line-height:15px;
    font-size:10px;
}

.footerNav li a {
    font-size:10px;
    line-height:15px;
}

.footerNav li a:hover {
    text-decoration:none;
}

.flashFooterLink {
    float:right;
    text-decoration:none;
}

.flashFooterLink:hover {
    text-decoration:none;
}

h1 {
    font-size: 16px;
    line-height: 24px;
    color: #b80027;
    font-weight: normal;
}

h2 {
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    font-weight: normal;
}

h3 {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    line-height: 15px;
    padding-bottom: 7px;
}

h4 {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    line-height: 15px;
    text-transform: uppercase;
}

h5 {
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
}

ul, ol {
    padding-left: 15px;
}

p, ul, ol {
    padding-bottom: 5px;
}

a {
    color: #ffffff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}    

a img {
    border: none;  
}

img {
    border: none;
}