/* CSS Document */

body {
background-image: url(./images/bkgd.jpg);
margin-top: 0;
text-align: center;
}

span.red {
color: #ff0000;
}

#wrapper {
background-image: url(./images/masthead_02.jpg);
background-position: right top;
background-repeat: no-repeat;
width: 780px;
margin: 0 auto 0 auto;
border: 0;
padding: 0;
}

#servicewrapper {
background-image: url(./images/services_02.jpg);
background-position: right top;
background-repeat: no-repeat;
width: 780px;
margin: 0 auto 0 auto;
border: 0;
padding: 0;
}

#portwrapper {
background-image: url(./images/laptop_02.jpg);
background-position: right top;
background-repeat: no-repeat;
width: 780px;
margin: 0 auto 0 auto;
border: 0;
padding: 0;
}

#header {
background: transparent;
position: relative;
float:left;
width: 770px;
height: 89px;
margin: 0;
border: 0;
padding: 0;
}

#header img {
float: left;
margin: 0;
border: 0;
padding: 0;
}

#navigation {
position: relative;
float: left;
width: 510px;
height: 30px;
margin: 5px 0 0 2px;
border: 0;
padding: 0;
}

#navigation ul {
position: relative;
list-style: none;
margin: 0;
border: 0;
padding: 0;
text-align: center;
}

#navigation li {
position: relative;
display: inline;
font: 80% Verdana, Arial, Helvetica;
color: #445637;
font-weight: bold;
margin: 0;
border: 0;
padding: 0;
}

#navigation a:link, #navigation a:visited {
background: none;
color: #ff0000;
text-decoration: none;
}
#navigation a:hover {
background: none;
color: #0000ff;
text-decoration: none;
}


.maincontent {
position: relative;
float: left;
width: 480px;
margin: 8px 0 15px 5px;
border-top: 1px dashed #000000;
padding: 5px;
text-align: center;
}

.maincontent p {
font: 80% Arial, Helvetica, Arial;
color: #000000;
text-align: justify;
}

.maincontent img {
position: relative;
float: left;
margin: 0 5px 0 0;
border: 1px solid #000000;
padding: 0;
text-align: left;
}

.glossary {
border-bottom: 2px dotted #009900;
}

.maincontent a:link, .maincontent a:visited {
background: none;
color: #0000ff;
text-decoration: none;
}

.maincontent a:hover {
background: none;
color: #ff0000;
text-decoration: none;
}

.standards {
position: relative;
float: left;
background-image: transparent;
width: 99%;
height: 33px;
margin: 10px 0 0 0;
border: 0;
padding: 0;
}

.standards img {
border: 0;
}

.rightcontent {
position: relative;
float: right;
width: 250px;
margin: 50px 0 10px 0;
border: 0;
padding: 0;
text-align: center;
}


.projectheader {
background-image: url(./images/projecthead.jpg);
background-repeat: no-repeat;
width: 100%;
height: 25px;
margin: 0;
border: 0;
padding: 0;
text-align: left;
}

.projectheader p {
font: 83% Verdana, Helvetica, Arial;
color: #ffff00;
font-weight: bold;
text-indent: 10px;
margin: 0;
border: 0;
padding: 3px 0 0 0;
}

.projectbox {
background-color: #cac992;
position: relative;
clear: left;
width: 100%;
margin: 0;
border: 0;
padding: 0;
}

.projectbox img {
margin: 15px 0 10px 0;
border: 1px solid #000000;
padding: 0 0 0 0;
}

.projectbox p {
clear: left;
font: 78% Verdana, Helvetica, Arial;
color: #000000;
margin: 0;
border: 0;
padding: 0;
}

.projectbox a:link, .projectbox a:visited {
background: none;
font-size: 72%;
color: #0000ff;
text-decoration: none;
}

.projectbox a:hover {
background: none;
font-size: 72%;
color: #ff0000;
text-decoration: none;
}

.textbox {
clear: left;
font: 71% Arial, Verdana, Helvetica;
color: #000000;
margin: 5px 0 0 0;
border: 0;
padding: 3px;
text-align: justify;
}

.disclaimer {
clear: left;
font: 65% Arial, Verdana, Helvetica;
color: #000000;
margin: 5px 0 0 0;
border: 0;
padding: 3px;
text-align: left;
}

.questions {
background: transparent;
clear: left;
font: 82% Arial, Verdana, Helvetica;
color: #ff0000;
margin: 5px 0 0 0;
border: 0;
padding: 3px;
text-align: center;
}

.questions a:link, .questions a:visited {
background: none;
color: #0000ff;
text-decoration: none;
}
.questions a:hover {
background: none;
color: #ff0000;
text-decoration: none;
}

.portpics {
position: relative;
float: left;
width: 449px;
height: 20px;
margin: 0;
border: 0;
padding: 0;
}


.portfolioinfo {
position: relative;
float: left;
width: 448px;
height: 20px;
margin: 8px 0 10px 0;
border: 0;
padding: 0;
}

.portleft {
position: relative;
float: left;
width: 220px;
font: 72% Arial, Helvetica, Verdana;
color: #000000;
margin: 0;
border: 0;
padding: 0;
}

.portright {
position: relative;
float: right;
font: 72% Arial, Helvetica, Verdana;
color: #000000;
width: 220px;
margin: 0;
border: 0;
padding: 0;
text-align: center;
}

.photoport {
position: relative;
float: left;
width: 450px;
font: 70% Arial, Helvetica, Verdana;
color: #000000;
margin: 0;
border: 0;
padding: 0;
text-align: left;
}

.contactform {
position: relative;
float: left;
width: 450px;
margin: 0;
border: 0;
padding: 0;
text-align: center;
}

.contactform p {
text-align: center;
font-size: 73%;
letter-spacing: .2em;
margin-bottom: 8px;
border: 0;
padding: 0;
}

form {
border-top: 1px solid #445637;
border-bottom: 1px solid #445637;
padding: 5px;
}

input, select, textarea {
border: 1px solid #445637;
}

.button {
background: #445637;
color: #ffff00;
}
#footer {
position: relative;
clear: both;
width: 780px;
margin: 0;
border-top: 1px dashed #000000;
padding: 0;
}

#footer p {
font: 65% Arial, Verdana, Helvetica;
color: #000000;
margin: 0;
border: 0;
padding: 3px;
text-align: center;
}