/* --------------------------------------- GLOBAL --------------------------------------- */



body
{
margin: 0;
padding: 0;
font-size: 12px;
font-family: "Trebuchet", "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #666;
line-height: 1.5em;
}



img
{
border: 0;
}



h1
{
color: #ccc;
font-size: 18px;
font-weight: normal;
letter-spacing: .10em;
text-transform: lowercase;
margin: 2em 0 0 0;
padding: 0;
}



h2
{
color: #ccc;
font-size: 14px;
font-weight: normal;
letter-spacing: .10em;
text-transform: lowercase;
margin: 2em 0 .5em 0;
padding: 0;
}



/* --------------------------------------- POSITIONING --------------------------------------- */



#container
{
width: 1024px;
margin: 8em auto 0;
}



#header
{
min-height: 55px;
border-bottom: 1px dotted #ccc;
}



#header .logo
{
float: right;
}



#header .nav
{
width: auto;
float: left;
margin: 2.25em 3em 0 0;
}



#col
{
overflow: hidden;
font-size: 11px;
}



#col div
{
float: left;
width: 300px;
margin: 3em 1em -2000px 2.15em;
padding-bottom: 2000px;
}



.clear
{
clear: both;
padding-top: 2em;
}



.gallery
{
float: left;
width: 640px;
margin: 2em 3em 2em 0;
}



.gallery img
{
display: block;
}



ul#generic
{
margin: 0;
padding: 0;
list-style-type: none;
}



ul#pagination
{
margin: 3em 0 0 0;
padding: 0;
list-style-type: none;
}



ul#pagination li
{
display: inline;
margin-right: 3em;
}



#footer
{
clear: both;
text-align: right;
width: 1024px;
color: #999;
font-size: 11px;
padding: 1em 0;
border-top: 1px dotted #ccc;
}



/* --------------------------------------- LINKS --------------------------------------- */



a
{
color:#569090;
text-decoration: none;
}



a:hover
{
text-decoration: line-through;
}



#header a
{
color:#B4A856;
text-decoration: none;
}



#header a:hover
{
text-decoration: line-through;
}



#col a
{
color:#1D8C8B;
font-weight: bold;
text-decoration: none;
}



#col a:hover
{
text-decoration: underline;
}



ul#pagination li a
{
color: #999;
background:#EEE;
padding: .75em;
font-style: italic;
font-size: 10px;
border: 1px solid #DDD;
}



ul#pagination li a:hover
{
color: #999;
background:#DDD;
padding: .75em;
font-style: italic;
font-size: 10px;
text-decoration: none;
border: 1px solid #CCC;
}



#footer a
{
color: #999;
}



#footer a:hover
{
text-decoration: line-through;
}



/* --------------------------------------- IMAGES --------------------------------------- */



.tn
{
float: left;
max-width: 300px;
max-height: 225px;
margin: 2em 1.55em;
}



.whoami
{
float: left;
margin: 2.5em 2em 5em 0;
}



/* --------------------------------------- EASY SLIDER --------------------------------------- */



#slider
{
width: 1024px;
}



#slider ul, #slider li
{
margin: 0;
padding: 0;
list-style: none;
}



#slider li
{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width: 1024px;
height: 285px;
overflow: hidden; 
}



#prevBtn, #nextBtn
{
float: left;
width: auto;
padding: 1em 4em 2em 0;
}



#prevBtn
{
margin-left: 430px;
}



#prevBtn a, #nextBtn a
{  
color: #999;
background: #EEE;
padding: .75em;
font-style: italic;
font-size: 10px;
border: 1px solid #DDD;
}



#prevBtn a:hover, #nextBtn a:hover
{
color: #999;
background:#DDD;
padding: .75em;
font-style: italic;
font-size: 10px;
text-decoration: none;
border: 1px solid #CCC;
}