@import url('http://yui.yahooapis.com/2.8.1/build/reset/reset-min.css');

html,body {height:100%}

/* LAYOUT ----------------------------------------------------------------------------------- */
body {background:#fff url('../img/bg/body.jpg') repeat-x top center; font:13px Futura,Arial,"sans-serif"; color:#000}
#wrapper {margin:0 auto; width:975px}
#header {padding:30px 0 0;position:relative;}
#footer {font-size:.8em}

/* TEXT ------------------------------------------------------------------------------------- */
p {margin:10px;line-height:1.3em}

h2 {font-size:4em; font-weight:lighter; margin:20px 10px; line-height:.9em}
h3 {text-align:left; padding:0 5px; font-size:1.1em;font-weight:bold; margin-top:5px}
    h3 span {font-weight:normal; color:#888; font-size:.8em}
h4 {font-size:1.2em; font-weight:bold;padding:20px 0 5px; color:#666}

/* LINKS ------------------------------------------------------------------------------------ */
a {outline:0; border:0; text-decoration:none; color:#000; font-weight:bold}
#share {margin:20px 10px}
#related a img:hover {opacity:.9}

/* NAVIGATION ------------------------------------------------------------------------------- */
#nav {width:100%; border:1px solid #d4d4d4; border-left:0; border-bottom:0; background:#fff url('../img/bg/navigation.jpg') repeat-x bottom; margin-top:15px; overflow:auto}
#nav li {float:left; padding:6px 0}
#nav li a {font-weight:normal; color:#000; font-size:.9em; padding:7px 10px 5px; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; overflow:auto}
#nav li a:hover {background:#d4d4d4; color:#000; border-bottom:1px solid #d4d4d4}
#nav li.putRight {float:right}
#nav a.selected {background:#000;color:#fff; border-bottom:1px solid #000}
#nav a span {font-size:.7em; color:#555;vertical-align:15%; margin:5px; display:none}
#nav a:hover span {display:inline}

.secnav {width:100%; overflow:auto; background:#000; color:#999; font-size:.8em}
.secnav li {float:left; padding:6px 1px}
.secnav li a {font-weight:normal; color:#fff; font-size:1.2em; padding:5px 10px}
.secnav li a:hover {background:#f2f400; color:#000}
.secnav li.putRight {float:right}
.secnav a.selected {background:#000;color:#fff}

/* RELATED & ASSOCIATED .--------------------------------------------------------------------- */
#related {overflow:auto;border:1px solid #d4d4d4;border-left:0;border-bottom:0; background:#fff url('../img/bg/navigation.jpg') repeat-x bottom;}
#assoc {overflow:auto;border:1px solid #d4d4d4;border-left:0;border-bottom:0; background:#fff url('../img/bg/navigation.jpg') repeat-x bottom; width:486px}
#related li, #assoc li {float:left; width:141px; height:150px; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; padding:10px; text-align:center}
#related img, #assoc img {max-height:100px; max-width:120px}

/* BREADCRUMB ------------------------------------------------------------------------------- */
#breadcrumb {display:block;overflow:auto; margin:10px}
#breadcrumb li {float:left; padding:7px 5px 5px 0; list-style-image:url('../img/icons/arrow.png'); margin-right:15px}
#breadcrumb a {font-size:.8em; color:#000}
#breadcrumb a:hover {font-size:.9em;font-weight:bold}

/* BOXES ------------------------------------------------------------------------------------ */
#contactBox {background:#fff;padding:10px; border:1px solid #d4d4d4; border-top:0;  z-index:10; display:none; position:absolute; right:-1px; width:954px}
#contactBox p {overflow:auto}
#contactBox span {display:block; float:left; font-size:.7em; color:#999; width:80px; text-align:right; padding:0 10px 3px 0 }

/* SEARCH ----------------------------------------------------------------------------------- */
#search {position:absolute;top:50px;right:0; background:url('../img/bg/search.png') no-repeat}
#search p {margin:4px 10px 5px}
#search input {background:transparent; border:0; color:#666;text-transform:uppercase; font-size:9px; width:155px; letter-spacing:1px}
#search input[type=submit] {color:transparent;width:16px;}


/* ZOOM ------------------------------------------------------------------------------------- */
.jqZoomPup {
        overflow:hidden;
        background-color: #000;
        -moz-opacity:0.4;
        opacity: 0.4;
        filter: alpha(opacity = 40);
        z-index:10;
        border:1px solid #c4c4c4;
        cursor:crosshair;
}

.preload {
        -moz-opacity:0.8;
        opacity: 0.8;
        filter: alpha(opacity = 80);
        color: #333;
        font: 12px Tahoma;
        text-decoration: none;
        border: 1px solid #CCC;
        background: #fff url(../images/zoomloader.gif) no-repeat 43px 30px;
        padding: 8px;
        text-align:center;
        width:90px;
        * width:100px;
        height:43px;
        *height:55px;
        z-index:10;
        position:absolute;
        top:3px;
        left:3px;
}

.jqZoomWindow {border:2px solid #6d6d6d; background-color:#fff}

/* GENERAL CLASSES ----------------------------------------------------------------------------- */
.putRight {float:right}
.putLeft {float:left}