html, body 						{ background: #fff url(images/grida.png) top center repeat-y; color: #606060; font: 87% Georgia, "Times New Roman", Times, serif; }
html>body 						{ font-size: 12px; }


/* Headlines
----------------------------------------------------------------*/
h1, h2, h3, h4, h5		{ font-family: Helvetica, Arial, Helvetica, sans-serif; font-weight: bold; color: #684f40; }
h1 										{ font-size: 4em; padding: 0 0 0.25em 0; letter-spacing: -0.05em; line-height: 1em; }
h2 										{ font-size: 2.5em; padding: 0 0 0.25em 0; letter-spacing: -0.05em; }
h3 										{ font-size: 1.5em; letter-spacing: -0.05em; }
h4 										{ font-size: 1.25em; line-height: 1.25em; letter-spacing: -0.03em; }
h5										{ font-size: 1.08333333em; line-height: 1.25em; }


/* Links
-------------------------------------------------------------- */
a											{ color: #5fc5b9; text-decoration: underline; }
a:hover								{ color: #5fc5b9; text-decoration: none; }


/* Essentials
-------------------------------------------------------------- */
p 										{ font-size: 1.08333333em; line-height: 1.5em; padding: 0 0 1.5em 0; }
blockquote 						{ margin: 1.5em; color: #666; font-style: italic; }
strong     						{ font-weight: bold; }
em		     						{ font-style: italic; }

img										{ margin: 0 0 15px 0; }

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:1.5em; }

ul, ol      { margin: 0 1.5em 1.5em 1.5em;font-size: 1.08333333em;  }
ul li		{margin-top:0.25em;}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Sections
-------------------------------------------------------------- */
#wrapper							{ width: 960px; margin: 0 auto; }
#top								{ position: relative; margin: 20px 10px 50px; padding: 0 0 5px 0; border-bottom: 1px solid #606060; }
#logo									{ float: left; }
#content							{  }
#footer								{ width: 940px; margin: 50px 10px 50px; padding: 20px 0 0 0; border-top: 1px solid #606060; }

/* Classes
-------------------------------------------------------------- */
.preamble							{ padding: 0 0 30px 0; }
.col-4 h1,
.preamble h1					{ text-align: right; }
.preamble h2					{ }
.ingress,
p.preamble,
.preamble p							{ font-size: 2em; padding: 0 0 0.5em 0; }

.border								{ margin: 30px 0 0 0; padding: 50px 0 30px; border-top: 1px solid #606060; }
.large_img						{ margin: 0 10px 15px; padding: 0 0 30px 0; }
.page									{ margin: 0 0 0 320px; }

.alignleft                                       { float: left; margin: 0 15px 0 0; }
.alignright                                      { float: right; margin: 0 0 0 15px; }

.leftAlign                                       { float: left; }
.rightAlign                                      { float: right; }


/* Buttons
-------------------------------------------------------------- */
a.button {
    background: transparent url('images/btn_right.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font-size: 18px;
    height: 45px;
    margin: 10px 10px 30px 0px;
    padding-right: 30px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/btn_left.gif') no-repeat;
    display: block;
    line-height: 18px;
    padding: 10px 0 17px 30px;
} 

a.button:hover {
    background-position: right -45px;
}

a.button:hover span {
    background-position: 0 -45px;
    color: #fff; 
} 


/* Navigation
-------------------------------------------------------------- */
#navigation										{ font-family: Helvetica, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.08333333em; position: absolute; bottom: 0; right: 0; padding: 0 0 15px 0; }
#navigation ul								{ margin: 0; padding: 0; }
#navigation ul li							{ float: left; list-style: none; margin: 0 0 0 15px;  }
#navigation ul li a						{ color: #684f40; display: block; text-decoration: none; }
#navigation ul li ul li.current_page_item a,
#navigation ul li ul li a:hover			{ color: #5fc5b9; }


/* Columns
-------------------------------------------------------------- */
.col-2, 
.col-3, 
.col-4, 
.col-5,
.col-6,
.col-7,
.col-8								{ float: left; margin: 0 10px 15px; }

.col-2								{ width: 140px; }
.col-3								{ width: 220px; }
.col-4								{ width: 300px; }
.col-5								{ width: 380px; }
.col-6								{ width: 460px; }
.col-7								{ width: 540px; }
.col-8								{ width: 620px; }



/* ClearFix
----------------------------------------------------------------*/
.clearfix:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 						{ display: inline-block; }  
 /* Holly Hack Targets IE Win only \*/
* html .clearfix 			{ height: 1%; }
.clearfix 						{ display: block; }
 /* End Holly Hack */