/*  s.meskin index  */

body {
font: 11px "Lucida Grande", "Lucida Sans", Helvetica, Arial, verdana, sans-serif;
background: #3d3d3d;
color: #3d3d3d;
line-height: 20px;
margin: 0;
padding: 0;
}

p {
margin: 0px;
padding: 0px;
}

p.title {
margin: 0px;
padding: 0px 0 20px 0;
}

p.info {
font: 12px "Lucida Grande", "Lucida Sans", Helvetica, Arial, verdana, sans-serif;
line-height: 22px;
margin: 0px;
padding: 0px 0 20px 0;
}

a:link, a:active, a:visited {
color: #006489;
text-decoration: none;
}

a:hover {
color: #3d3d3d;
text-decoration: none;
}

#main {
background: #ffffff;
text-align: left;
padding: 0px 0 0 0; 
border: 0px solid;
} 

.main {
background: #ffffff;
text-align: left;
padding: 0px 0 0 0; 
margin: 20px 0 0 0; 
border: 0px solid;
} 

/*  header  */
#header {
background: #e9e9e9;
height: 100px;
text-align: center;
margin: 0px auto 0px auto; 
border-top: 1px dotted #949494;
border-bottom: 1px dotted #949494;
} 

#header-inner {
width: 850px; 
margin: 0px auto 0px auto; 
}

#headerleft {
float: left;
text-align: left;
width: 245px;
height: 50px;
padding: 29px 0 0 0px;
}

#headerleft img{
border: 0px;
}

#headerright{
float: right;
width: 600px;
text-align: right;
height: 50px;
padding: 64px 0 0 0px;
}

/*  nav  */
#nav {
float: right;
margin:0;
}

#nav li {
display: block;
float: left;
text-align: right;
height: 23px; 
margin: 0 0 0 0; 
background: none; 
padding: 0px 0px 0px 0; 
}

#navbottom {
float: right;
margin:0;
}

#navbottom li {
display: block;
float: left;
text-align: right;
height: 23px; 
margin: 0 0 0 0; 
background: none; 
padding: 0px 0px 0px 0; 
}


#books {
display: block;
width: 34px;
height: 18px;
background: url("assets/images/menu/books.gif") no-repeat 0px 0px;
text-align: right;
margin: 0 15px 0 0;
}

#divider {
width: 1px;
height: 12px;
border-right: 1px dotted #949494;
}

.divider {
width: 1px;
height: 12px;
border-right: 1px dotted #949494;
}

#books:hover{ 
background-position: 0px -23px;
}

#books span{
display: none;
text-align: right;
}

#print {
display: block;
width: 28px;
height: 23px;
background: url("assets/images/menu/print.gif") no-repeat 0px 0px;
text-align: right;
margin: 0 15px 0 15px;
}

#print:hover{ 
background-position: 0px -23px;
}

#print span{
display: none;
text-align: right;

}

#web {
display: block;
width: 27px;
height: 23px;
background: url("assets/images/menu/web.gif") no-repeat 0px 0px;
text-align: right;
margin: 0 15px 0 15px;
}

#web:hover{ 
background-position: 0px -23px;
}

#web span{
display: none;
text-align: right;
}

#about {
display: block;
width: 23px;
height: 23px;
background: url("assets/images/menu/about.gif") no-repeat 0px 0px;
text-align: right;
margin: 0 0px 0 15px;
}

#about:hover{ 
background-position: 0px -23px;
}

#about span{
display: none;
text-align: right;
}

#bookson {
display: block;
width: 34px;
height: 18px;
background: url("assets/images/menu/books.gif") no-repeat 0px 0px;
background-position: 0px -23px;
text-align: right;
margin: 0 15px 0 0;
}

#bookson span{
display: none;
text-align: right;
}

#printon {
display: block;
width: 28px;
height: 18px;
background: url("assets/images/menu/print.gif") no-repeat 0px 0px;
background-position: 0px -23px;
text-align: right;
margin: 0 15px 0 15px;
}

#printon span{
display: none;
text-align: right;
}

#webon {
display: block;
width: 27px;
height: 18px;
background: url("assets/images/menu/web.gif") no-repeat 0px 0px;
background-position: 0px -23px;
text-align: right;
margin: 0 15px 0 15px;
}

#webon span{
display: none;
text-align: right;
}

#abouton {
display: block;
width: 23px;
height: 18px;
background: url("assets/images/menu/about.gif") no-repeat 0px 0px;
background-position: 0px -23px;
text-align: right;
margin: 0 0px 0 15px;
}

#abouton span{
display: none;
text-align: right;
}


/*  picture navigation  */

#picnavholder {
margin: 0px auto 0px auto; 
}

#picnavleft {
float: left;
text-align: left;
padding: 5px 0 0 0px;
}

#picnavright{
float: right;
text-align: right;
padding: 0px 0 0 0px;
}

#picnav {
float: right;
margin:0;
}

#picnav li {
display: block;
float: left;
text-align: right;
height: 23px; 
margin: 0 0 0 0; 
background: none; 
padding: 0px 0px 0px 0; 
}

#prev {
display: block;
width: 13px;
height: 20px;
background: url("assets/images/picturenav/leftarrow.gif") no-repeat 0px 0px;
text-align: right;
margin: 2px 7px 0 0px;
}

#prevnone {
display: block;
width: 13px;
height: 20px;
background: url("assets/images/picturenav/leftarrownone.gif") no-repeat 0px 0px;
text-align: right;
margin: 2px 7px 0 0px;
}

#prev:hover{ 
background-position: 0px -23px;
}

#prev span{
display: none;
text-align: right;
}

#next {
display: block;
width: 13px;
height: 20px;
background: url("assets/images/picturenav/rightarrow.gif") no-repeat 0px 0px;
text-align: right;
margin: 2px 0px 0 7px;
}

#nextnone {
display: block;
width: 13px;
height: 20px;
background: url("assets/images/picturenav/rightarrownone.gif") no-repeat 0px 0px;
text-align: right;
margin: 2px 0px 0 7px;
}

#next:hover{ 
background-position: 0px -23px;
}

#next span{
display: none;
text-align: right;
}


#dividerpic {
width: 1px;
height: 12px;
border-right: 1px dotted #949494;
margin: 8px 15px 0 15px;
}

/*  project navigation  */

#index {
display: block;
width: 30px;
height: 23px;
background: url("assets/images/projectnav/index.gif") no-repeat 0px 0px;
text-align: right;
margin: 0px 10px 0 10px;
}

#index:hover{ 
background-position: 0px -23px;
}

#index span{
display: none;
text-align: right;
}

#nextproj {
display: block;
width: 66px;
height: 23px;
background: url("assets/images/projectnav/nextproj.gif") no-repeat 0px 0px;
text-align: right;
margin: 0px 0px 0 10px;
}

#nextproj:hover{ 
background-position: 0px -23px;
}

#nextproj span{
display: none;
text-align: right;
}

#prevproj {
display: block;
width: 85px;
height: 23px;
background: url("assets/images/projectnav/prevproj.gif") no-repeat 0px 0px;
text-align: right;
margin: 0px 10px 0 0px;
}

#prevproj:hover{ 
background-position: 0px -23px;
}

#prevproj span{
display: none;
text-align: right;
}



/* middle  */
#middle {
text-align: left;
background: #fff;
margin: 0px auto 20px auto; 
} 

#middle-inner {
width: 850px; 
margin: 0px auto 0px auto; 
padding: 0px 0 0px 0; 
}


#middleleft {
text-align: left;
float: left;
width: 215px;
margin: 60px 0px 0 0px;
padding: 0px 0px 0px 0px;
}

#middleright {
float: right;
text-align: left;
width: 600px;
padding: 0px 0 0 10px;
margin: 50px 0 0 0px;
line-height: 18px;
border-left: 1px dotted #949494;
}

#middleright img{
   padding:0px;
   border:1px solid #bebebe;
}

/*  bottom  */
#bottom {
background: #e9e9e9;
height: 35px;
text-align: center;
margin: 0px auto 0px auto; 
border-top: 1px dotted #949494;
border-bottom: 1px dotted #949494;
} 

#bottom-inner {
width: 850px; 
margin: 0px auto 0px auto; 
padding: 10px 0 0 0;
}

#bottomleft {
float: left;
text-align: left;
width: 245px;
height: 35px;
padding: 0px 0 0 0px;
}

#bottomright{
float: right;
width: 600px;
text-align: right;
height: 35px;
padding: 0px 0 0 0px;
}

.clear {
clear: both;
font-size: 1px; 
}

/* about  */
#middleleftab {
text-align: left;
float: left;
width: 175px;
margin: 60px 0px 0 0px;
padding: 0px 0px 0px 0px;
}

#middlerightab {
float: right;
text-align: left;
width: 645px;
padding: 0px 0 0 15px;
margin: 50px 0 0 0px;
line-height: 18px;
border-left: 1px dotted #949494;
}


#rightbig {
float: left;
text-align: left;
width: 470px;
padding: 0 15px 0 0px;
margin: 0;
border-right: 1px dotted #949494;
}

#rightbig img{
border: 0;
}

#rightsmall {
float: right;
text-align: left;
padding: 0 0 0 10px;
margin: 0;
width: 145px;
}

#rightsmall img{
border: 0;
}

/* footer  */
#footer {
background: #3d3d3d;
color: #202020;
text-align: center;
margin: 0px auto 0px auto; 
} 

#footer-inner {
width: 850px; 
margin: 0px auto 0px auto; 
padding: 0px 0 0px 0;
}

#footerleft {
float: left;
text-align: left;
width: 300px;
padding: 0px 0 20px 0px;
}

#footerright{
float: right;
width: 300px;
text-align: right;
padding: 0px 0 0 0px;
}

a.special:link {
color: #202020;
text-decoration: none;
}

a.special:active {
color: #202020;
text-decoration: none;
}

a.special:visited {
color: #202020;
text-decoration: none;
}

a.special:hover {
color: #777;
text-decoration: none;
}