/*
=====================================
  GLOBAL CSS 
  Copyright 2009 - JCH Media
-------------------------------------
BASIC STYLES
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
+ Default Styles
  - Headings
  - Clearfix
+ Accessable Styles
-------------------------------------
LAYOUT STYLES
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
+ Page Layout Styles
  - Standard Layout
  - Homepage Layout
+ Column Layouts
+ Header Styles
+ Footer Styles
+ Navigation Styles
-------------------------------------
+ Common Styles
+ Page Data Styles
-------------------------------------
+ Main Content Styles
=====================================
*/

/* Default Styles 
--------------------------------------------------------------------- */

body
{
    margin: 0;
    padding: 0 0 30px;
    font-size: 68%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000;
    letter-spacing: 0.02em;
    background: #fff;
}

img
{
    border: 0px;
}

a
{
    color: #000;
}

a:hover
{
    text-decoration: none;
    color: #000;
}

p
{
    margin: 1em .5em 1em .5em;
    display: block;
    font-size: 1em;
}

ul, li, ol
{
    padding: 0px;
    margin: 0px;
    font-size: 1em;
}

/* Headings */

h1, h2, h3, h4, h5, h6
{
    margin: 0px;
    padding: 0px;
    line-height: 100%;
}

h1
{
    font-size: 2.6em;
}

h2
{
    font-size: 2.0em;
}

h3
{
    font-size: 1.8em;
}

h4
{
    font-size: 1.4em;
}

h5
{
    font-size: 1em;
}

h6
{
    font-size: 1em;
}

/* sifr Styles 
--------------------------------------------------------------------- */

#content h1
{
    display: block;
    text-align: left;
    color: #313131;
    padding-bottom: 3px;
    font-weight: normal;
    white-space: nowrap;
    border-bottom: 1px solid #e0d2c8;
}

#content h2
{
    display: block;
    text-align: left;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
    font-weight: normal;
}

#content h3
{
    text-align: left;
    padding-top: 10px;
    font-weight: normal;
    white-space: nowrap;
    display: block;
}

/* Accessable Styles 
--------------------------------------------------------------------- */

hr, #primary-nav h2, .photo-display h2, #access, .locations h2
{
    display: none !important;
}

/* Common Elements  
--------------------------------------------------------------------- */

#content:after, #nav:after, #content .frame:after, #content .contact-form .line:after, #layout-2col:after, #layout-1col:after, .multi-column:after, .special .item:after, .shoot-links:after, ul.thumbs:after, #content .row:after, .blog-post .details:after, #content .studios:after, #content .contact-details:after, #column2 .shoot-links .list:after, #content .awards-list .award:after, .clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#content ul, #content ol
{
    padding: 0px;
    margin: 5px 25px;
    list-style-position: inside;
}

#content li
{
    padding: 4px 0px 4px 0px;
    margin: 0px;
    list-style-position: inside;
}

/* Header
--------------------------------------------------------------------- */

#header
{
    display: block;
    clear: both;
    height: 1%;
}

#header .logo
{
    padding-top: 2px;
    width: 365px;
    float: left;
    margin-top: 20px;
}

.logo h1 a
{
    display: block;
    width: 365px;
    height: 1px;
    overflow: hidden;
    padding-top: 90px;
    background-image: url(../images/katrina_christ_logo.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#header .page-tools
{
    position: relative;
    right: 0px;
    font-size: 11px;
    line-height: 15px;
}

#header .page-tools ul
{
    padding: 0px;
    position: absolute;
    right: 0px;
    margin: 5px 0px;
    list-style: none;
}

#header .page-tools ul li
{
    float: left;
    color: #ae9987;
}
#header .page-tools a:link, #header .page-tools a:visited
{
    text-decoration: underline;
    margin-left: 8px;
    color: #ae9987;
}
#header .page-tools a:hover, #header .page-tools a:active
{
    text-decoration: none;
}
#header .page-tools ul .home a
{
    display: block;
    width: 23px;
    height: 1px;
    overflow: hidden;
    padding-top: 16px;
    background-image: url(../images/btn-home.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#header .page-tools ul .font-size-small a
{
    display: block;
    width: 23px;
    height: 1px;
    overflow: hidden;
    padding-top: 16px;
    background-image: url(../images/btn-font.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#header .page-tools ul .font-size-large a
{
    display: block;
    width: 23px;
    height: 1px;
    overflow: hidden;
    padding-top: 16px;
    background-image: url(../images/btn-font-large.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

#header .page-tools ul li a:hover
{
    background-position: 0px -17px;
}
#header .page-tools ul .font-size-small a,
#header .page-tools ul .font-size-large a
{
 margin-left: 0px !important
}



/* Navigation 
--------------------------------------------------------------------- */

#primary-nav
{
    height: 41px;
    padding-top: 45px;
}

/* top level */

#primary-nav div.katrina_menu ul, #primary-nav div.katrina_menu li
{
    margin: 0;
    padding: 0;
}

div.katrina_menu
{
    float: right;
}

#primary-nav div.katrina_menu a
{
    color: #ae9987;
    text-decoration: none;
    padding: 0;
    font-size: 1.2em;
    margin: 0;
}
#primary-nav div.katrina_menu .rmText
{
    padding: 0 18px;
    line-height: 45px;
}
#primary-nav div.katrina_menu li
{
    background: url(../images/nav-divider.gif) no-repeat 100% 50%;
}

#primary-nav div.katrina_menu li.rmLast
{
    background: none;
}

div.katrina_menu a:hover, div.katrina_menu a:active, div.katrina_menu a.rmExpanded
{
    color: #000;
    background: url(../images/nav-arrow.gif) no-repeat 50% 100%;
}

div.katrina_menu .rmLevel1 li
{
    background: none;
    border-bottom: 1px solid #c4b3a5;
}

div.katrina_menu .rmLevel1 a
{
    /* for IE */
    filter: alpha(opacity=90); /* CSS3 standard */
    opacity: 0.9;
    background: #fff url(../images/bg-sub-nav.gif) no-repeat 3% 50%;
}

#primary-nav div.katrina_menu .rmLevel1 a:hover, #primary-nav div.katrina_menu .rmLevel1 a:active
{
    color: #fff;
    background-color: #c4b3a5;
    background-image: url(../images/bg-sub-nav-over.gif);
}

#primary-nav div.katrina_menu .rmLevel1 .rmText
{
    margin: 0 !important;
    padding: 0 15px 0 15px;
    line-height: 28px;
    width: 160px;
}

/* Gallery 
--------------------------------------------------------------------- */

.photo-display
{
    padding-top: 3px;
    display: block;
    clear: both;
    margin-bottom: 1px;
	height: 430px;
}

.photo-display img
{
    display: block;
}

.pics
{
    height: 430px;
    width: 985px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.pics img
{
    width: 985px;
    height: 430px;
    top: 0;
    left: 0;
}

/* Layout  
--------------------------------------------------------------------- */

.page-content
{
    width: 985px;
    margin: 0px auto;
}

#content
{
    margin: 0px;
    display: block;
    min-height: 445px;
}

#layout-1col
{
    display: block;
    clear: both;
    margin-bottom: 0px;
}

#layout-2col
{
    display: block;
    clear: both;
    margin-bottom: 10px;
}

#layout-1col #column1
{
    display: block;
    clear: both;
}

#layout-2col #column1
{
    float: left;
    width: 750px;
}

#layout-2col #column2
{
    width: 220px;
    float: left;
    margin-left: 15px;
    padding-top: 0px;
}

/* Footer 
--------------------------------------------------------------------- */

#footer
{
    display: block;
    clear: both;
    background: #c4b3a5 url(../images/bg-motif.gif);
    background-position: center top;
    background-repeat: no-repeat;
    height: 120px;
}

#footer .copyright
{
    clear: both;
    float: left;
    color: #918276;
    margin: 60px 20px;
}

#footer .copyright ul
{
    padding: 5px 0px;
    display: block;
    clear: both;
    margin: 0px;
    list-style: none;
}

#footer .copyright ul li
{
    float: left;
    padding: 0px 5px 0px 5px;
}

#footer .copyright ul li a
{
    color: #918276;
}

#footer .locations
{
    float: right;
    padding: 15px 0px;
}

#footer .locations ul
{
    padding: 0px;
    margin: 0px;
}

#footer .locations ul li
{
    padding: 4px 0px;
    margin: 0px 10px;
    display: block;
}

#footer .locations .brisbane, #footer .locations .sydney, #footer .locations .melbourne
{
    float: left;
    padding-bottom: 8px;
    background-image: url(../images/footer-divider.gif);
    background-position: 100% 0%;
    background-repeat: no-repeat;
}

#footer .locations .sydney
{
    background: none;
}

#footer .locations p
{
    padding: 0px;
    margin: 0px;
    color: #FFF;
}

#footer .locations ul li a
{
    text-decoration: none;
    font-weight: bold;
}

/*----------------------- Gallery Page ---------------------- */

.multi-column
{
    display: block;
    clear: both;
    padding: 10px 0px 10px 0px;
}

.multi-column .col1, .multi-column .col2, .multi-column .col3, .multi-column .col4
{
    float: left;
    width: 216px;
}

.multi-column .col2
{
    margin: 0px 40px 0px 40px;
}

.multi-column .col3
{
    margin: 0px 40px 0px 0px;
}

.multi-column .details
{
    padding-top: 8px;
}

.multi-column .details h2
{
    color: #000;
    padding-bottom: 7px !important;
    background-image: url(../images/bg-multicol.gif);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    text-align: center !important;
}

.multi-column .button
{
    border: 1px solid #c4b3a5;
    padding: 1px;
    width: 87px;
    text-align: center;
    margin: 0px auto;
}

.multi-column .button.promo
{
    width: 125px;
}

.multi-column .button.shoots
{
    width: 125px;
}

.multi-column .button a
{
    display: block;
    background: #c4b3a5;
    padding: 5px 10px 5px 10px;
    color: #fff;
    text-decoration: none;
}

.multi-column .button a:hover
{
    background: #FFF;
    color: #ae9987;
}

/*---------------------- Contact Form ---------------------------- */
table{
	width: 100%
}

#content .contact-form
{
    padding-top: 10px;
    margin: 0px auto;
    display: block;
    clear: both;
    width: 600px;
}
/*
#content .contact-form .line ul{
padding: 0px;
margin: 0px;

}
#content .contact-form .line ul li{
padding: 0px;
margin: 0px;
list-style: none;
float: left
}
#content .contact-form .line.checklist span
{
	display: block;
	margin-left: 150px
}
#content .contact-form .line div {
padding-top: 10px
}
#content .contact-form .line div ul li label,
#content .contact-form .line div ul li input{
float: left
}
#content .contact-form .line div ul li label{
padding-top: 2px
}
*/
#content .contact-form ul.vertical
{
    display: block;
    float: left;
    padding: 0;
    margin: 0;
}
#content div.contact-form ul.vertical li
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#content div.contact-form ul.vertical li label
{
    float: none;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.5em;
}
#content .contact-form ul.vertical li input
{
    padding: 0;
    margin: 0 0.5em 0 0;
}
#content .contact-form .line
{
    padding: 8px 0px 6px 5px;
    margin: 2px 0px 2px 0px;
    display: block;
    clear: both;
    background: #f3ece7;
    border: 1px solid #ece1d9;
    height: 1%
}

#content .contact-form .line label
{
    padding: 0px 0px;
    margin: 0px;
    float: left;
    width: 150px;
}

#content .contact-form .line .textbox
{
    color: #000;
    font-size: 1em;
    border: 1px solid #ece1d9;
    width: 180px;
    background: #FFF;
}

#content .contact-form .line .textarea
{
    color: #000;
    border: 1px solid #ece1d9;
    width: 230px;
    background: #FFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 1em;
}

#content .contact-form .submit
{
    color: #FFF;
    font-size: 11px;
    border: 1px solid #ece1d9;
    margin: 5px 0 5px 205px;
    background: #c4b3a5;
    padding: 5px 8px 5px 8px;
}

#content .contactdetails
{
    border: 1px solid #272727;
    margin-top: 6px;
    padding: 3px;
    width: 252px;
}

#content .contactdetails .item
{
    background: url(../images/bg-comp.gif) top left repeat-x;
    padding: 17px 7px;
}

#content .contactdetails ul
{
    list-style: none;
    padding-top: 8px;
}

#content .contactdetails ul li
{
    list-style: none;
    padding: 3px 5px 8px 10px;
    color: #7ba219;
}

#content .contactdetails li span
{
    padding-left: 10px;
    color: #fff;
}

#content .contactdetails li .secline
{
    padding-left: 58px;
    color: #fff;
    display: block;
}

#content .contactdetails .email
{
    padding-left: 28px;
    color: #fff;
}

#content .contactdetails .phone
{
    padding-left: 22px;
    color: #fff;
}

/*-------------------- GALLERY PLAYER ------------------------*/

div.display
{
    /* The display of content is enabled by a javascript generated style on the page. 	   This is so that the slideshow content won't display unless javascript is enabled. */
    display: block;
    position: relative;
}

div.display a, div.navigation a
{
    text-decoration: none;
    color: #ae9987;
}

div.display a:focus, div.display a:hover, div.display a:active
{
    text-decoration: underline;
    color: #000;
}

div.controls
{
    margin-top: 5px;
}

div.controls a
{
    display: inline-block;
    font-weight: bold;
}

div.ss-controls
{
}

div.nav-controls
{
    float: right;
}

.ss-controls
{
    border: 1px solid #c4b3a5;
    padding: 1px;
    position: absolute;
    bottom: 20px;
    right: 10px;
}

.ss-controls .play
{
    background: #dcccc0;
    background-image: url(../images/play-icon.gif);
    background-position: 97% 7px;
    background-repeat: no-repeat;
    font-weight: normal;
    color: #fff;
    padding: 5px 15px 5px 5px;
    display: block;
    width: 80px;
}

.ss-controls .play:hover
{
    background: #fff;
    background-image: url(../images/play-icon-hover.gif);
    background-position: 97% 7px;
    background-repeat: no-repeat;
    font-weight: normal;
    color: #c4b3a5;
    padding: 5px 15px 5px 5px;
    text-decoration: none;
    display: block;
}

.ss-controls .pause
{
    background: #dcccc0;
    background-image: url(../images/pause-icon.gif);
    background-position: 97% 7px;
    background-repeat: no-repeat;
    font-weight: normal;
    color: #fff;
    padding: 5px 15px 5px 5px;
    display: block;
    text-decoration: none !important;
    width: 90px;
}

.ss-controls .pause:hover
{
    background: #fff;
    font-weight: normal;
    color: #c4b3a5;
    padding: 5px 15px 5px 5px;
    text-decoration: none;
    display: block;
    background-image: url(../images/pause-icon-hover.gif);
    background-position: 97% 7px;
    background-repeat: no-repeat;
}

.nav-controls
{
    display: block;
    position: absolute;
    top: 150px;
    width: 850px;
    margin: 0px 65px;
    padding: 1px;
}

.nav-controls .next
{
    background-image: url(../images/gallery-arr-next.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 1px;
    padding-top: 35px;
    width: 24px;
    float: right;
    overflow: hidden;
}

.nav-controls .prev
{
    background-image: url(../images/gallery-arr-prev.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 1px;
    padding-top: 35px;
    width: 24px;
    float: left;
    overflow: hidden;
}

.nav-controls .next:hover
{
    background-position: 0px -37px;
}

.nav-controls .prev:hover
{
    background-position: 0px -37px;
}

div.loader
{
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    background-position: center;

}

div.slideshow
{
    clear: both;
    text-align: center;   
}

div.slideshow span.image-wrapper
{
    padding: 10px 0px 12px 0px;
    display: block; 
}

div.slideshow a.advance-link
{
    padding: 2px;
    display: block;
}

div.slideshow img
{
    border: none;
    display: block;
    height: 380px;
    margin: 0px auto;

}


div.download
{
    float: right;
}

div.embox
{
    clear: both;
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 12px;
    display: none;
}

div.image-title
{
    font-weight: bold;
    font-size: 1.4em;
}

div.image-desc
{
    line-height: 1.3em;
    padding-top: 12px;
}

div.navigation
{
    /* The navigation style is set by a javascript generated style on the page. 	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}

ul.thumbs
{
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
    display: block;    
}

ul.thumbs li
{
    float: left;
    padding: 0 !important;
    margin: 5px 0px 5px 17px !important;
    list-style: none;    
}

a.thumb
{
    padding: 1px;
    display: block;    
}

ul.thumbs li.selected a.thumb
{
    background: #000;
}

a.thumb:focus
{
    outline: none;
}

ul.thumbs img
{
    border: none;
    display: none;    
}

div.pagination
{
    clear: both;
    margin: 0px 17px;
}

div.navigation div.top
{
    margin-bottom: 12px;
    height: 11px;
    display: none;
}

.thumbview
{
    display: block;
    border: 1px solid #c4b3a5;
    padding: 1px;
    width: 110px;    
}

.thumbview a
{
    background: #dcccc0;
    font-weight: normal;
    color: #fff;
    padding: 5px 5px 5px 18px;
    display: block;
    text-decoration: none;
    background-image: url(../images/expand-icon.gif);
    background-position: 3% 7px;
    background-repeat: no-repeat;    
}

.thumbview a:hover
{
    background: #fff;
    font-weight: normal;
    color: #c4b3a5;
    padding: 5px;
    text-decoration: none;
    padding: 5px 5px 5px 18px;   
}

.thumbview.display
{
    font-weight: normal;
    color: #c4b3a5;
    text-decoration: none;    

}
/*
.thumbview.display
{

    background-image: url(../images/black-bg.gif);
    background-position: 367px 20px;
    background-repeat: no-repeat;   
}
*/
.thumbview.display a
{
       
    /*	background-image: url(../images/pause-icon.gif); background-position: 3% 7px; background-repeat: no-repeat; background-color: #FFF; */
}

div.navigation div.bottom
{
    margin-top: 12px;
}

div.pagination a, div.pagination span.current
{
    display: block;
    float: left;
    margin-right: 2px;
    padding: 4px 7px 2px 7px;
    border: 1px solid #c4b3a5;
}

div.pagination a:hover
{
   
    text-decoration: none;
    color: #FFF;
}

div.pagination span.current
{
    font-weight: bold;
    background: #c4b3a5;
    border-color: #c4b3a5;
    color: #fff;
}

/* Minimal Gallery Styles */

#thumbs-min ul.thumbs li
{
    float: none;
    padding: 0;
    margin: 0;
    list-style: none;    
}

#thumbs-min a.thumb
{
    padding: 0px;
    display: inline;
    border: none;    
}

#thumbs-min ul.thumbs li.selected a.thumb
{
    background: inherit;
    color: #000;
    font-weight: bold;    
}

/* ---------------- SPECIAL ---------------------*/

.special
{
    display: block;
    clear: both;
    background: #f0e7e0;
    padding: 1px;
    margin: 10px 0px;
}

.special.sized
{
    display: block;
    clear: both;
    background: #f0e7e0;
    padding: 1px;
    margin: 10px auto;
    width: 750px;
}

.special .item
{
    position: relative;
    clear: both;
    padding: 10px;
    min-height: 189px;
    padding-left: 340px;
    border: 2px solid #fff;
}

.special .item .image
{
    position: absolute;
    height: 185px;
    width: 314px;
    left: 10px;
    top: 10px;
    overflow: hidden;
    border: 3px solid #fff;
}

.special .item .image img
{
    display: block;
}

.special .item h2
{
    font-size: 2.4em !important;
    width: 400px !important;
    overflow: hidden
}
.special .item h2 span{
     float: left
}
.special .item p
{
    font-size: 1.2em;
}

.special .item .conditions
{
    color: #ae9987;
    font-size: 1.0em;
    position: absolute;
    bottom: 5px;
    left: 340px;
}

.special .intro
{
    color: #ae9987;
    font-size: 1.5em;
    clear: both;
}

.special .more
{
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    padding: 1px;
    width: 120px;
    position: absolute;
    bottom: 0px;
    text-align: center;
    right: 0px;
}

.special .more a
{
    background-color: #fff;
    color: #ae9987;
    display: block;
    padding: 5px;
    font-weight: bold;
    text-decoration: none;
}

.special .more a:hover
{
    background-color: #f0e7e0;
    color: #cfc3b8;
    display: block;
    padding: 5px;
    font-weight: bold;
    text-decoration: none;
}

.spec-conditions
{
    display: block;
    clear: both;
}

.special.promo
{
    background: none;
}

.special.promo .item
{
    clear: both;
    padding: 10px 10px 10px 0px;
    min-height: 30px;
    border-bottom: 1px solid #f0e7e0;
}

.special.promo .item .conditions
{
    color: #ae9987;
    font-size: 1.0em;
    position: relative;
    bottom: 0px;
    left: 0px;
}

.special.promo p
{
    margin: 0px 0px 5px 0px;
}

#content .promo
{
    display: block;
    clear: both;
    margin: 34px 0px 10px 0px;
    padding: 1px;
    border-bottom: 1px solid #dfcfc2;
}

#content .promo .pic
{
    display: block;
    clear: both;
    width: 216px;
    overflow: hidden;
}

#content .promo .details
{
    display: block;
    clear: both;
    padding-bottom: 5px;
}

#content .promo .title
{
    font-size: 1.3em;
    padding: 5px 5px 3px 5px;
    color: #9c836f;
    border-top: 1px solid #FFF;
}

#content .promo .details p
{
    padding: 5px 5px 5px 5px;
    margin: 0px;
}

#content .promo.franchise
{
    margin-top: 3px;
}

#content .promo.franchise .details
{
    background: none;
}

#content .promo.franchise .title
{
    border: 0px;
    border-bottom: 1px solid #dccec3;
    padding: 7px 5px 7px 5px;
}

#content .promo.franchise ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

#content .promo.franchise ul li
{
    margin: 2px;
    border-bottom: 1px dotted #dccec3;
    background-image: url(../images/arrow-next.gif);
    background-repeat: no-repeat;
    background-position: 10px 8px;
    padding: 4px 5px 4px 20px !important;
}

#content .promo.franchise ul li:last-child,
#content .promo.franchise ul li.last-child
{
    border: 0px;
    padding: 4px 5px 0px 20px !important;
}

#content .promo.franchise ul li a
{
    text-decoration: none;
}

/*---------------------- LIST ---------------------*/

#column2 .shoot-links
{
    display: block;
    clear: both;
    padding: 0px;
    margin-top: 0px;
}

.shoot-links
{
    display: block;
    clear: both;
    padding: 0px;
    margin-top: 20px;
}

.shoot-links .list
{
    float: left;
    border-right: 1px solid #f0e7e0;
    margin: 0px 5px 0px 5px;
    width: 177px;
}

#column2 .shoot-links .list
{
    float: none;
    display: block;
    clear: both;
    border-bottom: 1px solid #f0e7e0;
    margin: 0px 5px 0px 5px;
    width: 220px;
    padding: 6px 0px 6px 0px;
    border-right: 0px;
}

.shoot-links .list .image
{
    border: 1px solid #f0e7e0;
    padding: 1px;
    width: 163px;
    margin-top: 5px;
    height: 49px;
}

.shoot-links .list .image img
{
    width: 163px;
    height: 49px;
    overflow: hidden;
}

.shoot-links .list.last-child
{
    margin-right: 0px;
    width: 180px;
}

.shoot-links .list h4
{
    color: #b19e8c;
    font-weight: normal;
    font-size: 1.4em;
}

.shoot-links p
{
    margin-bottom: 0px;
}

.shoot-links .more
{
    float: right;
    padding: 0px 10px 0px 0px;
}

.shoot-links .more a
{
    color: #ae9987;
    font-weight: bold;
    text-decoration: none;
    background-image: url(../images/arrow-next.gif);
    background-position: 0 5px;
    background-repeat: no-repeat;
    padding-left: 7px;
    display: block;
}

.shoot-links .more a:hover
{
    color: #000;
    background-image: url(../images/arrow-next-over.gif);
    background-position: 0 5px;
    background-repeat: no-repeat;
}

/*----------------- IMAGE LAYOUT --------------------*/

#content .story-image
{
    border: 3px solid #dfcfc2;
    padding: 2px;
    float: right;
    margin-left: 10px;
}
#content .imgRight
{
    float: right;
    padding: 0;
    display: block;
    margin: 5px 0 5px 5px;
}
#content .imgRight img
{
    border: 3px solid #dfcfc2 !important;
    padding: 2px;
}
img.left
{
    float: left;
    display: block;
    margin: 5px 5px 5px 0;
}

img.right
{
    float: right;
    display: block;
    margin: 5px 0 5px 5px;
}

/*------------------ PRODUCTS PAGE ------------------------*/

#content .row
{
    display: block;
    clear: both;
    padding-bottom: 15px;
}

.products
{
    display: block;
    clear: both;
    padding: 0px;
    margin-top: 20px;
}

.products .list
{
    float: left;
    border-right: 1px solid #f0e7e0;
    margin: 0px 5px 15px 10px;
    width: 182px;
	min-height: 320px
}

.products .list .image
{
    border: 1px solid #f0e7e0;
    padding: 1px;
    width: 163px;
    margin-top: 5px;
    height: 166px;
}

.products .list .image img
{
    width: 163px;
    height: 166px;
    overflow: hidden;
}

.products .list.last
{
    margin-right: 0px;
    width: 180px;
    border: 0px;
    margin: 0px 0px 15px 10px;
}

.products .list h4
{
    color: #b19e8c;
    font-weight: normal;
    font-size: 1.4em;
}

.products .first
{
    clear: left;
}

.products p
{
    padding: 0px 10px 0px 0px;
}

/*----------------------- BLOG POST ------------------------*/

.blog-post
{
    display: block;
    clear: both;
    margin: 0px 0px 10px 0px;
}

.blog-post .title
{
    color: #b19e8c;
    font-weight: normal;
    font-size: 1.1em;
    padding-top: 5px;
    font-weight: bold;
}

.blog-post .details
{
    display: block;
    clear: both;
    padding-bottom: 7px;
    border-bottom: 1px solid #f0e7e0;
}

.blog-post p
{
    margin-bottom: 10px;
}

.blog-post h2
{
    white-space: nowrap;
}

.blog-post .read-more
{
    float: right;
    padding: 0px 10px 0px 0px;
}

.blog-post .read-more a
{
    color: #ae9987;
    font-weight: bold;
    text-decoration: none;
    background-image: url(../images/arrow-next.gif);
    background-position: 0 5px;
    background-repeat: no-repeat;
    padding-left: 7px;
    display: block;
}

.blog-post .read-more a:hover
{
    color: #000;
    background-image: url(../images/arrow-next-over.gif);
    background-position: 0 5px;
    background-repeat: no-repeat;
}

.testimonials
{
    display: block;
    clear: both;
    background: none;
    padding: 1px;
    margin: 32px 0px 10px 0px;
    background: #c4b3a5;
    background-image: url(../images/bg-motif-test.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
}

.testimonials .inner
{
    border: 2px solid #fff;
    padding: 10px;
    background: none;
}

.testimonials p
{
    font-style: italic;
    padding-bottom: 5px;
    margin: 0px;
    color: #FFF;
    background: none;
    line-height: 18px;
}

.testimonials .photo
{
    display: block;
    margin-bottom: 8px;
}

.testimonials .name
{
    color: #fff;
    font-size: 1.3em;
    padding: 0px;
    font-style: italic;
    font-weight: bold;
}

.testimonials .quote-left
{
    float: left;
    width: 25px;
    height: 23px;
}

.testimonials .quote-right
{
    vertical-align: bottom;
}

/*----------------------- GUARANTEE PAGE  ------------------------*/

#content .guarantee-list
{
    margin-left: 20px;
    list-style: none;
}

#content .guarantee-list li
{
    margin: 0px;
    padding: 5px 0px 5px 20px;
    background-image: url(../images/tick.gif);
    background-position: 0 50%;
    background-repeat: no-repeat;
}

/*----------------------- AWARDS PAGE  ------------------------*/

#content .awards-list
{
    display: block;
    clear: both;
    position: relative;
    border-bottom: 1px dotted #ae9987;
}

#content .awards-list .details
{
    display: block;
    clear: both;
    min-height: 180px;
}

#content .awards-list h3
{
    display: block;
    clear: both;
    padding-left: 135px;
}

#content .awards-list .image
{
    position: absolute;
    top: 10px;
    left: 10px;
    border: 1px solid #ae9987;
}

#content .awards-list .image img
{
    padding: 2px;
}

#content .awards-list .award
{
    margin-left: 135px;
    display: block;
    clear: both;
}

#content .awards-list .title
{
    color: #ae9987;
    padding-top: 10px;
    font-size: 1.2em;
}

#content .awards-list ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

#content .awards-list ul li
{
    padding: 3px 20px 5px 0px;
    margin: 0px;
    float: lefT;
}

/*----------------------- CONTACT PAGE  ------------------------*/

#content .studios
{
    padding: 0px;
    margin-top: 10px;
    border-bottom: 1px solid #e0d2c8;
    position: relative;
    min-height: 145px;
}

#content .studios .photo
{
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 1px;
    border: 1px solid #000;
}
#content .studios .photo img
{
    display: block;
}

#content .studios h3
{
    margin-left: 195px;
}

#content .studios p
{
    margin-left: 195px;
}

#content .studios ul
{
    margin-left: 195px;
    list-style: none;
}

#content .studios ul li
{
    float: left;
    padding: 2px 12px 2px 15px;
    background-image: url(../images/arrow-next.gif);
    background-position: 8px 6px;
    background-repeat: no-repeat;
    border-right: 1px solid #e0d2c8;
    color: #000;
}

#content .studios ul li a
{
    display: block;
}

/*TEAM */

#content .team
{
    float: left;
    width: 360px;
    min-height: 125px;
    margin: 15px 10px 0px 0px !important;
}

#content .team.last-child
{
    margin: 0px 10px 10px 0px;
}

#content .team img
{
    float: left;
    display: block;
    padding: 1px;
    background-color: #dfcfc2;
    margin-right: 10px;
}

#content .team .name
{
    font-size: 1.3em;
    padding: 0px 5px 5px 5px;
    color: #9c836f;
}

#content .team p
{
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

#content .team .name a
{
    color: #9c836f;
    text-decoration: none;
}

#content .team .name a:hover
{
    color: #000;
    text-decoration: none;
}

/** LInks**/

#content .links
{
    display: block;
    clear: both;
    margin-bottom: 10px;
    padding: 1px;
}

#content .links .details
{
    display: block;
    clear: both;
    padding-bottom: 5px;
    border-bottom: 1px dotted #dccec3;
}

#content .links .details p
{
    padding: 0px 5px 4px 0px;
    margin: 0px;
}

#content .links ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

#content .links ul li
{
    margin: 2px;
    background-image: url(../images/arrow-next.gif);
    background-repeat: no-repeat;
    background-position: 10px 8px;
    padding: 4px 5px 4px 20px;
}

#content .promo.franchise ul li a
{
    text-decoration: none;
    display: block;
}

#content .promo.franchise ul li a:hover
{
    text-decoration: underline;
}

/* MAP*/

#content #map
{
    border: 3px solid #c4b3a5;
    padding: 2px;
    margin-top: 10px;
    float: left;
}

#content #map .inside
{
    border: 1px solid #FFF;
}

#content .contact-details
{
    display: block;
    clear: both;
    height: 1%;
}

#content .contactinfo
{
    float: left;
    margin-top: 10px;
    padding: 1px;
    width: 320px;
    margin-right: 10px;
}

#content .contactinfo .details
{
    display: block;
    clear: both;
    padding-bottom: 5px;
}

#content .contactinfo span
{
    display: block;
    clear: both;
    padding-left: 52px;
}

#content .contactinfo .title
{
    font-size: 1.3em;
    padding: 7px 5px 5px 5px;
    color: #fff;
    background: #c4b3a5;
    border-top: 1px solid #FFF;
}

#content .contactinfo .details p
{
    padding: 0px 5px 4px 5px;
    margin: 0px;
}

#content .contactinfo .title
{
    border: 0px;
}

#content .contactinfo ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

#content .contactinfo ul li
{
    padding: 6px 5px 6px 0px;
    margin: 2px;
    border-bottom: 1px solid #dccec3;
}


.promo.franchise .rtUL .rtLast .rtTop{
	border: 0px
}
.RadTreeView.RadTreeView_Default .rtUL .rtLast{
	 border: 0px !important;

}
.rtLI.rtFirst.rtLast{
	 padding-left: 5px !important
}
#column2 select{
	margin-top: 10px !important;
	width: 218px
}
p.sf_postDate{
	color: #ae9987;
	line-height: 20px !important;
	font-size: 1.0em !important
}
.sf_postTitle{
    font-size: 1.8em !important;
	border: 0;
	margin: 0px -7px !important;
	*margin: 0px -15px !important;
	padding: 0px !important
}

.sf_postTitle a{
	font-size: 1.0em !important;
	text-decoration: none;
	padding: 0px !important;
	margin: 0px !important
}
.sf_postAuthor,
.sf_postTags,
.sf_postCategory{
	color: #ae9987;
}
.sf_postListing li{
	border-bottom: 1px dotted #ae9987;
	margin: 5px 0px 5px 0px !important
}
.sf_postListing {
	padding: 0px;
	margin: 0px !important
}
.sf_singlePost .sf_postTitle{
	margin: 0px -0px !important;
}
p.sf_back{
	display:block;
	text-align: right;
	height: 30px
}
p.sf_back a{
	display:block;
	border: 1px solid red;
	padding: 5px 8px 5px 8px !important;
	float: right;
	text-decoration: none;
    color: #FFF;
    font-size: 11px;
    border: 1px solid #ece1d9;
    background: #c4b3a5;
	margin-top: 5px;

}
.sf_singlePost .sf_postAuthor{
	padding-top: 5px
}
.sf_postNewComment input
{
	color: #000;
    font-size: 1em;
    border: 1px solid #ece1d9;

}
.RadEditor.Default.reWrapper {
   background: #ece1d9 !important;
  border: 1px solid #ece1d9 !important;
}
.reContentCell{
	border: 1px solid #d3c1b4 !important
}
.sf_commentSubmit
{
	color: #FFF !important;
    font-size: 11px;
    border: 1px solid #ece1d9;
    background: #c4b3a5;
    padding: 5px 8px 5px 8px
}