/* Containter for all of the site. Centered. */

.container {text-align: center;
margin-left: -395px;
position: absolute;
left: 50%;
width: 800px;
height: 600px;
visibility: visible;
background-color: Black;
top: 10px;}

#navbar_bkg {top:0px;}

#name {position: relative;
top: -56px;
left: -146px;
font-size: 250%;
color: white;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;}

#nav_1 {position: absolute;
top: 5px;
left: 143px;
font-size: 90%;
font-weight: bold;
color: #7A9CAD;
font-family: Arial, Helvetica, sans-serif;}

#nav_2 {position: absolute;
top: 5px;
left: 200px;
font-size: 90%;
font-weight: bold;
color: #7A9CAD;
font-family: Arial, Helvetica, sans-serif;}

#nav_3 {position: absolute;
top: 5px;
left: 250px;
font-size: 90%;
font-weight: bold;
color: #7A9CAD;
font-family: Arial, Helvetica, sans-serif;}

#nav_4 {position: absolute;
top: 5px;
left: 288px;
font-size: 90%;
font-weight: bold;
color: #7A9CAD;
font-family: Arial, Helvetica, sans-serif;}

#nav_5 {position: absolute;
top: 5px;
left: 356px;
font-size: 90%;
font-weight: bold;
color: #7A9CAD;
font-family: Arial, Helvetica, sans-serif;}

#nav_6 {position: absolute;
top: 5px;
left: 463px;
font-size: 90%;
font-weight: bold;
color: #7A9CAD;
font-family: Arial, Helvetica, sans-serif;}

#nav_7 {position: absolute;
top: 5px;
left: 550px;
font-size: 90%;
font-weight: bold;
color: #7A9CAD;
font-family: Arial, Helvetica, sans-serif;}

#nav_8 {position: absolute;
top: 5px;
left: 605px;
font-size: 90%;
font-weight: bold;
color: #7A9CAD;
font-family: Arial, Helvetica, sans-serif;}

#page {position: absolute;
top: 60px;
right: 180px;
font-size: 180%;
font-weight: bold;
color: #7A9CAD;
font-family: Arial, Helvetica, sans-serif;}

#textBox {position: absolute;
top:168px;
left:350px;
height:400px;
width:430px;
color: White;
font-family: Arial, Helvetica, sans-serif;}

#box {height: 350px;
overflow: auto;
padding-right: 10px;
text-align: left;
font-size:90%;
}

#gtextBox {position: absolute;
top:168px;
left:10px;
height:400px;
width:780px;
color: White;
font-family: Arial, Helvetica, sans-serif;}

#gbox {height: 350px;
overflow: auto;
padding-right: 10px;
text-align: left;
font-size:90%;
}

/* curved border */

.bl {background: url(../images/bl.gif) 0 100% no-repeat;}

.br {background: url(../images/br.gif) 100% 100% no-repeat}

.tl {background: url(../images/tl.gif) 0 0 no-repeat}

.tr {background: url(../images/tr.gif) 100% 0 no-repeat;
padding: 10px;}

.t {background: url(../images/dot.gif) 0 0 repeat-x}

.b {background: url(../images/dot.gif) 0 100% repeat-x}

.l {background: url(../images/dot.gif) 0 0 repeat-y}

.r {background: url(../images/dot.gif) 100% 0 repeat-y}

#tea {background: url(../images/cup-of-tea_rounded.jpg) no-repeat ;
position: absolute;
left: 19px;
top: 168px;
height: 313px;
width: 313px;}

#biog {position: absolute;
background: url(../images/steve_biog.jpg) no-repeat ;
left: 39px;
top: 168px;
height: 312px;
width: 252px;}

#cv {background: url(../images/steve_cv.jpg) no-repeat ;
position: absolute;
left: 50px;
top: 168px;
height: 313px;
width: 242px;}

#beige {position: absolute;
background: url(../images/lenny.jpg) no-repeat ;
left: 95px;
top: 168px;
height: 369px;
width: 159px;}

#showreel {position: absolute;
background: url(../images/steve_window.jpg) no-repeat ;
left: 19px;
top: 168px;
height: 254px;
width: 313px;}

#contact {position: absolute;
background: url(../images/steve_contact.jpg) no-repeat ;
left: 19px;
top: 168px;
height: 351px;
width: 313px;}

#links {position: absolute;
background: url(../images/steve_links.jpg) no-repeat ;
left: 19px;
top: 168px;
height: 357px;
width: 291px;}