/* For IE6, or anyone that doesn't like to use JavaScript properly. */
#view #view_pad #controls {
display : none;
}
/* For IE6, or anyone that doesn't like to use JavaScript properly. */

body {
font : 200 9pt/12pt georgia, times, serif;
background : rgb(85, 166, 240) url('../images/portfolio_bg.png') no-repeat 0 0;
margin : 0;
}

b {
font : 10px/16px helvetica, arial, sans-serif;
}

a img {
border : none;
}

#bg_box {
position : absolute;
display : block;
width : 596px;
height : 446px;
border : 1px solid rgb(200, 200, 200);
top : 50px;
left : 100px;
}

#links {
position : absolute;
display : block;
top : 146px;
left : 124px;
}

#links img {
float : left;
clear : left;
}

#links img.autoMaskMouseOver, #links img.autoTitleMouseOver {
background-color : rgb(102, 59, 38);
}

#links img.selected {
background-color : rgb(190, 190, 190);
}

#selection {
top : 240px;
left : 224px;
width : 300px;
height : 100px;
}

#selection a {
color : inherit;
}

#category h3, #work h3 {
margin : 0 0 9pt 0;
}

#category a, #work a, #view a {
color : rgb(92, 49, 28);
text-decoration : none;
}

#category a:active, #work a:active, #view a:active {
color : rgb(92, 49, 28);
}

#category a:visited, #work a:visited, #view a:visited {
color : rgb(180, 150, 120);
}

#category a:hover, #category a:visited:hover, #work a:hover, #work a:visited:hover, #view a:hover, #view a:visited:hover {
color : rgb(152, 109, 88);
border-bottom : 1px solid rgb(240, 240, 230);
}

#work_pad a.thumbnail:hover {
  border: none;
}


#category acronym, #work acronym, #view acronym {
border-bottom : 1px dotted rgb(230, 220, 210);
cursor : help;
}

#category, #work, #view #view_pad {
position : absolute;
display : block;
top : 284px;
left : 340px;
background : rgb(255, 255, 255);
width : 363px;
height : 150px;
padding : 14px 20px;
color : rgb(64, 64, 79);
border : 1px solid rgb(200, 200, 200);
overflow : hidden;
z-index : 1;
}

#category ul, #work ul, #view #view_pad ul {
list-style-type : none;
line-height : 12pt;
margin : 6px 0 12px 0;
padding : 0 8px;
}

#work {
left : 470px;
width : 280px;
height : 268px;
overflow : auto;
overflow-x : hidden;
padding-bottom : 0;
z-index : 2;
}

#work img {
width : 240px;
/* height : 180px; */
margin : 12px 0px -2px 0;
border : 1px solid rgb(200, 200, 200);
}

#work hr {
border : none;
height : 0;
margin : 12px 0px 3px 0;
border-top : 1px solid rgb(200, 200, 200);
}


#work a.thumbnail img{

/* Let height flow free.. */
width : 128px;
/* height : 96px; */
}


#work_pad {
padding-bottom : 14px;
}

#view {
padding : 0;
margin : 0;
position : absolute;
display : block;
top : 284px;
left : 340px;
border-top : 1px solid rgb(200, 200, 200);
z-index : 4;
}

#view #view_pad {
position : relative;
top : 0;
left : 0;
width : 410px;
height : 268px;
height : auto;
overflow : auto;
overflow-x : hidden;
z-index : 4;
border-top : none;
margin-top : -32px;
margin-top : 0;
margin-bottom : 30px;
}

#view #view_pad #close {
position : absolute;
width : 32px;
color : rgb(255, 255, 255);
background : transparent url('../images/view/controls/close_tab.png') no-repeat bottom right;
cursor : pointer;
margin : -14px 0px 6px -20px;
padding : 2px 9px 2px 12px;
}

#view #view_pad #close span:hover {
color : rgb(160, 160, 160);
border-bottom : 1px solid rgb(215, 215, 225);
}

#view #view_pad #close a {
color : rgb(255, 255, 255);
border-color : rgb(215, 215, 225);
}

#view #view_pad #close a:hover {
color : rgb(160, 160, 160);
border-color : rgb(215, 215, 225);
}

#view #view_pad img.slide, #view #view_pad object, #view #view_pad img.story {
width : 320px;
height : 240px;
margin : 14px 0px 4px 0px;
border : 1px solid rgb(200, 200, 200);
}

#view #view_pad img.story {

/* 410px total with border. */
width : 408px;
height : auto;
}

#view #view_pad object, #view #view_pad img.website {
height : 256px;
margin : 5px 1px;
border : none;
}

#view #view_pad img.website {
margin : -4px 1px 3px -1px;
}

#view #view_pad #controls {
margin : 0;
margin-top : -1px;
}

#work_pad > div {
margin : 0px 0px 9px 0px;
}

/* Apple need some extra styling, but they don't make it easy. */
#view_pad > div {
margin : 15px 1px 3px -1px;
background-color : rgb(160, 160, 160);
}

#view_pad > div.text, #view_pad > div#slides, #view_pad > div#slides2, #view_pad > div#controls {
background-color : inherit;
}

#view_pad > div.text {
width : 326px;
margin : 0px 1px 3px 0px;
}

/* Text in top paragraph. */
#view_pad > div.top {
margin : 15px 1px 3px -1px;
}

/* Text with header in paragraph. */
#view_pad > div.header {
margin : -2px 1px 3px -1px;
}

/* Apple need some extra styling, but they don't make it easy. */


#view #view_pad #controls img.icon {
background-color : rgb(255, 255, 255);
border-bottom : 1px solid rgb(255, 255, 255);
cursor : pointer;
}

#view #view_pad #controls #nextImg.icon {
/* margin-left : 1px; */
}

#view #view_pad #controls img.icon:hover {
background-color : rgb(160, 160, 160);
border-bottom : 1px solid rgb(240, 240, 230);
}

#view #view_pad #controls strong {
padding : 2px;
vertical-align : 2px;
}

#view #view_pad {
overflow : auto;
overflow-x : hidden;
}