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

/*
Colors:

Red Orange: #e76f34
Orange: #f58220
Blue: #007ea9
Red: #E54125
Green: #82BC41

*/
/*
div {
	border: 1px solid blue;
}
ul {
	border: 1px solid red;
}
li {
	border: 1px solid green;
}
div {
	background-color: blue;
}
ul {
	background-color: red;
}
li {
	background-color: green;
}*/

body {
	text-align: center;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #B3B3B3;
}

.container {
	margin: 20px auto 0 auto;
	text-align: left;
	width: 936px;
	height: 648px;
	/*border: 1px solid #E7E8E9;*/
}

#selectedColumn {
	float: left;
	width: 11px;
	height: 344px;
	margin: 136px 10px 0 79px;
}
.container#home #selectedColumn img {
	margin-top: 216px;
}
.container#contact #selectedColumn img {
	margin-top: 313px;
}

#nav {
	float: left;
	width: 140px;
	height: 344px;
	margin: 136px 0 0 80px;
}
#nav img {
	margin-left: 20px;
}

#flash {
	float: left;
	width: 614px;
	height: 374px;
	margin: 136px 0 0 0;
}
.container#home #flash {
	width: 634px;
	height: 374px;
}
.container#splash {
	text-align: center;
}
.container#splash #flash {
	text-align: left;
	float: none;
	width: 738px;
	height: 364px;
	margin: 136px auto 0 auto;
}
/*#enterLink {
	clear: both;
}
#enterLink a {
	color: #bbb;
}
#enterLink a:hover {
	color: #999;
}*/

#imageBar {
	float: left;
	width: 198px;
	height: 344px;
	margin: 136px 0 0 10px;
}
#imageBar img {
	float: left;
	border: none;
}

.content {
	float: left;
	width: 406px;
	height: 344px;
	margin: 136px 0 0 0;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 26px;
}
.content#firm_profile {
	background: #e76f34;
}
.content#design_approach {
	background: #f58220;
}
.content#client_list {
	background: #f7931e;
	font-size: 11px;
	line-height: 14px;
}
.content#biographies {
	background: #007ea9;
	line-height: 26px;
}
.container#contact .content {
	background: #82BC41;
}
.container#blog .content {
	width: 538px;
	height: 409px;
	margin: 100px 0 0 0;
}

.content p {
	margin: 26px;
}
.content#client_list p {
	margin: 6px 26px;
}
.content a {
	color: #fff;
}


#footer {
	float: left;
	width: 734px;
	height: 10px;
	margin: 60px 0 0 100px;
}
.container#projects #footer, .container#home #footer {
	margin: 30px 0 0 100px;
}

/* Nav */
/*

#nav ul, #nav li, #nav ul li, #nav ul li ul, #nav li ul li, a {
	margin: 0;
}

#nav li ul li {
	margin: 4px 0 0 0;
}*/
#nav ul {
	margin: 143px 0 0 20px;
	padding: 0;
	list-style-type: none;
}
#projects #nav ul {
	margin-top: 91px;
}
#about #nav ul {
	margin-top: 75px;
}

#nav li {
	margin: 0 0 12px 0;
	padding: 0;
}

#nav li ul, #about #nav li ul, #projects #nav li ul {
	margin: 8px 0 12px 0;
}

#nav li ul li {
	margin: 4px 0 0 0;
}

#nav a {
	color: #B3B3B3;
	text-decoration: none;
}
#nav a:hover {
	color: #000000;
}
#nav li.selected a {
	color: #4D4D4D;
}
#nav li.selected a:hover {
	color: #000000;
}
#nav ul img {
	margin: 0 9px 0 -20px ;
}

#scroll {
	overflow: hidden;
}