/*=========== Global reset ===========*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }
 img { border:0 }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration: none }



/* The below restores some sensible defaults */
table, p {
margin: 0 0 1.6em 0;
padding: 0;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
ul li{
list-style-image:url(/images/arrow.gif);
}
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */
/*=========== END: Global reset ===========*/



/*=========== Colors ===========
blue-gray: #90b0cd;
dark-blue: #6c8ca6;
gray: #b9c0b0;
/*=========== END: Colors ===========*/


html {
font-family: arial, helevtica, sans-serif;
font-size: 0.8em;
color: #666;
}

body {
background: #c7c8ca url(/images/bg.jpg) repeat-x left top;
margin: 0;
}

#wrapper {
width: 907px;
margin: 0 auto;
background: #eceeee url(/images/wrapper-bg-repeat.jpg) repeat-y left top;
}

#wrapper-body {
background: transparent url(/images/wrapper-bg.jpg) no-repeat left top;


/*background: #f00;
overflow: auto;*/
}

#top {
background: transparent url(/images/template-top.jpg) no-repeat left top;
}

#top-body {
height: 105px;
margin: 0 33px;
border-bottom: 1px solid #b9c0b0;
}

#top-body h1.logo {
float: left;
width: 210px;
height: 55px;
background: transparent url(/images/logo-windstone.jpg) no-repeat left top;
margin: 40px 0 0 0 !important;
padding: 0 !important;
text-indent: -9999px;
}

#top h1.logo a  {
width: 210px;
height: 55px;
display: block;
}

#top #nav {
float: right;
width: 400px;
height: 55px;
margin: 40px 0 0 0;
}

#content-row {
width: 841px;
/*background: #ececee;*/
margin: 12px auto;
}

#content-row #content {
min-height: 450px;
_height: 450px; /** IE6 Hack **/
}

#content-row-wide {
width: 841px;
/*background: #ececee;*/
margin: 12px auto;
}

#content-row-wide #content {

}

#headerCopy {
border-bottom: 4px solid #cecdcd;
}

#sub-col-left {
float: left;
width: 38%;
}

#sub-col-right {
float: right;
width: 60%;
}


#footer {
/*height: 120px;*/
background: transparent url(/images/wrapper-bg-repeat.jpg) repeat-y left top;
overflow: auto;
}

#footer-body {
width: 841px;
margin: 0 auto;
padding: 12px 0 0 0;
border-top: 1px solid #b9c0b0;
}

#footer div.text {
float: left;
width: 50%;
font-size: 0.85em;
text-transform: uppercase;
}

#footer img.footer-logo-01 {
float: right;
margin: 0 45px 0 0;
}

.footer-logo-02 {
float: right;
}

#footer-bottom {
height: 25px;
background: transparent url(/images/template-bottom.jpg) no-repeat left bottom;
}