body {

height: 100%;
background-color: black;
margin: 0;
padding: 0;
font-family: "Century Gothic", arial, verdana, sans-serif;
}

html {

height: 100%;
margin-bottom: 1px;
}

#wrapper {

width: 1250px;
min-height: 100%;
margin: 0 auto;
position: relative;
margin-bottom: -398px;
background: url( images/indexSlice.jpg ) repeat-y;
}


/* TEXT STYLES */ 

h2 {

font-size: 20px;
font-weight: bold;
margin-top: 0;
padding: 5px;
}

h3 {

font-size: 16px;
font-weight: bold;
margin-top: -5px;
}

.green {

color: #39B54A;
}

.blue {

color: #0071BC;
}

.cream {

color: #F4EAD4;
}

.gray {

color: #808080;
margin-top: -10px;
font-size: 12px;
}

a {

color: #39B54A;
text-decoration: none;
}

a:hover {

color: #90DD97;
}

p {

font-size: 12px;
padding: 5px;
}


/* NAVIGATION */

#navigation {

height: 44px;
width: 1250px;
background-image: url( images/indexNavBackground.jpg );
}

.nav {

padding-top: 2px;
padding-left: 275px; 
margin:0; 
list-style:none; 
height:44px; 
text-align: center;
background: url( images/indexNavBackground.jpg );
}

.nav li {

float:left;
}

.nav li a {

display: block; 
float: left; 
height: 44px; 
line-height: 44px; 
color: #B2A68B; 
text-decoration: none; 
font-family: "Century Gothic", arial, verdana, sans-serif; 
text-align: center; 
cursor: pointer; 
font-size: 12px;
margin-right: 10px;
}

.nav li a b {

width: 90px;
float:left; 
display:block; 
text-align: center;
}

.nav li.current a {

color: black; 
background-image: url( images/navHover.jpg );
background-repeat: no-repeat;
}

.nav li.current a b {

background-image: url( images/navHover.jpg );
background-repeat: no-repeat;
background-position: 0 6px;
}

.nav li a:hover {

color: black; 
background-image: url( images/navHover.jpg );
background-repeat: no-repeat;
}

.nav li a:hover b {

background-image: url( images/navHover.jpg );
background-repeat: no-repeat;
background-position: 0 6px;
}

.nav li.current a:hover {

color: black; 
background-image: url( images/navHover.jpg );
background-repeat: no-repeat;
cursor: pointer;
}

.nav li.current a:hover b {

background-image: url( images/navHover.jpg );
background-repeat: no-repeat;
background-position: 0 6px;
}

.nav li a em {

display: block;
float: left;
width: 40px;
height: 40px;
}

.nav li a em.home {

background: url( images/home.jpg ) no-repeat center center;
}

.nav li a em.profile {

background: url( images/profile.jpg ) no-repeat center center;
}

.nav li a em.projects {

background: url( images/projects.jpg ) no-repeat center center;
}

.nav li a em.labs {

background: url( images/labs.jpg ) no-repeat center center;
}

.nav li a em.contactUs {

background: url( images/contact.jpg ) no-repeat center center;
}


/* UNIVERSAL CONTENT STYLES*/

#header {

height: 95px;
width: 1250px;
background-image: url( images/homeHeader.jpg );
}

#logo {

width: 278px;
height: 90px;
margin-left: 210px;
}

#contentHeader {

height: 29px;
width: 1250px;
background-image: url( images/indexContentHeader.jpg );
background-repeat: no-repeat;
}

#bigImg {

float: left;
width: 215px;
height: 367px;
margin: 10px;
}

#content {

color: #808080;
width: 1250px;
height: 100%;
float: left;
font-size: 12px;
background: url( images/indexSlice.jpg ) repeat-y;
}

#contentText {

width: 660px;
float: left;
}

#blueHeader {

height: 30px;
background: url( images/headerBackground.jpg ) repeat-y;
}

#greenHeader {

height: 30px;
background: url( images/greenHeader.jpg ) repeat-x;
}

.clearfooter {
height: 398px;
clear: both;
}

#footer {

height: 398px;
width: 1250px;
position: relative;
margin: 0 auto;
}

#aboutUs {

height: 160px;
clear: both;
background: url( images/indexBlackContent.jpg ) repeat-y;
}

#whatWeDo {

float: left;
width: 445px;
margin-top: -10px;
margin-left: 180px;
}

#meetTheTeam {

float: left;
width: 445px;
margin-top: -10px;
}

#footerLinks {

height: 85px;
background: url( images/indexFooterLinks.jpg ) repeat-y;
}

#copyright {

height: 158px;
padding-top: 5px;
color: white;
font-size: 10px;
text-align: center;
background: url( images/homeFooter.jpg );
}


/* INDEX PAGE */

#welcomeText {

float: left;
margin-left: 180px;
width: 530px;
}

#image {

height: 130px;
width: 500px;
}

#featuredProject {

width: 340px;
float: left;
margin-left: 30px;
}

#featuredProject img {

margin-top: 15px;
margin-left: 10px;
}

#webButton {

height: 48px;
width: 152px;
color: white;
font-size: 16px;
margin-left: 100px;
line-height: 48px;
text-align: center;
background-image: url( images/greenButton.jpg );
}

#webButton a{

width: 152px;
height: 48px;
color: white;
}

#webButton:hover {

cursor: pointer;
background-image: url( images/greenButtonHover.jpg );
}


/* PROFILE PAGE */

#profileContent {

float: left;
width: 900px;
margin-left: 180px;
}

/* PROJECTS PAGE */

#projectsContent {

width: 900px;
float: left;
margin-left: 180px;
padding-bottom: 20px;
}

#projectsLeft {

color: gray;
width: 430px;
height: 120px;
float: left;
margin: 30px 10px 0 10px;
font-size: 12px;
background-color: #E6E6D5;
}

#projectsLeft a:hover {

color: gray;
width: 430px;
height: 120px;
float: left;
font-size: 12px;
background-color: #D6E1D6;
display: block;
}

#projectsRight {

width: 430px;
height: 120px;
float: left;
margin: 30px 10px 0 10px;
font-size: 12px;
background-color: #E3E4CA;
}

#projectsRight a:hover {

color: gray;
width: 430px;
height: 120px;
float: left;
font-size: 12px;
background-color: #D0DDBF;
display: block;
}

#projectText {

width: 330px;
height: 100px;
float: left;
margin: 10px;
font-size: 12px;
}


/* LABS PAGE */

#newProjectLeft {

width: 430px;
height: 120px;
float: left;
margin: 20px 10px 10px 10px;
background-color: #E6E6D5;
}

#newProjectLeft a:hover {

width: 430px;
height: 120px;
float: left;
background-color: #D6E1D6;
}

#newProjectRight {

width: 430px;
height: 120px;
float: left;
margin: 20px 10px 10px 10px;
background-color: #E3E4CA;
}

#newProjectRight a:hover {

width: 430px;
height: 120px;
float: left;
background-color: #D0DDBF;
}

#thumb {

float: left;
width: 70px;
height: 100px;
margin: 10px 0 0 10px;
}

#text {

width: 330px;
height: 100px;
margin: 5px;
float: left;
font-size: 12px;
padding: 5px;
}

/* CONTACT PAGE */

#contactLeft {

width: 200px;
float: left;
padding: 10px;
font-size: 12px;
margin: 10px 10px 0 0;
background-color: #E6E6D5;
}

#contactContent {

float: left;
width: 670px;
height: 350px;
}


/* SITE MAP PAGE */

#sitemapContent {

width: 900px;
padding-top: 20px;
}