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

@import "style-reset.css";


html {
	background-color:#CCC;
	
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
}

.italic {
	font-style: italic;
}

a {
	text-decoration: none;
	color: #00AEE6;
	}

a:hover {
	text-decoration: none;
	color: #8b8078;
	}

#wrapper {
	width: 990px;
    min-height: 720px;
	position: relative;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
}

.content {
	clear:both;
}

#wrapper_work {
	width: 990px;
    min-height: 782px;
	position: relative;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
}

#wrapper_resume_commercial {
	width: 990px;
    min-height: 1550px;
	position: relative;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
}

#wrapper_references {
	width: 990px;
    min-height: 1300px;
	position: relative;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
}

#wrapper_retail_1 {
	width: 990px;
    min-height: 899px;
	position: relative;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
}


#wrapper_retail_2 {
	width: 990px;
    min-height: 1120px;
	position: relative;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
}

#wrapper_retail_3 {
	width: 990px;
    min-height: 939px;
	position: relative;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
}


#wrapper_residential_2 {
	width: 990px;
    min-height: 870px;
	position: relative;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
}

#wrapper_residential_3 {
	width: 990px;
    min-height: 854px;
	position: relative;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
}

#wrapper_residential_4 {
	width: 990px;
    min-height: 800px;
	position: relative;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
}

#wrapper_objects_3 {
	width: 990px;
    min-height: 808px;
	position: relative;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
}

#wrapper_objects_5 {
	width: 990px;
    min-height: 804px;
	position: relative;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
}

#wrapper_objects_8 {
	width: 990px;
    min-height: 885px;
	position: relative;
	background-color:#FFF;
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
}

h1 {
	text-indent : -9999px;
	background : url(images/wz_arch_header.gif) no-repeat;
	width: 232px;
	margin: 44px 0 0 42px;
	padding: 0;
	float: left;
}

h1 a {
	display: block;
	height: 34px;
	width: 232px;
}


/* Vertical Navigation */
#vertical-navigation {
	float: left; 
	list-style: none; 
	margin: 48px 0px 0px 52px; 
	padding: 0px;
	font-size: 1.2em;
}


/* CSS for each Parent Item */
#vertical-navigation li {float: left; position: relative;}

#vertical-navigation > li a {
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #666;
	margin-right: 10px;
}


li#nav_1 > a {
	float: left;
	display: block;
	padding: 0;
	margin-right: 26px;
	width:91px;
	height:34px;
	color: #000;
	text-indent : -9999px;
	background : url(images/nav_sprite.gif) no-repeat -4px -4px;
}

li#nav_1_active > a {
	float: left;
	display: block;
	padding: 0;
	margin-right: 26px;
	width:91px;
	height:34px;
	color: #000;
	text-indent : -9999px;
	background : url(images/nav_sprite.gif) no-repeat -4px -40px;
	
}


li#nav_2 > a {
	float: left;
	display: block;
	padding: 0;
	margin-right: 26px;
	width:117px;
	height:34px;
	color: #000;
	text-indent : -9999px;
	background : url(images/nav_sprite.gif) no-repeat -105px -4px;
}

li#nav_2_active > a {
	float: left;
	display: block;
	padding: 0;
	margin-right: 26px;
	width:117px;
	height:34px;
	color: #000;
	text-indent : -9999px;
	background : url(images/nav_sprite.gif) no-repeat -105px -40px;
}


li#nav_3 > a {
	float: left;
	display: block;
	padding: 0;
	margin-right: 26px;
	width:183px;
	height:23px;
	color: #000;
	text-indent : -9999px;
	background : url(images/nav_sprite.gif) no-repeat -230px -4px;
}

li#nav_3_active > a {
	float: left;
	display: block;
	padding: 0;
	margin-right: 26px;
	width:183px;
	height:23px;
	color: #000;
	text-indent : -9999px;
	background : url(images/nav_sprite.gif) no-repeat -230px -40px;
}

li#nav_4 > a {
	float: left;
	display: block;
	padding: 0;
	width:138px;
	height:23px;
	color: #000;
	text-indent : -9999px;
	background : url(images/nav_sprite.gif) no-repeat -422px -4px;
}


li#nav_4_active > a {
	float: left;
	display: block;
	padding: 0;
	width:138px;
	height:23px;
	color: #000;
	text-indent : -9999px;
	background : url(images/nav_sprite.gif) no-repeat -422px -40px;
}

/* 
Change background color and font color 
of parent items when mouse hover 
*/
#vertical-navigation li:hover a,
#vertical-navigation li a:hover {
	color: #000;	
}

li#nav_1 a:hover {
	background : url(images/nav_sprite.gif) no-repeat -4px -78px;

}

li#nav_2 a:hover {
	background : url(images/nav_sprite.gif) no-repeat -105px -78px;

}

li#nav_3 a:hover {
	background : url(images/nav_sprite.gif) no-repeat -230px -78px;

}

li#nav_4 a:hover {
	background : url(images/nav_sprite.gif) no-repeat -422px -78px;

}





/* 
Applie to group of Child Items
Each Child Item will be invisible by default
*/
#vertical-navigation ul {
	display: none;
}

/* Each Child Item will be visible if mouse hover */
#vertical-navigation li:hover ul,
li#nav_1 a:hover {
	display: block;
	
}

/* Active state to keep work drop down visible */

#vertical-navigation .navactive_left ul {
	display:block;
}

/* Active state to keep profile drop down visible */

#vertical-navigation .navactive_right ul {
	display:block;
}

#vertical-navigation li #nav_1 ul {
}



#vertical-navigation ul {
	position:absolute;
	top:2.3em;
	float: none;
	list-style: none;
	margin: 0;
	padding:0;
	left: 0;
}

/* To correct alignment of drop down below WORK */
#vertical-navigation ul .work {
	margin: 0 0 0 5px;
}

#vertical-navigation ul .active {
	margin: 0 0 4px 5px;
	line-height: 15px;
}





#vertical-navigation ul li {
	float: none;
	clear: none;
	margin: 0;
	padding: 0;
	width: auto;
	background: none;
	font-size:11px;
	color: #00AEE6;
	line-height: 15px;
}




/* 
Reset and re style 
link of each child item
*/
#vertical-navigation li:hover ul li a,
#vertical-navigation ul li a {
	display: block;
	padding: 0;
	float: none;
	color: #8b8078;
	background: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
}


#vertical-navigation li:hover ul li.work a,
#vertical-navigation ul li#nav_1.home li.work a {
	/*padding: 0 0 0 5px;*/
	
}



#vertical-navigation li:hover ul li a:hover,
#vertical-navigation ul li a:hover {
	background: none;
	color: #000;
}

#vertical-navigation li:hover ul li a:active,
#vertical-navigation ul li a:active {
	background: none;
	color: #00aee6;
}

div#home_image {
	position: relative;
	top: 118px;
	padding: 0;
}

div#home_image img {
	float: left;
	padding: 0;
	margin: 0;
}




/*Text column for work pages*/



div.work_content {
	position: relative;
	top : 112px;
	width: 250px;
	margin: 0 30px 0 53px;
	padding: 0;
	display: block;
	float: left;
}


ul.project_nav {
	float: left;
	color: #8b8078;
	margin: 0 0 18px 0;

}
ul.project_nav li {
	display:inline;
}
ul.project_nav li.work {
	padding: 0 0 0 10px;

}

ul.project_nav li.act  {
	padding: 0 0 0 10px;
}

ul.project_nav li.act a {
	text-decoration: none;
	color: #00aee6;
	background: none;

}

ul.project_nav li.work a {
	text-decoration: none;
	color: #8b8078;
	background: none;

}


ul.project_nav li.work a:hover {
	text-decoration: none;
	color: #000;
}

ul.project_nav li.work a:active {
	text-decoration: none;
	color: #00aee6;

}



h2 {
	clear: both;
	color: #000;
	text-transform:uppercase;
	font-size: 10px;
	letter-spacing: 1px;

}

h3, p span.bold_cap {
	font-weight: bold;
	color: #8b8078;
	font-size: 10px;
	text-transform:uppercase;
	letter-spacing: 1px;
	margin: 12px 0 0 0;
}

h4 {
	font-weight: bold;
	color: #000;
	font-size: 11px;
	margin: 12px 0 0 0;
}

h5 {
	font-weight: normal;
	color: #8b8078;
	font-size: 11px;
	margin: 6px 0 0 0;
}

p {
	margin: 10px 0 0 0;
}

p.italic {
	margin: 0;
	font-style:italic;
}

p.no_space {
	margin: 0;
}

p.pull_quote {
	margin: 0;
	color: #00aee6;
	font-size: 16px;
	/*line-height: 20px;*/
	text-indent : -9999px;
	background : url(images/pull_quote.jpg) no-repeat;
	width: 270px;
	height: 130px;

}

ul.pub {

margin: 10px 0 0 0;

}

li.bullets {

	list-style: disc;

}

/*work photo gallery */	

#myslide {
	width:470px;
	overflow:hidden;
	position: relative;
	height: 872px;
	margin-bottom:20px;
	float: left;
	top : 112px;

}
 
#myslide .cover{
	width:5640px; /*------- class mystuff width * number of mystuff divs (300 * 12 = 3600)---------- */
	position: absolute;
	height:872px;
	float: left;
	}
 
#myslide .mystuff {
	width:470px;
	float:left;
	padding:0;
	margin: 0 0 0 ;
	display: inline;
	}
	
#button {
	width:120px;
	float: left;
	top : 112px;
	margin: 0 0 0 12px;
	}
 
.button1,.button2,.button3,.button4,.button5,.button6,.button7,.button8,.button9,.button10,.button11,.button12{
	padding:0px;
	display: inline;
	float:left;
	margin: 0 5px 5px 0;
	width: 15px;
	height: 11px;
	background: url(images/off.gif) no-repeat;

	}
.active{
	width: 15px;
	height: 11px;
	background: url(images/on.gif) no-repeat;
	}
	
/*PDF */

#pdf {
	width:150px;
	float: left;
	top : 112px;
	margin: 0 0 0 12px;
	padding: 0;
	}	
	
a.pdf {
	text-decoration: none;
	color: #8b8078;
	line-height: 45px;
	}
	
a.pdf:hover {
	color: #000;
	}
	
a.text_pdf {
	text-decoration: none;
	color: #8b8078;
	}
	
a.text_pdf:hover {
	color: #000;
	}
	

	
/*pages that are primarily text */
	
	
.text_content {
	width: 470px;
	float: left;
	margin: 112px 0 0 66px;
}

.text_content_w_pull {
	width: 470px;
	float: left;
	margin: 112px 0 0 135px;
}

.text_content_wider {
	width: 520px;
	float: left;
	margin: 112px 0 0 68px;
}

.rotator_contact {
	width: 500px;
	float: left;
	margin: 107px 0 0 53px;
	}
	
	.rotator_contact p {
	margin: 0 0 20px 0;
	}


div#pull {
	clear:both;
	float: left;
	position: relative;
	height: 217px;
	width: 153px;
	margin: 112px 0 0 40px;
}

/* rotator in-page placement */
    div#rotator {
	clear:both;
	float: left;
	position: relative;
	height: 217px;
	width: 153px;
	margin: 112px 0 0 110px;
}


/* rotator in-page placement  on contact page*/




/* rotator css */
	div#rotator ul li, .rotator_contact ul li {
	float:left;
	position:absolute;
	list-style: none;
}

/* rotator image style */	
	div#rotator ul li img, .rotator_contact ul li img  {
	border: none;
	padding: 0;
	background: #FFF;
}
    div#rotator ul li.show, .rotator_contact ul li.show {
	/*z-index:500;*/
}


/* contact form*/

div#contact_form {
	clear:both;
	float: left;
	position: relative;
	height: 324px;
	width: 215px;
	margin: 112px 0 0 40px;
	padding: 10px;
	background-color:#e1dfd9;
}

.form {
	color: #8b8078;
	font-size: 10px;
	line-height: 20px;
	background:#FFFFFF;
	padding: 2px;
}

label {
	display:none; /* This is for SEO purposes */
}

.input, textarea {
	border:none;
	padding:5px;
	margin:10px 0 0 0;
	width:205px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input.name {
	background:#fff url(images/name.gif) left 0 no-repeat;
	padding-left: 40px;
	width:170px;
}
input.your-email {
	background:#fff url(images/your-email.gif) left top no-repeat;
	padding-left:65px;
	width:145px;
}
input.subject {
	background:#fff url(images/subject.gif) left top no-repeat;
	padding-left:48px;
	width:162px;
}
textarea.message {
	background:#fff url(images/message.gif) left top no-repeat;
	text-indent:52px;
	overflow:hidden;
	overflow-y: hidden;
	overflow-x: hidden; 
}

#saveForm {
	margin-top:10px;
}
form h2 {
	margin-top:8px;
}
form h2 a:hover {
	color:#000;
}

/* thank you page*/


div#content_thanks {
	clear:both;
	float: left;
	position: relative;
	margin: 112px 0 0 55px;
}

#wrapper_resume_commercial .text_content {
	margin-bottom:35px;
}