/* @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;
}
#mainNav{position: relative;}

html{margin: 0; padding: 0; }
#bgColor{ width: 100%; height: 100%; background-color: #ececec;}

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

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

a img { border: none; }

#wrapper{
width: 950px; 
margin-left: auto; 
margin-right: auto; 
}


#gradient-bg{
background-image: url("/Images/home/slidingContentBG.jpg");
width: 950px;
height: 374px;
margin-top: -23px;
background-repeat: no-repeat;
background-position: 0 0;
z-index: 9999;
}

#content{
height: 374px;
background: transparent;
z-index: 1;
}
   

/* A container should group all your columns. */
.container {
  width: 950px;
  margin: 0 auto;
background: transparent;
z-index: 1;
}


/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
  float: left;
  margin-right: 10px;
}


/* The last column in a row needs this class. */
.last { margin-right: 0; }


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}




/* boxes
---------------------------------------------------------------*/
#boxesWrapper{
width: 100%; 
clear: both;
margin-top: -50px;
}

#boxes{
width: 950px; 
height: 175px;
margin-left: auto;
margin-right: auto;
}
/* Footer 
---------------------------------------------------------------*/
#footerWrapper{width: 100%;}

#footerContent{
width: 950px; 
height: 202px;
margin-left: auto; 
margin-right: auto;

}
#footerContent{
background-image: url("/Images/footer/footer_bg.jpg");
background-repeat: no-repeat;
background-position: -40px 0;
}

.center{
width: 950px;
height: 1px;
margin-left: auto; 
margin-right: auto;
background: transparent;
}
/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
background: transparent;
}

/* Clearing floats without extra markup */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/* @end */

/* @group IE6 */

body { text-align: center; }
.container { text-align: left; }
* html .column { overflow-x: hidden; }
.pull-1, .pull-2, .pull-3, .pull-4,
.push-1, .push-2, .push-3, .push-4, 
ul, ol { position: relative; }
legend { margin-bottom:1.4em; }
ol { margin-left:2em; }

/* @end */

/* ie6 png fix */
img { behavior: url(/HtcPngFix/iepngfix.htc); }

#kudosWrapper{position: relative; top: 10px;}
#kudosWrapper{height: 175px; width: 100%; margin-left: 0px;}