html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
/* The body is the outermost layout component and contains the visible page content. */
body {
	
	background-color: #1B1D18;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */	
	font-family: Lucida Grande, Arial,  sans-serif;
	color: #Fff;
	font-size: 13px;
	line-height: 18px;
}

/* Commonly used to style page titles. */
h1 {
	color: #fff;
	font-size: 17px;
	font-family: Lucida Grande, Arial,  sans-serif;
	font-weight: bold;
	line-height: 25px;
}
/* Commonly used to style section titles. */
h2 {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 3px;
}
/* Sets the style for unvisited links. */
a,  a:link {
  color: #F7E3D4;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #F7E3D4;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #fff;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #fff;
}
.img {
	margin-right: 15px;
}
/* Outer container for the page content. */
#outerWrapper {
	margin: 0 auto 0 auto; /* Margin properties (top, right, bottom, left) */
	text-align: left;
	width: 1100px;
	background-repeat: no-repeat;
}
/* News column.  */
#outerWrapper #contentWrapper #leftColumn {
/*	background-color: #f0f;*/
	padding-top: 50px; 
	float: left;
	padding-left: 8px;
	height: 150px;
}

/* Press column.  */
#outerWrapper #contentWrapper #rightColumn {
	float: right;
	padding: 25px 35px 0px 0px;
	width: 450px;
	margin: 0 0 0em  0em;
}


/* Contains the main page content.  */
#outerWrapper #contentWrapper #content {
	/*	background-color: #f00;*/
	padding: 0px 0px 0 325px;
	height: 430px;
	width: 600px;
	margin-right: 0px;
	text-align: left;
}
/* Using floated elements and a clear float class is a common method 
to accomplish multiple column tableless layouts. If floated elements 
are used without being cleared the elements following will wrap around the floated element. 
This class should be applied to an element after the last floated element and 
before the close of the container with floated elements. */
#outerWrapper #contentWrapper .clearFloat {
  clear: both;
  display: block;
}


/* Nav */
#outerWrapper #contentWrapper #nav {
	float: left;
	/*	background-color: #00f;*/
	width: 700px;
	height: 120px;
	padding-top: 114px;
	padding-left: 0px;
}



#outerWrapper #contentWrapper #footer {
	width: 1100px;
	text-align: center;
    margin-left: auto;
    margin-right: auto; 
}