/*CSS for Two Column layout*/

/*general styles for whole page*/



body {
max-width: 1000px;
text-align: center;
background: #000;
line-height: 140%;
}


p {

font-size: 97%;
color: #faeeea;
}

h1 {
color: #d98548;
font-weight: ligher;
}

h2 {
margin-top: 0;
color: #d98548;
font-weight: bold;
font-weight: lighter;

}

h3 {
color: #d98548;
font-size: 1.3em;
font-weight: lighter;
}


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

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

a:hover, a:active {
color: #c6522b;
text-decoration: underline;
}

em {
font-style: italic;
}

/*end general styles for whole page*/

/*this part styles container-- all page content is in this div*/

#container {
font-family: Arial, Sans-serif;
text-align: left;
margin: 0 auto;
width: 100%;
background: #000;
}


/*styles header*/


#header {
height: 100px;
width: 100%;
margin-top: 1em;
margin-left: .5em;
}


#header h1 {
background: url(../icons/cuckoo_100px.jpg) no-repeat;
height: 100%;
padding-left: 5em;
padding-top: 1.5em;
margin: 0;
font-family: "Arial Black", Arial, Sans-serif;
font-weight: lighter;
font-variant: small-caps;
}


/*styles side navigation bar*/

#nav {
margin-top: 20px;
float: left;
width: 200px;


/*background: url(../icons/sidenav_bg_gradient.jpg) repeat-y;*/
margin-left: 0;


}



#nav h4 {
margin: 1em;
color: 804f2b;
font-weight: ligher;
}

#nav a:link {
color: #d98548;

text-decoration: none;
}

#nav a:visited {
color: #A36956;
text-decoration: none;
}

#nav a:hover, a:active {
color: #c6522b;
text-decoration: underline;
}


#nav ul {
padding-top: 1em;
list-style-type: none;
text-align: left;
}

#nav li {
padding: 0 1em 1em 0;
text-align: left;
margin-left: -1.5em;
}



#content {
text-align: center;
float: left;
width: 66%;
margin-left: 1em;
padding-top: 1.5em;
}

#news{
text-align: left;
}

#footer {
margin-left: 5em;
clear: both;
color: #FFF;
padding: 5px 10px;
text-align: right;
font-size: 80%;
}


#footer-slideshow {
margin-top: 10em;
margin-right: -3em;
margin-bottom: 2em;
clear: left;
color: #FFF;
text-align: right;
font-size: 80%;
}


h1.title
{
color: #84ab98;
font-variant: small-caps;
font-weight: lighter;
text-align: left;
}

/*work div*/

.work {

font-size: 90%;
padding-top:0;
color: #4b4b4b;

}

work.h2 {
padding: 0 0 1em 0;
}

.work_img {
text-align: center;
width: 75%;
border: none;
float: right;
margin: 0;
}



.work_details {


float: left;
/*padding-left: 1em;*/
text-align: center;
width: 25%;
margin: 0;
padding-right: 0;


}
.bottomnav {
padding-top: 1em;
clear: both;
text-align: center;
}


table.pagethru
{
position: relative;
left: 30%;
width: 200px;
borders: collapse;

}

td.pagethru_button
{
width: 100px;
text-align: center;
}

td.spacer {
width: 50px;
background: pink;
}

table.thumbnails {

borders: collapse;
align: center;
width: 100%;
margin-top: 1em;
margin-bottom: 2em;
}

table.thumbnails td {
text-align: center;
}

img.frontpage {
margin-top: 1em;
margin-bottom: 2em;
position: relative;
left: 10%;
width: auto;
border: none;
}