/*

// CSS Document

// Freeform Accessibility Solutions

// GallantMEDIA.ca (Apr.20, 2009)

*/





/* reset */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,

dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,

a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,

strong, sub, sup, tt, var, legend, fieldset {

margin: 0;

padding: 0; }



img, fieldset {

border: 0; }





/* global */

body {

text-align: center;

background: #666 url(../images/bg_body.gif) 0 0 repeat;

font: 100%/1.2 "Gill Sans MT", "Gill Sana", arial, helvetica, sans-serif; }



p {

margin-bottom: 1.2em; }



h1, h2, h3, h4 {

margin-bottom: 0.8em; }



h1 {

font-size: 2em; }



h2 {

font-size: 1.8em;

font-weight: normal;

letter-spacing: -1px; }



#right_col h2 { 

color: #933; }



h3 {

font-size: 1.6em; }



h4 {

font-size: 1.4em; }



blockquote { 

color: #933;

font-weight: bold;

margin-bottom: 1.2em; }





/* layout */

#container {

margin: 20px auto 0 auto;

padding-top: 5px;

border-top: 2px solid #fc6;

width: 960px;

text-align: left; }



#masthead {

background: #fff url(../images/bg_masthead.jpg) top right no-repeat; }



#logo {

width: 407px;

height: 187px;

border-right: 3px solid #fc6;

text-indent: -9999px;

background: #fff url(../images/bg_logo.png) 0 0 no-repeat; }



#nav { 

height: 58px;

width: 800px;

background: url(../images/bg_navbar.png) 0 0 repeat-x;

text-indent: -9999px; }



#content {

background: url(../images/bg_content.png) repeat-y; }



#left_col {

float: left;

width: 350px;

padding: 30px;

color: #fff;

background: #000; }



#right_col {

float: right;

width: 490px;

padding: 30px;

background: #fc6; }



#footer {

background: #fff;

line-height: 4em;

color: #666; }





/* navigation */

#nav_btns {

background: url('../images/bg_nav.png') no-repeat;

width: 960px;

height: 58px;

margin: 0;

padding: 0;

text-align: center; }



#nav_btns li, #nav_btns a {

height: 58px;

display: block; }



#nav_btns li {

float: left;

list-style: none;

display: inline; }



#nav_btn_1 { width: 92px; }

#nav_btn_2 { width: 105px; }

#nav_btn_3 { width: 199px; }

#nav_btn_4 { width: 115px; }

#nav_btn_5 { width: 145px; }

#nav_btn_6 { width: 95px; }

#nav_btn_7 { width: 85px; }

#nav_btn_8 { width: 120px; }



#nav_btn_1 a:hover, #nav_btn_1.active { background:url(../images/bg_nav.png) 0px -58px no-repeat; }

#nav_btn_2 a:hover, #nav_btn_2.active { background:url(../images/bg_nav.png) -92px -58px no-repeat; }

#nav_btn_3 a:hover, #nav_btn_3.active { background:url(../images/bg_nav.png) -197px -58px no-repeat; }

#nav_btn_4 a:hover, #nav_btn_4.active { background:url(../images/bg_nav.png) -396px -58px no-repeat; }

#nav_btn_5 a:hover, #nav_btn_5.active { background:url(../images/bg_nav.png) -510px -58px no-repeat; }

#nav_btn_6 a:hover, #nav_btn_6.active { background:url(../images/bg_nav.png) -656px -58px no-repeat; }

#nav_btn_7 a:hover, #nav_btn_7.active { background:url(../images/bg_nav.png) -751px -58px no-repeat; }

#nav_btn_8 a:hover, #nav_btn_8.active { background:url(../images/bg_nav.png) -836px -58px no-repeat; }





/* lists */

#content ul {

padding-left: 0;

margin-left: 20px;

margin-bottom: 15px; }



#content li {

list-style: square;

margin: 8px auto;

font-size: 95%;

font-style: italic; }





/* links */

a:link, a:visited {

color: #f00;

text-decoration: underline; }



a:hover, a:active {

color: #00f;

text-decoration: none; }



#footer a:link, #footer a:visited {

color: #666;

text-decoration: underline; }



#footer a:hover, #footer a:active {

color: #333;

text-decoration: none; }





/* misc classes */

.strong { font-weight: bold; }

.italic { font-style: italic; }



.alignleft { text-align: left; }

.alignright { text-align: right; }

.aligncenter { text-align: center; }

.alignjustify { text-align: justify; }



.smallest { font-size: 50%; }

.smaller { font-size: 75%; }

.small { font-size: 90%; }

.big { font-size: 110%; }

.bigger { font-size: 125%; }

.biggest { font-size: 150%; }



.black { color: black; }

.gray { color: gray; }

.white { color: white; }

.orange { color: orange; }

.red { color: red; }

.blue { color: blue; }

.green { color: green; }



.hide { display: none; }



.clear { clear: both; }