/*  lighter red: #d71e29	(237,  28,  36)
 *  darkest red: #891217	(139,  15,  18) (replaced with #a11)
 * lighter blue: #4c96cb	( 81, 159, 215)
 * darkest blue: #074b7e	(  0,  74, 128) #004a80
 */

#wrapper {background-color:rgba(255,255,255,1.0);border-color:#000;border-style:solid;border-width:10px 0;margin:85px auto 0px;padding:20px;}
#container {height:320px;margin:auto;width:920px;}
#header {border-right:3px solid #000;float:left;height:300px;margin-right:30px;padding:10px 40px 10px 0px;width:300px;}
#nav {float:left;height:200px;margin-top:60px;width:225px;}
#nav ul {list-style-type:none;margin:0;padding:0;}
#nav ul li {height:70px;margin:0;}
#nav ul li:last-child {margin-bottom:0;}
#nav ul li a:link {background-image:url("images/nav-bg-sprite.png");background-repeat:no-repeat;display:inline-block;height:70px;}
#nav ul li a.about {background-position:0px 0px;width:130px;}
#nav ul li a.portfolio {background-position:-130px 0px;width:207px;}
#nav ul li a.contact {background-position:-337px 0px;width:180px;}
#nav ul li a.about:hover {background-position:0px -70px;}
#nav ul li a.portfolio:hover {background-position:-130px -70px;}
#nav ul li a.contact:hover {background-position:-337px -70px;}

#content {float:left;height:320px;overflow:hidden;position:relative;text-align:center;width:320px;}
#content > div {display:none;height:320px;}
#content h1 {color:#a11;margin-top:0;}
#content h2 {color:#777;margin:0;}
#content p {font-size:0.8em;line-height:2;}

#intro {position:absolute;right:0px;top:0px;}