/***
 * Developed by Dennison Uy <dennison_uy@yahoo.com>
 */

/* global */
html, body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; color: #000; }
/* old text color: #00529c */
a { color: #ed1f24; text-decoration: none; }
	a:hover { text-decoration: underline; }
p { margin-top: 1em; }
strong { font-weight: bold; }

h1 a { position: absolute; top: 0px; left: 0px; width: 255px; height: 88px; display: block; background: url(../images/zoomMailingLogo.gif) no-repeat; z-index: 99; }
h3 { color: #00529c; font-weight: bold; font-size: 146.5%; margin-bottom: .5em; }

* html #nonFooter { height: 100%; }
#nonFooter{ min-height: 100%; position: relative; }

/* footer */
#container { padding-bottom: 200px; }
#footer { position: relative; margin-top: -148px; height: 148px; overflow: hidden; padding-left: 56px; }
	#navFooter { background: #ed2024 url(../images/bottomBackground.gif) left no-repeat; height: 42px; width: 100%; overflow: hidden; position: absolute; bottom: 0px; left: 0px; margin: 0;}
	#footerContact { color: #fff; height: 77px; background: #f82a13; overflow: hidden; position: relative; }
	#footerContact .hotline { position: absolute; top: 0px; left: 0px; background: url(../images/bottomBackground2.gif) top left no-repeat; width: 260px; height: 77px; }
	#footerContact .hotline .phoneNumber { margin-top: 15px; }
	#footerContact .address { line-height: 77px; margin: 0; padding: 0; float: right; margin-right: 90px; font-size: 131%; }
	#copyright { margin: 0; padding: 0; overflow: hidden; height: 71px; margin-right: 90px; color: #00529c; }
	#copyright p { text-align: right; line-height: 71px; margin: 0; padding: 0; font-size: 85%; }


#navMain { width: 100%; display: block; height: 53px; position: relative; overflow: hidden; background: #0f61ab ; color: #fff; }
.home #navMain { background: #0f61ab url(../images/topBackgroundStripesLeft.gif) top left no-repeat; }
	#logo { width: 300px; height: 300px; position: absolute; top: 0px; left: 0px; display: block; }
	/* .home #navMain ul { margin-left: 50px; }*/
	#navMain ul { margin-left: 280px; }
		#navMain li { float: left; display: inline; }
		#navMain a { font-size: 17px; color: #fff; margin: 0 12px; margin-top: 18px;  display: block; line-height: normal; }
		#navMain .twoLiner { text-align: center; display: block; line-height: 3px; }
		* html #navMain .twoLiner { line-height: normal; }
		.twoLiner small { font-size: 9px; color: #adcce9; margin: 0; padding: 0; }
	#navMain .hotline { margin: 0; height: 53px; position: absolute; top: 0px; right: -1px; padding-right: 88px; background: #0f61ab url(../images/topBackground.gif) right no-repeat; overflow: hidden; }
	#footerContact .hotline a,
	#navMain .hotline a,
	.hotline p { color: #fff; margin: 0; padding: 0; font-size: 100%; line-height: normal; }
	.hotline .phoneNumber { font-weight: bold; font-size: 170%; margin-top: 3px; }

	#inner5 #navMain5 a,
	#inner4 #navMain4 a,
	#inner3 #navMain3 a,
	#inner2 #navMain2 a,
	#inner1 #navMain1 a,
	.home #navHome a { font-weight: bold; color: #6f9ec2; }

	#inner5 #navMain5 a:hover,
	#inner4 #navMain4 a:hover,
	#inner3 #navMain3 a:hover,
	#inner2 #navMain2 a:hover,
	#inner1 #navMain1 a:hover,
	.home #navHome a:hover { text-decoration: none; }

#banner { font-size: 123.1%; width: 924px; margin: 0 auto; margin-top: 26px; background: url(../images/homeBackground.png) no-repeat; }
	#banner p { width: 700px; margin: 0 auto; margin-bottom: 1em; }
	#banner h2 { width: 924px; height: 346px; margin-bottom: -100px; }
	#banner a { font-size: 135.7%; }

#contentMain { padding-top: 65px; }
	#contentHeader { padding-bottom: 60px; background: url(../images/headerBackground.gif) bottom repeat-x; }
		#contentHeader .narrow h2,
		#contentHeader .narrow p { width: 475px; float: left; }
	#contentHeaderInner { width: 750px; margin: 0 auto; text-align: left; }
		#contentHeaderInner h2 { font-weight: bold; font-size: 197%; color: #ed1f24; }
		.narrow .button { float: right;  }
	#contentBody { width: 750px; margin: 0 auto; text-align: left; }
	#contentBody p { margin-bottom: 1em; }


.going-green h3 { color: #000; font-size: 123.1%; }
.going-green li { margin: 2em 0; list-style: url(../images/greenBullet.gif) inside; font-size: 123.1%; }

blockquote { padding: 40px 0; border-top: 1px solid #e5e5e5; }
	blockquote.first { margin-top: 0; padding-top: 0; border: 0; }
	.quoteBy { margin: 30px 0 0 40px; font-style: italic; }

/* inner container - fixed width */

/* styling classes */
.frame { border: 1px solid #f1f1f1; padding: 20px; margin-bottom: 15px; }

/* hacks */
.clear { clear: both; }


/* hidden */
.home h1,
#howItWorks *,
.inner #banner,
h2 span,
a span,
.hidden { display: none; }