/*
	CSS for MillenniumWindows.com
	Written by Hybrid Forge | www.HybridForge.com
	June 2009
-------------------------------------------------------------*/

 
/*	Imports
-----------------------------------------------------*/

@import url('reset.css'); 
@import url('content.css'); 
@import url('suckerfish.css'); 
@import url('smoothness/jquery-ui-1.7.2.custom.css'); 

 
/*	HTML Items
-----------------------------------------------------*/
 
body
	{
	margin: 0 0 1em 0;
	padding: 0;
	font: 100.01%/120% arial,helvetica,geneva,verdana,sans-serif;
	color: #333;
	text-align: center;	
	background: #fff url('../images/body-bg.gif') repeat-x 0 0;
	}
 
h1,h2,h3 { font: normal normal 2.1em arial,helvetica,sans-serif; }
h1 { margin: 0 0 0.5em 0; padding: 0 0 3px 0; color: #f08923; width: 100%; font-weight: bold; border-bottom: 3px double #999; }
h2 { font-size: 1.7em; margin: 1.1em 0 0.3em 0; padding-bottom: 0; padding-left: 25px; color: #f08923; background: url('../images/heading-bg.gif') no-repeat 0 0; }
h2 + p { padding-top: 0; margin-top: 0; }
h3 { font-size: 1.4em; font-weight: bold; margin: 0.8em 0 0.5em 0; padding-bottom: 0; }
h4 { font-size: 1.2em; font-weight: bold; }

img { border: none; }

a { color: #f08923; }
a:hover { color: #677abd; text-decoration: none; }
a:active { color: #ccc; }



/*	General Layout Items
-----------------------------------------------------*/

#mainWrapper
	{
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;	
	text-align: center;
	font-size: 85%;
	}

#header, #content, #footer
	{
	position: relative;
	width: 960px;
	height: auto;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	}
 
#header { height: 160px; background: url('../images/header-bg-inner.gif') no-repeat 0 bottom;  }
#theLogo, #contactLink { margin: 0; padding: 0; height: 119px; }
#theLogo { float: left; width: 281px; background: url('../images/logo-millennium-windows2.jpg') no-repeat 15px 0; }
#contactLink { float: right; width: 373px; background: url('../images/top-contact.jpg') no-repeat 0 0; }
 
#mainMenu
	{
	position: relative;
	clear: both;
	width: 100%;
	height: 35px;
	text-align: left;
	}

#content
	{
	clear: both;
	z-index: 1;
	overflow: auto;
	background: url('../images/content-bg.gif') repeat-y 0 0; 
	color: #000;
	height: 100%;
	}

#contentBody
	{
	position: relative;
	padding: 1.3em 0 1.5em 0;
	line-height: 1.5em;
	float: right;
	right: 15px;
	width: 605px;
	}
	
#sidePanel
	{	
	position: relative;
	float: left;
	left: 10px;
	width: 300px;
	margin: 0;
	padding: 1em 0 1.5em 0;
	}

#footer	
	{
	border-top: 1px solid #999;
	background: url('../images/footer-bg.gif') repeat-x 0 0;
	color: #414141;
	font-size: 75%;
	text-align: center;
	height: 154px;
	}

#footerInside { width: 940px; height: 154px; text-align: left; margin: 0 auto; background: url('../images/footer-logo.gif') no-repeat 95% center; }

#footerMenu 
	{
	width: 100%;
	float: left;
	line-height: 1.4em;
	font-weight: bold;
	line-height: 24px;
	height: 25px;
	}

#footerInfo
	{
	clear: both;
	height: 110px;
	margin: 0;
	color: #ccc;
	text-align: left;
	}

#footerInfo #footerCards, #footerInfo #footerContact { float: left; width: 300px; padding: 20px 0 0 10px; line-height: 1.4em; }

#footerCloser { color: #ccc; font-size: 0.9em; text-align: left;  }
#footerCloser #hfLink { float: right; color: #999; }
#footerCloser #hfLink a { color: #999; text-decoration: none; }
#footerCloser #hfLink a:hover { color: #ccc; text-decoration: underline; }


/*	Menus (excluding main menu, see mainmenu.css)
-----------------------------------------------------*/

/*/// Top Menu ///*/
#topMenu a#contactLink { display: block; width: 300px; height: 93px; }
#topMenu a#contactLink span { display: none; }
#topMenu ul { margin: 0; padding: 0 8px 0 0; list-style: none; }
#topMenu ul li { font-size: 0.9em; margin: 0; padding: 0 30px 0 10px; display: inline; }
#topMenu ul li a { color: #444; text-decoration: none; }
#topMenu ul li a:hover { color: #999; border-bottom: 1px solid #1491b6; }

/*/// Left Menu ///*/
.sideMenuHeading { color: #6579bc; text-transform: uppercase; font-weight: bold; font-size: 1.1em; margin: 0; padding: 0.5em 0 0.3em 15px; }
.horizBorder + .sideMenuHeading { margin-top: 0.8em; }
.sideMenu { padding: 0; font-size: 1em; width: 275px; margin: 0 auto 1em auto; background: url('../images/sidemenu-top.gif') no-repeat 0 0; }
.sideMenu .sideMenuCloser { background: url('../images/sidemenu-bot.gif') no-repeat 0 bottom; min-height: 20px;}
.sideMenu .sideMenuCloser .snapFinancial { display: block; width: 275px; height: 124px; background: url('../images/sidemenu-bot-snap.gif') no-repeat 0 bottom;}
.sideMenu.smaller { font-size: 0.9em; }
.sideMenu ul { width: 275px; padding: 0 0 10px 40px; margin: 0; }
.sideMenu ul li { color: #6579bc; }
.sideMenu ul li.first { }
.sideMenu ul li a { text-decoration: none; color: #6579bc; }
.sideMenu ul li a.selected { font-weight: bold; color: #e5740c; }
.sideMenu ul li a:hover { color: #e5740c; }
.sideMenu ul li a:active { color: #333; }
#sidePanel p img { margin: 1em 0 }

/*/// Footer Menu ///*/
#footer a { color: #fff; }
#footer a:hover { color: #ccc; }
#footer a:active { }
.footerMenu ul { margin: 0; padding: 0; list-style: none; }
.footerMenu ul li { margin: 0; padding: 0 1em 0 0; display: inline; }
.footerMenu ul li a { text-decoration: none; }



/*	Base Classes
-----------------------------------------------------*/
 
/*/// Text Items ///*/
.tBold { font-weight: bold; }
.tItalic { font-style: italic; }
.tSmall { font-size: 0.9em; }
.tLarge { font-size: 1.2em; }
.tCenter { text-align: center; }
.tUnder { text-decoration: underline; }
.tStrike { text-decoration: line-through; }
.tGrey, .tGrey a { color: #999; }
 
/*/// Img Items ///*/
.imgR { float: right; margin: 0.8em 0 1em 1em; }
.imgL { float: left; margin: 0.8em 1em 1em 0; } 
 
/*/// Borders ///*/
.horizBorder { border-top: 1px solid #ccc; height: 1px; }
.horizDouble { border-top: 3px double #ccc; height: 3px; }
 
/*/// Misc. ///*/
.clear { clear: both; }	
.pipe { padding: 0 0.5em; color: #1077a8; }
.required { color: #F11B25; font-weight: bold; }
.noShow, #theLogo b, #contactLink b, .sideMenuCloser .snapFinancial span { display: none; }
.adobe { background: url('../images/adobe.gif') no-repeat 0 2px; padding-left: 18px; }