/* CSS Document */

/* IMPORTED STYLES */
@import url("reset.css");
@import url("menu.css");
@import url("cms.css");

/*GLOBAL*/
html{width:100%; height:100%; font:62.5% Helvetica, Arial, sans-serif; color:#ad9f97;}
body{width:100%; height:100%; min-width:990px; text-align:center; background:#B8A28E url(../gui/bg.gif) repeat 220px top;}
a, a:visited{text-decoration:none;}

/* MAIN LAYOUT */
#background{margin:0px auto -81px; width:100%; min-height:100%; height:auto !important; height:100%; display:block; background:url(../gui/tools.png) no-repeat center -26px !important; background:url(../gui/tools.gif) no-repeat center -26px; position:relative;}
#container{margin:auto; width:990px; min-height:560px; height:auto !important; height:560px; padding:172px 0px 60px 0px; position:relative; text-align:left;}
#name{width:100%; height:112px; display:block; text-indent:-9999px; position:absolute; top:36px; left:0px; background:url(../gui/logo.png) no-repeat center;}
#logo{width:400px; height:112px; display:block; text-indent:-9999px; position:absolute; top:0px; left:0px;}
#logo a{width:400px; height:112px; display:block;}
#logo a:hover{border:none;}
#menu{width:690px; height:44px; display:block; position:absolute; top:104px; right:5px; z-index:10;}

#content{display:block; width:990px; min-height:390px; padding:110px 0px 44px 0px; position:relative; background:url(../gui/bg_overview.png) repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/bg_overview.png', sizingMethod='scale');}
#artifacts #content{width:958px; padding:86px 16px 17px 16px;}
#content p{display:block; width:866px; padding:0px 50px 30px 54px; font-size:1.4em; line-height:1.8em;}
#content h3{display:block; width:990px; height:70px; position:absolute; top:0px; left:0px; text-indent:-9999px;}
#content a{color:#66A8BF;}
#content a:hover{color:#EA5901; border-bottom:1px dashed #EA5901;}
#project #content h3{background:url(../gui/title_project.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/title_project.png');}
#context #content h3{background:url(../gui/title_context.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/title_context.png');}
#themes #content h3{background:url(../gui/title_themes.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/title_themes.png');}
#artifacts #content h3{background:url(../gui/title_artifacts.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/title_artifacts.png');}
#excavations #content h3{background:url(../gui/title_excavations.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/title_excavations.png');}
#panamerican #content h3{background:url(../gui/title_about.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/title_panamerican.png');}
#acknowledgements #content h3{background:url(../gui/title_acknowledgements.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/title_acknowledgements.png');}

#home #content{display:block; width:425px; min-height:500px; padding:0px 0px 44px 0px;}
#home #content h3{display:block; position:relative; width:379px; padding:18px 23px 26px 23px; color:#D8CDC5; background-color:#140d09; font-weight:normal; font-size:1.4em; line-height:1.9em; text-indent:0px;}
#home #content p{display:block; width:379px; padding:22px 23px 0px 23px; font-size:1.3em; line-height:1.7em;}

a#learn{margin-top:1px; display:block; width:425px; height:49px; position:relative; text-indent:-9999px; background:url(../gui/btn_learn2.png) no-repeat;}
a#learn:hover{background:url(../gui/btn_learn2.png) no-repeat 0px -49px;}

#slideshow_bg{width:564px; height:345px; background-color:#070200; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; position:absolute; top:172px; right:0px;}
#images{display:block; width:564px; height:500px; position:absolute; top:172px; right:0px; overflow:hidden;}
#images img{display:block; border:1px solid #070200; position:absolute; top:19px; left:19px; z-index:5; opacity:0.0;}
#images img.active{z-index:7; opacity:1.0;}
#images img.last-active{z-index:6;}

#links{display:block; width:564px; height:500px; position:absolute; top:172px; right:0px; overflow:hidden;}
#links a{display:block; width:169px; height:49px; position:absolute; top:346px; right:0px; text-indent:-9999px; background:url(../gui/btn_learn.png) no-repeat !important; background:url(../gui/btn_learn.gif) no-repeat; z-index:5; opacity:0.0;}
#links a.active{z-index:7; opacity:1.0;}
#links a.last-active{z-index:6;}
#links a:hover{background:url(../gui/btn_learn.png) no-repeat 0px -49px !important; background:url(../gui/btn_learn.gif) no-repeat 0px -49px;}

#captions{display:block; width:564px; height:500px; position:absolute; top:172px; right:0px; overflow:hidden;}
#captions h2{display:block; width:423px; height:81px; position:absolute; top:346px; left:0px; text-indent:-9999px;  z-index:5; opacity:0.0;}
#captions h2.active{z-index:7; opacity:1.0;}
#captions h2.last-active{z-index:6;}
#captions h2#caption_context{background:url(../gui/caption_context.png) no-repeat !important; background:url(../gui/caption_context.gif) no-repeat;}
#captions h2#caption_artifacts{background:url(../gui/caption_artifacts.png) no-repeat !important; background:url(../gui/caption_artifacts.gif) no-repeat;}
#captions h2#caption_excavations{background:url(../gui/caption_excavations.png) no-repeat !important; background:url(../gui/caption_excavations.gif) no-repeat;}

#push_footer{height:81px;}
#footer{margin:auto; width:990px; height:81px; display:block; position:relative; background:url(../gui/footer.png) no-repeat !important; background:url(../gui/footer.gif) no-repeat;}
#submenu{width:400px; height:45px; display:block; position:absolute; top:0px; right:0px;}
#copyright{position:absolute; top:31px; left:22px; font-size:1.3em; display:block; line-height:1.5em; text-align:left;}
#copyright a#panam{text-indent:-9999px; background:url(../gui/panamerican.gif) no-repeat; display:block; width:229px; height:12px; position:absolute; top:3px; left:48px;}
#copyright a#deluge{display:block; text-indent:-9999px; width:88px; height:16px; position:absolute; bottom:-1px; left:93px; background:url(../gui/link.gif);}
#copyright a#deluge:hover{border-bottom:1px dashed #ad9f97;}


/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}

