@import url(sitefinity.css);
@import url(safari.css);
@import url(jquery.lightbox-0.5.css);

/* 2009 madewithpixels */
/* XHTML / CSS written by Michael Auty */


/* GLOBAL STYLES 
-------------------------------------------------------------------------------*/
html, body
{
    width: 100%;
    height: 100%;
}

body
{
    height: 100%;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 62.5%;
    color: #222;
    line-height: 2em;
    background: #342027;
}



/* RESET DEFAULT AND DEFINE GENERIC STRUCTURAL STYLES
-------------------------------------------------------------------------------*/
body, p, h1, h2, h3, h4, h5, ul, ol, li, form, input, fieldset, label, blockquote, dl, dt, dd, fieldset, a:link img, a:visited img, a:active img, a:hover img
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: none;
}

.clear
{
    clear: both;
}

.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}

img.floatleft
{
    margin: 5px 20px 20px 0;
}

hr
{
    display: none;
}

.icon, .hdr
{
    margin: 0;
    padding: 0;
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

.ehl
{
    unicode-bidi: bidi-override;
    direction: rtl;
}

/* GLOBAL TYPOGRAPHY
-------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0 0 0 10px;
    color: #4d2e3f;
    font-weight: normal;
}

h1#logo a:link, h1#logo a:visited, h1#logo a:active, h1#logo a:hover, p#logo a
{
    display: block;
    margin: 0 0 0 -10px;
    padding: 0;
    width: 238px;
    height: 85px;
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    background: url(../../images/logo.png) no-repeat;
}

h1
{
    margin: 0;
}

h2
{
    position: absolute;
    top: 0;
    width: 160px;
    padding: 15px 0 0 643px;
    color: #aea6a9;
    font-size: 1.1em;
    line-height: 1.4em;
    text-align: right;
}

h2 strong
{
    color: #fff;
}

h3
{
    font-size: 2.4em;
    margin: 0 0 15px 0;
}

h4
{
    font-size: 1.8em;
    margin: 0 0 10px 0;
    padding: 10px 0 0 10px;
}

h5
{
    font-size: 1.2em;
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    font-weight: bolder;
}

p
{
    font-size: 1.2em;
    margin: 0 0 15px 0;
    padding: 0 15px 0 10px;
}

em
{
    font-style: italic;
}

sup
{
    padding: 0 0 0 1px;
}



/* GLOBAL LINK STYLES
-------------------------------------------------------------------------------*/
a
{
    /* Firefox */
    outline: none;
}

a:link, a:visited, a:active
{
    color: #5b0013;
    text-decoration: underline;
}

a:hover
{
    text-decoration: none;
}



/* GLOBAL FORM STYLES
-------------------------------------------------------------------------------*/

/* - these styles were made more specific to avoid clashing with sitefinity admin - */
#contactus input, #contactus textarea, #contactus select
{
    width: 200px;
    margin: 0 0 10px 0;
    padding: 7px;
    color: #7d7e63;
    background: #fbfdc6;
    border: 3px solid #c7bfb3;
    font-family: Arial, Helvetica, Sans-serif;
}

#contactus textarea
{
    width: 325px;
    height: 150px;
    font-size: 1.1em;
}

#contactus label
{
    float: left;
    display: inline;
    width: 150px;
    margin: 0 10px 0 0;
    padding: 0 0 0 0;
    font-size: 1.1em;
}

#contactus input.error, #contactus select.error, #contactus textarea.error
{
    background: #e79292;
    color: #ad0606;
}

#contactus p.validation, #contactus p.validation_textarea
{
    position: absolute;
    margin: -40px 0 0 350px;
    width: 25px;
    height: 23px;
    background: url(../../images/icon_validation.png) 0 2px no-repeat;
}

#contactus p.validation_textarea
{
    margin: -176px 0 0 475px;
}

span.req
{
    font-size: 1.4em;
    font-weight: bolder;
    color: red;
}

a:link.btn_submit, a:visited.btn_submit, a:active.btn_submit
{
    display: block;
    float: right;
    margin: 0 5px 5px 0;
    padding: 5px 10px 5px 10px;
    color: #fff;
    font-size: 1.4em;
    font-weight: bolder;
    background: #4d2e3f;
    text-decoration: none;
}

a:hover.btn_submit
{
    background: #342027;
}



/* GLOBAL LAYOUT
-------------------------------------------------------------------------------*/
#sitewrapper
{
    width: 810px;
    height: 100%;
    margin: 0 auto;
}

#content
{
    float: left;
    display: inline;
    margin: 100px 0 0 0;
    padding: 10px;
    background: #615156;
}

#leftcol
{
    float: left;
    display: inline;
    margin: 10px 10px 0 -238px;
    width: 238px;
    background: url(../../images/navmainback.png) repeat-y;
}

#img_leftcol
{
    float: left;
    display: inline;
    clear: left;
    margin: 0 0 0 0;
    width: 238px;
    height: 303px;
    overflow: hidden;
    border-top: 1px solid #ede6dc;
    border-bottom: 10px solid #ede6dc;
}

#rightcol
{
    float: left;
    display: inline;
    margin: 0 0 0 0;
    width: 555px;
    padding: 0 0 0 248px;
    background: #ede6dc;
}

#imgmain
{
    float: left;
    display: inline;
    margin: 10px 0 15px 0;
    height: 229px;
}

#imgmain div
{
    background-repeat: no-repeat;
}

#text
{
    /* used in sitefinity admin */
    float: left;
    width: 535px;
}

#footer a:link, #footer a:visited, #footer a:active
{
    color: #fff;
    text-decoration: none;
}

#footer a:hover
{
    text-decoration: underline;
}

#footer ul
{
    float: left;
    display: inline;
    margin: 15px 10px 30px 10px;
    line-height: 1.8em;
    font-size: 1.1em;
}

#footer ul#address
{
    float: right;
    display: inline;
    margin: 10px 0 0 0;
    padding: 0 0 40px 0;
    text-align: right;
    line-height: 1.6em;
    color: #fff;
}

#footer ul#address li.eml
{
    padding: 10px 0 10px 0;
}

#footer ul#address li.eml a:link, #footer ul#address li.eml a:visited, #footer ul#address li.eml a:active
{
    text-decoration: underline;
}

#footer ul#address li.eml a:hover
{
    text-decoration: none;
}

#footer ul#address li#tel
{
    font-size: 1.4em;
    font-weight: bolder;
    line-height: 2em;
    background: url(../../images/icon_tel.png) 72px 8px no-repeat;
}

#footer ul#address li#tel span
{
    width: 16px;
    height: 12px;
    text-align: -5000px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    color: #342027;
}

#footer ul#address li.sflogo
{
    text-align: -5000px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    width: 193px;
    height: 39px;
    color: #342027;
    background: url(../../images/sflogo.png) top right no-repeat;
}


/* main navigation 
------------------------------------------*/
#navmain
{
    float: left;
    display: inline;
    width: 228px;
    padding: 20px 10px 20px 0;
}

#navmain li a:link, #navmain li a:visited, #navmain li a:active
{
    display: block;
    float: right;
    width: 100px;
    padding: 2px 28px 0 10px;
    color: #fff;
    background: url(../../images/arrow.png) top right no-repeat;
    text-decoration: none;
}

#navmain li a:hover, #navmain li a.selected
{
    background: #4d2e3f url(../../images/arrowover.png) top right no-repeat;
    text-decoration: none;
}

#navmain li
{
    float: right;
    display: inline;
    width: 238px;
    text-align: right;
    font-size: 1.1em;
    text-transform: uppercase;
}

#navmain li ul
{
    background: #4d2e3f;
}

#navmain li ul li
{
    float: right;
    display: inline;
    width: 238px;
    font-size: 1.1em;
    text-transform: none;
}

#navmain li ul li a:link, #navmain li ul li a:visited, #navmain li ul li a:active
{
    display: block;
    float: right;
    width: 98px;
    padding: 2px 10px 0 10px;
    background-image: none;
    text-decoration: none;
    color: #CCC;
}


/* HOME PAGE LAYOUT
-------------------------------------------------------------------------------*/
#featbox
{
    float: left;
    display: inline;
    margin: -195px 0 0 258px;
}

#featbox li
{
    float: left;
    display: inline;
    width: 130px;
    margin: 0 5px 0 0;
}

#featbox li a:link, #featbox li a:visited, #featbox li a:active
{
    display: block;
    width: 123px;
    padding: 2px 0 0 7px;
    color: #fff;
    font-size: 1.1em;
    text-transform: uppercase;
    text-decoration: none;
    background: url(../../images/navmainback.png) repeat-y;
}

#featbox li a:hover
{
    background: #4d2e3f;
    text-decoration: none;
}

#featbox li a img
{
    margin: 3px 0 -7px -7px;
}



/* STEPDOWN PAGE LAYOUT
-------------------------------------------------------------------------------*/
.greybox
{
    float: right;
    display: inline;
    width: 515px;
    margin: 15px 10px 10px 0;
    padding: 10px;
    background: #e4ddd2;
}

#sitewrapper.promotionspage .greybox
{
    margin: 0 10px 10px 0;
}

#contactus.greybox
{
    width: 510px;
    margin: 0 0 10px 0;
    padding: 15px 10px 10px 15px;
}

.greybox h5
{
    text-transform: uppercase;
}

.greybox h4
{
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #d3cbc0;
}

.greybox h5, .sf_listItemBody h5
{
    margin: 0 0 0 10px;
    padding: 0;
}

.greybox .sf_expandedList table td h5
{
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 1.1em;
}

.greybox p, .sf_listItemBody p
{
    margin: -5px 0 10px 10px;
    padding: 0;
    font-size: 1.1em;
}



/* SF LIST STYLES
-------------------------------------------------------------------------------*/
.sf_expandedList li
{
    line-height: 2.2em;
    float: right;
    display: inline;
    width: 535px;
    margin: 15px 10px 10px 0;
    padding: 10px;
    background: #e4ddd2;
}

#sitewrapper h4.sf_listTitle
{
    font-size: 1.8em;
    margin: 0 0 10px 10px;
}

h5.sf_listItemTitle
{
    font-size: 1.4em;
    margin: 10px 10px 0 10px;
    padding: 0;
}

.sf_expandedList table, .sf_anchorList table
{
    width: 515px;
    margin: 0 0 0 10px;
}

.sf_expandedList table tr, .sf_anchorList table tr
{
    background: #dcd5ca;
}

.sf_expandedList table td, .sf_anchorList table td
{
    padding: 3px 10px 2px 8px;
    font-size: 1.1em;
    border-bottom: 1px solid #e4ddd2;
}

/* map */

.map
{
    margin-left: 12px;
}




/* SF GALLERY STYLES
-------------------------------------------------------------------------------*/
#sitewrapper ol.sf_photoListLightbox
{
    float: left;
    display: inline;
    width: 520px;
    margin: 0 0 20px 0;
}

#sitewrapper ol.sf_photoListLightbox li
{
    width: 120px;
    height: 150px;
    margin: 0 10px 10px 0;
    padding: 10px;
    text-align: center;
    background: #fff;
    overflow: hidden;
}



/* 
	So I put the letter back, 
	In the place where it was found,
	In the pocket, of a jacket, 
	On a train in town.
*/
