body {
	background: #a14e00 url(images/bodyBg.jpg) repeat-x 0 0; 
	font: 62.5% "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff;
}
strong { font-weight:bold; }

#wrapper {width: 1000px; margin: 0 auto;}

#clear { clear:both; }

#logo { background:url(images/logo.gif) no-repeat;text-indent:-5000px;width:231px;height:50px;margin:50px 0px 0px 300px; }

#info_container { width:207px;height:400px;position:absolute;top:0;margin:0 75px; }
#info_container #character { background:url(images/bgCharacter.gif) no-repeat;width:207px;height:205px; }
#info_container #info { background:url(images/infoBg.png) repeat-y;width:207px; }
#info_container #info_footer { background:url(images/infoBottom.png) no-repeat;width:207px;height:15px; }
h1#info_head { font-size:1.6em;color:#ffffff;margin:0;height:33px; }
h1#info_head span { padding:5px 10px;background:#5cc9dd; }
#info p { padding: 5px 17px 15px 10px; }
#info a.email { font-size:1.2em;color:#FF8F39; }

#main_nav { height:33px;position:absolute;top:155px;margin:0 0 0 300px; }
#main_nav li { display:inline-block;height:33px;margin:0 5px;zoom: 1;*display: inline; }
#main_nav li a.current { text-decoration:none;font-size:1.5em;font-weight:bold;color:#ffffff;background:#5cc9dd;display:block;padding:10px; }
#main_nav li a { text-decoration:none;font-size:1.5em;font-weight:bold;color:#b26d2c;display:block;padding:10px; }
#main_nav li a:hover { color:#ffffff;background:#5cc9dd; }

#sub_nav { height:22px;border:1px solid #57cddb;background:#c9e7eb; }
#sub_nav li { display:inline-block;height:24px;margin:0 5px;zoom: 1;*display: inline; }
#sub_nav li a.current { height:20px;display:block;padding:2px 5px 0 5px;text-decoration:none;color:#ffffff;background:#5cc9dd;font-variant:small-caps; }
#sub_nav li a { height:20px;display:block;padding:2px 5px 0 5px;text-decoration:none;color:#015965;font-variant:small-caps; }
#sub_nav li a:hover { color:#ffffff;background:#5cc9dd; }

#copyright { margin:25px 0 0 0;padding:2px 0 10px 0;border-top:1px solid #ff8f39;font-size:.8em; } 

h1 { font-size:1.6em;font-weight:bold;color:#FF8F39;margin:10px 0 5px 0; }

#content_container { position:relative;top:110px;left:300px;width:690px;font-size:1.2em; }
#services li { margin:5px 0; }


/* PORTFOLIO - WEBSITES */
h1#portfolio { font-size:1.6em;font-weight:bold;color:#FF8F39;margin:10px 0 5px 0;border-bottom:1px solid #ff8f39; }
.website { position:relative;margin:15px 0 0 0; }
.website h2 { color:#a6a6a6;font-weight:bold;font-size:1.2em;margin:10px 0 0 0; }
.website p { margin:5px 0 10px 0; }
.website .silverButton { position:absolute;top:15px;left:200px; }
.website .silverButton li { width:130px;height:33px; }
.website .silverButton li a { display:block;width:130px;height:26px;background: url(images/SilverButton.png) 0 0 no-repeat;text-align:center;padding:7px 0 0 0;text-decoration:none;color:#666666; }
.website .silverButton li a:hover { background: url(images/SilverButton.png) 0 -33px no-repeat;color:#ff8f39; }

.background { position:relative;margin:15px 0 0 0; }
.background h2 { color:#a6a6a6;font-weight:bold;font-size:1.2em;margin:10px 0 0 0; }
.background p { margin:5px 0 10px 0; }
.background .silverButton { position:absolute;top:15px;left:520px; }
.background .silverButton li { width:130px;height:33px; }
.background .silverButton li a { display:block;width:130px;height:26px;background: url(images/SilverButton.png) 0 0 no-repeat;text-align:center;padding:7px 0 0 0;text-decoration:none;color:#666666; }
.background .silverButton li a:hover { background: url(images/SilverButton.png) 0 -33px no-repeat;color:#ff8f39; }

#resume h2.title { font-size:1.6em;font-weight:bold; }
#resume h3.title { font-size:1em;font-weight:bold; }

#resume h2 { font-size:1.4em;font-weight:bold;border-bottom:1px dotted #ffffff;margin:10px 0 3px 0; }
#resume h3 { font-weight:bold;margin:5px 0 0 0; }
#resume p { display:block;margin:10px 15px; }

#resume ul { list-style:square;margin:5px 0 0 30px; }