@charset "UTF-8";
/* CSS Document */

/*general styling*/
* 					{ 	margin: 0; padding: 0; font:100%;}
	
@font-face			{	font-family: Geosanslight, Arial, sans-serif;
      					src:local("GeosaansLight");
						src:url("../Fonts/GeosansLight.ttf") format("truetype");
       					font-weight: normal;
       					font-style: normal;
						background: 
						}

@font-face			{	font-family: Journal, Arial, sans-serif;
      					src:local("Journal"); 
						src:url("../Fonts/Journal.ttf") format("truetype");
       					font-weight: normal;
       					font-style: normal;
						}


a					{ 	text-decoration: none;
						color:#333;
						}

body				{	
						font-family: Geosanslight, Arial, Helvetica, sans-serif;
						color: #333;
						text-decoration: none;
						}
						
h1					{	font-family:Journal, sans-serif;
						font-size:3em;
						font-weight:normal;
						color:#fff; }
					
h2, h3, h4			{ 	
						font-family: GeosansLight, Arial, Helvetica, sans-serif;
						font-size: 1.5em;
						font-style:normal;
						font-weight:normal;
						color:#fff;
						}

					
hr					{	
						float:left;
						background-color:#fff;
						text-align:left;
						height: 2px;
						border: none;
						width:450px;
						margin-top: 5px
						}
						
dt, span, cite		{color:#fff;}

/*this wraps entire document*/


#wrapper 			{	margin: auto;
						padding: 0;			
						position: relative;
						top:100px;
						left:0;
						background: url(../images/mainbg.png) no-repeat center top;	
						}
						
#container			{ 	position:relative;
						top: 0;
						left: 0;
						margin: auto;
						padding: 0;
						text-align: center;
						width: 860px;
						height:600px;
						 

						}


/*title styles the heading including logo*/

#topbar				{
						margin: 0;
						padding: 0 0 25px 0px;
						position: absolute;
					 	top: 20px;
						left: 50px;
						height:90px;
						width: 790px;
						background: url(../images/logosmall3.png) no-repeat top right;
						text-align:left;
			  	        }

#flowertop			{	position:absolute;
						top: -75px;
						left: -60px;
						}		


/*styling for the main content*/



#content			{	position: absolute;
						top: 138px;
						left: 50px;
						float: left;
						clear:both;
						width: 800px;
						font-size: 1.1em;
						text-align: left;
						}
						


#content a:link				{color:#fff}						
#content a:visited			{color:#BBB}
#content a:hover			{color:#000}						
#content a:active			{color:#000}

#content blockquote 		{margin: 15px; font-size: .9em;}

#content #listblock ul li 	{color:#fff}

#listblockcontainer 		{
							position: relative;
							top:0px;
							left:20px;
							}
							
#listblockcontainer div 	{width: 200px;}

#listblockcontainer.align h2 {text-align:center;}

#listblock					 {width: 200px;
							 float:left;
							 clear:right;
							 padding:0px;
							 margin:20px;
							 }

#listblock .lead 			{position:relative; 
							 top: 0; 
							 left: -30px
							 }

#listblock2					{width: 200px;
							 float:left;
							 clear:right;
							 color:#fff;
							 position:relative;
							 top: 0px;
							 left:-10px;
							 padding: 20px;
							}

#listblock.promo			{width: 250px;}

#promoblock					{float:right;
							 position:absolute;
							 top:180px;
							 right: 20px;
							}

/*Formatting specifically for the Contact Page*/


#contactblocks 				{position:absolute;
							top:20px;
							left:20px;
							float: left;
							}

#contactblocksmall 			{position: absolute;
							top: 90px;
							left: 40px;
							width: 300px;
							height: 370px;
							background:url(../images/notepapersmall.png) no-repeat top right;
							float: left;
							clear:left;
							}

#contactblocklarge 			{
							width: 400px;
							height: 470px;
							position:absolute;
							top: 32px;
							left: 400px;
							background:url(../images/notepaperlarge.png) no-repeat top right;
							float: left;
							}

.smallnotecontent 			{width: 250px;
							text-align: left;
							position:relative;
							top: 10px;
							left:40px;
							font: GeosansLight;
							font-size: 1.1em;
							}

.largenotecontent  {}

.smallnotehead 				{
	position: absolute;
	top: 45px;
	left: 52px;
	width:300px;
	text-align: center;
	color:#fff;
	font-size: 0.9em;
							}

.largenotehead  			{
	position: absolute;
	top: -10px;
	left: 450px;
	width:350px;
	font-size: 0.9em;
	text-align: center;												
							}


.centerOR					{position:absolute;
							top: 220px;
							left: 360px;
							font-family:Journal;
							font-size: .9em;
							width: 75px;
							}
							
							
/*Styling for the Contact Form*/



form						{
						  text-align: left;
						  position: absolute;
						  top:20px;
						  left:70px;
						  width: 320px;
						  float:left;
						  overflow: hidden;
						  height: 361px;
							}


.selection					{
							position: absolute;
							top: 75px;
							}

.label						{
							width: 100px;
		 					text-decoration: none;
							position:absolute;
							top:0px;
							left:0px;
							}
							
form label input			{position:relative;
							top:4px;;
							left:10px;
							height: 18px;
							width: 180px;
							text-indent: 7px;
							border: none;
							margin:5px;
							}
							
.clickit  					{ 
								width: 190px;      }


form .comments 				{
	position:relative;
	top: 5px;
	left: 60px;
							}

.status						{
	padding: 5px 15px 10px 0px;
	margin-right: 10px;
}


.status p					{	display: inline;
								text-indent: none;
								color:#333;
								margin-right: 15px;
								}

textarea 					{
	position: absolute;
	top: 147px;
	left: 81px;
	border: none;
	width: 210px;
	height: 103px;
							}

.submit 					{
	position: absolute;
	top: 261px;
	left: 250px;
	height: 24px;
	width: 64px;
	z-index: 5;
	display:block;
							}


.cap						{margin-top: -20px;
							font-size: .25em;
							color:#fff;
							letter-spacing: 2px;
							
							}

.fauxtitle					{	color:#fff;
							font-size:1.5em;
							display:block;
							text-indent: 0px;
							}


.fauxhead		 			{
							color:#fff;
							font-size: 3em;
							font-family: Journal;
	  						}


#list						{	margin-left: 20px;
							padding:10px;
							}

.three						{color:#333;}




/*styling for navigation*/


#mainnav 			 		{
							position: absolute;
							top:440px;
							left: 27px;
							overflow: hidden;
							margin: 0 0 0 0;
							padding: 0;
							width: 825px;
							 }
						
#mainnav li			 		{
							list-style-type:none;
							}
						
#mainnav li a				{
							display: block; 
							width: 120px; 
							height:110px; 
							text-indent:-9999px;
							background: url(../images/SincereNavSprite.png) no-repeat top left;  
							float:left;
							}
						
#mainnav li a#link1 {background-position: -35px 8px; width: 80px;}
#mainnav li a#link1:hover, #mainnav li a.link1:active {background-position: -35px -117px;}

#mainnav li a#link2 {background-position: -165px 8px; width:105px;}
#mainnav li a#link2:hover, #mainnav li a.link2:active {background-position: -165px -117px;}

#mainnav li a#link3 {background-position: -300px 8px; width:145px;}
#mainnav li a#link3:hover, #mainnav li a.link3:active {background-position: -300px -117px;}

#mainnav li a#link4 {background-position: -460px 8px; width:125px;}
#mainnav li a#link4:hover, #mainnav li a.link4:active {background-position: -460px -117px;}

#mainnav li a#link5 {background-position: -605px 8px; width:125px;}
#mainnav li a#link5:hover, #mainnav li a#link5:active {background-position: -605px -117px;}

#mainnav li a#link6 {background-position: -760px 8px; width:125px;}
#mainnav li a#link6:hover, #mainnav li a#link6:active {background-position: -760px -117px;  }						

#mainnav li a#link7 {background-position: -910px 8px;}
#mainnav li a#link7:hover, #mainnav li a#link6:active {background-position: -910px -117px;  }						

/*Positioning to prevent rollover states on selected pages and to hightlight link on selected page*/

body#Home ul li a#link1 {background-position: -30px -265px;}
body#Home ul li a#link1:hover, #mainnav li a.link1:active {background-position: -30px -265px;}

body#About ul li a#link2 {background-position: -165px -265px;}
body#About ul li a#link2:hover, #mainnav li a.link2:active {background-position: -165px -265px;}

body#Services ul li a#link3 {background-position: -300px -265px;}
body#Services ul li a#link3:hover, #mainnav li a.link3:active {background-position: -300px -265px;}

body#Promotions ul li a#link4 {background-position: -460px -265px;}
body#Promotions ul li a#link4:hover, #mainnav li a.link4:active {background-position: -460px -265px;}

body#Contact ul li a#link5 {background-position: -605px -265px;}
body#Contact ul li a#link5:hover, #mainnav li a.link5:active {background-position: -605px -265px;}

body#Newsletter ul li a#link6 {background-position: -760px -265px;}
body#Newsletter ul li a#link6:hover, #mainnav li a.link6:active {background-position: -760px -265px;}

body#Resources ul li a#link7 {background-position: -910px -265px;}
body#Resources ul li a#link7:hover, #mainnav li a.link7:active {background-position: -910px -265px;}

/*Mini Navigation for pages that carryover*/


#mininav					{
							position:absolute;
							top: 410px;
							right: 50px;
							overflow: hidden;
							}

#mininav li					{list-style-type:none;}

#mininav a					{display:block;
						    text-indent:-9999px;
							background: url(../images/mininav.png);
							width: 100px;
							height: 30px;
							float:left;
							}
				
#mininav ul li a#continue {background-position: -120px -50px;}
#mininav ul li a#continue:hover, #mininav ul li a#continue:active {background-position: -120px -130px;}

#mininav ul li a#back {background-position: -20px -50px;}
#mininav ul li a#back:hover, #mininav ul li a#back:active {background-position: -20px -130px;}