@charset "utf-8";
body {
background : url(images/puenta_bg.jpg);
background-repeat : no-repeat;
background-color : #000000;
font-family : "trebuchet ms";
color : #ccc;
}
#welcomeback-nav {
position : absolute;
width : 390px;
height : 23px;
top : 57px;
left : 222px;
margin : 6px 0 0 0;
padding : 0 0 0 0;
font-size : 13px;
color: #FFF;
}
#welcomeback-nav a {
color: #FFF;
}
#cont-nav {
position : absolute;
width : 197px;
height : 23px;
top : 57px;
left : 624px;
margin : 6px 0 0 0;
padding : 0 0 0 0;
}
#cont-nav a {
margin : 0 0 0 13px;
text-decoration : none;
color : #fff;
font-size : 13px;
font-weight : bold;
}
#cont-nav a:hover {
color : #336699;
}
#home-nav {
position : absolute;
width : 400px;
height : 120px;
top : 90px;
left : 222px;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
#home-nav img {
margin : 0;
padding : 0;
border : none;
}
#prod-nav, #comp-nav, #supp-nav, #down-nav  {
width : 125px;
height : 26px;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
#prod-nav a, #comp-nav a, #supp-nav a, #down-nav a {
text-decoration : none;
color : #eaeaea;
font-family : "tahoma";
font-size : 18px;
font-weight : normal;
letter-spacing : 1px;
margin : 0 0 0 14px;
padding : 0 0 0 0;
}
#prod-nav a:hover, #comp-nav a:hover, #supp-nav a:hover, #down-nav a:hover {
color : #003366;
}
#prod-nav {
position : absolute;
top : 91px;
left : 89px;
}
#prod-nav a {
}
#prod-nav a:hover {
}
#comp-nav {
position : absolute;
top : 124px;
left : 89px;
}
#comp-nav a {
}
#comp-nav a:hover {
}
#supp-nav {
position : absolute;
top : 157px;
left : 89px;
}
#supp-nav a {
}
#supp-nav a:hover {
}
#down-nav {
position : absolute;
top : 190px;
left : 89px;
}
#down-nav a {
}
#down-nav a:hover {
}
#toc-nav {
position : absolute;
width : 133px;
top : 234px;
left : 85px;
margin : 0 0 0 0;
padding : 0 0 0 0;
background-color : black;
}
#toc-nav ul {
list-style-type : none;
margin : 23px 0 250px 0;
padding : 0;
width : 116px;
}
#toc-nav li {
margin : 0 0 10px 17px;
padding-left : 0;
line-height : 14px;
}
#toc-nav a {
text-decoration : none;
color : #6699cc;
font-size : 11px;
font-weight : bold;
}
#toc-nav a:hover {
color : #99ccff;
}
#toc-nav .active {
color : #336699;
text-decoration : none;
font-size : 14px;
font-weight : bold;
border-bottom : 0 dotted #336699;
}
#main-content {
position : absolute;
width : 546px;
top : 234px;
left : 246px;
margin : 0 0 0 0;
padding : 0 0 0 0;
font-size : 12px;
color : #ccc;
line-height : 20px;
}
#main-content p {
margin : 0 0 15px 0;
font-weight : normal;
color : #ccc;
}
#main-content h1 {
color : #eaeaea;
margin : 22px 0 15px 0;
padding : 0 0 0 0;
font-size : 24px;
letter-spacing : 1px;
line-height : 23px;
}
#main-content h2 {
color : #6699cc;
margin : 30px 0 15px 0;
padding : 0 0 0 0;
font-size : 18px;
display : block;
clear : both;
border-bottom : 1px solid #6699cc;
line-height : 18px;
}
#main-content hr {
margin : 11px 0 11px 0;
border-bottom : 1px dotted #336699;
border-left : 0 dotted #000;
border-right : 0 dotted #000;
border-top : 0 dotted #000;
}
#main-content h3 {
color : #336699;
margin : 25px 0 10px 0;
padding : 0 0 0 0;
font-size : 16px;
}
#main-content ul  {
list-style-type:square;
}
#main-content li  {
vertical-align : text-top;
width : 446px;
color : #AAA;
line-height: 18px;
padding-bottom : 11px;
}
#main-content dd {
margin-bottom : 10px;
color : #ccc;
}
#main-content dt {
text-decoration : none;
}
#main-content .something td {
width : 160px;
text-align : right;
font-size : 12px;
color : #999;
}
#main-content input {
background-color : #333;
border : 0;
border-right : 1px solid #777;
border-bottom : 1px solid #777;
border-left : 1px solid #000;
border-top : 1px solid #000;
color : #eaeaea;
}
#main-content select {
cursor : pointer;
}
#main-content img {
display : block;
margin : 0 0 5px 0;
padding : 0 0 0 0;
border : 0;
}
#main-content a {
text-decoration : none;
color : #6699cc;
font-weight : bold;
}
#main-content a:hover {
text-decoration : none;
color : #99ccff;
}
#main-content #button {
color : #99ccff;
cursor : pointer;
background-color : #333;
border-right : 1px solid #003366;
border-bottom : 1px solid #003366;
border-left : 1px solid #336699;
border-top : 1px solid #336699;
}
.red {
color : red;
}
.bio {
height : 257px;
margin-bottom : 60px;
}
.imgcapt_full {
display : block;
width : 546px;
margin : 0 0 0 0;
padding : 5px 0 20px 0;
color : #777;
font-family : Verdana;
font-size : 10px;
line-height : 14px;
}
.imgcapt_left {
display : block;
float : left;
width : 273px;
margin : 0 0 0 0;
padding : 5px 30px 10px 0;
color : #777;
font-family : Verdana;
font-size : 10px;
line-height : 14px;
}
.imgcapt_right {
display : block;
float : right;
width : 273px;
margin : 0 0 0 0;
padding : 5px 0 10px 30px;
color : #777;
font-family : Verdana;
font-size : 10px;
line-height : 14px;
}
#foot-nav {
margin : 80px 0 40px 0;
padding-top : 5px;
display : block;
text-align : right;
width : 100%;
border-top : 1px solid #6699cc;
color : #6699cc;
font-size : 11px;
font-weight : normal;
line-height : 18px;
}
#foot-nav a {
text-decoration : none;
color : #6699cc;
font-size : 12px;
font-weight : bold;
}
#foot-nav a:hover {
color : #eaeaea;
}