body
{
background-color: #fff;
font-family: Georgia, Verdana, sans-serif;
font-size: 12px;
background-image: url('../img/bg.png');
background-repeat: repeat-x;
color: #333;
margin: 0px;
padding: 0px;
}

a
{
text-decoration: none;
color: #666;
}

a:hover
{
text-decoration: underline;
color: #333;
}

div#wrapper
{
width: 745px;
margin: auto;
}

div#header
{
position: relative;
height: 95px;
background-image: url('../img/yoke_bg.png');
background-repeat: no-repeat;
background-position: left bottom;
margin-bottom: 1px;
}

div#header h1
{
margin: 0;
padding: 0;
}

div#header h1 a
{
display: block;
position: absolute;
left: 7px;
bottom: 4px;
width: 221px;
height: 40px;
text-indent: -9000px;
background-image: url('../img/yoke-type.gif');
background-repeat: no-repeat;
}

div#content
{
background-color: #7f7f7f;
background-image: url('../img/content_bg.gif');
margin-bottom: 10px;
padding: 20px;
}

/* --- NAVI --- */

div#nav
{
padding-left: 20px;
height: 38px;
width: 745px;
font-size: 14px;
font-weight: normal;
background-color: #fff;
}

div#nav ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

div#nav ul li
{
display: inline;
margin: 0px;
padding: 0px;
}


div#nav ul li a
{
float: left;
display: block;
height: 18px;
padding: 10px 15px;
background-color: #fff;
text-decoration: none;
color: #333;
}

div#nav ul li a.tagged
{
color: #fff;
background-image: url('../img/content_bg.gif');
}

div#nav ul li a.login
{
margin-left: 40px;
color: #990000;
}

div#nav ul li a:hover
{
color: #333;
background-color: #f3f3f3;
}

/*--- CONTENT ---*/

div#thumbSection
{
width: 660px;
padding-left: 40px;
}

div#thumbSection ul
{
margin: 0;
padding: 0;
}

div#thumbSection ul li
{
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
}


div#thumbSection ul li a {
background-color:#E6E6E6;
border: none;
display:block;
float:left;
height:116px;
margin-bottom:8px;
margin-right:8px;
padding:1px;
width:116px;
}

div#thumbSection ul li a:hover
{
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}

div#thumbSection ul li a img {
border:medium none;
padding-left:1px;
padding-top:1px;
}

div#content h1
{
margin: 0;
margin-bottom: 20px;
font-weight: normal;
font-size: 20px;
color: #333;
padding: 5px 10px;
background-color: #E6E6E6;
}

div#innerContent
{
background-color: #fff;
font-size: 14px;
line-height: 22px;
padding: 5px 10px;
background-image: url('../img/innercontent_bg.png');
background-repeat: repeat-x;
}

div#innerContent a
{
color: #990000;
}

table.tvFolio
{
width: 100%;
margin: 0px;
padding: 0px;
border-collapse: collapse;
}

table.tvFolio tr
{
margin: 0px;
padding: 0px;
}

table.tvFolio td
{
padding: 10px;
margin: 0px;
border-bottom: 1px solid #ccc;
}

div#innerContent h2
{
font-size: 16px;
}

div#innerContent table.tvFolio td h2 a
{
color: #333;
font-size: 16px;
text-decoration: none;
}

div#innerContent table.tvFolio td h2 a:hover
{
color: #990000;
text-decoration: underline;
}

div#innerContent table.tvFolio a img
{
border: 2px solid #E6E6E6;
}

div#innerContent table.tvFolio a:hover img
{
border: 2px solid #990000;
}

div#innerContent ul
{
list-style-image: url('../img/bullet.gif');
}

div#clientsColumn, div#agenciesColumn
{
width: 50%;
float: left;
}

p.pictPlace
{
text-align: center;
}

p.pictPlace img
{
border: 2px solid #E6E6E6;
}

p.descPlace
{
text-align: center;
background-color: #E6E6E6;
padding: 10px 0px;
margin-bottom: 0px;
}

div.navPlace
{
background-color: #fff;
font-size: 10px;
padding: 5px 20px;
}

div.navPlace ul
{
list-style-type: none;
display: inline;
margin: 0px;
padding: 0px;
}

div.navPlace ul li
{
margin: 0px;
padding: 0px;
}

div.navPlace a
{
color: #000;
}

li.off
{
visibility: hidden;
}

li.prev , li.next 
{
display: block;
width: 100px;
float: left;
}

li.next 
{
text-align: right;
}

li.thumbs 
{
display: block;
width: 446px;
text-align: center;
float: left;
}

/*--- FOOTER ---*/


div#footer
{
padding-top: 10px;
clear: both;
color: #666;
padding-bottom: 20px;
}

div#links
{
float: left;
width: 400px;
font-size: 9px;
}

div#address
{
font-size: 9px;
float: right;
width: 300px;
text-align: right;
}

/*--- CONTACT ---*/

table#contactTable
{
}

div.small
{
margin-top: 15px;
}

p.contact
{
margin: 0px;
padding: 0px;
}

table#contactTable strong
{
color: #000;
}