body {
color: #555;
text-align: center;
margin: 0px;
padding: 0px;
background: #F9F9F9;
font: 1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

a {
text-decoration: none;
}

a img {
border: none;
}

/*navigation*/

#navcontainer
{
margin: 0px 0px 40px;
padding: 0;
width: 100%;
height: 2.3em;
border-top: 1px solid #555;
background-color: #000;
color: #F9F9F9;
}

#navcontainer ul
{
margin: 0 auto;
padding: 0;
list-style-type: none;
text-align: center;
width: 600px;
height: 2.3em;
background-color: #000;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
color: #F9F9F9;

}

#navcontainer ul li a
{
background: #000;
width: 90px;
height: 2.2em;
margin: 0;
color: #F9F9F9;
text-decoration: none;
display: block;
text-align: center;
font-size: .75em;
font-style: normal;
line-height: 3em;
padding-bottom: .7em;
border-right: 1px solid #555;
}

#navcontainer ul li a.title
{
background: #000;
width: 200px;
height: 2.2em;
border-right: 1px solid #555;
margin: 0;
color: #F9F9F9;
text-decoration: none;
display: block;
text-align: left;
font-size: 1em;
font-style: normal;
line-height: 2.2em;
padding: 0 0 0 10px;
}

#navcontainer a:hover
{
color: #F9F9F9;
background: #777; 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(119, 119, 119)), to(rgb(145, 145, 145)));
}

#navcontainer a.active
{
color: #F9F9F9;
background: #555;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(85, 85, 85)), to(rgb(111, 111, 111)));

}

/*\*/
* html #navigation ul li a {
padding: 0;
}
/**/

/*index*/

#splat {
margin: 15px auto 10px;
width: 632px;
}

#splat img {
background: #FFF;
padding: 15px 15px 18px;
border: 1px solid #888;
margin-bottom: 15px;
}

/*About*/

#binabout {
width: 536px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
}

#binabout ul {
text-align: center;
margin: 0px;
padding: 0px;
list-style-type: none;
}

#binabout ul li{
display: block;
float: left;
text-align: center;
margin: 0;
padding-top: 0;
padding-right: 190px;
padding-bottom: 0;
padding-left: 0;
}

#binabout ul li a img {
background-color: #FFF;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 12px;
padding-left: 9px;
border: 1px solid #CCC;
margin: 0px;
}

#binabout ul li a:hover img {
background-color: #000;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 12px;
padding-left: 9px;
border: 1px solid #CCC;
}

#binabout ul li.endrt{
padding-right: 0px;
}

#binabout ul li.oddcenter{
padding-left: 180px;
margin: 0px;
padding-right: 0px;
}

#binabout h5 {
font-size: .8em;
margin: 0px;
font-weight: normal;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#binabout h5 a {
color: #555;
text-decoration: none;
}

/*resumé_essay_reviews_links*/

#yapp {
background: #FFF;
width: 500px;
margin-right: auto;
margin-left: auto;
text-align: left;
margin-bottom: 10px;
border: 1px solid #555;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 1px;
padding-left: 20px;
}

#yapp h4 {
font-size: .95em;
text-align: left;
color: #000;
margin: 0px;
padding: 0px;
line-height: 1.5em;
}

#yapp h4 span {
font-size: 0.8em;
line-height: 1.3em;
color: #222;
}

#yapp p {
font-size: 0.8em;
line-height: 1.4em;
color: #555;
padding-bottom: 0px;
}

#yapp ul{
margin-top: 10px;
padding: 0px;
margin-left: 0px;
}

#yapp li {
font-size: .8em;
line-height: 1.4em;
color: #555;
list-style: none;
margin: 0px;
padding: 0px;
}

/*Interview*/

#yapp p.italic {
font-size: 0.7em;
font-style: italic;
line-height: 1.5em;
color: #A3A3A3;
}

/*bottom nav*/

#abunav {
background: #FFF;
width: 500px;
margin-right: auto; 
margin-left: auto;
text-align: center;
margin-top: 0px;
padding: 0;
margin: 0;
}

#abunav ul
{
list-style-type: none;
background: #FFF;
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 8px;
padding-left: 0px;
}

#abunav ul li {
display: inline;
padding-right: 2em;
}

#abunav a {
text-decoration: none;
color: #555;
}

#abunav a:hover {
color: #000;
border-bottom: 1px dotted #555;
}

#abunav a.current {
color: #000;
text-decoration: none;
border-bottom: 2px solid #000;
}

/*links list*/

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

#lincos ul {
margin-top: 10px;
padding: 0px 0px 0px 5px;
list-style: none;
}

#lincos ul li {
margin: 0px;
padding-bottom: 5px;
}

#lincos ul li a {
color: #555;
text-decoration: none;
}

#lincos ul li a:hover {
color: #000;
border-bottom: 1px dotted #000;
}

/*gallery*/

#container{
text-align: left;
margin-left: auto;
margin-right: auto;
width: 836px;
background: #F9F9F9;
}

#bin {
background: #F9F9F9;
margin: 0px auto;
padding: 0px;
width: 616px;
}

#bin table {
border-spacing: 8px;
background: #F9F9F9;
}

#bin td {
background: #F9F9F9;
padding: 0px 10px 0px;
width: 144px;
border: 1px solid #F9F9F9;
}

#bin td a {
display: block;
text-decoration: none;
}

#bin td a:hover {
background: #000;
}

#bin td img {
padding: 10px;
border: 1px solid #888;
}

#bin td h5 {
font-size: 0.8em;
font-weight: normal;
background: #F9F9F9;
height: 40px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

/* content 400 */

#content 
{
padding: 1px 0px 1px 350px;
background: #F9F9F9;
}

#content table {
border: 1px solid #AAA;
background: #FFF;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 4px;
padding-left: 20px;
}

#content img {
border: none;
padding-bottom: 4px;
}

.title {
font-size: 0.8em;
padding-top: 0px;
padding-left: 4px;
width: 141px;
}
.date {
font-size: 0.8em;
padding-top: 0px;
padding-right: 4px;
text-align: right;
width: 141px;
}

.center {
padding-right: 10px;
padding-left: 10px;
border: none;
}

.spacer {
margin-top: 100px;
}

.studio_spacer {
margin-top: 185px;
}

/*content 536*/

#content_wd 
{
padding: 1px 0px 1px 282px;
background: #F9F9F9;
}

#content_wd table {
border: 1px solid #AAA;
background: #FFF;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 4px;
padding-left: 20px;
}

#content_wd img {
border: none;
padding-bottom: 4px;
}

.title_wd {
font-size: 0.8em;
padding-top: 0px;
padding-left: 4px;
width: 209px;
}

.date_wd {
font-size: 0.8em;
padding-top: 0px;
padding-right: 4px;
text-align: right;
width: 209px;
}

.center_wd {
padding-right: 10px;
padding-left: 10px;
border: none;
}

.spacer_wd {
margin-top: 135px;
}

.studio_spacer_wd {
margin-top: 185px;
}


/*thumbnails*/

#sidebar
{
float: left;
width: 200px;
margin: 0;
padding: 1 0 0 0;
}

#sidebar table {
margin: 0px;
padding: 10px 9px 10px 10px;
border: 1px solid #BBB;
background-color: #FFF;
}

#sidebar td {
width: 50px;
padding-right: 1px;
padding-bottom: 1px;
}

#sidebar img {
border: none;
}

.stu_up {
vertical-align: top;
}

/* horizontal menu */

#listmenu {
width:100%;
font-size:.8em;
background-color:#FFF;
margin-top:10px;
}

#listmenu ul {
margin:0 0 0 -40px;
}

#listmenu li {
float:left;	
position:relative; 
list-style-type:none;
background-color:#FFF;
border-right:1px solid #BBB;
border-top:1px solid #BBB;
border-bottom:1px solid #BBB;
}

#listmenu li:first-child {
border-left:1px solid #BBB;
}

#listmenu li:hover { 
background-color:#FFF;
}

#listmenu a {
display:block;
padding:0 6px;
text-decoration:none;
color: #666
}

#listmenu a:hover {
color:#000;
background-color:#F9F9F9;
}

#listmenu li a.current {
color:#FFFFFF;
background-color:#000000;
}

/* drop-down */

#listmenu ul li ul
{
margin: 0;
position: absolute;
width: 14em;
left: -41px;
}

#listmenu ul li ul li {
width:100%;
border-left:1px solid #BBB; 
border-bottom:1px solid #BBB;
border-right:1px solid #BBB;
}

#listmenu ul li ul li:first-child {
border-top:1px solid #BBB; 
}

#listmenu ul li ul {
display:none;
}

#listmenu ul li:hover ul {
display:block; 
}

/* Exploder */

* html div#listmenu ul {
float:left; 
border-left:1px solid #000; 
margin-left:15px;
}

* html  div#listmenu ul li ul {
border-top:1px solid #069;
border-left:0px; 
}

/*contact*/

#formbin {
text-align: left;
width: 400px;
margin-right: auto;
margin-left: auto;
}

#formbin h4 {
padding-left: 25px;
font-weight: normal;
}


div#formcontainer {
width:400px;
border: 1px solid #444;
margin-top: 50px;
background: #F5F5F5;
}


div#formcontainer form  {
border-top: 1px solid #F5F5F5; 
border-bottom: 1px solid #F5F5F5;
}

div#formcontainer div.clearfix {
border: 1px solid #F5F5F5;
padding:10px 0px 15px 25px;
vertical-align:top;
}

div#formcontainer form label {
width:120px;
display:block;
font-size:.75em;
color: #222;
margin:0 10px 0 2px;
padding-bottom: .75em;
} 

div#formcontainer input[type="submit"] {
display:block;
margin-left:285px;
}

.clearfix:after {
content: ".";            
display: block;         
height: 0;               
clear: both;              
visibility: hidden;	   
}

.clearfix {
display: inline-block;
}  

/* Hides from IE-mac \*/

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* thanks */

#thanks {
background: #F9F9F9;
width: 500px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
}

#thanks img {
background-color: #FFF;
padding: 10px;
border: 1px solid #AAA;
}

#thanks h3 {
font-weight: normal;
}

/*Current*/

#currentbin {
width: 806px;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
}

#currentbin ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#currentbin ul li {
display: block;
float: left;
text-align: center;
margin: 0;
padding-top: 0;
padding-right: 25px;
padding-bottom: 0;
padding-left: 0;
}

#currentbin ul li.far {
margin: 0;
padding: 0;
}

#currentbin ul li a img {
background-color: #FFF;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 12px;
padding-left: 9px;
border: 1px solid #CCC;
}

#currentbin ul li a:hover img {
background-color: #000;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 12px;
padding-left: 9px;
border: 1px solid #CCC;
}

#curyap li p {
width: 228px;
border: thin solid #CCC;
text-align: left;
background-color: #FFF;
font-size: 0.75em;
line-height: 1.5em;
color: #333;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

#curyap li p span {
color: #333;
font-size: 1em;
line-height: 1.8em;
font-weight: bold;
}

#curyap li a {
color: #333;
}

.bar {
border-top: 1px dotted #444;
width: 450px;
margin: 10px auto 0px;
padding: 0px;
}