/* CSS Document */

body {
	position:relative;
	margin:0;
	padding:0;
	background:#292F33 url(../images/bg.gif) repeat-x 0 0;
	}

h2 {font:21px "Myriad Web", Tahoma, Arial, sans-serif; color:#B6D73A}
h3 {font:16px Tahoma, Arial, sans-serif; color:#B6D73A}
p, p a:link, p a:active, p a:visited, p a.selected {font:11px "Myriad Web", Arial, Tahoma, sans-serif; color:#292F33}
p a:hover {color:#FFFFFF}


#wrapper {width:770px; margin:0 auto; padding:0}

	
#left {width:207px; height:711px; margin-top:15px; float:left; display:inline}
#logo {height:100px}
#menu {height:97px; margin-top:31px;}
#nav {list-style:none; margin:0; padding:0; display:inline; overflow:hidden; width:207px}
#nav li {margin:0; padding:0; display:inline; list-style-type:none}
#nav a {float:left; padding:24px 0 0 0; overflow:hidden; height:0px !important;}	
#nav a:hover {background-position:0 -24px}
#nav a:active, #nav a.selected {background-position:0 -48px}
#nav-home a {width:207px; background:#292F33 url(../images/but_home.gif) top left no-repeat}
#nav-about a {width:207px; background:#292F33 url(../images/but_about.gif) top left no-repeat}
#nav-portfolio a {width:207px; background:#292F33 url(../images/but_portfolio.gif) top left no-repeat}
#nav-projects a {width:207px; background:#292F33 url(../images/but_projects.gif) top left no-repeat}
#nav-contributions a {width:207px; background:#292F33 url(../images/but_contributions.gif) top left no-repeat}
#runtoon {position:relative; margin-top:334px; float:left}

	
#center {width:381px; margin-left:11px; float:left; display:inline}
#content {height:694px; background:#99A951 url(../images/bg_center.gif) repeat-y 0 0}
#content-bottom {height:10px; background:#292F33 url(../images/bottom_center.gif) no-repeat 0 0}
#dynamic {position:absolute; width:355px; margin-left:13px; margin-top:100px; float:left}
#gallery {width:355px; clear:both; text-align:center}

#title {height:18px; border-bottom:#B8C190 1px solid}

#submenu {height:20px; float:right;}
#subnav {list-style:none; margin:0; padding:0}
#subnav li {margin:0; display:inline; list-style-type:none}
#subnav a {font:10px Arial, Tahoma, sans-serif; padding:0 0 0 20px; color:#FFFFFF; background:url(../images/bullet_arrow.gif) no-repeat 10px -3px; text-decoration:none}	
#subnav a:hover, #subnav a:active, #subnav a.selected {font:10px Arial, Tahoma, sans-serif; color:#FFFFFF; background:url(../images/bullet_arrow.gif) no-repeat 10px -23px; text-decoration:none}

#description {margin-top:20px; width:355px}

#holder {float:left}


#right, #other {width:150px; margin-left:11px; margin-top:100px; float:left; display:inline}

.red {color:#F33E60;}
.white {color:#FFFFFF}
.green {color:#99A951}
.gray, .gray a:link, .gray a:active, .gray a:visited, .gray a.selected {color:#64696F}
.gray a:hover {color:#FFFFFF}

/* IE fixes*/
* html #logo img {margin-bottom: -3px}
* html #gallery img {margin-bottom: -6px}
* html #submenu{margin-top:5px; margin-bottom:-5px}