/* wireframe_css.css */

body 	{ 
	font-family: arial; 
	font-size: 75%;
	margin: 1em;
	}
h1 		{ 
	font-size: 140%; 
	border-bottom: none; 
	}
h2, h3, h4 { 
	margin-top: 1.2em;
	font-size: 120%; 
	border-bottom: 1px solid #777777; 
	}
h3, h4 { 
	font-size: 100%; 
	border-bottom: 1px solid #777777; 
	}
h5 		{ 
	border-bottom: 1px solid #777777; 
	margin-bottom: .7em;
	}
a 		{ 
	text-decoration: none; 
	}
a:hover { 
	text-decoration: underline; 
	}

dl { line-height: 1.3em; }

dt	{ display: block;
	width: 9em;
	text-align: right;
	color: #555555;
	}
dd	{ display: block;
	text-align: left;
	margin: -1.3em 0 .6em 10em;
	}
	
	
div#mockupNav {
	position:fixed;
	bottom: 2em; 
	right: 0; 
	margin: -1.7em 0 .7em -.9em;
	padding: .7em 1.2em .7em 1em;
	font-size: 80%;
	line-height: 1.4em;
	border: 1px solid #777777;
	border-width: 1px 0 1px 1px;
	border-radius: .6em 0 0 .6em;
	-moz-border-left-radius:.6em;
	-webkit-border-left-radius:.6em;
  	background-image: -webkit-gradient(
    		linear,
   			left center,
    		right center,
    		color-stop(0.15, #ffffff),
    		color-stop(0.85, #f8f8f8)
		);
	background-image: -moz-linear-gradient(
    		left,
    		#ffffff 15%,
    		#f8f8f8	 85%
		);
	-moz-box-shadow: 4px 4px 8px #777777;
	-webkit-box-shadow: 4px 4px 8px #777777;
	z-index: 20;
	}
	
div#mockupNav a {
	color: 333366;
	}