body {
	background: #003f62 url('../images/background_tile.gif') top center;
	-x-system-font:none;
	color:#575757;
	font-family: Arial,Verdana,sans-serif;
	font-size: 12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:16px;
	text-align: center;	
}

/* Nav Header Styles */

.containerOuter
{
	margin: 0 auto;
	width: 915px;	
	background: url('../images/drop_shadow.png') repeat-y top left;	
}

.containerInner
{
	margin: 0 auto;
	width: 897px;
	min-height: 500px;
	background-color: #002940;
	text-align: left;
}

.titleBar
{
	padding: 35px 0 17px 50px;
}

.navBarContainer
{
	padding: 0 0 0 30px;
}

.contentContainer
{
}

.mainContent
{
	border: #FFFFFF Solid 1px;
	width: 855px;
	margin: 11px 0 0 21px;
}

.mainContentInner
{	
	border: Solid 1px #002940;	
}

.column2 {
	font-size: 10px;
}

/* Menu Styles for RESIDENTIAL SECTION - There are more style options in the superfish.css file that pertain to the functionality and appearance of this menu. These styles define the roll over effects for the picture menu items */

.menu
{
	padding: 0 0 16px 0;
}

.m_home a
{
	display: block;
	width: 64px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat 0 0;	
}

.m_homeOver a
{
	display: block;
	width: 64px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat 0 -20px;
}

.m_home a:hover
{
	background-position: 0 -20px;
}

.m_our_product a
{
	display: block;
	width: 130px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat -64px 0;
}

.m_our_productOver a
{
	display: block;
	width: 130px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat -64px -20px;
}

.m_our_product a:hover
{
	background-position: -64px -20px;
}

.m_gallery a
{
	display: block;
	width: 92px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat -194px 0;
}

.m_galleryOver a
{
	display: block;
	width: 92px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat -194px -20px;
}

.m_gallery a:hover
{
	background-position: -194px -20px;
}

.m_studio a
{
	display: block;
	width: 138px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat -286px 0;
}

.m_studioOver a
{
	display: block;
	width: 138px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat -286px -20px;
}

.m_studio a:hover
{
	background-position: -286px -20px;
}

.m_wtb a
{
	display: block;
	width: 133px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat -424px 0;
}

.m_wtbOver a
{
	display: block;
	width: 133px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat -424px -20px;
}

.m_wtb a:hover
{
	background-position: -424px -20px;
}

.m_faqs a
{
	display: block;
	width: 72px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat -557px 0;
}

.m_faqsOver a
{
	display: block;
	width: 72px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat -557px -20px;
}

.m_faqs a:hover
{
	background-position: -557px -20px;
}

.m_support a
{
	display: block;
	width: 94px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat -629px 0;
}

.m_supportOver a
{
	display: block;
	width: 94px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat -629px -20px;
}

.m_support a:hover
{
	background-position: -629px -20px;
}

.m_about a
{
	display: block;
	width: 112px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat -723px 0;
}

.m_aboutOver a
{
	display: block;
	width: 112px;
	height: 20px;
	background: url('../images/navigation.gif') no-repeat -723px -20px;
}

.m_about a:hover
{
	background-position: -723px -20px;
}

.iframe_main
{
	width: 100%;	
	background-color: Transparent;
}

/* Content Area Images */

.home
{
	background: #ffffff url('../images/content_background_home.gif') no-repeat top left;
	min-height: 528px;
}

.product
{
	background: #ffffff url('../images/content_background_product.gif') no-repeat top left;
	min-height: 528px;
}


.brochures
{
	background: #ffffff url('../images/back_brochures.jpg') no-repeat top left;
	min-height: 528px;
}

.installation
{
	background: #ffffff url('../images/back_contactus.jpg') no-repeat top left;
	min-height: 767px;
}

.aboutco
{
	background: #ffffff url('../images/back_about.jpg') no-repeat top left;
	min-height: 528px;
}

.contactus
{
	background: #ffffff url('../images/back_contactus.jpg') no-repeat top left;
	min-height: 767px;
}

.transitions
{
	background: #ffffff url('../images/back_transitions2.jpg') no-repeat top left;
	min-height: 781px;
}

.gallery
{
	background: #ffffff url('../images/content_background_gallery.gif') no-repeat top left;
	min-height: 528px;
}

.studio
{
	background: #ffffff url('../images/content_background_studio.gif') no-repeat top left;
	min-height: 528px;
}

.wtb
{
	background: #ffffff url('../images/content_background_wtb.gif') no-repeat top left;
	min-height: 528px;
}

.faq
{
	background: #ffffff url('../images/content_background_faq.gif') no-repeat top left;
	min-height: 528px;
}

.support
{
	background: #ffffff url('../images/content_background_support.gif') no-repeat top left;
	min-height: 528px;
}

.about
{
	background: #ffffff url('../images/content_background_about.gif') no-repeat top left;
	min-height: 528px;
}

.advantage
{
	background: #ffffff url('../images/back_advantage.jpg') no-repeat top left;
	min-height: 850px;
}

.cmadvantage
{
	background: #ffffff url('../images/back_cmadvantage.jpg') no-repeat top left;
	min-height: 900px;
}


.features
{
	background: #ffffff url('../images/back_features.jpg') no-repeat top left;
	min-height: 950px;
}


.privacy
{
	background: #ffffff url('../images/content_background_privacy.gif') no-repeat top left;
	min-height: 528px;
}

.contact
{
	background: #ffffff url('../images/content_background_contact.gif') no-repeat top left;
	min-height: 528px;
}

.ddhome
{
	background: #ffffff url('../images/dd_back_home.jpg') no-repeat top left;
	min-height: 553px;
}

.ddbenefits
{
	background: #ffffff url('../images/dd_back_benefits.jpg') no-repeat top left;
	min-height: 600px;
}

.ddmoreinfo
{
	background: #ffffff url('../images/dd_back_moreinfo.jpg') no-repeat top left;
	min-height: 800px;
}

.ddabout
{
	background: #ffffff url('../images/dd_back_warehouse.jpg') no-repeat top left;
	min-height: 528px;
}

.pihome
{
	background: #ffffff url('../images/pi_back_home.jpg') no-repeat top left;
	min-height: 553px;
}

.pibenefits
{
	background: #ffffff url('../images/pi_back_benefits.jpg') no-repeat top left;
	min-height: 600px;
}

/* Our Product Styles */

.contentLeft
{
	float: left;
}

.contentRight
{
	float: right;
	width: 545px;
}

.contentTop
{
	padding: 8px 30px 16px 5px;
}

.beigeBG
{
	background-color: #E7E3DC;
	padding: 8px 0 16px 16px;
}

.contentTop h1
{
	color: #00456b;
	font-size: 14px;
	font-weight: bold;
	padding: 12px 0 6px 1.5em;
}

.contentTop p
{
	margin-left: 2em;
}

.contentRight h1
{
	color: #00456b;
	font-size: 14px;
	font-weight: bold;
	padding: 12px 0 6px 0;
}

.content
{
	background-color: #e7e3dc;
	width: 525px;	
}

.contentAlt
{
	
}

.content p, .contentAlt p
{
	padding: 0 12px 10px 0;
	margin: 0 0 0 0;
}

.introtext {
	color: #00456b;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}

.introblueFont
{
	color: #00456b;
	font-size: 14px;
	font-weight: bold;
}

.blueFont
{
	color: #00456b;
	font-size: 12px;
	font-weight: bold;
}

.blueFontQ
{
	color: #00456b;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	padding-left: .5em; 
}

.q
{
	color: #00456b;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	padding-left: .5em; 
}

tr.rowhead, thead th { background-color: #002940; font-weight: bold; color: #fff; }
tr.row01 { background-color: #dfd7c7; }
tr.row02 { background-color: #bcb4a2; }

.answer { padding-top: .02em; padding-left: 1em; }

.dots { color: #00456b; margin-top: -1em; }

.innerImage
{
	margin: 71px 30px;
}

.contentImage
{
	float: left;
	margin: 8px 20px 8px 8px;
}

.clearBoth
{
	clear: both;
}

.contentLowerContainer
{
	padding-bottom: 10px;
}

.contentLowerLeft
{
	float: left;
	width: 370px;
}

.contentLowerLeft img
{
	float: left;
	margin: 6px 6px 0 24px;
}

.contentLowerRight
{
	float: right;
	padding: 20px 20px 0 0;
}

.getStarted a
{
	display: block;
	width: 283px;
	height: 19px;
	background: url('../images/getstarted.gif') no-repeat 0 0;
}

.getStarted
{
	float: right;
	padding: 22px 0 0 0;
}

.getStarted a:hover
{
	background-position: 0 -19px;
}

#tileholder {
	width: 850px;
	text-align: center;
	}

#tilecollection { text-align:center; margin-left:auto; margin-right:auto; width:700px;}

td.tile {
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00293f;
}

a.tilemenu { font-size: 12px; font-decoration: underline; }
a.tilemenu: hover { text-decoration: none; }

td.tiledescription {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color:#575757;
}

/* Where to Buy Styles */

.wtbNav
{
	padding-left: 25px;
}

.wtbNav div
{
	float: left;
	margin: 0 6px;
	padding: 0px;
}

.wtbNav .label
{
	padding-top: 3px;
}

/* Benefits Styles */

.benefitsAdvantage
{
	width: 528px;
	height: 326px;
}

.benefitsAdvantage a, .benefitsAdvantage img
{
	float: left;
}

/* Footer Styles */

.footerContainer
{
	padding: 12px 0 0 0;
	color: white;
	font-size: 11px;	
}

.footerContainer a
{
	color: white;
	text-decoration: none;
}

.footerContainer a:hover
{
	text-decoration: underline;
}

.grayFont
{
	color: #bbbbbb;
}

/*
 * HTML Elements Initialization
 */
  pre, code {
    font-size: 1.1em; /* Monospace fonts can be hard to read */
    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
  }

/** headings **/
  #content h1 {
    font-size: 2em;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 0.5em;
  }
  
  h2 {
    font-size: 1.5em;
    line-height: 1.3em;
    margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
    margin-bottom: 0.667em;
  }

  h3 {
    font-size: 1.3em;
    line-height: 1.3em;
    margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
    margin-bottom: 0.769em;
  }

  h4, h5, h6 {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
    margin-bottom: 0.909em;
  }

/** block-level elements **/
  p, #content ul, ol, dl, pre, fieldset, blockquote {
    margin: 1em 0;
  }

	#contentTop ul, ol, dl, pre, fieldset, blockquote {
    margin: 1em 0;
  }
  
/** lists **/
  /* standardize list item indentation */
  #content ul, ol {
    margin-left: 0;
    padding-left: 2em;
  }

  #contentTop ul, ol {
    margin-left: 0;
    padding-left: 4em;
  }
  
  #content ul          { list-style-type: disc; }
  #content ul ul       { list-style-type: circle; }
  #content ul ul ul    { list-style-type: square; }
  #content ul ul ul ul { list-style-type: circle; }
  ol                   { list-style-type: decimal; }
  ol ol                { list-style-type: lower-alpha; }
  ol ol ol             { list-style-type: decimal; }

  dd {
    margin: 0 0 0 2em;
    padding: 0;
  }

/** links **/
  /* The order of link states are based on Eric Meyer's article:
   * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
   */
  a:link {
  }

  a:visited {
  }

  a:hover, a:focus {
  }

  a:active {
  }

/** tables **/
  th, thead th, tbody th {
    text-align: center;
    padding-right: 0;
    border-bottom: none;
  }

  tbody {
    border-top: none;
  }
  
  table.form td {
  	padding: .5em;
  }
  
  table.versus td {
  	padding: .3em;
  }
  
  td.center { text-align: center; }



/** abbreviations **/
  abbr {
    border-bottom: 1px dotted #666;
    cursor: help;
    white-space: nowrap;
  }

/** images **/
  img {
    border: 0;
  }

/** horizontal rules **/
  hr {
    height: 1px;
    border: 1px solid #666;
  }

/** forms **/
  form
  {
    margin: 0;
    padding: 0;
  }

  fieldset
  {
    margin: 1em 0;
    padding: 0.5em;
  }