/*
Add a Mobile Landing Page to Your Site
By Sam Dunn
Build Internet 2011
http://buildinternet.com/2011/01/add-a-mobile-landing-page-to-your-site
*/
*{
	margin:0;
	padding:0;
}
body{
	font-family:Georgia, "Times New Roman", Times, serif;
}	

	#base{
		width: 70%;
		min-width:600px;
		margin: 0 auto;
	}

	/* Navigation Bar Style Set Up: */
	#navigation{
		width:100%;
		height:40px;
		background-color:#9a8c71;
		margin: 0 auto;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:18px;
	}
		/* behaviour/position for the menu items */
		#navigation ul
		{margin:0px auto; padding:0px;}
	
		#navigation ul li
		{
			display:inline; 
			height:30px; 
			float:left; 
			list-style:none;
			margin-left:30px;
			padding-top:5px;
			position:relative;
		}
		
			/* appearance for the menu items */
			#navigation li a
			{color:#fff; text-decoration:none; font:Georgia, 'Times New Roman', Times, serif;}
	
			#navigation li a:hover
			{text-decoration:underline; font:Georgia, 'Times New Roman', Times, serif;}
				
				/* behaviour/position for the sub-menu items */
				#navigation li ul
				{
					margin:0px;
					padding:0px;
					display:none;
					position:absolute;
					left:0px;
					top:30px;
					background-color:#9a8c71;
					font-size:15px;
				}
				
				#navigation li:hover ul
				{
					display:block;
					width:160px;
				}
				
				#navigation li li
				{
					list-style:none;
					display:list-item;
					width:100%;
					height:30px;
					margin-left:10px;
				}
				
					/* appearance for the sub-menu items */
					#navigation li li a
					{color:#fff; text-decoration:none; font:Georgia, 'Times New Roman', Times, serif;}
	
					#navigation li li a:hover
					{text-decoration:underline; font:Georgia, 'Times New Roman', Times, serif;}
		
	
	/* Other Style Stuff: */
	#banner{
		width:70%;
		min-width:600px;
		padding:20px 0;
		background:#1a1a1a;
		font-size:48px;
		margin: 0 auto;
		
		vertical-align:middle;
		color:#f8f4e9;
	}
		#banner img{
			margin:0px 0px 0px 22px;
		}
	
	#content{
		padding:30px 30px 30px 30px;
		background:#e5e1d6; 
		text-align:left;
	}	
		#content .icon{ 
			height:80px;
			width:80px;
		}
		#content p{ 
			color:#888; 
			/*font:300 17px Georgia, serif;*/ 
			line-height:140%;
		}
		#content h1{ 
			color:#4a4a4a; 
		}
		#content a{
			color:#444;
			border-bottom:1px dotted #888;
			text-decoration:none;
		}