@charset "UTF-8";
/* CSS Document */

/* --------------- Defaults --------------- */

* {
padding:0;
margin:0;
border:0;
}

body {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size:13px;
line-height:17px;
color:#000;
}

a:link, a:active {color: #65912d; text-decoration: none;}
a:visited {color: #65912d; text-decoration: none;}	
a:hover {color: #000;}
a img {border-width: 0; border-style: none; padding:0; margin:0;}

/* --------------- Page Body Classes --------------- */

.anonuevo {
	background-color: #000000;
	background-image: url(images/projects/bgs/bg_anonuevo.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

.pavementtoparks {
	background-color: #000000;
	background-image: url(images/projects/bgs/bg_pavementtoparks.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

.bushwaffle {
	background-color: #000000;
	background-image: url(images/projects/bgs/bg_bushwaffle.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

.parking {
	background-color: #000000;
	background-image: url(images/projects/bgs/bg_parking.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

.parkingday {
	background-color: #000000;
	background-image: url(images/projects/bgs/bg_parkingday.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

.hiddenagenda {
	background-color: #000000;
	background-image: url(images/projects/bgs/bg_hiddenagenda.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

.parkcycle {
	background-color: #000000;
	background-image: url(images/projects/bgs/bg_parkcycle.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

.bandshell {
	background-color: #000000;
	background-image: url(images/projects/bgs/bg_bandshell.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

.commonspace {
	background-color: #000000;
	background-image: url(images/projects/bgs/bg_commonspace.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

.encanment {
	background-color: #000000;
	background-image: url(images/projects/bgs/bg_encanment.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

.library {
	background-color: #000000;
	background-image: url(images/projects/bgs/bg_library.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

.victorygarden {
	background-color: #000000;
	background-image: url(images/projects/bgs/bg_victorygarden.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

.tacoshed {
	background-color: #000000;
	background-image: url(images/projects/bgs/bg_tacoshed.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

.walklet {
	background-color: #000000;
	background-image: url(images/projects/bgs/bg_walklet.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

/* --------------- Font Styling ID's --------------- */

#footer {
font-size:10px;
color:#666;
}

/* --------------- Font Styling Classes --------------- */

h2 {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size:18px;
font-weight:normal;
line-height:23px;
color:#000;
}

h1 {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size:18px;
font-weight:normal;
line-height:23px;
color:#000;
}

h3 {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size:13px;
line-height:20px;
font-weight:normal;
color:#000;
}

h4 {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size:13px;
line-height:17px;
font-weight:normal;
color:#666;
}

.title {
font-size:22px;
font-weight:normal;
padding: 0px 0px 10px 0px;
}

.largelink {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size:15px;
line-height:22px;
color:#000;
}

.largelink a:link, .largelink a:visited, .largelink a:active {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size:15px;
font-weight:700;
line-height:22px;
color:#000;
}

.medlink a:link, .medlink a:visited, .medlink a:active {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:bold;
line-height:22px;
color:#000;
}

.largelink a:hover {
color:#65912d;
}

.medlink a:hover {
color:#666;
}

.subtitle {
color:#cac8bc;
font-weight:normal;
font-size:18px;
}

.small {
color:#000;
font-size:12px;
line-height:20px;
}

.small a:link, .small a:active {
color:#65912d;
}

.small a:hover {
color:#666;
}

.light {
color:#666;
line-height:13px;
}

.light a:link, .light a:active {
color:#373737;
}

.light a:hover, {
color:#dc8700;
}

.page {
	color:#fff;
}

.highlight {
	background-color:#000;
	padding:3px;
}


/* --------------- Div ID's --------------- */

#container {
width:350px;
padding:5px 0px 10px 0px;
vertical-align:bottom;
border:0;
margin:15px 0 10px 0px;
}

#container_projects {
width:475px;
padding:5px 0px 10px 0px;
vertical-align:bottom;
border:0;
margin:15px 0 10px 0px;
}

#textbox {
width:420px;
padding:5px 0px 10px 0px;
vertical-align:bottom;
border:0;
margin:0;
}

#content {
width:960px;
margin:0;
padding:0;
}

#column1 {
background:transparent;
width:590px;
padding:0px 0px 30px 0px;
float:left;
}

#column2 {
background:transparent;
width:270px;
padding:30px 70px 0px 30px;
float:right;
}

#column1_tall {
background:transparent;
width:590px;
height:600px;
padding:0px 0px 30px 0px;
float:left;
}

#column2_nopad {
background:transparent;
width:270px;
padding:0px 70px 0px 30px;
float:right;
}

#column2_nopad_tall {
background:transparent;
width:270px;
height:300px;
padding:0px 70px 0px 30px;
float:right;
}

#column1_projects {
background:transparent;
width:475px;
margin:0px 5px 0px 0px;
float:left;
}

#column2_projects {
background:transparent;
width:475px;
margin:0px 0px 0px 5px;
float:right;
}

#column_full {
background:transparent;
width:960px;
height:105px;
margin:0px;
padding:15px 0px 5px 0px;
border-top:1px dotted #999;
}

#column_full_line {
background:transparent;
width:960px;
height:5px
margin:0px;
padding:15px 0px 15px 0px;
border-top:1px dotted #999;
}

#column_full_tall {
background:transparent;
width:960px;
height:300px;
margin:0px 0px 30px 0px;
padding:15px 0px 5px 0px;
}

#column_full_stall {
background:transparent;
width:960px;
height:325px;
margin:0px 0px 30px 0px;
padding:15px 0px 5px 0px;
}

#column_full_xtall {
background:transparent;
width:960px;
height:400px;
margin:0px 0px 30px 0px;
padding:15px 0px 5px 0px;
}

#column_full_med {
background:transparent;
width:960px;
height:220px;
margin:0px 0px 30px 0px;
padding:15px 0px 5px 0px;
}

#gallery_box {
background:transparent;
width:960px;
height:230px;
margin:0;
padding:0;
}


#column_half_left {
background:transparent;
width:460px;
height:200px;
margin:0;
padding:5px 20px 5px 0px;
float:left;
}

#column_half_right {
background:transparent;
width:460px;
height:200px;
margin:0;
padding:5px 0px 5px 20px;
float:right;
}

#title_half_left {
background:transparent;
width:460px;
height:20px;
margin:0;
padding:15px 20px 5px 0px;
float:left;
border-bottom:1px solid #666;
}

#title_half_right {
background:transparent;
width:460px;
height:20px;
margin:0;
padding:15px 0px 5px 20px;
float:right;
border-bottom:1px solid #666;
}

#column_half_left_tall {
background:transparent;
width:460px;
height:320px;
margin:0;
padding:5px 20px 5px 0px;
float:left;
}

#column_half_right_tall {
background:transparent;
width:460px;
height:320px;
margin:0;
padding:5px 0px 5px 20px;
float:right;
}

#column_thirds_left {
background:transparent;
width:300px;
height:200px;
margin:0;
padding:0;
float:left;
}

#column_thirds_center {
background:transparent;
width:300px;
height:200px;
margin:0;
padding:0;
}

#column_thirds_right {
background:transparent;
width:300px;
height:200px;
margin:0;
padding:0;
float:right;
}

#column_quarters_left1 {
background:transparent;
width:219px;
height:200px;
margin:0;
padding:0;
float:left;
}

#column_quarters_left2 {
background:transparent;
width:219px;
height:200px;
margin:0 0 0 28px;
padding:0;
float:left;
}

#column_quarters_right1 {
background:transparent;
width:219px;
height:200px;
margin:0 0 0 28px;
padding:0;
float:left;
}

#column_quarters_right2 {
background:transparent;
width:219px;
height:200px;
margin:0 0 0 28px;
padding:0;
float:left;
}


#box1_press {
background:transparent;
width:150px;
height:105px;
text-align:center;
vertical-align:middle;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

#box2_press {
background:transparent;
width:650px;
margin:0px 3px 5px 150px;
padding:0px 0px 5px 0px;
float:center;
}

#box3_press {
background:transparent;
width:100px;
margin:0px 100px 0px 50px;
height:85px;
float:right;
padding:15px 0px 0px 0px;
}

#projectbox {
	width:453px;
	height:205px;
	border:1px solid #666;	
	padding:10px;
	margin:10px 0px;
	background-color:#fff;
}

#description {
	width:133px;
	height:205px;
	border:0px;	
	padding:0px;
	float:left;
}

#wrapper {
width:960px;
border:0px;
margin:0 auto;
}

form {
 border: 1px solid #666;
 padding: 5px;
 width:500px;
}

input {
 background-color: #fff;
 border:1px solid #666;
 height:23px;
}



/* --------------- Header --------------- */


#header {
width:960px;
height:85px;
padding:10px 0px 30px 0px;
}

#logobox {
background:transparent;
width:85px;
padding:0;
float:left;
}

#navbox {
background:transparent;
width:860px;
height:85px; 
padding:0;
float:right;
}

#navbar {
	background:transparent;
	height:30px;
	width: 860px;
	padding:0;
	}

#tagline {
background:transparent;
width:860px;
padding:0;
border:0;
}

/* --------------- Nav --------------- */


#example-nav {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 860px;
    height: 49px;
    overflow: hidden;
}

#example-nav li {
    float: left;
}

#example-nav a {
    display: block;
    background-image: url(images/nav/nav_sprite.gif);
    padding-top: 49px; /* same as height of #example-nav */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
}

#example-nav-projects {
    width: 140px;
}
#example-nav-projects:hover {
    background-position: 0px -49px;
}

#example-nav-projects-selected {
	width: 140px;
    background-position: 0px -98px;
}

#example-nav-about {
    width: 144px;
    background-position: -140px 0;
}
#example-nav-about:hover {
    background-position: -140px -49px;
	
}

#example-nav-about-selected {
	width: 144px;
    background-position: -140px -98px;
}

#example-nav-press {
    width: 144px;
    background-position: -284px 0;
}

#example-nav-press:hover {
    background-position: -284px -49px;
}

#example-nav-press-selected {
	width: 144px;
    background-position: -284px -98px;
}

#example-nav-store {
    width: 144px;
    background-position: -428px 0;
}

#example-nav-store:hover {
    background-position: -428px -49px;
}

#example-nav-store-selected {
	width: 144px;
    background-position: -428px -98px;
}

#example-nav-contact {
    width: 144px;
    background-position: -572px 0;
}

#example-nav-contact:hover {
    background-position: -572px -49px;
}

#example-nav-contact-selected {
	width: 144px;
    background-position: -572px -98px;
}

#example-nav-blog {
    width: 144px;
    background-position: -716px 0;
}

#example-nav-blog:hover {
    background-position: -716px -49px;
}

#example-nav-blog-selected {
	width: 144px;
    background-position: -716px -98px;
	
}

/* --------------- Project pages --------------- */


#project-nav {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 960px;
    height: 25px;
    overflow: hidden;
}

#project-nav li {
    float: left;
}

#project-nav a {
    display: block;
    background-image: url(images/nav/project_nav_sprite.gif);
    padding-top: 25px; /* same as height of #example-nav */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
}

#project-nav-left {
    width: 200px;
}
#project-nav-left:hover {
    background-position: 0px -25px;
}

#project-nav-center {
    width: 560px;
    background-position: -200px 0;

}
#project-nav-center:hover {
    background-position: -200px -25px;
}

#project-nav-right {
    width: 200px;
    background-position: -760px 0;

}
#project-nav-right:hover {
    background-position: -760px -25px;
}

#project-nav-none {
    width: 200px;
    background-position: -960px 0;
	}

#pageheader {
width:960px;
height:55px;
padding:30px 0px 30px 0px;
}

#column1_projects_page {
background:transparent;
width:525px;
min-height:600px;
margin:0px 5px 0px 0px;
float:left;
}

#column2_projects_page {
background:transparent;
width:405px;
margin:0px 0px 0px 25px;
float:right;
}



/* --------------- Slideshow --------------- */


#slideshow {
    position:relative;
    height:450px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
	opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}



/* --------------- Footer --------------- */

#footer {
background:transparent;
border-top:1px solid #666;
width:960px;
padding:30px 0px 0px 0px;
clear:both;
}


/* --------------- Classes --------------- */

hr.clear {
clear:both;
display:block;
visibility:hidden;
}

img.alignright {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 0px 0px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.project_left {
	float:left;
	margin:0 0 30px 0;
}

.project_right {
	float:left;
	margin:0 0 30px 0;
}

.project_center {
	margin:0px 29px 30px 29px;
}