/* @group reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
	background-position : 0px 0px;
	background-repeat : no-repeat;
	background-color : transparent;
}

body { 
  line-height: 1.5; 
}



/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a:active { outline : none }
:focus { -moz-outline-style: none; }

a { color : inherit }
* html a { color : #222 }

div, p { font-family : "Lucida Grande","Lucida Sans Unicode","Lucida",Verdana,Arial,sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family : "Lucida Grande","Lucida Sans Unicode","Lucida",Verdana,Arial,sans-serif; }

/* @end */

/* @group clearfix (clearing) */
          
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */


/* @group common **/

.serif { font-family : Palatino, Georgia, "Times New Roman", serif }
.sans { font-family : "Lucida Grande","Lucida Sans Unicode","Lucida",Verdana,Arial,sans-serif }
.lucida { font-family : "Lucida Grande", "Lucida Sans Unicode", sans-serif }

.cambria { font-family : Cambria,Georgia,Palatino,Palatino Linotype,Myriad Pro,Serif; 
					letter-spacing : -2px }

.rpty { background-repeat : repeat-y; }
.rptx { background-repeat : repeat-x; }
.bg-ps-bl { background-position : bottom left; }
.bg-ps-br { background-position : bottom right; }
.bg-ps-tr { background-position : top right; }

.fl { float : left }
.blk { display : block }
.abs { position : absolute }
.rlt { position : relative }
.ov-hd { overflow : hidden }
.hd { display : none }
.ps-tl { top : 0px; left : 0px }

.ptr { cursor : pointer }
.tx-hd { text-indent : -9000em }
.tx-right { text-align : right }
.tx-ctr { text-align : center }
.tx-no-u { text-decoration : none }
.tx-sh { text-shadow : #000 0px 1px 2px; }
* html .tx-sh { zoom : 1; filter: Shadow(Color=#000000, Direction=150, Strength=1.5); }
html>body .tx-sh:after { color: #000; }

.tx-sh-wt { text-shadow : #FFF 0px 1px 2px; }
* html .tx-sh-wt { zoom : 1; filter: Shadow(Color=#ffffff, Direction=150, Strength=1.5); }
html>body .tx-sh-wt:after { color: #FFF; }

html>body .tx-sh:after, html>body .tx-sh-wt:after {
	content: attr(title);
	display: none;
	margin: 0px 0 0em 1px;
}
/* Only Safari sees this and it cancels the above for Safari */
html>body .tx-sh:after, html>body .tx-sh-wt:after {
	[color:red;/* required by Safari. 
	                seen by IE6 */

	    /* 
	     * seen by IE6 and Safari, but hidden
	     * from Gecko 
	     */
	    display: none;

	  ]color:auto; /* resets color for IE6 */
}

.mt { margin-top : 10px; }
.mb { margin-bottom : 10px; }
.ml { margin-left : 10px; }
.mr { margin-right : 10px; }
.mr2 { margin-right : 20px; }
.mb2 { margin-bottom : 20px; }
.mb4 { margin-bottom : 40px; }

.ctr-auto { margin-right : auto; margin-left : auto; }

.pt { padding-top : 10px }
.pb { padding-bottom : 10px }
.pr { padding-right : 10px }
.pl { padding-left : 10px }
.pl4 { padding-left : 40px }
.pl-ico { padding-left : 24px }
.pd-ico { padding-right : 24px; padding-left : 24px; }
.pd-lh { padding-top : 5px; padding-bottom : 5px }

.mt-small { margin-top : 5px }
.mt2 { margin-top : 20px; }
.mt6 { margin-top : 60px; }
.mb6 { margin-bottom : 40px; }
.ml2 { margin-left : 20px }
.ml-img-180 { margin-left : 180px; }
.ml-img-150 { margin-left : 150px; }
.ml-img-120 { margin-left : 120px; }
.ml-img-100 { margin-left : 100px; }
.tx-pd { padding-right : 20px; padding-left : 20px }
.tx-pd2 { padding-right : 30px; padding-left : 30px }
.tx-pd-lh { padding-right : 5px; padding-left : 5px }


.bk * { color : #000; }
.wt * { color : #fff; }
.bk .wt * { color : #fff; }
.wt .bk * { color : #000; }

.clr-red { color : #CC0000 }
.clr-gray { color : #444 }
.clr-light-gray { color : #999 }
.clr-yellow { color : #fff16f }
.clr-blue { color : #0055aa }

.bg-blk { background : black }
.bg-white { background : white }
.bg-gray { background : #CCC }
.bg-yellow { background : #f5ee7a }

.bd { font-weight : bold }
.lh12 { line-height : 1.2em }
.lh21 { line-height : 2.1em }
.headline { font-size : 2.2em } 
.headline2 { font-size : 1.6em } 
.headline3 { font-size : 1.2em } 
.small { font-size : 0.8em }
.para { font-size : 0.77em }


.bdr-gray { border : 3px solid #777 }
.bdr-gray-light { border : 3px solid #CCC}
.pd1 { padding : 1px }
.img-bdr { border : 1px solid #000 }

/* @end **/