/* CSS Document
Developed by James Rutherford
SleepingFishDesign
*/

body {
margin: 0px;
padding: 0px;
}

a {
text-decoration: none;
color: #333333;
}

a:hover {
color: #10536C;
}

img {
border: 0px;
}


/* Navigation CSS */
#mainnav {
display: block;
position: relative;
top: 15px;
left: 0px;
font-size: 14px;
font-family: "Trebuchet MS", "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
text-align: right;
width: 245px;
}

#mainnav ul {
padding: 0px;
margin: 0px;
list-style:none;
}

#mainnav ul li {
list-style:none;
padding-right: 0px;
margin: 0px;
border: 0px;
padding-top: 5px;
}

/* End of Nav */

#maincont {
display: block;
position: relative;
width: 800px;
height: 900px;
font-size: 11px;
font-family: "Trebuchet MS", "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
color: #666666;
margin: 0px;
padding: 0px;
}

#maincont2 {
display: block;
position: relative;
width: 950px;
height: 900px;
font-size: 11px;
font-family: "Trebuchet MS", "Microsoft Sans Serif", Arial, Helvetica, sans-serif;
color: #666666;
margin: 0px;
padding: 0px;
}

#rightside {
display: block;
float: right;
padding-top: 10px;
}

/* NEW FOR VERSION 2 */

#rightside1 {
display: block;
float: right;
height: 518px;
width: 690px;
background-image:url(../images/newbg.gif);
background-repeat:no-repeat;
background-position:left;
}


#mainimgBig {
display: block;
position: absolute;
height: 278px;
width: 412px;
left: 270px;
top: 30px;
z-index: 5;
}

#mainimgBigA {
display: block;
position: absolute;
height: 278px;
width: 412px;
left: 270px;
top: 10px;
z-index: 5;
}

#mainimgBigB {
display: block;
position: absolute;
height: 278px;
width: 412px;
left: 270px;
top: 1px;
z-index: 5;
}

#footer2 {
display: block;
position: absolute;
left: 740px;
top: 524px;
font-size: 10px;
_width: 200px;
}

#textcont2 ul {
padding: 0px;
padding-left: 30px;
margin: 0px;
list-style:none;
width: 175px;
}

#textcont2 p {
width: 198px;
}

#textcont2 i {
font-size: 12px;
padding-left: 5px;
}


#textcont2 ul li {
list-style:none;
padding-left: 0px;
margin: 0px;
border: 0px;
text-decoration: none;
}

#textcont2 a {
color: #000;
text-decoration: none;
}

#textcont2 a:hover {
color: #10536c;
}

#textcont2 a:visited {
color: #7d2b09;
}

#underText {
display: block;
position: absolute;
height: 278px;
width: 412px;
left: 270px;
top: 30px;
}

/* END NEW FOR VERSION 2 */


#rightside2 {
display: block;
float: right;
height: 812px;
width: 690px;
background-image:url(../images/bg1.jpg);
background-repeat:no-repeat;
background-position:left;
}

#rightside3 {
display: block;
float: right;
height: 518px;
width: 690px;
background-image:url(../images/bg4.jpg);
background-repeat:no-repeat;
background-position:left;
}

#rotate {
display: block;
position: absolute;
left: 260px;
top: 13px;
}

#logo {
display: block;
position: relative;
top: 10px;
left: 39px;
width: 216px;
}

#logo2 {
display: block;
position: relative;
top: 10px;
left: 39px;
width: 216px;
}

#contact {
display: block;
position: relative;
font-size: 10px;
color: #666666;
top: 10px;
margin-top: 0px;
padding-top: 0px;
width: 245px;
}

#contact p {
padding-top: 5px;
padding-bottom: 5px;
}

#contactform {
display: block;
position: absolute;
left: 320px;
top: 50px;
color: #000000;
}

#formstyle input {

}

#mainimg {
display: block;
position: absolute;
height: 278px;
width: 412px;
left: 280px;
top: 30px;
}

#mainimgText {
display: block;
position: absolute;
height: 400px;
width: 410px;
left: 270px;
top: 30px;
padding-right: 10px;
color: #000;
}

#mainimgText a {
font-weight: bold;
}

/* All of the 'what's new' images */
#mainimg1 {
display: block;
position: absolute;
left: 280px;
top: 30px;
}

#mainimg2 {
display: block;
position: absolute;
left: 400px;
top: 30px;
}
#mainimg3 {
display: block;
position: absolute;
left: 584px;
top: 30px;
}
#mainimg4 {
display: block;
position: absolute;
left: 280px;
top: 141px;
}
#mainimg5 {
display: block;
position: absolute;
left: 400px;
top: 195px;
}
#mainimg6 {
display: block;
position: absolute;
left: 588px;
top: 195px;
}

#redsquare {
display: block;
position: absolute;
height: 48px;
width: 174px;
left: 400px;
top: 141px;
background-color:#993333;
z-index: 6;
}
/* End 'what's new' images */

#rsinfonav {
display: block;
position: absolute;
top: 30px;
left: 700px;
height: 278px;
width: 400px;
}

#textcont ul {
padding: 0px;
padding-left: 10px;
margin: 0px;
list-style:none;
width: 190px;
}

#textcont p {
width: 198px;
}

#textcont i {
font-size: 11px;
padding-left: 5px;
}


#textcont ul li {
list-style:none;
padding-left: 0px;
margin: 0px;
border: 0px;
text-decoration: none;
}

#textcont a {
color: #fff;
text-decoration: none;
}

#textcont a:hover {
color: #10536c;
}

#textcont a:visited {
color: #7d2b09;
}

#blueinfo {
color: #10536c;
}

#bb1 {
display: block;
background-color: #000000;
height: 29px;
width: 232px;
color: #fff;
text-align: center;
vertical-align: middle;
line-height: 29px;
font-size: 14px;
}

#bbuploads {
display: block;
position: relative;
background-color: #000000;
height: 29px;
width: 232px;
color: #fff;
text-align: center;
vertical-align: middle;
line-height: 29px;
font-size: 14px;
top: 10px;
left: 20px;
}

#bb2 {
display: block;
position: absolute;
background-color: #000000;
height: 55px;
width: 244px;
color: #fff;
text-align: center;
font-size: 11px;
left: 448px;
top: 308px;
}

#bb3 {
display: block;
position: absolute;
background-color: #000000;
height: 35px;
width: 178px;
color: #fff;
text-align: center;
vertical-align: middle;
line-height: 35px;
font-size: 14px;
left: 725px;
top: 614px;
}

#bb3 a {
color: #fff;
}

#bb3 a:hover {
font-weight: bold;
}

#endcap {
display: block;
position: absolute;
left: 760px;
top: 614px;
}

#lines1 {
display: block;
position: absolute;
left: 415px;
top: 328px;
}

#lines2 {
display: block;
position: absolute;
left: 692px;
top: 308px;
}

#lines3 {
display: block;
position: absolute;
left: 415px;
top: 594px;
}

#photo2 {
display: block;
position: absolute;
left: 336px;
top: 383px;
}

#biotext {
display: block;
position: absolute;
left: 522px;
top: 350px;
width: 400px;
height: 210px;
}

#timeline {
display: block;
position: absolute;
left: 522px;
top: 384px;
width: 406px;
height: 168px;
}

#employ {
display: block;
position: absolute;
left: 576px;
top: 604px;
font-size: 12px;
z-index: 10;
_width: 200px;
}

#employ a {
color: #10536c;
}

#projectdesc {
display: block;
position: absolute;
left: 522px;
top: 384px;
width: 380px;
height: 210px;
font-size: 10px;
overflow:auto;
overflow-x: auto;
padding-right: 10px;
}

#praise {
display: block;
position: absolute;
left: 582px;
top: 384px;
width: 330px;
height: 210px;
font-size: 10px;
overflow-x: auto;
padding-right: 10px;
}

#frontpraise {
display: block;
position: absolute;
left: 700px;
top: 305px;
width: 230px;
height: 210px;
font-size: 10px;
overflow-x: auto;
padding-right: 10px;
}

/* Slider tools */

#slider {
display:block;
position: relative;
top: 10px;
}

#contactbox {
display:block;
position: relative;
height: 190px;
width: 229px;
color: #fff;
text-align: center;
background-color: #717e31;
font-size: 14px;
}

#contactinfo2 {
display: block;
position: absolute;
left: 466px;
top: 403px;
width: 308px;
font-size: 12px;
}

#connectline {
display: block;
position: absolute;
left: 415px;
top: 384px;
width: 1px;
height: 211px;
border-right: 1px #666666 solid;
}

#boxes {
display:block;
position: absolute;
top: 245px;
left: 39px;
height: 33px;
width: 158px;
white-space: nowrap;
overflow: hidden;
}

#larrow {
display:block;
position: absolute;
top: 245px;
left: 5px;
}

#rarrow {
display:block;
position: absolute;
top: 245px;
left: 203px;
}

#upload {
display:block;
position: relative;
top: 20px;
left: 20px;
}

#updateMenu {
font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
display:block;
position: absolute;
top: 5px;
left: 770px;
color: #333333;
z-index: 10;
padding: 10px;
border:solid #333333 thin;
background-color:#FFFFFF;
font-weight: bold;
}

/* End Slider tools */

#footer {
display: block;
position: absolute;
left: 740px;
top: 654px;
font-size: 10px;
_width: 200px;
}

#footerabout {
display: block;
position: absolute;
left: 270px;
top: 500px;
font-size: 10px;
_width: 673px;
}

#footerwn {
display: block;
position: absolute;
left: 709px;
top: 654px;
font-size: 10px;
_width: 200px;
}

#footermain {
display: block;
position: absolute;
left: 445px;
top: 514px;
font-size: 10px;
}