/* CSS Document */


#container {
width:100%;
height:100%;
background-color:#1B1719;
margin:0px;
padding:0px;
position:absolute;
display:block;
overflow:hidden
}

#backgroundtop {
background-color:#E7D3A8;
height: 115px;
width:100%;
display:block;
position:absolute;
top:0px;
}

#backgroundmiddle {
background-color:#9D7F4A;
height:71px;
width:100%;
display:block;
position:absolute;
top:115px;
}

#container {
margin:0px;
padding:0px;
}

#backgroundindex {
height: 21px;
width:100%;
display:block;
position:absolute;
top:186px;
}

#foreground {
width:666px;
heignt:100%;
background-color:#1F1A1C;
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
padding-bottom:100%;
}

#foregroundtop {
background-color:#F7E9CB;
width:666px;
height:113px;
display:block;
position:relative;
}

#gradient {
width:726px;
heignt:100%;
position:absolute;
left:50%;
margin-left:-363px;
padding:0 0 2500 0;
display:block;
overflow:hidden;
}

#leftgradient {
float:left;
width:30px;
height:100%;
}

#rightgradient {
float:right;
width:30px;
height:100%;
}


#left_tan {
background-image:url(images/bg_left_tan.gif);
height:115px;
}

#right_tan {
width:30px;
background-image:url(images/bg_right_tan.gif);
height:115px;
}

#leftcolor {
width:30px;
height:21px;
}

#rightcolor {
width:30px;
height:21px;
}

#left_brown {
width:30px;
background-image:url(images/bg_left_brown.gif);
height:71px;
}

#right_brown {
width:30px;
background-image:url(images/bg_right_brown.gif);
height:71px;
}

#right_black {
width:30px;
background-image:url(images/bg_right_black.gif);
background-repeat:repeat-y;
padding-bottom:10000px;
}

#left_black {
width:30px;
background-image:url(images/bg_left_black.gif);
background-repeat:repeat-y;
padding-bottom:10000px;
}


.logobutton {

width:223px;
height:114px;
float:right;
margin:0px;
padding:0px;
}
.logobutton a {
background-image:url(images/logo_off.gif);
}

.logobutton a:hover {
background-image:url(images/logo_on.gif);
}


.influences {
width:104px;
height:23px;
float:left;
position:relative;
}

.influences a {
background-image:url(images/nav_inf_off.gif);
}

.influences a:hover {
background-image:url(images/nav_inf_over.gif);
}

.details{
width:65px;
height:23px;
float:left;
position:relative;
}

.details a {
background-image:url(images/nav_details_off.gif);
}

.details a:hover {
background-image:url(images/nav_details_over.gif);
}

.portfolio{
width:82px;
height:23px;
float:left;
position:relative;
}

.portfolio a{
background-image:url(images/nav_port_off.gif);
}

.portfolio a:hover{
background-image:url(images/nav_port_over.gif);
}

.contact {
width:67px;
height:23px;
float:left;
position:relative;
}

.contact a{
background-image:url(images/nav_contact_off.gif);
}

.contact a:hover{
background-image:url(images/nav_contact_over.gif);
}

.employment{
width:125px;
height:23px;
position:relative;
float:left;
}

.employment a{
background-image:url(images/nav_empl_off.gif);
}

.employment a:hover{
background-image:url(images/nav_empl_over.gif);
}

#navigation {
position:relative;
margin-top:50px;
float:left;
width:443px;
height:30px;
}


#sepimage {
height:70px;
position:relative;
width:666px;
background-repeat:no-repeat;
}

#foregroundbar {
height:21px;
width:666px;
position:relative;
}

#textimage {
background-image:url(images/text_home.gif);
position:relative;
float:left;
width:100%;
height:80px;
}

.bodycopy {
font-family : "Times New Roman", Times, serif;
font-size : 12px;
color : #F7E9CB;
line-height : 18px;
position:relative;
padding-left:25px;
margin-top:20px;

}

#addresscopy {
width:100px;
position:relative;
display:block;
float:left;
padding:0 0 0 25px;
margin:0;
}

#addressinfo{
width:300px;
display:block;
position:relative;
float::left;
}

#address {
width:400px;
display:block;
}

.bodycopy a {
text-decoration:underline;
color : #F7E9CB;
}

.bodycopy a:hover {
text-decoration:none;
color : #F7E9CB;
}

.portcontainer{
width:418px;
position:absolute;
top:72px;
display:block;
height:399px;
z-index:2;
}

#architect{
position:absolute;
top:475px;
width:400px;
height:35px;
z-index:2;
color:#ffe5b9;
font-family:"Times New Roman", Times, serif;
font-size:12px;
text-align:right;
}

.flashcontainer{
width:358px;
height:373px;
border:1px solid #FFCC33;
position:absolute;
z-index:3;
margin-left:36px;
margin-top:15px;
}

.porttop{
display:block;
height:15px;
width:358px;
background-image:url(images/port_top.gif);
padding-left:36px;
}

.portbottom{
height:9px;
width:358px;
background-image:url(images/port_bottom.gif);
position:relative;
margin-top:375px;
margin-left:36px;
}

.portleft{
float:left;
background-image:url(images/port_left.jpg);
width:36px;
height:399px;
}

.portright {
position:relative;
float:right;
background-image:url(images/port_right.jpg);
width:24px;
height:399px;
}

#portnav {
position:relative;
float:right;
margin-top:63px;
width:248px;
height:220px;
}

#portheader {
width:248px;
height:18px;
position:relative;
display:block;
margin-top:3px;
}

#portnav_btns {
width:248px;
height:30px;
display:block;
position:relative;
}

.house {
height:30px;
width:30px; 
float:left; 
position:relative;
margin-left:2px;

}

.house a{
background-image:url(images/h_gray.gif);
}

.house a:hover{
background-image:url(images/h_tan.gif);
}

.houseb {
height:30px;
width:30px; 
float:left; 
position:relative;
margin-left:2px;
}

.houseblue {
height:30px;
width:30px; 
float:left; 
position:relative;
margin-left:4px;
margin-right:-2px;
}

.houseb a{
background-image:url(images/h_dark.gif);
}

.houseb a:hover{
background-image:url(images/h_tan.gif);
}