/* Global Styles */
html {
margin: 0px;
padding: 0px;
font-size: 100%;
}
body  {
font: 0.7em verdana, sans-serif;
color: #404040;
background: #d6e4f1 url(images/background.jpg) top left repeat-x;
margin: 0px;
padding: 0px;
}
#pageContainer {	
width: 740px;
margin: 20px auto;
}
.clear {
height: 1px;
clear: both;
overflow: hidden;
}
p {
margin: 0px;
padding: 0px;
}
form {
margin: 0px;
padding: 0px;
}
img {
border: none;
}


/* Tab Navigation */
#tabNavigation a {
margin-left: 3px;
}
.tabLink {
height: 28px;
width: 155px;
overflow: hidden;
float: right;
background: #004fa2;
color: #ffffff;
text-align: center;
position: relative;
margin-bottom: -1px;
}
.tabTitle {
display: block;	
}
#tab1Active {
height: 28px;
width: 155px;
background: transparent url(images/tab1Active.jpg) right top no-repeat;
position: absolute;
top: 0px;
left: 0px;
cursor: pointer;
display: block;
}
#tab1Inactive {
height: 28px;
width: 155px;
background: transparent url(images/tab1Inactive.jpg) right top no-repeat;
position: absolute;
top: 0px;
left: 0px;
cursor: pointer;
display: block;
}
#tab2Active {
height: 28px;
width: 155px;
background: transparent url(images/tab2Active.jpg) right top no-repeat;
position: absolute;
top: 0px;
left: 0px;
cursor: pointer;
display: block;
}
#tab2Inactive {
height: 28px;
width: 155px;
background: transparent url(images/tab2Inactive.jpg) right top no-repeat;
position: absolute;
top: 0px;
left: 0px;
cursor: pointer;
display: block;
}
#tab3Active {
height: 28px;
width: 155px;
background: transparent url(images/tab3Active.jpg) right top no-repeat;
position: absolute;
top: 0px;
left: 0px;
cursor: pointer;
display: block;
}
#tab3Inactive {
height: 28px;
width: 155px;
background: transparent url(images/tab3Inactive.jpg) right top no-repeat;
position: absolute;
top: 0px;
left: 0px;
cursor: pointer;
display: block;
}


/* Content Container */
#contentContainer {
color: #404040;
background: #ffffff url(images/slogan.jpg) left bottom no-repeat;	
border: 1px solid #004fa2;
padding: 0px 0px;
clear: both;
}


/* Content Area */
#contentArea {
float: right;
width: 515px;
border-left: 1px solid #d6e3f0;
text-align: justify;
padding-bottom: 70px;
margin: 20px 0px;
position: relative;	
}
#content {
margin: 0px 35px;
}
h1 {
color: #0a50a2;
background: transparent;
margin: 15px 0px;
font-size: 1.7em;
font-style: italic;
text-align: left;
}
h2 {
color: #f68d23;
background: transparent;
margin: 0px 0px 5px 0px;
padding: 0px;
font-size: 1.2em;
text-align: left;
}
address {
margin: 0px;	
}
.numbers {
margin: 5px 0px;	
}
#content p {
margin: 0px 0px 15px 0px;	
}
#input {
margin: 15px 0px 60px 0px;	
}
#address1 {
width: 49%;
float: left;
}
#address2 {
width: 49%;
float: right;
}
#emailField {
background: #ffffff;
border: 1px solid #404040;
font: 1em verdana, sans-serif;
color: #404040;	
}
#emailSubmit {
background: #00b0af;
border: 1px solid #00b0af;
font: 1em verdana, sans-serif;
color: #ffffff;	
cursor: pointer;
}
.inlineLink, .inlineLink:visited {
color: #0a50a2;
background: transparent;
text-decoration: none;
}
.inlineLink:hover, .inlineLink:visited:hover {
color: #0a50a2;
background: transparent;
text-decoration: underline;
}
.generalList {
margin: 0px 0px 20px 15px;
padding: 0px;	
list-style: url(images/bullet.jpg);
}
.generalList li {
padding: 2px 0px;	
}
.backContainer {
text-align: right;	
}
.backLink, .backLink:visited {
color: #0a50a2;
background: transparent;
text-decoration: none;
text-align: right;
}
.backLink:hover, .backLink:visited:hover {
color: #0a50a2;
background: transparent;
text-decoration: underline;
text-align: right;
}
.contentImage {
margin-bottom: 15px;	
}
.contentImageFloat {
float: right;	
}
.contentImageEdge {
position: absolute;
bottom: -21px;
right: 10px;
}
.imageContent {
margin-right: 220px;	
}


/* Homepage Article and Project */
.articleContainer {
background: #ebf1f7;
padding: 1em;
margin: 0 0 1em 0;
}
.articleText {
float: left;
width: 330px;	
}
.articleContainer h2 {
color: #0a50a2;
background: transparent;
margin: 0;
font-size: 1.1em;
font-style: italic;
}
.articleContainer h3 {
color: #000000;
background: transparent;
margin: .5em 0 1em 0;
font-size: 1em;
}
.articleImg {
float: right;
margin: 0 0 1em 0;
width: 75px;	
}
.articleContainer p {
margin: 1em 90px 1em 0;
float: left;
color: #000000;
}
.readMore {
text-align: right;
clear: both;
margin: 0 0 1em 0;	
}

.projectContainer {
background: #fef1e6;
padding: 1em;
margin: 0 0 1em 0;
}
.projectText {
float: left;
width: 330px;	
}
.projectContainer h2 {
color: #0a50a2;
background: transparent;
margin: 0;
font-size: 1.1em;
font-style: italic;
}
.projectContainer h3 {
color: #000000;
background: transparent;
margin: .5em 0 1em 0;
font-size: 1em;
}
.projectImg {
float: right;
margin: 0 0 1em 0;
width: 75px;	
}
.projectContainer p {
margin: 1em 90px 1em 0;
float: left;
color: #000000;
}
	


/* Navigation Area */
#navArea {
width: 220px;
float: left;
padding-bottom: 50px;
}
#logo {
width: 220px;
height: 207px;
background: #ffffff url(images/logo.jpg) top left no-repeat;
}
#mainNav {
list-style: none;
margin: 5px 20px 0px 20px;
padding: 15px 0px;
text-align: right;
border-top: 1px solid #d6e3f0;
border-bottom: 1px solid #d6e3f0;
}
#mainNav li {
font-weight: bold;
margin: 0px 0px 4px 0px;	
}
#mainNav a:link, #mainNav a:visited {
color: #0a50a2;
text-decoration: none;
}
#mainNav a:hover, #mainNav a:visited:hover {
color: #f68d23;
text-decoration: underline;	
}


/* Client Area Login */
#clientLoginBox {
margin: 0px 20px 10px 20px;
padding: 5px 10px;
background: #d6e3f0;	
}
#clientLoginTitle {
font-weight: bold;
color: #0a50a2;
margin-bottom: 5px;
}
#clientLoginButton {
background: #ffffff;
border: 1px solid #000000;
font: 1em verdana, sans-serif;
color: #000000;	
cursor: pointer;
}
.clientLoginInput {
margin-bottom: 5px;	
}	


/* Client Area */
.thumbnail {
margin: 12px;
height: 75px;
width: 75px;
border: 1px solid #d1d1d1;	
}
#passwordRating {
font-weight: bold;	
}
	
	
/* Forms */
#content form {
margin: 0px;
padding: 0px;
background: #ffffff;
position: relative;	
width: 100%;
}
.formStyle {
margin: 0px;
padding: 0px;
background: #ffffff;
position: relative;	
width: 100%;
}
.formElementLeft {
float: left;	
padding: 5px 0px;
position: relative;	
}
.formElementRight {
float: right;
padding: 5px 0px;
position: relative;		
}
.inputText {
font: 1em arial, sans-serif;
color: #4d4d4d;
background: #ffffff;
border: 1px solid #4d4d4d;
padding: 1px;	
}
.formDivider {
height: 1px;
overflow: hidden;
clear: both;
background: #dddddd;
}
label {
font-weight: bold;	
}
.formButton {
font: bold 1em arial, sans-serif;
color: #3366cc;
background: #ffffff;
border: 1px solid #4d4d4d;
padding: 2px;
cursor: pointer;	
}
#formMessage {
text-align: right;
font-weight: bold;
color: #f68d23;
}


/* Admin */
.actionNav {
font-size: 1.4em;
color: #adc1ea;
background: transparent;
margin: 0px;
padding: 0px;
font-weight: bold;
margin-bottom: -1px;	
}
.actionNavActive {
color: #3366cc;
background: transparent;	
}
.actionLink, .actionLink:visited {
color: #d1d1d1;
background: transparent;
margin: 0px;
padding: 0px;
text-decoration: none;
}
.actionLink:hover, .actionLink:visited:hover {
color: #adc1ea;
background: transparent;
margin: 0px;
padding: 0px;
text-decoration: none;
}
.contentBox {
color: #404040;
background: transparent url(images/fade.gif) left top repeat;
border-top: 3px solid #adc1ea;
border-bottom: 1px solid #adc1ea;
padding: 10px;
margin-bottom: 25px;
}	
	

/* Footer */
#footer {
text-align: right;
color: #777777;
}
#footer a {
color: #555555;	
}