/* Global CSS */
*{
	margin: 0;
	padding: 0;
}
img{
	border: none;
}
body {
	margin:0;
	padding:0;
	height: 100%;
	background-image: url('../images/global/blue_bgd.jpg');
	background-repeat: repeat-x;
	text-align:center;
}
html {
	margin:0;
	padding:0;
	height: 100%;
}
#pageContainer{
	width: 803px;
	margin:0px auto;
	padding-top:11px;
	min-height: 100%;
	height: auto !important;
	height: 100%;	

}
#headerBar{
	height: 77px;
	width: 803px; 
	position: relative;

}
#midContainer{
	background-image: url('../images/global/mid_bgd.jpg');
	background-repeat: repeat-y;
	margin-top: -4px;
	padding: 0px;
	width: 804px;


}
html>body #midContainer{
	background-image: url('../images/global/mid_bgd.jpg');
	background-repeat: repeat-y;
	margin-top: -4px;
	padding: 0px;
	width: 804px;
}
#menuContainer{
	height: 28px;
	width: 500px;
	float: left;
	margin-left: 10px;
	top: 0px;
	z-index: 30;
	position: relative;

}
.menu_text{
	font-family: Century Gothic; 
	font-size: 10pt; 
	color: #FFFFFF ;
}
#home{
	height: 28px;
	width: 63px;
	left: 0px;
	position: absolute;
}
#product{
	height: 26px;
	width: 83px;
	left: 68px;
	background-image: url('../images/global/menu/product.jpg');
	backround-repeat: none;
	position: absolute;
}
#story{
	height: 26px;
	width: 83px;
	left: 160px;
	background-image:  url('../images/global/menu/ourstory.jpg');
	backround-repeat: none;
	position: absolute;
}
#request{
	height: 26px;
	width: 98px;
	left: 252px;
	background-image: url('../images/global/menu/request.jpg');
	background-repeat: none;
	position: absolute;
}
#order{
	height: 26px;
	width: 63px;
	left: 359px;
	background-image: url('../images/global/menu/order.jpg');
	background-repeat: none;
	position: absolute;
}
#btmMenuBar{
	height: 100%;
	width: 784px;
	margin: 0 auto;
	top: 0px;
	position: relative; 
	border-top-style:solid; 
	border-top-width:5px;
	border-top-color: #C9E5F2;
	background-color: white;	
}
html>body #btmMenuBar {

	height: 100%;
	width: 784px;
	margin: 0 auto;
	top: 28px;
	position: relative; 
	border-top-style:solid; 
	border-top-width:5px;
	border-top-color: #C9E5F2;
	background-color: white;	
}
#bannerContainer{
	height: 200px;
	width:784px;
	margin: 0 auto;

	top: 10px;
	background-image: url('../images/global/mainBanner.jpg');
	bakcground-repeat: no-repeat;
}
#bannerText1{
	height:55px;
	width: 400px;
	font-family: "Century Schoolbook";
	font-size: 33pt;
	color: #2A6786;
	text-align: left;
	margin-left: 23px;
	float: left;
	margin-top: 15px;
	position: relative;
	font-style:italic
}
html>body #bannerText1{
	height:55px;
	width: 400px;
	font-family: "Century Schoolbook";
	font-size: 33pt;
	color: #2A6786;
	text-align: left;
	margin-left: 10px;
	float: left;
	margin-top: 15px;
	position: relative;
	font-style:italic
}
#bannerText2{
	height:100px;
	width: 400px;
	font-family: "Century Gothic";
	font-size: 11pt;
	color: #2A6786;
	text-align: left;
	margin-left: 25px;
	float: left;
	margin-top: 0px;
	position: relative;
}
html>body #bannerText2{
	height:100px;
	width: 400px;
	font-family: "Century Gothic";
	font-size: 11pt;
	color: #2A6786;
	text-align: left;
	position: relative;
}
#quoteBlock{
	height: 203px;
	width: 257px;
	float: left;
	background-image: url('../images/global/quoteblock.gif');
}
html>body #quoteBlock{
	height: 203px;
	width: 257px;
	position: absolute;
	float: left;
	background-image: url('../images/global/quoteblock.gif');
}
#quoteBlockText1{
	height:25px;
	width: 680px;
	font-family: "Century Schoolbook";
	font-size: 12pt;
	color: #2A6786;
	text-align: left;
	margin-top: 15px;

	font-style:italic
}
html>body #quoteBlockText1{
	height:25px;
	width: 680px;
	font-family: "Century Schoolbook";
	font-size: 12pt;
	color: #2A6786;
	text-align: left;
	padding-top: 15px;
	padding-left: 15px;
	position: relative;
	font-style:italic;
}
#quoteBlockText2{
	height:40px;
	width: 100px;
	font-family: "Century Schoolbook";
	font-size: 15pt;
	color: #2A6786;
	margin-top: 20px;
	margin-left: 50px;
	position: relative;
	font-style:italic;
}
html>body #quoteBlockText2{
	height:40px;
	width: 100px;
	font-family: "Century Schoolbook";
	font-size: 15pt;
	color: #2A6786;
	margin-top: 20px;
	margin-left: 90px;
	position: relative;
	font-style:italic;
}
#bubblesBanner{
	height:204px;
	width: 501px;
	float: right;
	background-image: url('../images/global/home_banner2.jpg');
}
html>body #bubblesBanner{
	height:204px;
	width: 501px;
	float: right;
	margin-top: -20px;
	position: relative;
	background-image: url('../images/global/bubbles.jpg');
}
#granPic{
	height:204px;
	width: 257px;
	float: left;
	margin-top: 20px;
	position: relative;
	background-image: url('../images/global/granpic.jpg');
}
#benefitBlock{
	height: 290px;
	width: 275px;
	float: left;
	margin-top: 25px;
	margin-left: 35px;
	position: relative;
}
#benefitBlockHeader{
	height: 30px;
	width: 257px;
	margin-left: auto;
	margin-right: auto;
}
.benefitHeaderText1{
	font-family: "Century Schoolbook";
	font-size:19pt; 
	color:#225378;
	font-style:italic;
}
#benefit1{
	height: 50px;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
html>body #benefit1{
	height: 265px;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
ul {
	list-style: list-style: disc url(/images/global/bullet.gif) inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	line-height:150%;
	vertical-align:middle;
}
html>body ul {
	list-style: list-style: disc url(/images/global/bullet.gif) inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 0em;
	line-height:150%;
	vertical-align:middle;
}
.benefitText{
	font-family: "Century Gothic";
	font-size:10pt; 
	color:#003366; 
	text-align:left; 
	vertical-align:top;
	line-height:170%; 
}
#textContainer{
	height:479px;
	width:493px;
	float: right;
	margin-top: 20px;
	position: relative;
}
.headerText{
	font-family: "Century Schoolbook";
	font-size:13pt; 
	color:#225378; 
	margin-left: 10px;
	vertical-align:top; 
	line-height:300%; 
	font-style:italic;
	
}
.mainText{
	font-family: "Century Gothic";
	font-size:10pt; 
	color:#666666; 
	text-align:left;
	vertical-align:middle; 
	line-height:170%;
}
#ourStoryContainer{
	height: 350px;
	width: 427px;
	background-image: url('/images/global/ourstory.jpg');
}
html>body #ourStoryContainer{
	height: 350px;
	width: 427px;
	background-image: url('/images/global/ourstory.jpg');
	float: right;
}
#ourStoryHeader{
	height: 250px;
	width: 300px;
	float: left;
	padding-left: 5px;
	margin-left: 25px;
	margin-top: 35px;	
}
html>body #ourStoryHeader{
	height: 250px;
	width: 300px;
	float: left;
	margin-top: 35px;	
}
#ourStoryTextContainer{
	height: 200px;
	width: 150px;
	float: left;
	margin-top: 60px;
}
.footerText{
	font-family: "Century Gothic";
	font-size:12pt; 
	color:#666666; 
	text-align: left;
	padding-left: 20px;
	margin-top: 10px;
}
#headingsContainer{
	width: 710px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-color:#ECF6FA
}
#buttonContainer1{
	height: 26px;
	width: 102px;
	margin-top: 20px;
	margin-left: 30px;
}
#buttonContainer2{
	height: 26px;
	width: 102px;
	margin-top: -26px;
	margin-left: 150px;
}
#disclaimer{
	font-family: "Century Schoolbook";
	font-size: 10pt;
	font-color: #666666;
	font-align: middle;
	height: 100px;
	width: 700px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	font-style:italic;
}
html>body #disclaimer{
	font-family: "Century Schoolbook";
	font-size: 10pt;
	font-color: #666666;
	font-align: middle;
	height: 100px;
	width: 803px;
	margin-top: 365px;
	margin-left: 80px;
	font-style:italic;
	position: absolute;
}
#footer{
	position: relative;
	width: 803px;
	height: 4em;
	background-image: url('../images/global/footer.jpg');
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}
#footer2{
	width: 803px;
	height: 4em;
	background-image: url('../images/global/footer.jpg');
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}
html>body #footer2{
	width: 803px;
	height: 4em;
	background-image: url('../images/global/footer.jpg');
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
#footer3{
	width: 803px;
	height: 4em;
	background-image: url('../images/global/footer.jpg');
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	z-index: 20;
	position: relative;
}
html>body #footer3{
	width: 803px;
	height: 4em;
	background-image: url('../images/global/footer.jpg');
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
#push {
	height: -10em; /* .push must be the same height as .footer */
}
html>body #push {
	height:15em; /* .push must be the same height as .footer */
}
#push2 {
	height: 17em; /* .push must be the same height as .footer */
}
#push3 {
	height: 5em; /* .push must be the same height as .footer */
}
#push4 {
	height: 0em; /* .push must be the same height as .footer */
}
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#BCE2F2
}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e2f2f9;
  border-right:1px solid #e2f2f9;
  background:#cce9f5
}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f8fcfd;
  border-right:1px solid #f8fcfd;
  background:#c8e7f4
}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c8e7f4;
  border-right:1px solid #c8e7f4;
}
.spiffy4{
  border-left:1px solid #e2f2f9;
  border-right:1px solid #e2f2f9
}
.spiffy5{
  border-left:1px solid #cce9f5;
  border-right:1px solid #cce9f5
}
.spiffyfg{
  background:#BCE2F2
}
html>body.spiffyfg{
	height: 290px;
  	background:#BCE2F2
}  
#orderContainer{
	margin-left: auto;
	margin-right: auto;
}
html>body #orderContainer{
	margin-left: auto;
	margin-right: auto;
	display:inline;
}