html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, table, tr, td, div { 
margin: 0; 
padding: 0; 
border: 0; 
}

body {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #414141;
}

a {
	text-decoration: none;
	color: #9e2c07;
	outline: none;
}

a:hover {
	color: #0057be;
}

#container {
	width: 900px;
	padding-left: 19px;
	padding-top: 48px;
}

#container-interior {
	width: 1000px;
	padding-left: 19px;
	padding-top: 48px;
	background: url(../images/common/TILE-interior.jpg) repeat-y;
	padding-bottom: 150px;
}


/* @group Common */

h1.logo {
	height: 0px;
	width: 208px;
	background-image: url(../images/common/logo.jpg);
	padding-top: 27px;
	overflow: hidden;
	clear: both;
}

/* @end */


/* @group Home */

h2.skills {
	height: 0px;
	width: 703px;
	background-image: url(../images/home/header-home-skills.jpg);
	padding-top: 42px;
	overflow: hidden;
	clear: both;
}

.main-buttons {
	background-image: url(../images/common/TILE-vertstripes.jpg);
	height: 175px;
	margin-left: -19px;
	clear: both;
}

a:link.home-process,a:visited.home-process {
	display: block;
	width: 176px;
	height: 0px;
	padding-top: 175px;
	background-image: url(../images/home/BUTTON-home-process.jpg);
	overflow: hidden;
	float: left;
}

a:link.home-work,a:visited.home-work {
	display: block;
	width: 176px;
	height: 0px;
	padding-top: 175px;
	background-image: url(../images/home/BUTTON-home-work.jpg);
	overflow: hidden;
	float: left;
}

a:link.home-studies,a:visited.home-studies {
	display: block;
	width: 176px;
	height: 0px;
	padding-top: 175px;
	background-image: url(../images/home/BUTTON-home-studies.jpg);
	overflow: hidden;
	float: left;
}

a:link.home-contact,a:visited.home-contact {
	display: block;
	width: 175px;
	height: 0px;
	padding-top: 175px;
	background-image: url(../images/home/BUTTON-home-contact.jpg);
	overflow: hidden;
	float: left;
}

.home-left {
	width: 352px;
	vertical-align: top;
	float: left;
}

.home-left p {
	padding-right: 45px;
}

.home-right {
	width: 351px;
	vertical-align: top;
	float: left;
}

h2.welcome {
	background: url(../images/home/sub-welcome.jpg) no-repeat;
	height: 0px;
	width: 352px;
	padding-top: 35px;
	overflow: hidden;
	margin-bottom: 7px;
	clear: both;
}

h2.studies {
	background: url(../images/home/sub-studies.jpg) no-repeat;
	height: 0px;
	width: 351px;
	padding-top: 35px;
	overflow: hidden;
	clear: both;
}

.prevnext-buttons {
	background: url(../images/home/studies-bar.jpg) no-repeat 0 bottom;
	padding-bottom: 12px;
}

a:link.prev, a:visited.prev {
	display: block;
	width: 38px;
	height: 0px;
	padding-top: 15px;
	background-image: url(../images/home/BUTTON-prev.jpg);
	overflow: hidden;
	float: left;
}

a:link.next, a:visited.next {
	display: block;
	width: 38px;
	height: 0px;
	padding-top: 15px;
	background-image: url(../images/home/BUTTON-next.jpg);
	overflow: hidden;
	float: right;
}

.studies-block img {
	display: block;
	padding-right: 10px;
	float: left;
}

.studies-block b {
	color: #9e2c07;
	font-weight: normal;
	font-size: 12px;
	display: block;
	padding-bottom: 7px;
}

.studies-block a:link, .studies-block a:visited {
	height: 0px;
	padding-top: 10px;
	width: 90px;
	background: url(../images/home/BUTTON-viewfullstudy.jpg) no-repeat;
	overflow: hidden;
	float: left;
	clear: both;
	margin-top: -10px;
	margin-left: 185px;
}

/* @end */

/* @group Nav */

ul#sectionnav {
	margin-top: 7px;
	margin-left:-19px;
	height: 131px;
	text-align: right;
	float:left;
	list-style:none;
	width:132px;
	padding-left:96px;
	background-image: url(../images/common/interior-vertstripes.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#sectionnav li{
    float:left;
	margin-right:1px;
	margin-bottom:1px;
}

#process-btn:link, #process-btn:visited {
	display: block;
	width: 65px;
	height: 0px;
	padding-top: 65px;
	background-image: url(../images/nav/nav-process-off.jpg);
	overflow: hidden;
	float: left;
}

#process-btn:hover, #process-btn.current:link, #process-btn.current:visited {
	display: block;
	width: 65px;
	height: 0px;
	padding-top: 65px;
	background-image: url(../images/nav/nav-process-on.jpg);
	overflow: hidden;
	float: left;
}

#work-btn:link, #work-btn:visited {
	display: block;
	width: 65px;
	height: 0px;
	padding-top: 65px;
	background-image: url(../images/nav/nav-work-off.jpg);
	overflow: hidden;
	float: left;
}

#work-btn:hover, #work-btn.current:link, #work-btn.current:visited {
	display: block;
	width: 65px;
	height: 0px;
	padding-top: 65px;
	background-image: url(../images/nav/nav-work-on.jpg);
	overflow: hidden;
	float: left;
}

#studies-btn:link, #studies-btn:visited {
	display: block;
	width: 65px;
	height: 0px;
	padding-top: 65px;
	background-image: url(../images/nav/nav-studies-off.jpg);
	overflow: hidden;
	float: left;
}

#studies-btn:hover, #studies-btn.current:link, #studies-btn.current:visited {
	display: block;
	width: 65px;
	height: 0px;
	padding-top: 65px;
	background-image: url(../images/nav/nav-studies-on.jpg);
	overflow: hidden;
	float: left;
}

#contact-btn:link, #contact-btn:visited {
	display: block;
	width: 65px;
	height: 0px;
	padding-top: 65px;
	background-image: url(../images/nav/nav-contact-off.jpg);
	overflow: hidden;
	float: left;
}

#contact-btn:hover, #contact-btn.current:link, #contact-btn.current:visited {
	display: block;
	width: 65px;
	height: 0px;
	padding-top: 65px;
	background-image: url(../images/nav/nav-contact-on.jpg);
	overflow: hidden;
	float: left;
}

ul#sidenav, ul#sidenav_two {
	list-style:none;
}

#sidenav li, #sidenav_two li{
    margin-right:1px;
	margin-bottom:5px;
}



#sidenav a:link, #sidenav a:visited, #sidenav_two a:link, #sidenav_two a:visited {
	padding-left:15px;
	color: #414141;
	padding-bottom: 3px;
}

#sidenav a:hover, #sidenav a.current:link, #sidenav a.current:visited, #sidenav_two a:hover, #sidenav_two a.current:link, #sidenav_two a.current:visited {
	color: #0057be;
	background-image: url(../images/nav/sidenav-on-arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

.nav_label{
   display:block;
   font-weight:bold;
   padding-bottom:4px;
}

/*
.sidenav ul{
    list-style:none;
}

.sidenav li{
    padding-bottom:3px;
}


.sidenav a:link, .sidenav a:visited {
	padding-left:20px;
	color: #414141;
	padding-bottom: 3px;
	
}

.sidenav a:hover {
	color: #0057be;
	background-image: url(../images/work/BUTTON-work-select-on.jpg);
	background-repeat: no-repeat;
	background-position: left center;	
}

*/

.projectnav {
	width: 509px;
	vertical-align: top;
	margin-bottom: 75px;
}

.projectnav .location {
	font-size: 10px;
	float: left;
}

a:link.prevarrow, a:visited.prevarrow {
	display: block;
	width: 17px;
	height: 0px;
	padding-top: 10px;
	background-image: url(../images/work/BUTTON-work-prev.jpg);
	overflow: hidden;
	float: left;
}

a:link.nextarrow, a:visited.nextarrow {
	display: block;
	width: 17px;
	height: 0px;
	padding-top: 10px;
	padding-right: 11px;
	overflow: hidden;
	float: left;
	background: url(../images/work/BUTTON-work-next.jpg) no-repeat;
}

a:link.work-chit, a:visited.work-chit {
	display: block;
	width: 11px;
	height: 0px;
	padding-top: 11px;
	padding-right: 5px;
	overflow: hidden;
	float: left;
	background: url(../images/work/BUTTON-work-select-off.jpg) no-repeat;
}

a:hover.work-chit {
	display: block;
	width: 11px;
	height: 0px;
	padding-top: 11px;
	padding-right: 5px;
	overflow: hidden;
	float: left;
	background: url(../images/work/BUTTON-work-select-on.jpg) no-repeat;
}

.work-chit-selected {
	display: block;
	width: 11px;
	height: 0px;
	padding-top: 11px;
	padding-right: 5px;
	overflow: hidden;
	float: left;
	background: url(../images/work/BUTTON-work-select-on.jpg) no-repeat;
}

/* @end */

/* @group Interior */

.interior-left {
	width: 208px;
	vertical-align: top;
	text-align: right;
	float: left;
}

.interior-right {
	width: 509px;
	margin-left: 49px;
	vertical-align: top;
	margin-top: 8px;
	text-align: left;
	float: left;
}

h2.work-title {
	color: #343434;
	font-size: 15px;
	font-weight: normal;
}

h3.work-subtitle {
	color: #656565;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 19px;
}

p.work-blurb {
	width: 425px;
	color: #656565;
	font-size: 11px;
	margin-bottom: 38px;
}

a:link.view-project, a:visited.view-project {
	display: block;
	margin-top: 15px;
	width: 84px;
	height: 0px;
	padding-top: 11px;
	overflow: hidden;
	background-image: url(../images/work/BUTTON-viewproject.jpg);
	
}

#capabilities_info{
    margin-top: 13px;
    float:right;
	width:200px;
	text-align:right;
}

.htmlblock{
   float:left;
}

.htmlblock a:link.button, .htmlblock a:visited.button {
	display: block;
	margin-top: 15px;
}

/* @end */

/* @group process */

h1.process-intro {
	height: 0px;
	width: 509px;
	background-image: url(../images/process/process-intro.jpg);
	padding-top: 97px;
	overflow: hidden;
	clear: both;

}

ul.process {
	list-style: none;
	width: 509px;
}

ul.process li {
	padding-bottom: 30px;
}

ul.process li b {
	font-weight: normal;
	font-size: 13px;
	display: block;
	padding-bottom: 7px;
}

ul.process li.clear b {
	color: #0066cc;
}

ul.process li.narrative b {
	color: #669900;
}

ul.process li.flexible b {
	color: #ae3909;
}

ul.process li.visual b {
	color: #990000;
}

ul.process li.clear {
	background: url(../images/process/process-clear-pic.jpg) no-repeat right top;
	padding-right: 180px;
}

ul.process li.narrative {
	background: url(../images/process/process-narrative-pic.jpg) no-repeat left top;
	padding-left: 180px;
}

ul.process li.flexible {
	background: url(../images/process/process-flexible-pic.jpg) no-repeat right top;
	padding-right: 180px;
}

ul.process li.visual {
	background: url(../images/process/process-visual-pic.jpg) no-repeat left top;
	padding-left: 180px;
}

/* @end */


/* @group show hide stuff */

#option1{
   display:block;
}

#option2, #option3, #option4, #option5, #option6, #option7, #option8, #option9, #option10, #option11, #option12, #option13,#option14,#option15, #option16, #option17, #option18, #option19 {
   display:none;
}


/* @end */

/* @group Studies */

ul#studies {
	list-style-type: none;
	margin-bottom: 28px;
}

ul#studies li.challenge {
	background: url(../images/studies/studies-challenge-small.jpg) no-repeat 0 3px;
	padding-left: 85px;
	padding-bottom: 20px;
}

ul#studies li.solution {
	background: url(../images/studies/studies-solution-small.jpg) no-repeat 0 3px;
	padding-left: 85px;
	padding-bottom: 20px;
}

ul#studies li.results {
	background: url(../images/studies/studies-results-small.jpg) no-repeat 0 3px;
	padding-left: 85px;
	padding-bottom: 20px;
}

ul#studies li.nextsteps {
	background: url(../images/studies/studies-nextsteps-small.jpg) no-repeat 0 3px;
	padding-left: 85px;
	padding-bottom: 20px;
}
/* @end */

/* @group Previews */

#container-interior-previews {
	width: 1000px;
	padding-left: 19px;
	padding-top: 48px;
	background: url(../images/common/TILE-interior.jpg) repeat-y;
	padding-bottom: 150px;
}

#container-interior-previews-1200 {
	width: 1200px;
	padding-left: 19px;
	padding-top: 48px;
	background: url(../images/common/TILE-interior.jpg) repeat-y;
	padding-bottom: 150px;
}

#container-interior-previews-1400 {
	width: 1400px;
	padding-left: 19px;
	padding-top: 48px;
	background: url(../images/common/TILE-interior.jpg) repeat-y;
	padding-bottom: 150px;
}

#container-interior-previews-1600 {
	width: 1600px;
	padding-left: 19px;
	padding-top: 48px;
	background: url(../images/common/TILE-interior.jpg) repeat-y;
	padding-bottom: 150px;
}

#container-interior-previews-1800 {
	width: 1800px;
	padding-left: 19px;
	padding-top: 48px;
	background: url(../images/common/TILE-interior.jpg) repeat-y;
	padding-bottom: 150px;
}

.previews-right {
	margin-left: 25px;
	vertical-align: top;
	margin-top: 8px;
	text-align: left;
	float: left;
}

#previews h2 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
}

#previews ul.version {
	list-style-type: none;
}

/* My Comment */

#previews ul.version li {
	font-weight: normal;
	margin-bottom: 5px;
}

/* @end */