/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
	background-color: #12113a;
	color: #000000;
	font: 10px/16px Helvetica, Arial, sans-serif;
	text-align: justify; /* Centers the page content container in IE 5 browsers. */
	letter-spacing: 0.1em;
	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) */
}

/* Common tags used to style and format page titles.------------------------------------------------------ */
h1 {
	color: #fff;
	font: bold 24px/28px Helvetica, Arial, sans-serif;
}
h2 {
  color: #69c;
  font: bold 12px/14px Helvetica, Arial, sans-serif;
}
hr {
	border: 1px solid #009696;
}
img {
	border: none;
}
img a{
	border: none;
	display: inline;
}

/* Div specific tags used to style and format page titles.------------------------------------------------ */
#outerWrapper #contentWrapper #centerColumn1 h1 {
	color: #fff;
	font: oblique 24px/32px Helvetica, Arial, sans-serif;
	letter-spacing: 0.05em;
}
#outerWrapper #contentWrapper #centerColumn1 h2 {
	color: #fff;
	font: bold 12px/14px Helvetica, Arial, sans-serif;
}
#outerWrapper #contentWrapper #rightColumn1 h1 {
	color: #fff;
	font: bold 12px/16px Helvetica, Arial, sans-serif;
}
#outerWrapper #contentWrapper #rightColumn1 h2 {
	color: #fff;
	font: bold 12px/14px Helvetica, Arial, sans-serif;
}
#outerWrapper #contentWrapper #centerColumn1 hr {
	border: 1px solid #9cffff;
}

/* Div specific tags used to style and format lists.------------------------------------------------------ */
#outerWrapper #contentWrapper #leftColumn1 ul {
	list-style-type: none;
	margin-left: -30px;
}
#outerWrapper #contentWrapper #leftColumn1 ul li {
	list-style-type: none;
	padding-top: 10px;
}
#outerWrapper #contentWrapper #rightColumn1 ul {
	list-style-type: none;
	margin-left: -20px;
}

/* Div specific tags used to style and format telephone text.--------------------------------------------- */
#outerWrapper #footer .telephone {
	color: #fff;
	font: 11px/21px Helvetica, Arial, sans-serif;
	display: inline;
}

/* Common tags used to style and format links.------------------------------------------------------------ */
/* Sets the style for unvisited links. */
a,  a:link {
	text-decoration: none;
}

/* Sets the style for visited links. */
a:visited {
	text-decoration: none;
}

/* Sets the style for links on mouseover. */
a:hover {
	text-decoration: none;
}

/* Sets the style for a link that has focus. */
a:focus {
	text-decoration: none;
}

/* Div specific tags used to style and format for leftColumn links.---------------------------------------- */
/* Sets the style for unvisited links. */
#outerWrapper #contentWrapper #leftColumn1 a, a:link {
	text-decoration: none;
	color: #1a6969;
	display: block;
}
/* Sets the style for links on mouseover. */
#outerWrapper #contentWrapper #leftColumn1 a:hover {
	text-decoration: none;
	color: #fff;
}

/* Div specific tags used to style and format for centerColumn links.-------------------------------------- */
/* Sets the style for unvisited links. */
#outerWrapper #contentWrapper #centerColumn1 a, a:link {
	text-decoration: none;
	color: #9cffff;
	display: inline;
}
/* Sets the style for links on mouseover. */
#outerWrapper #contentWrapper #centerColumn1 a:hover {
	text-decoration: none;
	color: #fff;
}

/* Div specific tags used to style and format for rightColumn links.--------------------------------------- */
/* Sets the style for unvisited links. */
#outerWrapper #contentWrapper #rightColumn1 a, a:link {
	text-decoration: none;
	color: #78c6c6;
	display: inline;
}
/* Sets the style for links on mouseover. */
#outerWrapper #contentWrapper #rightColumn1 a:hover {
	text-decoration: none;
	color: #fff;
}

/* Common page div notations------------------------------------------------------------------------------- */

/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */
#outerWrapper {
	background: url(../images/new_images/thinbkgd02.gif) repeat-y; /* Sets the background properties for an element using shorthand notation */
	width: 1034px;
	max-width: 1034px;
	min-width: 1034px; /* Redefines the text alignment defined by the body element. */
	margin: 0px auto 0px auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */

}
/* Contains the header content. Place holder. */
#outerWrapper #header {
	background: #12113a; /* Sets the background properties for an element using shorthand notation */
	font: bold 18px/15px Helvetica, Arial, sans-serif; /* Sets the font properties for an element using shorthand notation (style, size, line-height, font-family) */
	padding: 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	overflow: hidden;
}
/* Contains the top navigation. */
#outerWrapper #topNavigation {
	background: #12113a; /* Sets the background properties for an element using shorthand notation */
	height: 25px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 10px 10px 8px 110px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
/* Contains the content and rightColumn divs. */
#outerWrapper #contentWrapper {
	width: 1034px;
	float: left;
	overflow: hidden;
}
/* Contains the rightColumn content. */
#outerWrapper #contentWrapper #rightColumn1 {
	background: #1a6969; /* Sets the background properties for an element using shorthand notation */
	width: 201px;
	float: right;	
	padding: 25px 20px 10px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	color: #78C6C6;
	font: 11px/16px Helvetica, Arial, sans-serif; /* Sets the font properties for an element using shorthand notation (style, size, line-height, font-family) */
	display: inline;
}
/* Contains the banner, leftColumn, and centerColumn. */
#outerWrapper #contentWrapper #content {
	width: 791px;
	padding: 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	margin: 0px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	overflow: hidden;
	float: left;
}
/* Contains the banner content. */
#outerWrapper #contentWrapper #banner {
	background: #fff; /* Sets the background properties for an element using shorthand notation */
	width: 791px;
	height: 186px;
	float: none; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	border-bottom: 2px solid #12113a;
}
/* Contains the leftColumn content. */
#outerWrapper #contentWrapper #leftColumn1 {
	background: #78c6c6; /* Sets the background properties for an element using shorthand notation */
	width: 196px;
	float: left;
	padding: 15px 0px 20px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	color: #fff; /* Sets the font color property */
	font: 10px/12px Helvetica, Arial, sans-serif; /* Sets the font properties for an element using shorthand notation (style, size, line-height, font-family) */
	text-align: right; /* Redefines the text alignment defined by the body element. */
}
/* Contains the centerColumn content. */
#outerWrapper #contentWrapper #centerColumn1 {
	background: #009696; /* Sets the background properties for an element using shorthand notation */
	width: 506px;
	float: right;
	padding: 20px 26px 20px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	color: #fff; /* Sets the font color property */
	font: 11px/16px Helvetica, Arial, sans-serif; /* Sets the font properties for an element using shorthand notation (style, size, line-height, font-family) */
}
/* Contains the footer content. */
#outerWrapper #footer {
	background: #12113a; /* Sets the background properties for an element using shorthand notation */
	clear: both;
	padding: 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	color: #009696; /* Sets the font color property */
	text-align: center; /* Redefines the text alignment defined by the body element. */
	border-top: solid 2px #12113a; /* Sets the top border properties for an element using shorthand notation */
}

/* Product page specific div notations------------------------------------------------------------------------------- */

/* Contains the banner, leftColumn, and centerColumn. */
body#products #outerWrapper #contentWrapper #content {
	width: 1034px;
	padding: 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	margin: 0px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	overflow: hidden;
}
/* Contains the banner contents. */
body#products #outerWrapper #contentWrapper #banner {
	background: #fff; /* Sets the background properties for an element using shorthand notation */
	width: 1034px;
	height: 43px;
	float: none;
	border: 0px; /* Sets the border properties for an element using shorthand notation (top, right, bottom, left) */
}
/* Contains the leftColumn contents. */
body#products #outerWrapper #contentWrapper #leftColumn1 {
	background: #78c6c6 url(../images/headers/productsleft.jpg) no-repeat; /* Sets the background properties for an element using shorthand notation */
	float: left; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 196px;
	padding: 160px 25px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	color: #fff; /* Sets the font color property */
	font: 10px/12px Helvetica, Arial, sans-serif;
	text-align: right; /* Redefines the text alignment defined by the body element. */
}
/* Contains the centerColumn contents. */
body#products #outerWrapper #contentWrapper #centerColumn1 {
	background: #12113a; /* Sets the background properties for an element using shorthand notation */
	float: right;
	width: 801px;
	height: 411px;
	padding: 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	border-top: 2px solid #12113a; /* Sets the border properties for an element using shorthand notation (top, right, bottom, left) */
}