* { margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0; }
caption,th { text-align : left; }

body { text-align:left; color:#000; background-color:#c1e7fe; font-family:Arial, Helvetica, sans-serif; }

.pagenav { display:none; }


/* --------------------------------------------/ HEADER \-------------------------------------------- */
/*  
	- keep the heights equal to each other
	- adjust the width of the header
*/

#container_header { width:100%; height:350px; }
	
	#header { position:relative; margin:auto;
		height:100%;
		width:800px;
		color:#FFF;
		font-size:12px;
		background-image:url("../images/branding2.jpg"); } 

		#header h2 { text-align:right; padding-top:55px; margin-right:10px; }
		
		#header h3 { text-align:right; margin-right:10px; }
		
		#nav { 
		position:absolute;
		height:200px;
		width:250px;
		margin-top:40px;
		font-size:14px; }

			#nav li { padding:12px 0 12px 60px; list-style:none; background-image:url("../images/nav_bg.png"); }

			#nav a { text-decoration:none; color:#4d6818; font-weight:bold; }
			
			#nav a:hover { text-decoration:underline; }

/* --------------------------------------------\ NAV /-------------------------------------------- */




/* --------------------------------------------/ CONTENT \-------------------------------------------- */
/* 
	- adjust the height of the ".min-holder"
	- adjust the width of the content boxes
*/

#container_content { width:100%; }

	#content { position: relative; margin: auto; height:100%;
		width:800px;
		background-color:#8abb2a; }
	
		/* holds the min-height for the content divs */
		.min-holder {float:left; width:1px; 
		height:650px;  }
		/* clears the content divs */
		.clear {clear:both; height:1px; overflow:hidden; background-color:#FFF; }

		#container_left-content { 
			position: relative; 
			float:left; 
			height:100%;
			width:480px;
			background-color:#8fd4fe; }
			
			#container_left-content h1{ font-size:18px; margin:20px 0 0 20px; text-decoration:underline; color:#000000;}
			
			#container_left-content h2{ font-size:16px; margin:20px 0 0 20px; text-decoration:underline; color:#000;}
			
			#container_left-content p{font-size:14px; margin:25px 20px 0 20px; color:#333333 }
			
			.c-submit{ position: relative; float: right; margin-right: 20px;}
			
			#left-content-top { 
			position: relative; 
			float:left; 
			height:299px;
			width:479px;
			background-color:#8fd4fe;
			border-bottom:1px solid #FFF; }
			
				#left-content-top h1 { font-size:18px; margin:25px 0 0 20px; text-decoration:underline; }

				#left-content-top ul { margin:30px 0 0 20px; }
			
				#left-content-top li { list-style:none; display:inline; color:#000; }

				#left-content-top a { font-size:14px; float:right; color:#00F; margin-right:25px; }
				
				#left-content-top a:visited { color:#00F; }
				
				#left-content-top img { border:1px solid #000; margin-bottom:30px; }
				
			#left-content-bottom { 
				position: relative; 
				float:left; 
				height:350px;
				width:480px;
				background-color:#56731a;
				color:#FFF; }
			
				#left-content-bottom h2 { font-size:18px; margin:25px 0 0 20px; text-decoration:underline; }

				#left-content-bottom p { font-size:14px; margin:20px 20px 0 20px; color:#DDD; }
				
				#left-content-bottom h3 {font-size:10px; margin:30px 20px 0 20px;}
				
				#left-content-bottom-holder { 
					height:110px;
					width:480px;
					margin-top:40px; }
				
					#left-content-bottom-coupon {
					position:relative;
					height:110px;
					width:190px;
					float:left;
					left:20px;
					font-size:12px; }
					
					#left-content-bottom-form {
					position:relative;
					float:left;
					height:110px;
					width:190px;
					margin-left:20px;
					text-align:right;
					font-size:12px; }
				
					#left-content-bottom-form input { margin-left:5px; margin-bottom:4px; }

		#right-content { position: relative; float:left; margin: auto;
		height:650px;
		width:319px;
		background-color:#8abb2a;
		border-left: 1px solid #FFF;
		color:#FFF; }
		
			#right-content h1 { font-size:18px; margin:25px 0 0 20px; text-decoration:underline; }
			
			#right-content h2 { font-size:18px; margin:80px 0 0 20px; text-decoration:underline; }

			#right-content ul { font-size:16px; margin:20px 0 0 35px; }
			
			#right-content li { color:#000; margin-bottom:10px; }
			
			#right-content img { border: 1px solid #FFF }
			
			#right-content a { font-size:14px; float:right; text-align:right; color:#00F; margin-right:20px;}

			#right-content a:visited { color:#00F; }
			
			#right-content p { font-size:14px; margin:20px 20px 0 20px; }
			
			#right-content form { margin:25px 0 0 20px;}

/* --------------------------------------------\ CONTENT /-------------------------------------------- */




/* --------------------------------------------/ FOOTER \-------------------------------------------- */
/*  
	- keep the heights equal to each other
	- adjust the width of the content boxes
*/

#container_footer { clear:both; width:100%; height:60px;}
	
	#footer { position: relative; margin: auto;
	height:60px;
	width:800px;
	background-color:#629cbe;
	color:#FFF;
	font-size:12px;
	border-top:1px solid #FFF; }
	
		#footer p { text-align:center; padding-top:25px; }
		
		#footer a, #footer a:visited { color:#FFF; text-decoration:none; }
		
		#footer a:hover { text-decoration:underline; }
		

/* --------------------------------------------\ FOOTER /-------------------------------------------- */