/* - - - - - - - - - - - - - - - - - - - - -

Title : Stan Allen Architect Style Sheet
Author : Marc McQuade for SAA
Email : info at stanallenarchitect dot com

Created : 18. October 2005
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

body {
background-color:#fff;
color: #333;
line-height: 1.6em;
font-family: arial, helvetica, sans-serif;
font-size: 60%;
text-decoration: none;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/* ----- TYPOGRAPHY ----- */
p {
font-size: 1.1em;
font-family: arial, helvetica, sans-serif;
text-decoration: none; 
font-weight: normal;
text-align:left;
}

.black {
color: #000; 
}

.grey-light {
color: #CCC; 
}

.grey-mid {
color: #999; 
}

.highlight {
border-bottom:thin dashed #ccc;
}

.red {
color: #ff0033;
}

h1 {
    color: #666; 
    font-size: 2.25em;
    font-family: arial, helvetica, sans-serif;
    line-height: 1.3em;
    text-decoration: none; 
    font-weight: 300;
    letter-spacing: 1px;
    text-align: justify;
}

.uppercase {
text-transform: uppercase;
}

.arrow { 
background: transparent url(http://www.stanallenarchitect.com/v1/images/arrow.gif) no-repeat;
background-position: left;
}

/* ----- IDS ----- */

#validator { 
visibility:hidden;
}

#container {
position:relative;
height: 588px;
width: 1000px;
margin:0 auto;
text-align: left;
}

#splash { 
background-color:#fff;
height:500px;
width:800px;
overflow:hidden;
margin: 0 auto;
text-align:center;
}

#projects {
position:absolute;
height: 447px;
width: 135px;
left: 861px;
top: 2px;
text-align: right;
line-height: 14px;
text-transform: lowercase;
overflow: hidden;
}

#content-left {
position:absolute;
height: 234px;
width: 218px; /* was 225px */
left: 2px;
top: 334px;
overflow: auto;
/* border: thin solid #00ccff; */
}

#content-left-text {
position:relative;
width:189px;
overflow: hidden;
}

#content-right {
position:absolute;
height: 234px;
width: 626px;
left: 231px;
top: 334px;
overflow: hidden;
}

#content-right-center  {
position:relative;
left: 0px;
top: 0px;
width: 626px;
text-align: center;
overflow: hidden;
}

#content-right-scroll {
position:absolute;
height: 234px;
width: 626px;
left: 231px;
top: 334px;
overflow: auto;
}

#content-right-scroll-long {
position:absolute;
height: 234px;
width: 844px;
left: 2px;
top: 334px;
overflow: auto;
}

#content-right-long {
position:absolute;
height: 234px;
width: 844px;
left: 2px;
top: 334px;
overflow: hidden;
}

#content-right-text {
left: 0px;
top: 0px;
width: 98%;
overflow: hidden;
}

#breadcrumbs {
position:absolute;
height: 16px;
width: 225px;
left: 2px;
top: 572px;
overflow: hidden;
}

#address {
color: #666;
position:absolute;
height: 16px;
width: 626px;
left: 231px;
top: 572px;
text-align: right;
overflow: hidden; 
}

#404 {
position:absolute;
height: 570px;
width: 626px;
left: 231px;
top: 2px;
}

#im-wrapper {
position: relative;
display:block;
height: 234px;
width: 626px;
left: 0px;
top: 0px;
z-index:10;
}

#im-container {
position: relative;
}

#inumba-container {
position:absolute;
height: 135px;
width: 135px;
left: 861px;
top: 453px;
text-align: left;
}

#inumba {
position: relative;
top: 22px;
left: 0px;
}

#speculationsin {
width: 600px;
overflow:hidden;
}

/* ----- LISTS ----- */

ul {
list-style: none;
margin:0;
padding:0;
}

/* ----- IMAGES ----- */

img, a img, img a:hover{
border:0px;
padding:0px;
text-decoration:none;
}

img.right { 
padding:4px; 
margin:0px 0px 2px 7px; 
display:inline; 
}

img.left { 
padding:4px;
margin:0px 7px 2px 0px; 
display:inline;
}

.right { 
float:right;
}

.left {
float:left
}

/* ----- TABLES ----- */

table {
border-collapse: collapse; 
} 

td { 
padding: 0; 
}

/* ----- LINKS ----- */

a {
color: #999;
text-decoration: none;
padding: 2px;
}

a:visited {
color: #999;
text-decoration: none;
padding: 2px;
}

a:hover {
color: #fff;
text-decoration: none;
background-color: #ff0033;
padding: 2px;
}

a:active {
color: #fff;
text-decoration: none;
background-color: #ff0033;
padding: 2px;
}

a:focus {
color: #fff;
text-decoration: none;
background-color: #ff0033;
padding: 2px;
}

/* ----- NAVIGATION ----- */

#diagram {
position:absolute;
height: 328px;
width: 855px;
left: 0px;
top: 0px;
overflow: hidden;
background-image:url(../../images/menu/m-diagram.gif);
}

#menu a {
position:absolute;
height: 328px;
width: 855px;
overflow: hidden;
text-decoration: none;
}

#menu a i {
visibility:hidden; 
}

#architecture { position:absolute;left:382px; top:132px; width:150px; height:22px; }
#landscape { position:absolute; left:30px; top:87px; width:58px; height:12px; }
#urbanism { position:absolute; left:206px; top:190px; width:89px; height:18px; }
#ecology { position:absolute; left:353px; top:249px; width:56px; height:12px; }
#infrastructure { position:absolute; left:230px; top:49px; width:105px; height:15px; }
#news { position:absolute; left:1px; top:251px; width:51px; height:51px; }
#speculations-i { position:absolute; left:714px; top:138px; width:22px; height:12px; }
#speculations-o { position:absolute; left:578px; top:52px; width:22px; height:12px; }
#profile { position:absolute; left:638px; top:246px; width:34px; height:12px; }
#bio { position:absolute; left:772px; top:208px; width:23px; height:12px; }

a#architecture { left:382px; top:132px; width:150px; height:22px; }
a#landscape { left:30px; top:87px; width:58px; height:12px; }
a#urbanism { left:206px; top:190px; width:89px; height:18px; }
a#ecology { left:353px; top:249px; width:56px; height:12px; }
a#infrastructure { left:230px; top:49px; width:105px; height:15px; }
a#news { left:1px; top:251px; width:51px; height:51px; }
a#speculations-i { left:714px; top:138px; width:22px; height:12px; }
a#speculations-o { left:578px; top:52px; width:22px; height:12px; }
a#profile { left:638px; top:246px; width:34px; height:12px; }
a#bio { left:772px; top:208px; width:23px; height:12px; }

a#architecture:hover { background-image: url(../../images/menu/m-architecture.gif); }
a#landscape:hover { background-image: url(../../images/menu/m-landscape.gif); }
a#urbanism:hover { background-image: url(../../images/menu/m-urbanism.gif); }
a#ecology:hover { background-image: url(../../images/menu/m-ecology.gif); }
a#infrastructure:hover { background-image: url(../../images/menu/m-infrastructure.gif); }
a#news:hover { background-image: url(../../images/menu/m-news.gif); }
a#speculations-i:hover { background-image: url(../../images/menu/m-speculations-i.gif); }
a#speculations-o:hover { background-image: url(../../images/menu/m-speculations-o.gif); }
a#profile:hover { background-image: url(../../images/menu/m-profile.gif); }
a#bio:hover { background-image: url(../../images/menu/m-bio.gif); }

a#architecture:hover,
a#landscape:hover,
a#urbanism:hover,
a#ecology:hover,
a#infrastructure:hover,
a#news:hover,
a#speculations-i:hover,
a#speculations-o:hover,
a#profile:hover,
a#bio:hover { 
border: none;
background-color: #fff;
}