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

/*reset styles across browsers, thanks to Eric Meyer (http://meyerweb.com/eric/tools/css/reset/) for getting me started - dja*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/*///////////////////////////////// CLEARFIX ///*/

a:link, a:visited{

color:#C8962F;
}

a:hover{
color: #ffffff;
}
h2 a:link,
h2 a:visited{
text-decoration: none;
}


.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/*layout*/
body {
text-align:center;  /*IE5.x/Win fix */
background-color:#171717;
color: #999999;
font-family:Arial, Helvetica, sans-serif;
}
.wrapper {
width:980px;
margin:0 auto;
text-align:left;  /*IE5.x/Win fix: it restores the corrected alignment */
}

/*header*/
div#header {
}
h1#logoWrap {
  width:200px;
  margin: 40px 0 20px 100px;
}
a.logo {
  display:block;
  background:url(images/logo.gif) 0 0 no-repeat;
  height:43px; width:217px;
  text-indent:-9999px;
}

/*nav*/
#navLinks ul {
list-style-type:none;
margin:30px 0 0 50px;
clear:left;


}
#navLinks ul li {
float:left;
margin-top:10px;
font-size:2px;
width:110px;
}

a#navAbout:hover, a#navPort:hover, a#navAwards:hover, a#navList:hover, a#navContact:hover, .back a:hover, .backTop a:hover, .dlProfile a:hover {
  background-position:0 1px;
}
body.aboutUs a#navAbout, body.awards a#navAwards, body.projectList a#navList, body.contactUs a#navContact, body.portfolio a#navPort {
  background-position:0 1px;
}
a#navAbout {
  display:block;
  background:url(images/nav-AboutUs.gif) 0 -10px no-repeat;
  height:11px; width:110px;
  text-indent:-9999px;
}
a#navPort {
  display:block;
  background:url(images/nav-Portfolio.gif) 0 -10px no-repeat;
  height:11px; width:110px;
  text-indent:-9999px;
}
a#navAwards {
  display:block;
  background:url(images/nav-Awards.gif) 0 -10px no-repeat;
  height:11px; width:110px;
  text-indent:-9999px;
}
a#navList {
  display:block;
  background:url(images/nav-ProjectList.gif) 0 -10px no-repeat;
  height:11px; width:110px;
  text-indent:-9999px;
}
a#navContact {
  display:block;
  background:url(images/nav-ContactUs.gif) 0 -10px no-repeat;
  height:11px; width:110px;
  text-indent:-9999px;
}
.back {
	position:absolute;
	left:-100px;
	bottom:60px;
}
.backTop { 
  float:right;
  margin:93px 10px 0 0;
}
.back a, .backTop a {
  display:block;
  background:url(images/nav-Back.gif) 0 -10px no-repeat;
  height:10px; width:90px;
  text-indent:-9999px;
}
.dlProfile {
  float:right;
  margin:30px 27px 8px 0;
}
.dlProfile a {
  display:block;
  background:url(images/nav-DownloadProfile.gif) 0 -90px no-repeat;
  height:90px; width:90px;
  text-indent:-9999px;
}
 
/*text page*/
#textWrap {
  background-color:#2b2b2b;
  width:980px;
  min-height:590px;
}
#textWrap #leftCol {
  float:left;
  width:170px;
}
#textWrap #rightCol {
  float:right;
  width:565px;
  margin:0 40px 90px 0;
}
#textWrap h2.first {
  margin-top:36px;
}

/*contact us page*/
#contactWrap {
  background-color:#2b2b2b;
  width:980px;
  height:auto;
}
#contactWrap #oneCol {
  float:left;
  width:170px;
}
#contactWrap #twoCol {
  float:left;
  width:270px;
  background-color:#252525;
  height:500px;
}
#contactWrap #threeCol {
  float:left;
  width:494px;
  height:454px;
  background-color:#1f1f1f;
  color:#999;
  padding: 23px;
  
}
#contactWrap #threeCol a {
  color:#999;
  text-decoration:none;
}
#contactWrap #threeCol a:hover {
  color:#fff;
}
#contactWrap #threeCol p {
  font-size:12px;
  line-height:22px;
}
#contactWrap #addressWrap {
  margin:23px 0 0 23px;
}

/*portfolio landing*/
#portfolioWrap {
  background-color:#2b2b2b;
  width:980px;
  height:auto;
}


#portfolioWrap #oneCol {
  float:left;
  width:170px;
}
#portfolioWrap #twoCol {
  float:left;
  width:270px;
  background-color:#252525;
  height:500px;
}
#portfolioWrap #threeCol {
  float:left;
  width:270px;
  height:500px;
  background-color:#1f1f1f;
}
#portfolioWrap #fourCol {
  float:left;
  width:270px;
  height:500px;
  background-color:#1b1b1b;
}
#portTwo, #portThree, #portFour {
  display:block;
  width:224px; height:455px;
  text-decoration:none;
  padding:23px;
}
a#portTwo:hover, a#portThree:hover, a#portFour:hover {
  background-color:#414141;
}

a#portTwo h2:hover, a#portThree h2:hover, a#portFour h2:hover {
  color:#fff;
  
}

#portfolioWrap h2 {
  color: #c9c9c9;
  margin-top:5px;
}




#portfolioWrap p {
  color:#999;
  line-height:20px;
}

/*portfolio project page*/
#portfolioProjectWrap {
  background-color:#2b2b2b;
  width:980px;
  position:relative;
}
#portfolioProjectWrap #leftCol {
  float:left;
  width:170px;
}
#portfolioProjectWrap #rightCol {
  float:right;
  width:810px;
  position:relative;
}
#portfolioProjectWrap .portfolioImage {
  display:block;
  float:left;
  padding-right:30px;
}
#portfolioProjectWrap p {
  color:#ccc;
  line-height:100%;
}
#portfolioProjectWrap .lgText {
  display:block;
  padding-top:40px;
  font-size:16px;
}
#portfolioProjectWrap .last {
  margin-bottom:0;
}



.portfolio #detailThreeCol{
float: left;
width:517px;
height: 454px;
background-color:#1f1f1f;
padding: 23px 0 23px 23px;
}
.portfolio .thumb{
/* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
}
.portfolio .thumbHolder{
background-image: url(images/thumbBg.gif);
background-repeat: no-repeat;
float:left;
width:112px;
height: 84px;
background-color: #2B2B2B;
margin-right:15px;
margin-bottom: 15px; 

}

.portfolio .thumb:hover{
 
/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;

}

.portfolioLabel{
font-family: Arial;
font-size: 12px;
color: #999999;
line-height: 20px;
}
.portfolioLocation{
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #999999;
line-height: 20px;
}


.portfolioNav{
text-align: right;
}
.portfolioNav a:link,.portfolioNav a:visited{
text-decoration: none;
}

.portfolioNav a:hover{
color: #999999;
}
/*PORTFOLIONAV*/
a.portNav{
display:block;
height:11px; width:110px;

background:url(images/plus.gif) right -10px no-repeat;

}
a.portNav:hover{
background-position:right 0px;
}


/*About*/
#portfolioWrap #oneColAbout {
float:left;
  width:170px;
  
 
}

#portfolioWrap #twoColAbout {
  float:left;
  width:224px;
padding:23px;
  background-color:#252525;
 
}
#portfolioWrap #threeColAbout {
  float:left;
  width:224px;
  padding:23px;
  background-color:#1f1f1f;
}
#portfolioWrap #fourColAbout {
  float:left;
  width:224px;
padding:23px;
  background-color:#1b1b1b;
}



#portfolioWrap #twoColAbout h2,
#portfolioWrap #threeColAbout h2,
#portfolioWrap #fourColAbout h2

 {
color: #c9c9c9;
 
}
/*awards*/
.awards #portfolioWrap #twoColAbout,
.awards #portfolioWrap #threeColAbout,
.awards #portfolioWrap #fourColAbout {
height:655px;
}
.awards #portfolioWrap #twoColAbout p,
.awards #portfolioWrap #threeColAbout p,
.awards #portfolioWrap #fourColAbout p {
background-position: left top;
background-image: url(images/plus.gif);
background-repeat: no-repeat;
padding-left: 20px;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 5px;


}

.highlightedTxt{
color:#A83535;
font-style: italic;

}

/*about*/

.aboutUs #portfolioWrap #twoColAbout,
.aboutUs #portfolioWrap #threeColAbout,
.aboutUs #portfolioWrap #fourColAbout {
height:555px;
}

/*project list*/


.projectList #contactWrap #twoCol {
  float:left;
  width:336px;
  background-color:#252525;
  height:1040px;
  padding: 23px;
}
.projectList #contactWrap #twoCol ul li {
  margin-left: 15px;
}
.projectList #contactWrap #threeCol {
  float:left;
  width:382px;
  height:1040px;
  background-color:#1f1f1f;
  color:#999;
  padding: 23px;
  
}

.projectList #contactWrap {
  font-size: 12px;
  line-height:20px;
  
}
.projectList ul li{


}

/*typography*/
a {
  color:#fff
}
h2 {
	font-size:24px;
	font-weight:lighter;
	margin:0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #c9c9c9;
	line-height: 20px;
}
p  {
  font-size:12px;
  line-height:20px;
  margin-bottom:26px;
}

/*contact*/
#contactInfo{
text-align: right;
padding-right: 30px;
font-family: Arial;
color: #999999;
font-size: 12px;
height: 200px;
line-height:20px;
clear: both;
}

.contactUs #threeCol{

width:494px;
font-size: 12px;
font-weight: normal;
}
/*home*/
#homeWrap {
  background-color:#2b2b2b;
  width:980px;
  height:500px;
}
.home #twoCol{
float: left;
width: 810px;
height: 500px;
background-color: #1F1F1F;
}
.home #oneCol{
float: left;
width: 170px;
}

/*footer*/
#footer {
  padding:16px 0 40px 170px;
  color:#ccc;
  text-align:left;
  width:810px;
  margin:0 auto;
}
#footer p {
  font-size:12px;
}
.footerFix {
  margin-left:0;
}