/* edwardsbec.css */
/* External CSS Style Sheet for www.edwardsbec.com */
/* Last updated: 08-15-2011 */
/* Current version: 3.09.2 */

/**********/
/* GLOBAL */
/**********/
    body {
        /* dimensions */
            margin:0px;
        /* background */
            background-color:#000022; 
        /* font */
            font-family:arial; 
            color:#000000; 
            font-size:12pt;
        }
    a:link {
        /* font */
            text-decoration:none; 
            /*color:#ccccff;*/
            color:#C5B358;
        }
    a:visited {
        /* font */
            text-decoration:none; 
            /*color:#9999cc;*/
            color:#cccccc;
        }
    a:hover {
        /* font */
            text-decoration:underline;
        }
    .container {
        /* dimensions */
            width:1024px;
            height:768px;
            margin:0px;
        }

/***********************/
/* COLUMN 1 PROPERTIES */
/***********************/
    .column1 {
        /* dimensions */
            width:240px;
            padding-left:24px;
            height:468px;
            padding-top:300px;
        /* float */
            float:left;
            clear:both;
        /* background */
            background-image:url('http://www.edwardsbec.com/graphics/menu_banner309A.png');
            background-repeat:no-repeat;
        }
    .menu {
        /* font */
            font-size:12pt; /* 12pt = 16px */
            font-weight:bold;
            text-align:left;
        /* position */
            position:relative;
            z-index:50;
        }
    .menu ul {
    /* menu container */
        /* dimensions */
            padding:0px; 
            margin:0px; 
        }
    .menu ul li {
    /* menu cells */
        /* dimensions */
            position:relative; 
            width:118px;
            height:34px;
            padding:0px;
            margin:0px;
            border:1px solid transparent;
        /* font */
            list-style-type:none;
        }
    .menu ul li a:link, .menu ul li a:visited {
        /* dimensions */
            display:block;
            width:114px;
            height:16px;
            padding:9px 2px;
            border:1px solid transparent;
        /* font */
            text-decoration:none; 
            color:#C5B358; 
        }
    .menu ul li a:hover {
            border:1px solid #ffffff;
        }
    .menu ul ul {
    /* submenu container */
            display:none;
            margin:0px;
        }
    .menu ul li:hover {
    /* active menu cell highlight -- does not work in IE6 */
            border:1px solid #ffffff;
            margin:0px;
        }
    .menu ul li:hover > ul {
    /* active submenu container -- does not work in IE6 */
        /* dimensions */
            position:absolute;
            top:-2px; 
            left:120px;
            display:block;
            margin:0px;
        /* font */
            font-size:9pt;
            border:1px solid #ffffff;
        }

/***********************/
/* COLUMN 2 PROPERTIES */
/***********************/
    .column2 {
        /* dimensions */
            width:760px;
            height:768px;
        /* float */
            float:left;
            clear:none;
        }
    .contact {
        /* dimensions */
            width:724px;
            height:55px;
            padding-right:12px;
            padding-top:25px;
        /* float */
            float:left;
            clear:both;	
        }
    .contact p {
        /* font */
            font-family:"tahoma", "arial";
            font-size:8pt; 
            margin-top:0px;
            text-align:right;
            color:#ffffff;
        }
    .contactbox {
        /* dimensions */
            width:24px;
            height:12px;
        /* float */
            float:left;
        /* background */
            background-color:#c5b358;
        /* border */
             border-top:2px solid #ffffff;
             border-bottom:66px solid #000099;
       }
    .content {
        /* dimensions */
            width:760px;
            height:514px;
        /* float */
            float:none;
        /* font */
            font-family:arial; 
            font-size:12pt; 
            color:#ffffff;
        }
    .copyright {
        /* dimensions */
            width:760px;
            height:24px;
        /* float */
            float:left;
            clear:both;
        }
    .copyright p {
        /* font */
            font-family:arial; 
            font-size:8pt;
            margin-top:0px;
            color:#333333;
            text-align:center;
        }
    .header {
        /* dimensions */
            width:760px;
            height:102px;
            padding-top:48px;
        /* font */
            font-family:"times new roman"; 
            font-size:12pt;
            color:#ffffff;
            text-align:right;
        }
    .header h1 {
        /* dimensions */
            width:760px;
            margin:0px;
            padding:0px;
        /* float */
            float:right;
            clear:both;
        /* font */
            font-size:30pt;
            font-weight:normal;
            font-variant:small-caps;
            line-height:1;
        /* border */
            border-bottom:3px solid #c5b358;
        }
    .header h1 a {
            text-decoration:underline;
            color:#ffffff;
        }
    .header h2 {
        /* dimensions */
            width:760px;
            margin:0px;
            padding:0px;
        /* float */
            float:right;
            clear:both;
        /* font */
            font-size:20pt;
            font-weight:normal;
            text-transform:uppercase;
        /* border */
            border-top:8px solid #000099;
        }
    .header h2 a {
            text-decoration:none;
            color:#ffffff;
        }
    .header p {
        /* dimensions */
            margin:0px;
        /* float */
            float:right;
            clear:both;
        }

    .internallinks {
        /* font */
            font-size:10pt;
            text-align:left;
        }
    .internallinks a {
        /* dimensions */
            display:block;
            width:150px;
            height:30px;
            padding:5px;
            margin:5px;
            background-color:#000033;
            float:left;
            clear:right;
        }

    .navigation {
        /* font */
            font-size:8pt;
            color:#ffffff;
        }

    .photo {
        /* dimensions */
            width:500px;
            height:420px;
            padding:10px;
            background-color:#666666;
        }
    .photo h2 {
        /* font */
            font-size:9pt;
            margin-top:0px;
        }

    .project {
        /* dimensions */
            width:auto;
            height:auto;
            padding:5px;
            margin:5px;
            border:1px solid #ffffff;
        /* float */
            clear:both;
        }
    .project a  {
        /* font */
            font-size:8pt;
        }
    .project h2 {
        /* font */
            font-size:12pt;
            margin:0px;
            padding:0px;
        }
    .project img {
        /* dimensions */
            margin:5px;
            border:0px;
        }
    .project p {
        /* dimensions */
            margin:0px;
            padding:0px;
        }
    .project ul {
        /* dimensions */
            margin-top:0px;
            margin-bottom:0px;
            padding-left:50px;
        /* font */
            font-size:10pt;
            list-style-type:none;
            text-indent:-50px;
        }

    .textbox {
        /* dimensions */
            width:100%;
            height:480px;
            padding:5px;
        /* font */
            text-align:justify;
        /* scrollbar */
            overflow:auto;
            /*
            scrollbar-arrow-color:#cccccc;
            scrollbar-base-color:#cccccc;
            scrollbar-dark-shadow-color:#cccccc;
            scrollbar-track-color:#ffffff;
            scrollbar-face-color:#ffffff;
            scrollbar-shadow-color:#ffffff;
            scrollbar-highlight-color:#ffffff;
            scrollbar-3d-light-color:#ffffff;
            */
        }
    .textbox h1 {
        /* font */
            font-size:12pt;
            margin:0px;
        }
    .textbox ul {
        /* font */
        }

/*************/
/* SLIDESHOW */
/*************/
    .slideshow {
    /* slideshow container */
        /* behavior */
            overflow:hidden;
        /* dimensions */
            width:750px;
            height:auto;
            margin-left:auto;
            margin-right:auto;
            padding:5px;
        /* background */
            background-color:#222222;
        }
    .slideshow img {
    /* slide images */
        /* dimensions */
            border:0px;
            margin:0px;
            padding:0px;
        }
    .slideshow ul {
    /* slides and tab bar */
        /* behavior */
            list-style-type:none;
        /* dimensions */
            height:auto;
            width:750px;
            margin:0px;
            padding:0px;
        }
    .slideshow ul:after {
        /* behavior */
            content:".";
            clear:both;
            visibility:hidden;
        /* dimensions */
            display:block;
            height:0px;
            margin:0px;
            padding:0px;
        }
    .slideshow .slides {
    /* slide container */
        /* behavior */
            overflow:hidden;
        /* dimensions */
            width:750px;
            height:auto;
            padding:0px;
            margin-left:auto;
            margin-right:auto;
        }
    .slideshow .slides h2 {
    /* slide title block */
        /* dimensions */
            height:auto;
            width:auto;
            margin-left:auto;
            margin-right:auto;
            margin-top:0px;
            margin-bottom:5px;
            padding:5px;
        /* background */
            background-color:#000066;
        /* font */
            font-size:9pt;
            text-align:center;
        }
    .slideshow .slides ul {
    /* total width of all slides */
        /* dimensions */
            width:auto;
        }
    .slideshow .slides li {
    /* slide frame */
    /* should be same width as .slideshow ul because of float:left */
        /* behavior */
            float:left;
            overflow:hidden;
        /* dimensions */
            width:740px;
            height:auto;
            padding:5px;
            margin:0px;
        /* font */
            text-align:center;
        /* background */
            background-color:#666666;
        }
    .slideshow .slides-nav { 
    /* tab container */
        /* dimensions */
            height:30px;
            width:auto;
            padding:0px;
            margin:0px;
        /* background */
            background-color:#222222;
        }
    .slideshow .slides-nav li { 
    /* tabs */
        /* behavior */
            float:left;
            clear:none;
        /* dimensions */
            display:block;
            height:25px;
            width:25px;
        /* font */
            text-align:center;
        /* background */
            /*background-color:#444444;*/
        }
    .slideshow .slides-nav li a:link, .slideshow .slides-nav li a:visited {
    /* tab links */
        /* dimensions */
            display:block;
            height:15px;
            padding:5px;
        /* font */
            outline:none;
            font-size:7.5pt;
            text-decoration:none;
            color:#999999;
        }

    .js .slideshow .slides-nav li.on, .js .slideshow .slides-nav li.on a { 
    /* active tab */
        /* font */
            color:#ffffff;
            font-weight:bold;
        /* background */
            /*background-color:#666666;*/
        }

/****************/
/* PROJECTS XML */
/****************/
/*
    project
    category
    name
    city
    state
    country
    architect
    owner
    contractor
    description
    participation
    image
    thumb
    year
*/


/**************/
/* REFERENCES */
/**************/

/* http://meyerweb.com/eric/css/edge/menus/demo.html */
/* http://net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/ */