/* ------------------------------------------------------------

    Company:   
    Author:     
    Updated:   2007-11-14

------------------------------------------------------------ */

body {
	background: #1f1f1f	;
	color: #111;
	height: 100%;
	}
#wrapper {
	margin: auto;
	margin-top: 0px !important;
	width: 952px; 	/*fill in the width of the wrapper*/
	height: 100%;
}

/* ------------------------------------------------------------
	Reset
------------------------------------------------------------ */

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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}

/* ------------------------------------------------------------
	Typography
------------------------------------------------------------ */
body {
  font-family: arial, sans-serif, Arial, Verdana, "Lucida Grande";
  line-height: 1.5; /* Unitless for proper inheritance */
  
}

	/*The top one is for IE: The percentage is of 16px (default IE text size)
	10px is 62.5%, 11px is 68.75%, 12px is 75%, 13px is 81.25%, and so forth).
	The second value is what all other browsers see (the wanted font size). */

body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */

h1,h2,h3,h4,h5,h6 { 
  font-family: Arial, sans-serif, Verdana, "Lucida Grande" ;
  color:#666666; 
  clear:both; 
}

h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; line-height:2; }
h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }

/*p           { margin: 0 0 1.5em 0; text-align:left; color: #999999; font-size: 1.1em;}*/
p.last      { margin-bottom:0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */


ul, ol      { margin: 0 0 1.5em 1.5em; color: #d8d6d6;}
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

a           { color: #999999; text-decoration: none; outline: none;}
a:hover     { color: #cccccc; }
a:focus, a:active { outline: none; }

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }

label     { font-weight: bold; }
textarea  { height: 180px; width: 300px; }

/* ------------------------------------------------------------
	Header
------------------------------------------------------------ */

/* ------------------------------------------------------------
	Navigation
------------------------------------------------------------ */

/* ------------------------------------------------------------
	Navigation
------------------------------------------------------------ */
/* ------------------------------------------------------------
	Content
------------------------------------------------------------ */
/* ------------------------------------------------------------
	Footer
------------------------------------------------------------ */
a img {
	border: none;

}

p img {
	padding: 0;
	max-width: 100%;
}

.alignright {
	text-align: right;
	padding-left: 108px;

}

.alignleft {
	float: left;
}

/* ------------------------------------------------------------
	Images
------------------------------------------------------------ */
.hidden, hr {
	display: none;
}

.clear {
	clear: both;
}

/* ------------------------------------------------------------ 
	Clear floats
 ------------------------------------------------------------ */
.wrapper { display: inline-block; } 
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
* html .wrapper { height: 1%; } 
.wrapper { display: block; }