/* --------------------------------------------
Base Stylesheet
Started: 00.00.07
----------------------------------------------- */

* {margin: 0px; padding: 0px;}
body {}
a img,:link img,:visited img, img {border:none; vertical-align:top;}

/*colors reference*/
.color1 {color: #06C;} /*blue*/
.color2 {color: #9CF;} /*blue bright*/
.color3 {color: #036;} /*blue dark*/
.color4 {color: #F93;} /*orange*/
.color5 {color: #FFCC9A;} /*orange bright*/
.color6 {color: #DB6D00;} /*orange dark*/
.color7 {color: #F2F2F2;} /*grey*/
.color7 {color: #EBEFF4;} /*grey bright*/

/*typography for the entire website*/
body {font-family: Arial, Helvetica, sans-serif; color: #333;} 
body {font-size: 62.5%;}
p, a, textarea, label, fieldset, tt, input, td {font-size: 1.2em; line-height: 1.6em; font-family: Arial, Helvetica, sans-serif; }

/* Headers
----------------------------------------------- */
h1,h2,h3 {font-family: Arial, Helvetica, sans-serif; line-height:1.4; color:#fff; font-weight: bold;}
h1 {font-size: 2.2em; color:#444444;}
h2 {font-size: 1.9em; font-weight:bold; color:#000;}
h3 {font-size: 1.5em; font-weight:normal; display:inline; color:#000;}
fieldset, textarea, input {border:0px;}
label {margin-right:10px;}

/* Links
----------------------------------------------- */
a {color: #60940e; text-decoration: none;}
a:hover {color: #444; text-decoration: none;}
p a {font-size:1em;}


/* Lists
----------------------------------------------- */
ul {list-style:none;}
ul li { }

/* Layout
----------------------------------------------- */
#outer {margin:0 auto; text-align:left; width:980px; padding-top:0px;}
#header {margin:0 auto; width:980px;height:185px; background:#000 url(../img/header_tile3.gif) top left repeat-x; position:relative;}
#content {margin:0 auto; width:980px; background:#FFF; display:block;}
.main {margin:0 auto; width:940px; padding:0 20px;}
.lhs {width:630px; float:left; background:#FFF; padding:5px; margin:3px 0 3px 0;}
.rhs {width:328px; margin:3px 0 3px 640px; padding:29px 0px 5px 5px; border-left:solid 1px #ccc;}
#footer {margin:0 0 0 14px; text-align:left; width:980px; background: #000 url(../img/bkg_footer.jpg) repeat-x top left; height:55px; display:block; float:left;}
#foot {margin:0 0 0 14px; text-align:left; width:980px; background: #2e2e2e url(../img/foot_bkg.gif) no-repeat bottom right; min-height:308px; height:308px; display:block; float:left;}

/* FLOAT
----------------------------------------------- */
.float-left { float:left;}
.float-right { float:right;}

/* UTILITY 
----------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */