/* Global Styles */
html {
margin: 0;
padding: 0;
}
body  {
font: 100% arial, sans-serif;
color: #000000;
background: #dcdddf;
margin: 0 0 0 0;
padding: 0;
}
#pageContainer {

}
.clear {
height: 1px;
clear: both;
overflow: hidden;
}
p {
margin: 0px;
padding: 0px;
}
form {
margin: 0px;
padding: 0px;
}
img {
border: none;
}

/* Header Container */
#headerContainer {
height: 105px;
background: #ffffff url(images/headerBack.jpg) left top repeat-x;
position: relative;	
}
#headerContent {
margin: 0 auto;
width: 740px;
position: relative;
}

/* Logo */
#logoContainer  {
color: #ffffff;
background: #0276bf;
position: absolute;
top: 18px;
left: 0;
width: 122px;
height: 87px;
overflow: hidden;
}
#logo {
background: url(images/logo.jpg) left top no-repeat;
position: absolute;
top: 0;
left: 0;
width: 122px;
height: 87px;	
}


/* Main Navigation */
#mainNavContainer {
position: absolute;
top: 70px;
left: 122px;
height: 29px;
overflow: hidden;
font-size: .8em;	
}
#mainNavList {
list-style: none;
margin: 0;
padding: 8px 0px;
background: #ffffff;
}
#mainNavList li {
display: inline;
margin: 0;	
}
#mainNavActive {
display: inline;
margin: 0px;
padding: 8px 15px;
color: #ffffff;
background: #0276bf;
border-right: 2px solid #ffffff;
}
#mainNavList li a:link, #mainNavList li a:visited {
color: #000000;
background: #e1e1e1;
text-decoration: none;	
padding: 8px 15px;
margin: 0;
border-right: 2px solid #ffffff;
}
#mainNavList li a:hover, #mainNavList li a:visited:hover {
color: #ffffff;
background: #0276bf;
text-decoration: none;	
padding: 8px 15px;
margin: 0;
border-right: 2px solid #ffffff;
}


/* Body Container */
#bodyContainer {
background: #bebebe;
}
#bodyContainerContent {
background: #bebebe url(images/bodyBack.jpg) left top repeat-y;
margin: 0 auto;
width: 740px;
position: relative;
}


/* Secondary Navigation */
#secondaryNavContainer {
overflow: hidden;
color: #000000;
width: 122px;
font-size: .7em;
float: left;
}
#secondaryNavList {
list-style: none;
margin: 0;
padding: 35px 0 0 0;
background: #dcdddf url(images/secNavContBack.jpg) center top repeat-x;
text-align: right;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
}
#secondaryNavActive  {
color: #ffffff;
text-decoration: none;
background: #0276bf;
display: block;
padding: 5px 5px 5px 20px;
margin: 0;
border-top: 2px solid #ffffff;
height: 1.1em;
}
#secondaryNavList li a:link, #secondaryNavList li a:visited {
text-decoration: none;
color: #01589f;
background: #dcdddf;
display: block;
padding: 5px 5px 5px 20px;
margin: 0;
border-top: 2px solid #ffffff;
height: 1.1em;
}
#secondaryNavList li a:hover, #secondaryNavList li a:visited:hover  {
color: #ffffff;
text-decoration: none;
background: #5198C1;
display: block;
padding: 5px 5px 5px 20px;
margin: 0;
border-top: 2px solid #ffffff;
height: 1.1em;
}
#secondaryNavList li #active, #secondaryNavList li #active:visited {
color: #ffffff;
text-decoration: none;
background: #0276bf;
display: block;
padding: 5px 5px 5px 20px;
margin: 0;
border-top: 2px solid #ffffff;
height: 1.1em;
}
#secondaryNavList li #active:hover, #secondaryNavList li #active:visited:hover  {
color: #ffffff;
text-decoration: none;
background: #0276bf;
display: block;
padding: 5px 5px 5px 20px;
margin: 0;
border-top: 2px solid #ffffff;
height: 1.1em;
}


/* Content Container */
#contentContainer {
float: right;
width: 613px;
position: relative;
z-index: 1;
}
#contentBackgroundImage {
position: absolute;
top: 0;
left: 0;
height: 409px;
width: 615px;
background: url(images/contentBuilder.jpg) left top no-repeat;	
}
#homeImage1 {
position: absolute;
top: 62px;
left: 20px;	
background: #ffffff url(contentImages/index.jpg) right top no-repeat;
height: 334px;
width: 568px;
z-index: 2;	
}
#homeImage2 {
position: absolute;
top: 62px;
left: 20px;	
background: #ffffff url(contentImages/index.jpg) right top no-repeat;
height: 334px;
width: 568px;
z-index: 3;		
}
#homeTextPositioned {
position: absolute;
top: 62px;
left: 20px;	
height: 334px;
width: 568px;
z-index: 4;
font-size: .7em;
overflow: auto;
text-align: justify;
}
#homeTextContainer {
height: 333px;
overflow: auto;
text-align: justify;
font-size: .7em;
margin: 20px 25px 20px 20px;
}
#profileTextContainer {
height: 333px;
overflow: auto;
text-align: justify;
font-size: .7em;
margin: 20px 25px 20px 20px;
background: #ffffff url(contentImages/profile.jpg) right top no-repeat;
}
#historyTextContainer {
height: 333px;
overflow: auto;
text-align: justify;
font-size: .7em;
margin: 20px 25px 20px 20px;
background: #ffffff url(contentImages/history.jpg) right top no-repeat;
}
#approachTextContainer {
height: 333px;
overflow: auto;
text-align: justify;
font-size: .7em;
margin: 20px 25px 20px 20px;
background: #ffffff url(contentImages/approach.jpg) right top no-repeat;
}
#expertiseTextContainer {
height: 333px;
overflow: auto;
text-align: justify;
font-size: .7em;
margin: 20px 25px 20px 20px;
background: #ffffff url(contentImages/expertise.jpg) right top no-repeat;
}
#servicesTextContainer {
height: 333px;
overflow: auto;
text-align: justify;
font-size: .7em;
margin: 20px 25px 20px 20px;
background: #ffffff url(contentImages/services.jpg) right top no-repeat;
}
#portfolioTextContainer {
height: 333px;
overflow: auto;
text-align: justify;
font-size: .7em;
margin: 20px 25px 20px 20px;
background: #ffffff url(contentImages/portfolio.jpg) right top no-repeat;
}
#employmentTextContainer {
height: 333px;
overflow: auto;
text-align: justify;
font-size: .7em;
margin: 20px 25px 20px 20px;
background: #ffffff url(contentImages/employment.jpg) right top no-repeat;
}
#contactTextContainer {
text-align: justify;
font-size: .7em;
margin: 20px 25px 20px 20px;
background: #ffffff;
}
#text {
padding: 30px 250px 30px 30px;
}
#textFull {
padding: 30px;
}
#textForm {
padding: 30px;
}
#formAreaContainer {
margin: 30px 30px 30px 30px;
}
h1 {
color: #ffffff;
font-size: 1.2em;
font-style: italic;	
margin: 20px 20px 0 20px;
padding: 0;
}
h2 {
font-size: 1.2em;
margin: 0 0 5px 0;
padding: 0;
color: #0a3f83;
}
#projectTitle {
text-align: left;	
}
#titleArrow {
font-weight: normal;
font-style: normal;
font-size: .6em;
padding: .1em;
margin: 0em .5em;
}
#text p {
margin: 0 0 2em 0;
padding: 0;
}
#textFull p {
margin: 0 0 2em 0;
padding: 0;
}
.contentList {
list-style: url(images/bullet.gif);
margin: 0px 0px 15px 15px;
padding: 0px;	
}
.contentList li {
padding: 2px 0px 4px 0px;	
}
.contentSubList {
list-style: url(images/bullet2.gif);
margin: 5px 0px 0px 15px;
padding: 0px;	
}
.inlineLink, .inlineLink:visited {
color: #0276bf;
text-decoration: none;
}
.inlineLink:hover, .inlineLink:visited:hover {
color: #0276bf;
text-decoration: underline;
}
.quote {
font-weight: bold;
font-style: italic;
font-size: 1.8em;
color: #0276bf;
text-align: center;
margin: 1em 25px 0 0;
}
.quoteAttribute {
font-weight: bold;
font-size: 1.3em;
text-align: right;
margin: .5em 25px 0 0;
}
#theBest {
font-weight: bold;
font-style: italic;	
}
.specialContent {
font-weight: bold;
font-size: 1.3em;
margin: .5em 25px 0 0;
}
#columnLeft {
width: 48%;
float: left;
text-align: left;	
}
#columnRight {
width: 48%;
float: right;
text-align: left;	
}



/* Portfolio */
#portfolioImageContainer {
width: 545px;
background: #000000;
text-align: center;
position: relative;
z-index: 3;
padding-bottom: 1.5em;
}
#portfolioImageDimensions {
height: 295px;
width: 393px;
text-align: center;
margin: 20px auto;
}
.portfolioImage {
position: relative;
}
#projectDetails {
text-align: left;
color: #777777;
background: #000000;
margin: .5em 0 0 30px;
font-weight: bold;
font-size: .8em;
position: relative;
}
#moreProjects {
color: #777777;
background: #000000;	
}
#thumb1Container {
position: absolute;
top: 62px;
left: 541px;
height: 56px;
width: 56px;
background: #000000;
cursor: pointer;
}
#thumb2Container {
position: absolute;
top: 122px;
left: 541px;
height: 56px;
width: 56px;
background: #000000;
cursor: pointer;
}
#thumb3Container {
position: absolute;
top: 182px;
left: 541px;
height: 56px;
width: 56px;
background: #000000;
cursor: pointer;
}
#thumb4Container {
position: absolute;
top: 242px;
left: 541px;
height: 56px;
width: 56px;
background: #000000;
cursor: pointer;
}
#thumb5Container {
position: absolute;
top: 302px;
left: 541px;
height: 56px;
width: 56px;
background: #000000;
cursor: pointer;
}
.thumbInactive {
	
}
.thumbActive {
position: absolute;
top: 0px;
left: 0px;
height: 52px;
width: 52px;
border-top: 2px solid #0276bf;
border-bottom: 2px solid #0276bf;
z-index: 95;
}
.thumbnail {
position: absolute;
top: 1px;
left: 1px;	
height: 50px;
width: 50px;
}



/* Details Pop-up */
#showProjectDetails {
cursor: pointer;
position: absolute;
top: 0;
right: 27px;
}
#detailsContainer {
position: absolute;
bottom: 4em;
right: 103px;
width: 225px;
color: #ffffff;
background: #0276bf;
text-align: left;
z-index: 2;
}
#detailsContainer h2 {
color: #ffffff;
background: #0276bf;
font-weight: normal;
font-size: .8em;
padding: 7px 7px 2px 7px;
position: relative;
}
#closeDetails {
position: absolute;
top: 5px;
right: 5px;
font-weight: bold;
cursor: pointer;
border: 1px solid #ffffff;
padding: 1px 4px;
background: #064185;	
}
#detailsText {
margin: 2px;
padding: 15px;
color: #000000;
background: #ffffff;
font-size: .8em;
font-weight: normal;	
}
#detailsText ul {
list-style: none;
margin: .5em 0 0 0;
padding: 0;
}
#detailsText li {
margin: 0 0 .5em 0;	
}


/* Project Links Pop-up */
#moreProjects {
cursor: pointer;	
}
#moreProjectsContainer {
position: absolute;
bottom: 4em;
left: 35px;
color: #ffffff;
background: #0276bf;
text-align: left;
z-index: 3;
width: 240px;
}
#moreProjectsContainer h2 {
color: #ffffff;
background: #0276bf;
font-weight: normal;
font-size: .8em;
padding: 7px 7px 2px 7px;
position: relative;
}
#closeProjects {
position: absolute;
top: 5px;
right: 5px;
font-weight: bold;
cursor: pointer;
border: 1px solid #ffffff;
padding: 1px 4px;
background: #064185;	
}
#moreProjectText {
margin: 2px;
padding: 0;
color: #000000;
background: #ffffff;
font-size: .8em;
font-weight: normal;	
}
#moreProjectText ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
}
#moreProjectTextActive  {
color: #ffffff;
text-decoration: none;
background: #0276bf;
display: block;
padding: 5px 5px 5px 5px;
margin: 0;
border-top: 2px solid #ffffff;
height: 1.1em;
overflow: hidden;
line-height: 1.3em;
}
#moreProjectText li a:link, #moreProjectText li a:visited {
text-decoration: none;
color: #01589f;
background: #dcdddf;
display: block;
padding: 5px 5px 5px 5px;
margin: 0;
border-top: 2px solid #ffffff;
height: 1.1em;
overflow: hidden;
line-height: 1.3em;
}
#moreProjectText li a:hover, #moreProjectText li a:visited:hover  {
color: #ffffff;
text-decoration: none;
background: #5198C1;
display: block;
padding: 5px 5px 5px 5px;
margin: 0;
border-top: 2px solid #ffffff;
height: 1.1em;
overflow: hidden;
line-height: 1.3em;
}


#blackFade {
background: #000000;
position: absolute;
top: 0;
left: -5px;
height: 416px;
width: 616px;
z-index: 97;	
}


/* Forms */
.formContainer {
margin:  0px;
padding: 20px;
background: #ffffff;	
}
.formContainer em {
color: red;	
}
fieldset {
border: 1px solid #4d4d4d;
margin: 0px;
padding: 0px;	
}
legend {
font-weight: bold;
font-size: 1.1em;
margin: 0px;
padding: 0px;
color: #000000;	
}
#legendMessage {
font-weight: bold;
font-size: 1.1em;
margin: 0px;
padding: 0px;
color: #0276bf;	
}
.formInstructions {
padding: .4em;
color: #555555;
background: #ffffff;
}
.formList {
list-style: none;
margin: 0px;
padding: 0px;
}
.formRow {
position: relative;
clear: both;
height: 1.5em;
border-top: 1px solid #4d4d4d;
padding: .4em;
}
.formRowTextarea {
position: relative;
clear: both;
height: 13em;
border-top: 1px solid #4d4d4d;
padding: .4em;
}
.formRowInline {
position: relative;
clear: both;
border-top: 1px solid #4d4d4d;
padding: .4em;
}
.formElementLabel {
float: left;	
padding: 5px 0px;
width: 48%;
}
.formElementInput {
float: right;
padding: 5px 0px;
font: 1em arial, sans-serif;
color: #4d4d4d;
background: #ffffff;
border: 1px solid #4d4d4d;
padding: 1px;
width: 48%;	
}
.formElementInputCheck {
padding: 5px 0px;
font: 1em arial, sans-serif;
color: #4d4d4d;
background: #ffffff;
border: 1px solid #4d4d4d;
padding: 1px;
}
.formElementInputTextArea {
float: right;
font: 1em arial, sans-serif;
color: #4d4d4d;
background: #ffffff;
border: 1px solid #4d4d4d;
padding: 1px;
margin-bottom: 4px;
width: 48%;	
}
.formElementButton {
float: right;
padding: 5px 0px;
font: bold 1em arial, sans-serif;
color: #ffffff;
background: #4d4d4d;
border: 1px solid #4d4d4d;
padding: 1px;
cursor: pointer;	
}
#formMessage {
text-align: right;
font-weight: bold;
color: #ffcc00;
}
/*.imageInputContainer {
border-top: 1px solid #4d4d4d;
padding-top: 3em;
clear: both;
display: block;
}*/



/* Footer */
#footerContainer {
background: #dcdddf url(images/footerBack.jpg) left top repeat-x;
height: 4em;
border-top: 2px solid #ffffff;
margin-bottom: 2em;
}
#footer {
width: 740px;
margin: 1em auto;
text-align: right;
font-size: .7em;
color: #ffffff;	
}
.footerInfo {
padding: 0 14px 0 20px;
background: url(images/bullet.gif) left center no-repeat;
}
.footerInfoFirst {
padding: 0 14px 0 0;
}
.footerInfoLast {
padding: 0 0 0 20px;
background: url(images/bullet.gif) left center no-repeat;
}
.footerInfoLast a:link, .footerInfoLast a:visited {
color: #ffffff;
text-decoration: none;
}
.footerInfoLast a:hover, .footerInfoLast a:visited:hover {
color: #ffffff;
text-decoration: underline;
}
#legalFooterLink, #legalFooterLink:visited {
text-decoration: none;
padding: 6px 45px 6px 0px;
color: #c1c1c1;
}
#legalFooterLink:hover, #legalFooterLink:visited:hover {
text-decoration: none;
padding: 6px 45px 6px 0px;
color: #ffffff;	
}