body {
	margin:0 0 0 0;
	background:url(../images/styles/background.jpg) no-repeat #84b03c;
    behavior: url(../csshover.htc);
    font-family:helvetica, arial, helvetica, sans-serif;
}

img{
	border:none;
	}

.navWrapper {
	position:relative;
	z-index:2;
	height:42px;
	background:url(../images/styles/navBackground.png);
	padding:0 0 0 80px;
}

.navLinkContainerHome {
    padding-left:200px;
	width:400px;
	height:28px;
}
.navLinkContainer {
	margin:0 auto;
	width:500px;
	height:28px;
	padding-left:20px;
}

.homeWrapper {
	width:654px;
	margin:-30px auto;
}

.hRule {
	position:absolute;
	margin:197px 0 0 62px;
	width:580px;
	height:1px;
	background:url(../images/styles/hRule.gif) no-repeat;
}

.homeLogo {
	margin:60px 0 0 0;
	width:284px;
	height:232px;
	float:left;
	background:url(../images/main/logo.png);
}

.rightContainer {
}

.homeHeader {
	float:right;
	width:361px;
	height:31px;
	margin:162px 8px 0 0;
	background:url(../images/main/titles/homeHeader.gif);
}

.mainText {
	margin:18px 0 25px 0;
	float:right;
	width:370px;
	font-size:.8em;
    line-height:1.3em;
	font-family:helvetica, arial, tahoma, sans-serif;
	color:#fff;
}


.mainText p br {
  margin:0;
  padding:0;
}

.homePortfolio {
	position:relative;
	margin:0px;
    margin-left:285px;
    border:0px solid #000;
    width:390px;
}

.homePortfolioPics {
border:0px solid #000;
	display:block;
	float:left;
}

.vertWords {
position:relative;
margin:0px;
border:0px solid #000;
}


/* Start Portfolio Styles */

.portfolioWrapper {
	width:1000px;
	margin:0 auto;
}

.portfolioLeft {
border:0px solid #000;
text-align:left;
	width:176px;
	margin:0 0 0 43px;
    padding:0;
	float:left;
}

.smallLogo {
border:0px solid #000;
	background:url(../images/main/logoSmall.png);
	height:151px;
}

.portfolioNavWrapper {
border:0px solid #000;
text-align:right;
	width:107px;
	margin:-15px 0 0 50px;
}
.portfolioNavWrapper a {
    font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
    font-size:12px;
    color:white;
   text-decoration:none;
}
.portfolioNavWrapper a:hover {
    font-family:Helvetica, Arial, sans-serif;
    font-weight:normal;
    font-size:12px;
    color:#0000CD;
   text-decoration:none;
}
.portfolioNavWrapper p {
margin:0;
padding:0;
margin-top:10px;
}
.portfolioNavButtons {
	margin:5px 0 0 0;
	float:right;
}
#port_sub {
  z-index:100;
}

#port_sub ul {
  padding:0;
  margin:0;
  list-style:none;
  width:100px;
  z-index:100;
}
#port_sub ul li {
float:left;
position:relative;
  padding:0;
  margin:0;
  z-index:100;
}
#port_sub ul li a {
    font-size:12px;
    color:#0000CD;
    text-decoration:none;
    display:block;
    padding: 0px;
    margin:0;
    width:110px;
}
#port_sub ul li ul li a {
font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    color:#000;
    text-decoration:none;
    display:block;
    padding:0;
    padding-top:5px;
    z-index:15 !important;
    margin:0;
}
#port_sub ul a:hover {
    font-size:12px;
    color:#fff;
    text-decoration:none;
}
#port_sub ul li ul li a:hover {
    font-size:10px;
    color:#0000CD;
     z-index:15 !important;
    text-decoration:none;
}
#port_sub ul li ul {
background:url(../images/main/flyout_07.gif) no-repeat top left;
    list-style: none;
    position: absolute;
    left: 110px;
    top: -12px;
    display:none;
    z-index:115 !important;
    margin:0;
    padding:0;
}
#port_sub ul li ul li {
    text-align:left;
    width:110%;
    border-right:1px solid #0053a0;
    border-left:1px solid #0053a0;
    margin:0;
    margin-left:20px;
    padding:0px;
    padding-left:5px;
    z-index:100 !important;
    background-color:#fff;
}
#port_sub ul li:hover ul {
    display: block;
    background-color:none;
    z-index:100 !important;
}

#sub_sub_top {
width:110%;
margin-left:20px;
height:1px;
 z-index:15 !important;
  border-top:1px solid #000;
}
#sub_sub_bottom {
width:110%;
margin-left:20px;
height:1px;
 z-index:15 !important;
  border-bottom:1px solid #000;
}
.sub_nav {
 z-index:15;
margin:0;
padding:0;
}
.portfolioRight {
	position:relative;
	z-index:1 !important;
	margin:-40px 0 0 0;
	float:left;
	width:664px;
}

.contentContainer {
z-index:1 !important;
	background-color:#ffffff;
	width:594px;
	padding:103px 0 20px 0;
	float:left;
}

.portfolioHeader {
	margin:0 0 0 30px;
}
.portfolioHeader span {
	color:#84b03c;
    font-size:1.2em;
}
.portfolioHeader .case {
	color:#0000CD;
    font-size:1.2em;
}

#casePicBox {
margin:0 auto;
  border:1px solid #ccc;
  width:450px;
}


.hRuleLong {
border:0px solid #000;
	position:absolute;
	z-index:3;
	margin:40px 0 0 83px;
    background:url(../images/styles/hRuleLong.gif) no-repeat bottom left;
    width:700px;
}

.bottomContent {
	width: 664px;
	height: 24px;
}

.portfolioContent {
	margin:25px 0 0 0;
}


.thumbnail {
	position:relative;
	width:150px;
	height:150px;
	float:left;
	margin:10px 0 0 82px;
}
.thumbnail_right {
    text-align:center;
	position:relative;
	width:560px;
	margin:10px;
    font-size:12px;
    border:0px solid #000;
}
.thumbnail_right a {
color:#898989;
}
.thumbnail_right a:hover {
color:#d9d9d9;
}

.descriptionContainerWide {
	float:left;
	width:500px;
	margin:0 0 0 30px;
}

.descriptionContainer {
	float:left;
	width:300px;
	margin:0 0 0 30px;
}
.descriptionContainer_contact {
	float:left;
	width:500px;
	margin:0 0 0 30px;
}
.descriptionContainer_case {
	float:left;
	width:400px;
	margin:0 0 0 30px;
}
.descriptionContainer_portfolio {
	width:550px;
	margin:0 0 0 70px;
}
.title {
	margin:15px 0 0 0;
	width:300px;
	color:#abd95c;
	font-size:1.3em;
	font-family:helvetica, arial, tahoma, sans-serif;
}

.subtitle {
	margin:5px 0 0 0;
	color:#898989;
	font-size:1.3em;
	font-family:helvetica, arial, tahoma, sans-serif;
}

.category {
	color:#d9d9d9;
	font-size:.7em;
}

.categoryTwo {
	color:#d9d9d9;
}

.description {
	font-size:.8em;
	color:#666666;
	font-family:helvetica, arial, tahoma, sans-serif;
	line-height:1.3em;
	margin:39px 0 0 0;
}

.enlarge {
	color:#898989;
}
.description a {
    color:#898989;
}

.enlarge:hover {
	color:#d9d9d9;
}
.description a:hover {
    color:#d9d9d9;
}

.nextProjectContainer {
	width:100%;
	font-size:.7em;
	margin:20px 0 0 0;
	font-family:helvetica, arial, tahoma, sans-serif;
}

.previousProject {
	float:left;
}

.nextProject {
	float:right;
}

.nextProjectLink {
	color:#abd95c;
}

.nextProjectLink:hover {
	color:#9ec758;
}

.featuredProjectsWrapper {
	position:relative;
	width:100%;
	clear:both;
	padding:15px 0 0 30px;
}

.featuredProjectsTitle {
	color:#abd95c;
	font-size:1em;
	font-family:helvetica, arial, tahoma, sans-serif;
}

.featuredProjectsContainer {
	margin:20px 0 0 0;
	width:100px;
	float:left;
	padding:0 20px 0 0;
}

.featuredProjectThumbnail {
	width:100px;
	height:46px;
	border:1px solid #898989;
}

.featuredProjectCaption {
	margin:3px 0 0 0;
	color:#898989;
	font-size:.8em;
	font-family:helvetica, arial, tahoma, sans-serif;
}
form label {
  display:block;
  width:50px;
  text-align:left;
}

form p {
margin:0;
padding:0;
margin-top:5px;
}
.footer {
	text-align:right;
	float:left;
	margin:30px 0 0 0;
	width:600px;
	color:#ffffff;
	font-size:.7em;
	font-family:helvetica, arial, tahoma, sans-serif;
	padding:0 0 25px 0;
}
h1 {
  color:#0000CD;
  font-weight:lighter;
  line-height:1.1;
  font-size:1.5em
}
h2 {
  color:#0000CD;
  font-weight:lighter;
  font-size:1.3em;
}

.description .portLink {
  color:#0000CD;
  font-size:1em;
  text-decoration:none;
}


h3 {
  color:#0000CD;
  line-height:.2em;
  margin-bottom:0px;
  padding-bottom:0px;
  padding-top:10px;
  font-size:14px;
}

.caption {
font-size:.7em;
color:#666;

}