ul, ol { list-style:none; }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, div, span, img, dt, dd, dl { margin:0; padding:0; }

/*                                                                          *
 *                              Main Styles                                 *
 *                                                                          */
html { font-size: 16px; background: #fff; }
body { text-align: center; font-family: "Arial", sans-serif; font-size: 62.5%; color: #333; font-size-adjust: 0.52; }

h1 { font: normal 3em "Georgia"; line-height: 100%; }
h2 { font: normal 2em "Georgia"; line-height: 100%; padding: 10px 0 5px 0; }
h2 span{ font: normal .6em "Arial"; padding: 0 0 0 10px; }
h3 { font: normal 1.8em "Georgia"; line-height: 100%; padding: 15px 0 5px 0; }


p { font-size: 1.4em; line-height: 18px; }

a:link, a:visited { color: #990000; text-decoration: underline; outline: none; }
a:hover { color: #990000; text-decoration: none; }

div.left { float: left; }
div.right { float: right; }
div.wrap-48p { width: 460px; }
div.wrap-30p { width: 280px; }
div.wrap-66p { width: 640px; }
div.clearfix { clear: both !important; float: none !important; font-size: 0px !important; }

/*                                                                          *
 *                              Wrap Styles                                 *
 *                                                                          */
#header		{ text-align: left; background: url(../images/header_background.png) repeat-x scroll 0 0; border-bottom: 2px solid #f2f0dc; height: 98px; }
#navigation	{ text-align: left; background: #5a564c; padding: 4px 0 0; }
#image_pane { text-align: left; background: #f2f0dc; padding-top: 27px;}
#content	{ text-align: left; padding: 25px 0; background: #f2f0dc; }
#footer		{ text-align: left; background: url(../images/footer_background.png) repeat-x scroll 0 0; padding: 13px 0 0; height: 115px; }

body div.container	{ clear: both; float: left; width: 100%; }

/*                                                                          *
 *                             Header Styles                                *
 *                                                                          */
#header div#wrap-header { padding: 24px 10px 0 10px; margin: 0 auto; width: 980px; }
#header div#wrap-header h1 { line-height: 25px; }
#header div#wrap-header h1 a { float: left; color: #8E8B7A; text-decoration: none; }
#header div#wrap-header h1 a:hover { text-decoration: none; }
#header div#wrap-header h1 a span { display: block; color: #5A564C; font-size: 0.54em; }

/*                                                                          *
 *                           Navigation Styles                              *
 *                                                                          */
#navigation div#wrap-navigation { margin: 0 auto; width: 980px; padding: 0 10px 0 10px; }
#navigation div#wrap-navigation ul { float: left; }
#navigation div#wrap-navigation ul li { float: left; }
#navigation div#wrap-navigation ul li a { display: block; color: #fff; font-size: 1.4em; text-transform: uppercase; text-decoration: none; padding: 4px 9px; }
#navigation div#wrap-navigation ul li:hover a { background: #bbb49e; }
#navigation div#wrap-navigation ul li.on a { color: #333; background: #f2f0dc; }

/*                                                                          *
 *                           Image_pane Styles                              *
 *                                                                          */
#image_pane div#wrap-image_pane { background: #666; border: 5px solid #bbb49e; padding: 1px; margin: 0 auto; width: 968px; }
#image_pane div#wrap-image_pane ul { float: left; background: #333; }
#image_pane div#wrap-image_pane ul li { float: left; position: relative; }
#image_pane div#wrap-image_pane ul li a.more { position: absolute; color: #999; font: bold italic 1.4em "Georgia"; text-align: center; text-decoration: none; background: url(../images/info.png) no-repeat scroll 50% 50%; opacity: 0.7; bottom: 5px; right: 5px; width: 16px; height: 16px;}
#image_pane div#wrap-image_pane ul li a.more.on,
#image_pane div#wrap-image_pane ul li a.more:hover { color: #fff; }
#image_pane div#wrap-image_pane ul li img { display: block; border: 0px; width: 322px; height: 205px; }
#jquery_contentbox a { color: #999; }
#jquery_contentbox a:hover { color: #fff; }
/*                                                                          *
 *                             Content Styles                               *
 *                                                                          */
#content div#wrap-content { margin: 0 auto; width: 980px; padding: 0 10px 0 10px; }
#content div#wrap-content p { padding: 0 0 10px 0; }
#content div#wrap-content ul { list-style-image: url(../images/ul_image.png); margin: 0 0 0 28px; }
#content div#wrap-content ul li p { padding: 0; }
#content div#wrap-content ul.past li p { padding: 0 0 15px 0; }
#content div#wrap-content ul.quote li{ font-size: 1.4em; padding: 0 0 10px 0; }
#content div#wrap-content ol.problems { font-size: 1.4em; padding: 10px 0 0 0; margin: 0 0 20px 0; }
#content div#wrap-content ol.problems li { padding: 0 0 25px 0; }
#content div#wrap-content ol.problems li h3{ font-size: 1.3em; }
#content div#wrap-content ol.problems li p{ font-size: 1em; }
/*                                                                          *
 *                              Other Styles                                *
 *                                                                          */
#astc { margin: 25px 0 25px 0; padding: 6px 0 0 45px; height: 45px; background: url(../images/astc.gif) no-repeat scroll 0 0; font-size: 1.3em; font-weight: bold; }
.project { border-bottom: #d3d2c1 1px solid; padding: 15px 0 15px 0; }
.project p { margin-top: 7px; }
.project h3 { padding: 0; }
.project img { float: left; border: #d3d2c1 4px solid; margin: 0 15px 0 0; }
.website { border-bottom: #d3d2c1 1px solid; padding: 15px 0 15px 0; }
.website p { margin-top: 7px; }
.website h3 { padding: 0; }
.website img { float: left; border: #d3d2c1 4px solid; margin: 0 15px 24px 0; }
.book { border-bottom: #d3d2c1 1px solid; padding: 15px 0 15px 0; }
.book img { float: left; border: #d3d2c1 4px solid; margin: 0 15px 15px 0; }
.book h3 { padding: 0; }
.book p { margin-left: 100px; }
/*                                                                          *
 *                           Javascript Styles                              *
 *                                                                          */
#jquery_contentbox { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
/*#jquery_contentbox a { color: #ddd; font-size: 1.2em; text-decoration: none; }
#jquery_contentbox a:hover { color: #fff; text-decoration: underline; }*/

#jquery_contentbox #jquery_contentbox-header { padding: 15px 12px 0 12px; }
#jquery_contentbox #jquery_contentbox-header a { float: right; line-height: 21px; }
#jquery_contentbox #jquery_contentbox-header h1 { color: #fff; font: bold 1.8em "Georgia"; }

#jquery_contentbox #jquery_contentbox-content { padding: 15px 12px 0 12px; height: 128px; }
#jquery_contentbox #jquery_contentbox-content p { color: #ccc; }
#jquery_contentbox #jquery_contentbox-content { }

#jquery_contentbox #jquery_contentbox-footer { padding: 0 20px 0 12px; line-height: 26px; height: 26px; }
#jquery_contentbox #jquery_contentbox-footer { }
#jquery_contentbox #jquery_contentbox-footer { }

#jquery_contentbox-overlay { position: absolute; background-color: rgb(0, 0, 0); opacity: 0.8; top: 0px; left: 0px; width: 100%; height: 100%; }

/*                                                                          *
 *                             Footer Styles                                *
 *                                                                          */
#footer ul#wrap-footer { margin: 0 auto; width: 960px; }
#footer ul#wrap-footer li { float: left; color: #3a3a3a; font-size: 1.2em; padding: 0 12px 0 0; }
#footer ul#wrap-footer li.credits { float: right; padding: 0; }
