@charset "UTF-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

img, img a, a:link, a:hover, a:visited { border: none; outline: none; }

h1, h2, h3, h4, h5, h6 { font-size: 18px; }

li{ list-style-type: none; }

html {
width: auto;
height: auto;
background-color: #1a1a1a;
}

body {
overflow-x: hidden;
background-color: #1a1a1a;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight : normal;
text-align: left;
color: #939393;
}

#wholecontainer {
width: 828px;
overflow: auto;
}

.white_highlight {
text-decoration: none;
color: white;
}

.blue_highlight {
text-decoration: none;
color: #14A5C9
}

/* !Sidebar */

#sidebar {
width: 168px;
height: 100%;
float: left;
position: fixed;
background-color: #1a1a1a;
}

#sidebar img {
padding: 20px 0 0 24px;
}

#sidebar #menu {
font-size: 12px;
padding: 5px 28px;
}

#sidebar li {
padding: 0.1em 2px;
}

#sidebar li#li_info {
padding-left: 0;
}

#sidebar li #plus {
letter-spacing: -1px;
}

#sidebar a:link { 
color: #a9a9a9; 
text-decoration: none; 
}

#sidebar a:visited { 
color: #AAA;
text-decoration: none;
}

#sidebar #li_design a:hover {
color: #29ABE2;
}

#sidebar #li_illustration:hover {
color: #29ABE2;
}

#sidebar #li_photo a:hover {
color: #29ABE2;
}

#sidebar #li_info a:hover {
color: #29ABE2;
}

#sidebar a:active {
color: white;
}

#sidebar #submenu {
font-family: "Times New Roman", Times, serif;
font-style: italic;
margin: 0 0 2px 10px;
display: none;
}

#sidebar .li_submenu {
margin-bottom: -2px;
}

#sidebar #submenu a:hover {
/* color: #D1D1D1; */
color: white;
}


/* !Sidebar Info */

#sidebar_info {
display: none;
height: 125px;
color: #888;
padding: 5px 36px;
}

#sidebar_info a:link { 
text-decoration: none;
}

#sidebar_info a:visited { 
text-decoration: none;
}

#sidebar_info a:hover {
color: #D1D1D1;
}

#sidebar_info a:active {
color: white;
}

#mail{
display: block;
padding-top: 5px;
}

#sidebar #zoominfo{
padding: 5px 36px;
color: #A8A8A8;
font-family: "Times New Roman", Times, serif;
font-style: italic;
}

/* !Content */

#content {
width: 660px;
overflow: auto;
float: right;
}

#contentheader {
width: 600px;
height: 60px;
position: fixed;
background-color: #1a1a1a;
border-bottom: 1px solid white;
}

#contentheader img {
padding-top: 15px;
margin-left: -5px;
}

#photo_contentheader {
width: 598px;
height: 60px;
position: fixed;
background-color: #1a1a1a;
border-bottom: 1px solid white;
}

#photo_contentheader img {
padding-top: 15px;
margin-left: -5px;
}

/* !Content Body */

#contentbody {
margin: 61px 0 30px;
padding-right: 60px;
}

#contentbody .work {
padding: 20px 0 19px;
border-bottom: 1px solid white;
}

#contentbody .photo_work {
padding: 20px 0 19px;
border-bottom: 1px solid white;
width: 598px;
}

#contentbody .workrow{
margin-top: 5px;
}

/* !Thumnails */

#contentbody .thumnails {
margin-top: 3px;
overflow: hidden;
height: 100%;
}

#contentbody .thumnails li{
float: left;
display: inline;
}

#contentbody .medthumn {
margin: 0 3px;
}

#contentbody .medthumn2 {
margin: 5px 6px 0;
}

#contentbody .firsthumn {
margin-right: 4px;
}

#contentbody .photothumns {
margin-bottom: 2px;
overflow: hidden;
height: 100%;
}

#contentbody .photothumns li{
float: left;
display: inline;
width: 148px;
}

#contentbody .fourcolumthumn {
margin-right: 2px;
}

/* !Square box */

#contentbody .square_left {
width: 297px; height: 337px;
}

#contentbody .square_right {
width: 297px; height: 337px;
margin: -337px 0 0 303px;
}

/* !Design title / Body txts */

#contentbody .design_title {
color: #FFF;
font-size: 13px;
margin-top: 0.5em;
line-height: 1.5em;
clear: both;
}

#contentbody .design_bodytext {
font-size: 11px;
color: #939393;
line-height: 1.4em;
text-align: justify;
padding-top: 0.4em;
}

#contentbody .design_title_highlight {
color: #14A5C9;
}


/* !Boton +info */

#contentbody .square_work_info {
margin-top: -33px;
margin-left: 269px;
}

#contentbody .work_info_link {
outline: none;
text-decoration: none;
color: #A8A8A8;
font-family: "Times New Roman", Times, serif;
font-style: italic;
}

/* !More info text box */

#contentbody .bodytext_moreinfo {
/* display: none; */
text-align: justify;
line-height: 1.4em;
}

#contentbody .white_highlight_small {
font-size: 11px;
text-decoration: none;
color: white;
}

/* !Contentbody small titles */

#contentbody .titles {
padding-top: 9px;
}

#contentbody .titles li {
display: inline;
}

#contentbody .year {
color: #14A5C9;
font-size: 10px;
}

#contentbody .name {
color: #A8A8A8;
font-family: "Times New Roman", Times, serif;
font-style: italic;
}

/*
#contentbody .year_old {
color: #A6A273;
font-size: 10px;
}
*/

#contentbody .dp {
color: #A8A8A8;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
}

/* !pagenumber */

#contentbody #pagenumber_container {
float: right;
margin: 10px 0 25px 0;
}

#contentbody #pagenumber_container ul{
overflow: hidden;
height: 100%;
}


#contentbody #pagenumber_container li {
float: left;
display: inline;
}


#contentbody .pagenumber {
font-family: "Times New Roman", Times, serif;
font-style: italic;
margin-right: 4px;
}

#contentbody .nextarrow {
width: 12px;
height: 14px;
display: block;
background: url(../img/next.jpg) no-repeat;
}

#contentbody .nextarrow:hover {
width: 12px;
height: 14px;
display: block;
background: url(../img/next_over.jpg) no-repeat;
}

#contentbody .prevarrow {
width: 12px;
height: 14px;
display: block;
background: url(../img/prev.jpg) no-repeat;
}

#contentbody .prevarrow:hover {
width: 12px;
height: 14px;
display: block;
background: url(../img/prev_over.jpg) no-repeat;
}