@charset "UTF-8";
/* CSS Document */
body { 
    margin:0px;
    padding:0px;
    background-image:url(../images/bg_gradient.jpg); 
    background-repeat:repeat-x; 
    background-color:#441415; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.76em; 
    color:#ccc;
    padding-bottom:20px;
}

/******************************* Normal Stuff (non-thickbox) *******************************/
p, h1, h2, h3, hr { margin-top:15px; margin-bottom:15px;}
img { border:none; }
hr { border:none; background-color:#333333; color:#333333; }
h2 {
    font-family:"Courier New", Courier, monospace;
    line-height:1.75em;
    font-size:2.95em;
    color:#999999;
    font-variant:small-caps;
    background-image:url(../images/metaDiamondLow.jpg); 
    background-repeat:repeat-x; 
    margin:25px 0px 0px -21px; 
    width:687px; 
    height:65px; 
    padding:0px 20px 0px 20px; 
}
h3 {
    font-size:1.75em;
}
dl { 
    margin-left:20px;
}
dl dt { 
    font-weight:bold;
    font-size:1.25em;
}
dl dd {
    margin-left: 20px;
}
a:link,a:visited { color:#3479ad; text-decoration:none; }
a:hover,a:active { color:#0a548c; text-decoration:none; }
a:focus { outline-color:invert; outline-style:none; outline-width:medium; }
abbr:hover { cursor: help; }
#container {
    position:relative;
    width:782px;
    margin:0px auto;
    text-align:center;
    margin-bottom:25px;
}
#splash {
    position:absolute;
    z-index:100;
    width:782px;
    height:460px;
    /*background-image:url(../images/retrolab_splash.png);*/
    background-repeat:no-repeat;
    top:0px;
    right:3px;
}
#normalContent { 
    width:775px;
    margin-top:79px;
    padding-top:58px;
}
#black_top {
    position:absolute;
    z-index:98;
    width:775px;
    height:55px;
    background-image:url(../images/black_top.png);
    background-repeat:no-repeat;
    top:5px;
    
}
.banner_rotate {
    position:absolute;
    z-index:99;
    height:152px;
    width:728px;
    margin-top:35px;
    margin-left:24px;   
    background-repeat:no-repeat;
}
#normal_banner_1 {
    display:none;
    background-image:url(../images/normal_banner_1.png);
}
#normal_banner_2 {
    display:none;
    background-image:url(../images/normal_banner_2.png);
    
}
#normal_banner_3 {
    display:none;
    background-image:url(../images/normal_banner_3.png);
    
}
#normal_banner_4 {
    display:none;
    background-image:url(../images/normal_banner_4.png);
    
}
#normal_banner_5 {
    display:none;
    background-image:url(../images/normal_banner_5.png);
}
#normal_banner_6 {
    display:none;
    background-image:url(../images/normal_banner_6.png);
    
}
#normal_banner_7 {
    display:none;
    background-image:url(../images/normal_banner_7.png);
    
}
#normal_banner_8 {
    display:none;
    background-image:url(../images/normal_banner_8.png);
    
}
#normal_banner_9 {
    display:none;
    background-image:url(../images/normal_banner_9.png);
}
#normal_banner_10 {
    display:none;
    background-image:url(../images/normal_banner_10.png);
    
}
#normal_banner_11 {
    display:none;
    background-image:url(../images/normal_banner_11.png);
    
}
#normal_banner_12 {
    display:none;
    background-image:url(../images/normal_banner_12.png);
    
}
#black_middle {
    text-align:left;
    width:685px;
    background-image:url(../images/black_middle.png);
    background-repeat:repeat-y;
    padding:96px 45px 10px 45px;
}
#actual_content { display:none; }
.floatRight { float:right; margin:0px 0px 10px 10px; }
#black_bottom {
    width:775px;
    height:55px;
    background-image:url(../images/black_bottom.png);
    background-repeat:no-repeat;
    margin-left:1px;
}
ul#navigation {
    position:absolute;
    z-index:97;
    width:570px;
    height:69px;
    background-image:url(../images/navbg.png);
    background-repeat:no-repeat;
    top:-10px;
    left:25px;
    list-style:none;
    padding:0px;
    margin:0px;
}
.sgrtab {
    height:70px;
    margin-right:1px;
    margin-top:0px;
    float:left;
    display:block;
    filter:alpha(opacity=1);
    -moz-opacity: 0.01;
    opacity: 0.01;
}
.activeTab { margin-top:-5px; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#real_nav { margin:0px; margin-left:25px; margin-top:-15px; list-style:none; padding:0px; }
.invisibleLink {
    width:50px;
    height:35px;
    margin-right:1px;
    float:left;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    /*background-color:green;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; */
}
.invisibleLink:link,.invisibleLink:link,.invisibleLink:link,.invisibleLink:link { text-decoration:none; }
#aboutus_button {
    width:147px;
    background-image:url(../images/aboutus_over.png);
    background-repeat:no-repeat;
}
#contact_button {
    width:147px;
    background-image:url(../images/contact_over.png);
    background-repeat:no-repeat;
}
#home_button {
    width:109px;
    background-image:url(../images/home_over.png);
    background-repeat:no-repeat;
}
#projects_button {
    width:150px;
    background-image:url(../images/projects_over.png);
    background-repeat:no-repeat;
}
#footer {
    font-size:10px;
    padding:20px 30px 20px 35px;
    margin-bottom:20px;
}
#ucflogo {
    float:left;
    margin-top:-8px;
}
#footertxt {
    float:right;
    text-align:right;
}
.topSplash { width:207px; height:122px; top:-37px; right:-30px; }
.topLogo { height:207px; height:122px; }
.retroDef { display:block; width:100%; clear:both; margin:2px; margin-left:15px; padding:0px; height:18px; line-height:20px; }
.accroynmChar { 
    color:#5b1517; 
    font-weight:bolder; 
    font-family:"Courier New", Courier, monospace; 
    width:12px; 
    height:12px; 
    background-color:white; 
    border:3px solid #073f69; 
    padding:2px; 
    margin-right:5px; 
    display:block; 
    float:left; 
    text-align:center; 
    font-size:0.95; 
    line-height:0.95; 
} 
img.leftImage { margin:15px 15px 15px 0px; background-color:black; border:2px solid #073f68; padding:10px; float:left; }


/******************** Latest Projects Slider ********************/
#latestProjects { width:685px; overflow:hidden; height:285px; }
.project_arrow { background-repeat:no-repeat; float:right; text-align:right; display:block; width:26px; height:26px; margin-top:20px; }
#projectsLeft { display:none; background-image:url(../images/arrow_left.jpg); }
#project_counter {
    float:right;
    text-align:center;
    margin:20px 5px 0px 5px; 
    padding:2px; 
    color:#5b1517; 
    border:1px solid #190303; 
    height:20px; 
    width:55px; 
    line-height:20px; 
    font-size:0.45em;
    background-color:black; 
}
#projectsRight { background-image:url(../images/arrow_right.jpg); }
#all_projects { float:left; width:3425px; height:265px; }
.projects { float:left; width: 685px; height:265px; }

ul#contact_list {
    list-style:none;
    margin:0px;
    padding:0px;
}
ul#contact_list li {
    display:block;
    border-bottom:2px solid #333333;
    margin-bottom:15px;
    padding-bottom:15px;
    clear:both;
    width:100%;
}
.clear_div { clear:both; height:0px; }

/******************* Media Thumbs and Thickbox *******************/
.image_media { height:69px; width:100%; margin:0px; margin-top:15px; list-style:none; padding:0px; }
.media_thmb { float:left; height:65px; border:2px solid #7a1819; margin-right:15px; overflow:hidden; }
.media_thmb:link, .media_thmb:visited { border:2px solid #7a1819; }
.media_thmb:hover, .media_thmb:active { border:2px solid #073d66; }