/* layout */

body{
text-align: center;
margin: 0px;
}

#divFrame{
background-color: #FFFFFF;
text-align: left;
position: relative;
margin: auto;
border-left-width: 0px;
border-left-style: solid;
border-left-color: #818181;
border-right-width: 0px;
border-right-color: #3D3D3D;
}

#divHeader{
position: relative;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #818181;
}

#divFlash{
position: relative;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #818181;
}

/* navigation */

#divContainer-nav{
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #DADADA;
position: relative;
width: 800px;
height: 20px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #818181;
list-style-type: none;
}

#divContainer-nav li{
background-color: #F0F0F0;
text-align: left;
width: auto;
height: 15px;
float: left;
padding-left: 10px;
padding-top: 5px;
padding-right: 10px;
margin-left: 1px;
}

#divContainer-nav a{
font-size: 10px;
color: #818181;
text-decoration: none;
text-align: left;
width: auto;
height: 15px;
float: left;
}

#divContainer-nav a:hover{
font-size: 10px;
color: #303030;
text-decoration: none;
text-align: left;
width: auto;
height: 15px;
float: left;
}

/* sub navigation */

#divContainer-subNav{
font-family: Verdana, Arial, Helvetica, sans-serif;
position: relative;
width: 800px;
list-style-type: none;
z-index: 5;
}

#divContainer-subNav #divSubPortfolio{
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #DADADA;
text-align: left;
position: absolute;
float: left;
left: 2px;
top: 0px;
width: 200px;
height: 20px;
visibility: hidden;
}

#divContainer-subNav #divSubStock{
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #DADADA;
text-align: left;
position: absolute;
float: left;
left: 70px;
top: 0px;
width: 200px;
height: 20px;
visibility: hidden;
}

#divContainer-subNav #divSubWorkshop{
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #DADADA;
text-align: left;
position: absolute;
float: left;
left: 200px;
top: 0px;
width: 125px;
height: 20px;
visibility: hidden;
}

#divContainer-subNav li{
background-color: #F0F0F0;
text-align: left;
width: 240px;
height: 15px;
float: left;
padding-left: 10px;
padding-top: 5px;
padding-right: 10px;
margin-bottom: 1px;
}

#divContainer-subNav li a{
font-size: 10px;
color: #818181;
text-decoration: none;
text-align: left;
width: auto;
height: 15px;
float: left;
}

#divContainer-subNav li a:hover{
font-size: 10px;
color: #303030;
text-decoration: none;
text-align: left;
width: auto;
height: 15px;
float: left;
}

/* search */

#divContainer-search{
text-align: left;
width: 800px;
height: 100px;
position: relative;
border-bottom-width: 1px;
border-bottom-style: none;
border-bottom-color: #818181;
}

#divContainer-search #divTextBox{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: black;
position: absolute;
left: 600px;
top: 20px;
width: 200px;
height: 16px;
}

#divContainer-search .searchBox{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #3D3D3D;
position: absolute;
left: 600px;
top: 36px;
width: 150px;
height: 16px;
}

#divContainer-search #divButton{
position: absolute;
left: 755px;
top: 36px;
width: 16px;
height: 16px;
}

/* footer */

#divFooter{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: black;
background-color: #FFFFFF;
text-align: center;
position: relative;
width: 800px;
}

#divFooter a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: red;
text-decoration: none;
}

#divFooter a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #8b008b;
text-decoration: none;
}