/* CSS Document */

html, body {
margin: 0 auto;
padding: 0; }

body {
font-weight: normal;
font-size: 12px;
line-height: 16px;
font-family: Arial, Helvetica, sans-serif;
color: #81694a;
letter-spacing: 1px;
background: #68190e url(../images/dark_red_tile.jpg) repeat; }

tr, td {
margin: 0;
padding: 0; }

a:link {
color: #5b7bb6;
text-decoration : underline; }

a:visited {
color: #5b7bb6;
text-decoration : underline; }

a:hover {
color: #a74525;
text-decoration : underline; }

/* heading class for portfolio titles */
.portfolioheading {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 15px 0 20px 0;
padding: 0;
font-weight: bold;
font-size: 24px;
color: #ab9870;
line-height: 26px;
font-variant: small-caps;
text-align: center; }

h1 {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 25px 0 0 0;
padding: 0;
font-weight: bold;
font-size: 24px;
color: #ab9870;
line-height: 26px;
font-variant: small-caps;
text-align: center; }

h2 {
font-weight: bold;
text-transform: uppercase;
font-size: 15px;
color: #81694a;
line-height: 17px; }

h3 {
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
color: #81694a;
line-height: 14px; }

.clear { clear: both; }

.h1 {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 25px 0 0 0;
padding: 0;
font-weight: bold;
font-size: 24px;
color: #ab9870;
line-height: 26px;
font-variant: small-caps;
text-align: center; }

/* design elements within table -- tiles and gold bars*/

#tiles_left {
width: 160px;
padding: 0px;
margin: 0px;
background: url(../images/tiles_left.jpg) repeat-y; }

#tiles_right {
width: 160px;
padding: 0px;
margin: 0px;
background: url(../images/tiles_right.jpg) repeat-y; }

.gold_bar {
width: 11px;
padding: 0px;
margin: 0px;
background: url(../images/gold_bar.jpg) repeat-y; }

#content {
width: 688px;
margin: 0;
padding: 0;
background: #f1efe6 url(../images/background_page.jpg) repeat-y; }



/* content area */

div#header_container {
width: 688px;
height: 139px;
margin: 0px;
padding: 0px; }

div#branding {
float: left;
width: 483px; }

div#content_main {
position: relative;
width: 618px;
margin: 0;
padding: 25px 35px 0px 35px; }


/* main navigation */
ul#navlist {
width: 130px;
padding: 0;
border: 0;
margin: 0;
font: normal 12px Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px; }

ul#navlist li {
list-style-type: none;
margin: 0;
border: 0;
padding: 0; }

ul#navlist li a {
display: block;
width: 130px;
padding: 2px 0 2px 0;
border: 0;
text-decoration: none;
text-align: center;
line-height: 14px; }

ul#navlist li a:link { color: #81694a; }

div#navcontainer li a:visited { 
width: 130px;
color: #81694a; }

div#navcontainer { 
padding: 10px 35px 0 0;
width: 130px;
float: right;
color: #81694a; }

ul#navlist li a:hover { color: #a74525; }

/* 2nd level navigation used for Portfolio pages */

.bordertop {
width: 618px;
margin: 35px 35px 5px 35px;
border-top: 1px solid #81694a;
text-align: center; }

.borderbottom {
width: 618px;
margin: 5px 35px 10px 35px;
border-top: 1px solid #81694a;
text-align: center; }

#nav2 { 
margin: 0;
padding: 0;
width: 688px; }

#nav2list {
list-style: none;
padding: 2px 35px 2px 35px;
margin: 0;
text-align: center; }

#nav2list li {
display: inline;
padding: 0;
margin: 0;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px; }

#nav2list li a {
padding: 0 10px 0 10px;
text-decoration: none;
color: #81694a; }

ul#nav2list li a:link { color: #81694a; }

ul#nav2list li a:visited { color: #81694a; }

ul#nav2list li a:hover { color: #a74525; }



/* home content divs */

div#home_animation {
text-align: center;
margin: 0px;
padding: 30px 0px 0px 0px; }

div#home_image {
width: 340px;
float: left;
margin: 0; }

div#home_content {
width: 250px;
float: right;
margin: 0; }

/* portfolio small thumbnails */

div#portfoliothumbnails {
margin: 0;
padding: 0;
text-align: center; }

div#portfoliothumbnails td {
margin: 0;
width: 0;
padding: 0 4px 0 4px;
text-align: center; }

div#portfoliothumbnails a:link img {
border: 1px solid #81694a; }

div#portfoliothumbnails a:visited img {
border: 1px solid #81694a; }

div#portfoliothumbnails a:hover img {
border: 1px solid #a74525; }

/* portfolio main page with larger thumbnails */

div#portfolio_main {
margin: 0;
padding: 0;
text-align: center; }

div#portfolio_main td {
margin: 0;
width: 0;
padding: 0 15px 20px 15px;
text-align: center; }

div#portfolio_main a:link img {
border: 1px solid #81694a; }

div#portfolio_main a:visited img {
border: 1px solid #81694a; }

div#portfolio_main a:hover img {
border: 1px solid #a74525; }

div#portfolio_main a:link {
color: #81694a;
text-decoration: none; }

div#portfolio_main a:visited {
color: #81694a;
text-decoration: none; }

div#portfolio_main a:hover {
color: #a74525;
text-decoration: none; }



/* portfolio content */

div#portfolio_image {
width: 435px;
float: left;
text-align: right;
margin: 0; }

div#portfolio_content {
width: 165px;
float: right;
margin: 0; }

div#portfolio_content h2 {
font-family: Arial, Helvetica, sans-serif;
color: #81694a;
font-size: 15px;
line-height: 17px;
font-weight: bold;
letter-spacing:1px;
font-variant: normal;
text-transform: none; }



/* footer */

div#footer {
position: relative;
width: 618px;
margin: 0;
padding: 45px 35px 0px 35px; }

div#footer p {
color: #81694a;
font-size: 10px;
line-height: 12px;
font-weight: normal;
letter-spacing: normal; }

div#footer a {
color: #81694a; }


/* images*/

.img_withborder { border: 1px solid #81694a; }

.img_left { 
float: left;
border: 1px solid #81694a;
margin: 0 15px 15px 0;
padding: 0; }

.img_right { 
float: right;
border: 1px solid #81694a;
margin: 0 0 15px 15px;
padding: 0; }