/************ NAV PROPERTIES  ***************/

.form {
	background:url(../../../img/bg-form.png) no-repeat; width:374px; padding-top:10px; 
	font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#333;}
.form .row { display:block; background:; margin-bottom:5px; height:14px; line-height:12px;}
.form .row input {border:0px; background:none; font-size:10px; background:}

.form #first { width:103px; margin:0 4px 0 7px; }
.form #mid { width:20px; margin:0 5px 0 3px}
.form #last { margin:0 0 0 2px; width:135px}
.form #position {width:273px; margin:0 0px 0 0px;}
.form #company {width:300px; margin:0 0px 0 -1px;}
.form #email {width:314px; margin:0 0px 0 4px;}
.form #address {width:306px; margin:0 0px 0 2px;}
.form #city {width:138px; margin:0 5px 0 7px;}
.form #state {width:30px; margin:0 3px 0 2px;}
.form #zip {width:82px; margin:0 0px 0 2px;}
.form #country {width:307px; margin:0 0px 0 6px;}
.form #phone {width:108px; margin:0 4px 0 3px;}
.form #fax {width:152px; margin:0 0px 0 3px;}

.form .checkbox { padding:4px 0 13px 2px; background:}
.form #terms {background:none !important; border:none !important;}

.form .select b {font-weight:normal !important; display:block; margin-bottom:3px;}
.form .select {height:44px; width:370px; padding:0 0 13px 0;}

.form #copies {
		font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style: italic; 
		margin-top:0px; width:364px; background: url(../../../img/bg-select.png) top left no-repeat; border:none; padding-left:3px; height:29px; padding-top:2px;}

.form #suggest {width:px; margin:4px 0px 0 3px; height:49px; width:362px; border:none; font-family: Arial, Helvetica, sans-serif; font-size:11px; background:url(../../../img/bg-suggest.png); padding-left:3px;}

.form-btn2 { float:right; padding-top:10px;}

.nav-list {}
.nav-list li { list-style:none;}
.nav-list li a {
	background:url(../../../img/bullet.png) 0px 4px no-repeat; 
	color: #ccc; 
	font-size:11px; 
	display:block; 
	text-decoration:none; 
	margin-left:21px;  
	width:117px; 
	padding:0 0 4px 15px;}
.nav-list li a:hover , .nav-list .active a {color:#ff0000;}
.nav-list li ul li a{
	padding-left:20px; 
	width:97px; 
	margin-left:36px; 
	background:url(../../../img/bullet-2.png) 0px 6px no-repeat; 
	color:#ccc !important;}
.nav-list li ul li a:hover, .nav-list li ul .active a{color:#ff0000 !important;}

.nav-list h5{color:#ccc; font-size:12px; margin-left:21px; }
.nav-list h5 a {color:#ccc; text-decoration:none;}
.nav-list h5 a:hover {color:#ff0000;}
.nav-list h6 {color:#ccc; font-size:11px; margin-left:21px ;  padding-bottom:4px;}

.nav { height:32px;}
.nav li { list-style:none; display:inline;}
.nav li a{
	display:block; 
	float:left; 
	height:32px; 
	width:107px; 
	background:url(../../../img/nav.png) top right no-repeat; 
	color:#fff; font-size:12px; 
	text-decoration:none; 
	text-align:center; 
	text-indent:-3px; 
	padding-top:15px;}
.nav li a:hover, .nav .active a{  background:url(../../../img/nav.png) bottom right no-repeat;}

/************ CONTENT PROPERTIES  ***************/

.search-input { width:338px; height:18px; padding:3px 6px 2px 4px; margin:0; background:url(../../../img/bg-input-search.png) no-repeat; border:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.search-btn {margin:12px 0 24px 0;}

.site-map {font-family:Verdana, Arial, Helvetica, sans-serif !important; font-size:11px !important;}
.site-map a { text-decoration:none;}
.site-map li {list-style:none; display:block; width:auto; line-height:14px;}
.site-map li ul li a { display:block; padding-left:15px;}
.site-map li ul li ul li a{ display:block; padding-left:45px;}
.site-map ul li { display:block; padding-bottom:12px;}
.site-map ul li ul li{ padding:0 0 0 0;}
.site-map ul li ul li a { background:url(../../../img/bullet-3.png) 2px 5px no-repeat}
.site-map ul li ul li ul li a { background:url(../../../img/bullet-4.png) 35px 7px no-repeat}

.proj-content {background:#fff; height:315px; margin-top:16px; width:749px; float:right}
.proj-banner {text-align:right;}

.proj-title { background:url(../../../img/proj-title.png) no-repeat; width:283px; height:78px; margin:23px 0 135px 0;}
.proj-title h1 { font-size:20px; color:#d8d8d8; font-weight:normal; margin-left:16px;}
.proj-title h2 { font-size:11px; color:#d8d8d8; font-weight:normal; margin-left:16px;}
.proj-btns img { padding-left:16px;}

.proj-right h4 { font-size:16px; font-weight:normal; color:#666; margin-top:23px;}
.proj-right h5 { font-size:12px; font-weight:normal; color:#666; font-style: italic; margin-bottom:12px;}
.proj-right p {text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000; line-height:175%; width:380px;}
.scroll {text-align:center;}
.proj-left {float:left;  width:320px; height:315px; }
.proj-right { width:421px; float: left;}


.new-search {}
.new-search-txt {
	text-align:center; 
	background:url(../../../img/bg-search.png) no-repeat; 
	color:#999; 
	border:0px; 
	width:91px; 
	font-size:10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	height:21px; 
	padding:2px 10px 2px 2px; 
	margin:30px 0 0 25px; 
	text-transform:capitalize}

.proj-list {}
.proj-select {
	width:72px; 
	height:31px; 
	background:url(../../../img/bg-proj-select.jpg) no-repeat; 
	margin:3px 0 0 32px; 
	padding:8px 0 0 19px;}
	
.proj-select li { list-style:none;}
.proj-select li a{ float:left; color:#999; display:block; padding:2px 3px 2px 3px; text-decoration:none; width:auto; overflow:auto;}
.proj-select li a:hover, .proj-select .active a{ color:#3d3d3d; background:#999;}

.proj-img-sm { width:100px; padding:20px 0 0 32px;}
.proj-img-sm li { list-style:none; display:inline;}
.proj-img-sm li a { display:block; width:43px; height:40px; background:#343333; float:left; margin:0 0 1px 1px;}

.ppl {margin:70px 0 12px 0 !important;}

.ppl-img { float:right; padding-left:15px;}
.ppl em {color:#666;}

.people {color:#666; font-family:Verdana, Arial, Helvetica, sans-serif !important; font-size:11px; }
.people a { font-style:normal; border-bottom:1px solid #ccc; text-decoration:none; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }

.pro-list li { list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; line-height:22px;}

.project-list {}
.project-list li { display:inline; list-style:none;}
.project-list li a { 
	display:block; 
	background:url(../../../img/bg-project.png) top left no-repeat; 
	float:left; 
	height:187px; 
	width:242px; 
	margin:0 0 10px 10px; 
	text-decoration: none;}
.project-list li a:hover {background:url(../../../img/bg-project-hover.png) top left no-repeat;}
.project-list li a span {
	color:#ccc;display:block; 
	margin:4px 0 0 10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px;}
.project-list li a span strong{ color:#fff; font-weight:normal; }
.project-list li a img { margin:12px 0 0 10px}
.project-list li a em {display:none;}
.project-list li a:hover em {display:block; position:absolute; margin:52px 0 0 70px;}
.content-list {margin-bottom:12px;}
.content-list li { list-style-position:inside;}

.project-nav {float:right; margin-top:-5px;}
.project-nav  li {list-style:none; display:inline;}
.project-nav li a {
	display:block; 
	padding:0px 7px 4px 7px; 
	color:#ccc; 
	float:left; 
	text-decoration:none; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; width:auto; overflow:auto;}
.project-nav li a:hover {color:#ff0000; }

.pr a {font-weight:bold; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.pr-img {float:right; padding:0 0 0 18px;}
.contact {margin:0px 64px 0 53px;}
.contact h1 { margin:70px 0 2px 0; font-size:16px; color:#000; font-weight:normal;}
.contact h2 { color:#666; margin-bottom:12px; font-size:12px; font-weight:normal;}
.contact p {color:#333;}
.contact .email { color:#333; text-decoration:none; border-bottom:1px solid;}
.contact .email:hover { border-bottom: 1px solid #fd1815;}

.office { width:437px; background:url(../../../img/bg-office.png) top right no-repeat; height:115px; margin:0; padding:0}
.office img { float:left; padding-top:5px; display:block; width:97px;}
.office p { float:left; padding:10px 0px 0 45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#b5b5b5; line-height:12px; width:212px;}
.office .red {color:#fd1815;}
.office p strong {font-size:13px; color:#cdcdcd; margin:15px 0 4px 0; display:block; padding:0px;}
.office a  {float:left; display:block; padding:29px 10px 25px 14px; margin-top:15px;  color:#ccc; text-decoration:none;}
.office a:hover {color:#fd1815;}

.content {margin:0px 64px 0 53px;}
.content h1 { margin:70px 0 24px 0; font-size:16px; color:#000; font-weight:normal;}
.content a { color:#000;}
.content a:hover {color:#ff0000;}
.content h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline;}

.left-content {float:left; margin-left:11px}
.left-img{height:174px; width:251px; margin-bottom:7px;}
.left-content h1 {
	width: 230px; height:49px; 
	margin:27px 0 0 15px; 
	font-size:23px; 
	text-transform:uppercase; 
	color:#d8d8d8; 
	font-weight:normal;}
.left-content h2 { font-size:40px; color:#777777; font-weight:normal; margin:0px 0 0 12px; padding:0px; line-height:38px; }

.logo {margin:25px 0 32px 32px;}

h3 {
	width:116px; 
	height:25px; 
	background:url(../../../img/bg-title.png) top center no-repeat; 
	margin:0 0 21px 5px; 
	font-size:14px; 
	color:#ccc; 
	font-weight:normal; 
	padding: 6px 0 0 30px;}
h3.active {color:#ff0000;}

/************	SHELL PROPERTIES  ***************/
.container, .footer {margin:auto; width: 935px;}

.left-col { width:155px; height:687px; background-color:#000; float:left }
.main-col { width:760px;float:right;}

.nav { height:47px; width:749px; background:#000; margin:25px 0 0px 0; float:right;}

.shell-white { height:587px; width:483px; margin-top:8px; float:right; background:#fff}
.shell { height:595px; width:760px; margin-top:20px; background:url(../../../img/bg-side.png) top left no-repeat;}
.shell-3row { height:595px; width:760px; margin-top:20px; background:url(../../../img/bg-side-3row.png) top left no-repeat;}
.shell-noshad { height:587px; width:749px; margin-top:28px; float:right}
.shell-projects { height:587px; width:759px; margin-top:28px; float:right;}

.footer { background:url(../../../img/bg-footer.png) 0 20px repeat-x; height:35px; padding:20px 0 40px 0;}
.footer .left {color:#ff100c; padding:12px 0 0 32px; font-size:11px;}
.footer .right {color:#b7b7b7; padding:12px 36px 0 0; font-size:10px;}
.footer .right a {color:#b7b7b7; text-decoration:none; }
.footer .right a:hover { color:#ff100c;}
/************	GLOBAL PROPERTIES  ***************/
* {margin: 0; padding: 0;}
img {border: 0px;}
p {line-height:125%; margin-bottom:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

body { background-color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:12px; overflow:hidden;}
.clear {clear:both;}
.right {float:right;}
.left {float:left;}

/************	IE 7 HACKS   ***************/
html* .office p  { padding-top:25px;}

/************	IE 6 HACKS   ***************/
* html .left-content  { margin-left:6px !important;}
* html .project-list li a { margin:0 0 10px 8px;}
* html .office {width:380px;}
* html .office p {padding-left:20px; width:180px;}
* html .office img {padding-top:7px;}
