* { 
margin: 0px;
padding: 0px;
}
body {
	font-size: 80%;
	color: #DDDDDD;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
form strong,label,form div, .sort_blueborder td,.sort_blueborder a {
	color: #000;
}	
a {
	color: #DDDDDD;
	text-decoration: none;
}
a:hover {
	color:#EA1515;
}
#info ul li a {
	text-decoration: underline;
	color: #EA1515;
}
#info ul li a:hover {
	text-decoration: none;
}
#wrapper {
	width: 100%;
	background: url(images/home-bkgd.jpg) #FFFFFF top center no-repeat;
}
#container{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*branding*/
#header {
	height: 200px;
}
#header img {
	float: left;
	padding-top: 25px;
	padding-bottom: 28px;
}
/* main navigation */
ul#nav {
	width: 980px;
	height: 19px;
	list-style: none;
	margin: 0px 0px 28px 10px;
	padding: 0px;
}
ul#nav li {
	float: left;
	padding: 0px
}
a span {
	display: none;
}
a#nav-home, a#nav-profile, a#nav-services, a#nav-experience, a#nav-portfolio, a#nav-resources, a#nav-contact {
	display: block;
	height: 19px;
	background-position: 0 0;
}
a#nav-home {
	width: 110px;
	background-image: url(images/nav-home.gif);
}
a#nav-profile {
	width: 156px;
	background-image: url(images/nav-profile.gif);
}
a#nav-services {
	width: 121px;
	background-image: url(images/nav-services.gif);
}
a#nav-experience{
	width: 149px;
	background-image: url(images/nav-experience.gif);
}
a#nav-portfolio {
	width: 141px;
	background-image: url(images/nav-portfolio.gif);
}
a#nav-resources {
	width: 143px;
	background-image: url(images/nav-resources.gif);
}
a#nav-contact {
	width: 159px;
	background-image: url(images/nav-contact.gif);
}
a#nav-home:hover, a#nav-profile:hover, a#nav-services:hover, a#nav-experience:hover, a#nav-portfolio:hover, a#nav-resources:hover, a#nav-contact:hover {
    background-position: 0 -19px;
}
body#home a#nav-home, body#profile a#nav-profile, body#services a#nav-services, body#experience a#nav-experience, body#portfolio a#nav-portfolio, body#resources a#nav-resources, body#contact a#nav-contact {
	background-position: 0 -19px;
} 
/*index*/
#left-col {
	float: left;
	width: 300px;
	margin-top: 40px;
	margin-right: 50px;
}
#left-col p {
	padding-top: 10px;
	padding-left: 30px;
	line-height: 160%;
}
#right-col {
	float: left;
	width: 553px;
	margin-bottom: 25px;
}
ul#menu {
	width: 280px;
	height: 20px;
	list-style: none;
	margin: 10px 0px 25px 0px;
	padding: 0px;
}
ul#menu li {
	float: right;
	padding: 0px;
	margin-left: 10px;
}
a span {
	display: none;
}
a#menu-single, a#menu-historical, a#menu-commercial, a#menu-multi, a#menu-new {
	display: block;
	height: 20px;
	background-position: 0 0;
	width: 20px;
	background-image: url(images/box-grey.gif);
}

a#menu-single:hover, a#menu-historical:hover, a#menu-commercial:hover, a#menu-multi:hover, a#menu-new:hover {
	background-position: 0 -20px;
}
a#see-more {
	display: block;
	height: 14px;
	background-position: 0 0;
	margin-right: 0px;
	width: 153px;
	background-image: url(images/see-more.gif);
}
a#see-more:hover {
	background-position: 0 -14px;
}


/*content area*/
#content {
	float: both;
	clear:both;
	padding: 25px 45px 25px 45px;
	width: 910px;
}
#col-a {
	float: left;
	margin-right: 12px;
}
#translucentbkg {
   width: 560px;
   padding: 15px 24px 30px 14px;
   background-image: url(images/content-bkgd.png) !important;  /* Mozilla only */
   background-color: transparent !important;           /* Mozilla only */
   background-image: none;                             /* IE only */
   background-color: #404040;                          /* IE only */
   filter:alpha(opacity=85);                           /* IE only */
   }
#opaquetext { position: relative; }

#col-a img {
	padding-top: 10px;
}
#col-a p {
	padding-left: 16px;
	margin: 20px 10px 0px 0px;
	line-height: 175%;
}
#col-a a {
	color: #F33;
	text-decoration: underline;
}
#col-a a:hover {
	text-decoration: none;
	color: #FFF;
}
#col-a table {
	margin-top: 20px;
	margin-left: 15px;
	line-height: 175%;
}
#col-a table tr th{
	font-size: 130%;
	font-weight: normal;
	padding-left: 12px;
	padding-top: 0px;
	background: url(images/bullet-red.gif) no-repeat;
	background-position:0 11px;
}
#col-a table ul {
	padding-top: 10px;
	padding-left: 40px;
	list-style: none;
}
#col-a table ul li {
	padding-left: 8px;
    background: url(images/bullet-white.gif) no-repeat;
    background-position:0 9px;
	margin-bottom: 10px;
	line-height: 120%;
}
#col-a table.table-b {
	background: url(images/table-bkgd.gif) top center no-repeat;
}
#col-a table.table-b tr th{
	padding-top: 25px;
	background-position:0 35px;
}

#col-a ul {
	padding-left: 30px;
	list-style: none;
}
#col-a ul li {
	padding-left: 8px;
    background: url(images/bullet-white.gif) no-repeat;
    background-position:0 10px;
	margin-bottom: 8px;
}
#col-a ol {
	padding-left: 20px;
}
#col-a ol li {
	list-style-position: inside;
	margin-top: 10px;
	margin-bottom: 5px;
}
#col-a ol li p {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#col-b {
	float: left;
	clear: right;
	width: 300px;
}
#col-b blockquote {
	width: 224px;
	margin-top: 40px;
	color: #FFFFFF;
}
#col-b blockquote div {
	font-size: 140%;
	line-height: 155%;
	width: 224px;
  	padding-top: 4px;
	padding-left: 50px;
	padding-right: 0px;
	margin-left: 20px;
	margin-right: 0px;
	background: transparent url(images/left-quote.gif) left top no-repeat;
}
/*portfolio css*/
#content-portfolio {
	float: both;
	clear:both;
	padding: 50px 45px 50px 45px;
	width: 910px;
}
a#single {
	display: block;
	height: 13px;
	background-position: 0 0;
	width: 116px;
	background-image: url(images/link-single.gif);
}
a#single:hover {
    background-position: 0 -13px;
}
a#commercial {
	display: block;
	height: 13px;
	background-position: 0 0;
	width: 116px;
	background-image: url(images/link-commercial.gif);
}
a#commercial:hover {
    background-position: 0 -13px;
}
a#historical {
	display: block;
	height: 13px;
	background-position: 0 0;
	width: 120px;
	background-image: url(images/link-historical.gif);
}
a#historical:hover {
    background-position: 0 -13px;
}

a#new {
	display: block;
	height: 13px;
	background-position: 0 0;
	width: 120px;
	background-image: url(images/link-newprojects.gif);
}
a#new:hover {
    background-position: 0 -13px;
}

a#multi {
	display: block;
	height: 13px;
	background-position: 0 0;
	width: 145px;
	background-image: url(images/link-multi.gif);
}
a#multi:hover {
    background-position: 0 -13px;
}
img.header {
	float: left;
	clear: both;
}
img.portfolio {
	float: left;
	clear: both;
	margin: 20px 20px;
}
#projects {
	float: left;
	width: 858px;
	clear: left;
	margin-left: 15px;
	margin-bottom: 5px;
}
.project {
	float: left;
	width: 118px;
	clear: none;
	margin-left: 25px;
	text-align: center;
}
.project img {
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
}

#project-intro {
	float: left;
	width: 910px; 
	clear: left;
	margin-top: 15px;
	margin-left: 18px;
	margin-bottom: 5px;
}
.project-box {
	float: left;
	width: 160px;
	clear: none;
	text-align: right;
	margin-right: 20px;
}
.project-box-last {
	float: left;
	width: 160px;
	clear: none;
	text-align: right;
	margin-right: 0px;
}	
.project-box img, .project-box-last img {
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
.project-box img.title, .project-box-last img.title {
	border: none;
	margin-bottom: 0px;
	margin-top: 5px;
}
h1 {
	font-size: 130%;
	font-weight: normal;
	padding-left: 12px;
	padding-top: 0px;
	margin-top: 20px;
	margin-left: 20px;
	background: url(images/bullet-red.gif) no-repeat;
	background-position:0 11px;
}
#info {
	width: 300px;
	float: left;
	margin-top: 30px;
}
ul.project {
	text-align: left;
	float:left;
	width: 300px;
	margin-top: 8px;
	font-size: 110%;
	padding-left: 8px;
	padding-bottom: 25px;
}
ul.project li{
	background-image: none;
	margin-bottom: 8px;
	list-style: none;
}
ul.project li span{
	font-weight: 900;
}
img.index {
	float: left;
	width: 22px;
	height: 22px;
	padding-top: 15px;
	padding-right: 17px;
	padding-left: 31px; 
	clear: left;
}
/* -------------------- Drop Down Css Begins -------------------- */

.menu {
	float: left;
	width: 200px;
	height: 20px;
	padding-top: 15px;
	position:relative; 
	z-index:100;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:200px; 
	w\idth:200px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {
	width:200px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:200px;
	position:relative;
}
.menu ul li a {
	background: #1C1C1C url(images/down-arrow.gif) top left no-repeat;
	background-position: 190px 3px;
}
.menu ul li a:hover, .menu ul li a:visited {
	background: #1C1C1C url(images/down-arrow.gif) top left no-repeat;
	background-position: 190px 3px;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:105%;
	text-decoration:none;
	color:#DDDDDD;
	width:200px;
	height:20px;
	border:1px solid #5C5C5C;
	border-width:1px 1px 1px 1px;
	background: #1C1C1C url(images/down-arrow.gif) top left no-repeat;
	background-position: 190px 3px;
	padding-left:10px;
	line-height: 1.6em;
	font-weight:bold;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:200px;
	w\idth:200px;
}
 
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background: #FFFFFF;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
	background: #DDDDDD;
}
.menu ul ul :hover > a.drop {
	background: #DDDDDD;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:21px;
	left:0; 
	width:212px;
	border-top:1px solid #5C5C5C;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:20px;
	t\op:21px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
} 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#1C1C1C;
	color: #E91414;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width: 190px;
	border-width:0 1px 1px 1px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:189px;
	w\idth:189px;
} 
/* style the top level hover */
.menu a:hover {
	color:#C1C1C1;
	background: #FF0000;
}
.menu ul ul a:hover {
	color: #FFFFFF;
	background: #1C1C1C url(images/down-arrow.gif) top left no-repeat;
	background-position: 190px 4px;
}
.menu :hover > a, {
	color: #FFFFFF;
	background: #1C1C1C url(images/down-arrow.gif) top left no-repeat;
	background-position: 190px 4px;}
.menu ul ul :hover > a {
	color:#000;
	background:#DDDDDD;}
 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* -------------------- Drop Down CSS Ends -------------------- */

/*global css for sub-nav-boxes*/
#sub-nav {
	background-color: #000000;
	overflow: auto;
	line-height: 170%;
}
#box-container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.box-a {
	float: left;	
	text-align: left;
}
.box-b {
	float: left;
	text-align: left;
	border-left: #1E1E1E solid 10px;
}
/*sub-nav for index */
body#home .box-a {
	width: 470px;
	padding-left: 35px;
	padding-right: 25px;
	padding-top: 30px;
	padding-bottom: 30px;	
}	
.box-a ul {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 15px;
	list-style: none;
}
.box-a li {
	padding-left: 10px;
    background: url(images/bullet-white.gif) no-repeat;
    background-position:0 10px;
	margin-bottom: 8px;
}
.box-a p, .box-b p {
	width: 325px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 10px;
}
.box-a img.home {
	padding-left: 10px;
}
.box-a p.resources {
	padding-left: 30px;
	width: 400px;
}
.box-a div, .box-b div {
	padding-top: 10px;
}
a#read-more {
	display: block;
	height: 20px;
	background-position: 0 0;
	width: 100px;
	background-image: url(images/read-more.gif);
}
body#home .box-b {
	padding-left: 45px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}
a#read-more:hover {
    background-position: 0 -20px;
}
/*sub-nav for firm profile */
body#profile .box-a {
	width: 385px;
	padding-left: 30px;
	padding-right: 25px;
	padding-top: 30px;
	padding-bottom: 30px;	
}
body#profile .box-b {
	width: 480px;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}
body#profile .box-a p{
	width: 160px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 0px;
}
body#profile .box-a img.photo{
	float: left;
	width: 170px;
	padding-top: 0px;
	padding-left: 25px;
}
body#profile .box-a .sub-copy-a {
	float: left;
	width: 190px;
	margin-top: -8px;
}
a#contact-info {
	display: block;
	height: 20px;
	background-position: 0 0;
	width: 149px;
	background-image: url(images/get-contact.gif);
}
a#contact-info:hover {
    background-position: 0 -20px;
}
body#profile .sub-copy-b {
	float: left;
	width: 190px;
	margin-top: -8px;
	margin-right: 30px;
}
body#profile .box-b p{
	width: 175px;
	padding-top: 5px;
	padding-left: 20px;
}
body#profile .sub-flash {
	float: left;
	width: 241px;
	padding-top:0px;
}

a#view-photos {
	display: block;
	height: 20px;
	background-position: 0 0;
	width: 114px;
	background-image: url(images/view-photos.gif);
}
a#view-photos:hover {
    background-position: 0 -20px;
}
/* sub nav for services & contact */
body#services .box-a, body#contact .box-a, body#resources .box-a {
	width: 385px;
	padding-left: 30px;
	padding-right: 25px;
	padding-top: 30px;
	padding-bottom: 30px;	
}
body#services .box-b, body#contact .box-b, body#resources .box-b {
	width: 480px;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}
body#services .box-a p, body#contact .box-a p, body#resources .box-a p{
	width: 160px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 0px;
}
body#services .box-a img.photo, body#contact .box-a img.photo, body#resources .box-a img.photo{
	float: left;
	width: 170px;
	padding-top: 0px;
	padding-left: 25px;
}
body#services .box-a .sub-copy-a, body#contact .box-a .sub-copy-a, body#resources .box-a .sub-copy-a {
	float: left;
	width: 190px;
	margin-top: -8px;
}
body#services .sub-copy-b, body#contact .sub-copy-b, body#resources .sub-copy-b   {
	float: left;
	width: 190px;
	margin-top: -8px;
	margin-right: 30px;
}
body#services .box-b p, body#contact .box-b p, body#resources .box-b p{
	width: 175px;
	padding-top: 5px;
	padding-left: 20px;
}
body#services .sub-flash, body#contact .sub-flash, body#resources .sub-flash {
	float: left;
	width: 241px;
	padding-top:0px;
}
/* sub nav for experience & portfolio */
body#experience .box-a, body#portfolio .box-a {
	width: 385px;
	padding-left: 30px;
	padding-right: 25px;
	padding-top: 30px;
	padding-bottom: 30px;	
}
body#experience .box-b, body#portfolio .box-b {
	width: 480px;
	padding-left: 30px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}
body#experience .box-a p, body#portfolio .box-a p{
	width: 160px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 0px;
}
body#experience .box-a img.photo, body#portfolio .box-a img.photo{
	float: left;
	width: 170px;
	padding-top: 0px;
	padding-left: 25px;
}
body#experience .box-a .sub-copy-a, body#portfolio .box-a .sub-copy-a {
	float: left;
	width: 190px;
	margin-top: -8px;
}
body#experience .sub-copy-b, body#portfolio .sub-copy-b {
	float: left;
	width: 190px;
	margin-top: -8px;
	margin-right: 30px;
}
body#experience .box-b p, body#portfolio .box-b p{
	width: 175px;
	padding-top: 5px;
	padding-left: 20px;
}
body#experience .sub-flash, body#portfolio .sub-flash {
	float: left;
	width: 241px;
	padding-top:0px;
}

/*footer*/
#footer {
	background-color: #FFFFFF;
	overflow: hidden;
	border-top: #1E1E1E solid 10px;
	line-height: 160%;
}
#footer a {
	color:#EA1515;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#foot-container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 25px;
}

.left-foot {
	width: 700px;
	float: left;
	padding-right: 10px;
	padding-top: 25px;
}
.left-foot p {
	color:#4A4A4A;
	font-size: 85%;
	text-align: left;
	margin-left: 13px;
}
.right-foot {
	float: left;
	width: 170px;
	padding-left: 100px;
	padding-top: 35px;
}
/*contact form*/
#col-b-2 {
	float: left;
	clear: right;
	width: 270px;
	padding: 15px;
}
#col-b-2 table.table-b tr td {
	padding: 0px 0px 0px 15px;
	text-transform: uppercase;
	font-size: 88%;
}
#col-b-2 table.table-b tr td.input {
	padding: 0px 4px 15px 15px;
}

#col-b-2 table.table-b tr td input#submit {
	padding: 0px 10px;
}

#col-b-2 table.table-b tr td.input input{
	width: 200px;
}

#col-b-2 table.table-b tr td.input textarea{
	width: 200px;
}
#col-b-2 input#button {
	padding: 2px 5px;
}
p.thanks {
	margin-left: 15px;
	margin-bottom: 10px;
}