/****************************/
/* STANDARD HTML TAG RESET  */
/****************************/
html,body
{
    height:100%;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/****************************/
/* STANDARD HTML DEFINITION */
/****************************/
a
{
    color:#413A38;
}

body
{
    font-size:0.8em;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	background: #fff url('../../Content/img/site/background_gradient.png') repeat-x fixed bottom; 
	line-height:1.2;
	margin:0 auto;
	width:851px;
}

h1
{
    color:#283e58;
    font-size:2.2em;
    font-style:italic;
    font-weight:normal;
    margin:10px 0 15px 0;
}

h2
{
    font-weight:bold;
    margin:20px 0 20px 0;
}

h3
{
    font-style:italic;
}

html
{
    overflow-y:scroll
}

input, textarea
{
	font-family:Georgia, Arial, Helvetica, sans-serif;
}



textarea
{
    width:300px;
    height:100px;
}

label
{
    display:block;   
}

p
{
    margin:10px 0 10px 0;
}

strong
{
    font-weight:bold;
}

ul
{
    list-style-type:disc;
    margin-left:15px;
}

ul li
{
    margin-bottom:5px;   
}
/****************************/
/* PAGE ELEMENTS			*/
/****************************/
div#center-column,
div#left-column
{
	float:left;
}

div#wrapper
{
    background:transparent url('../../Content/img/site/wr-b.png') repeat-y scroll left top;
    float:left;
    height:auto !important;
    height:100%;
	min-height:100%;	
    position:relative;
}
	/****************************/
	/* NAVIGATION				*/
	/****************************/
	ul#navigation
	{
	    margin:39px 0 0 10px;
	}
	    ul#navigation li
	    {
	        display:inline;
		    float:left;
		    font-size:12px;
		    font-weight:bold;
		    font-style:italic;
		    margin-bottom:0;
		    padding:15px 12px 11px 12px;
	    }
	    
	        ul#navigation li a
	        {
	            text-decoration:none;
	            color:#000;
	        }
	        
	        ul#navigation li a:hover
	        {
	            text-decoration:underline;
	        }
    	    
	    ul#navigation li.active
	    {
	        background-color:#989c9f;
	    }
	    
	        ul#navigation li.active a
	        {
	            color:#fff;
	        }
	/****************************/
	/* MAIN CONTENT				*/
	/****************************/
	div#center-column
	{
		width:508px;
	}
	
	    #center-column img#header-image
	    {
            height:308px;
	        width:508px;
	    }
	    
	    #center-column #do-for-you
	    {
	        position:absolute;
	        top:320px;
	        left:524px;
	        display:block;
	    }
	    	
	div#content
	{
	    margin:0 20px 30px 20px;
	    text-align:justify;
	}
	
	#error
	{
	    background:#ffd2d2 url('../../Content/img/system/error.png') no-repeat 10px 10px;
	    margin-top:10px;
	    border:solid 1px #f00;
	    color:#f00;
	    padding:10px 10px 10px 30px;	
	}
	
	    #error ul
	    {
	        list-style-type:disc;
	    }
    	
	#success
	{
	    background:#ddffd1 url('../../Content/img/system/success.png') no-repeat 10px 10px;
	    margin-top:10px;
	    border:solid 1px #006711;
	    color:#006711;
	    padding:10px 10px 10px 30px;
	}
	
	input.textbox
    {
        width:170px;    
    }

    input.textbox, textarea
    {
        border:solid 1px #413A38;
    }
	/****************************/
	/* LEFT COLUMN   			*/
	/****************************/
	#quote
	{
	    font-style:italic;
	    font-size:1.2em;
	    font-weight:bold;
	    color:#413a38;
	    margin:140px 0 0 10px;
	    position:absolute;
	    text-align:center;
	    width:270px;
	}
	
	#quote div
	{
	    margin-bottom:30px;
	}
	
    #logo
    {
        background:url('../img/site/logo.png') no-repeat left bottom;
        height:79px;
        margin:0;
        width:293px;
    }
    
    #logo a
    {
        display:block;
        height:61px;
        width:293px;
        text-indent:-9999em;
    }
    
    #left-column img#left-image
    {
        height:308px;
        width:293px;   
    }
    
    #left-column label
    {
        float:left;
        width:5em;
    }
    
    #left-column-content
    {
        margin-left:20px;   
    }
	/****************************/
	/* FOOTER          			*/
	/****************************/
	#footer
	{
	    bottom:2px !important;
	    color:#666;
	    clear:both;
	    font-size:0.8em;
	    margin-left:313px;
	    left:0;
	    position:absolute;    
	}