html, body { 
margin: 0;
padding: 0;
border: 0;
text-align: center;
font: 100% Georgia, Verdana, Helvetica, sans-serif;
/* line-height: 125%; */
background-image: url(img/leather2.jpg);
}

img	{
border: 0;
/* margin: 0 3px 0 0; */
}

#pagewidth {
width: 742px;
text-align: left;
min-width: 500px;
margin-left: auto;
margin-right: auto;
} 
 
#header {
height: 100px;
width: 100%;
background-color: #000;
} 
 
#outer {
border: solid white 0px;
border-left-width: 180px ;  /* left column width. NN4 hack to hide borders */
border-left-color: #000;   /* left column colour */
border-left-style: solid;
background-color: #EAE5C0; /* center column colour */
width: auto;
}

#inner {
margin: 0; width: 100%;
background-image: url(img/textured_beige.jpg);
}

h1 {
text-indent: -9999px;
vertical-align: middle;
margin: 0 0 0 0;
padding: 0;
border: 0;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
display: block;
width: 742px;
height: 100px;
background: url(img/head.jpg) top center no-repeat;
text-decoration: none;
}

#main {
float: left;
width: 100%;
position: relative;
margin: 0 -8px 0 -2px;
}

#outer>#inner {
border-bottom: 1px solid #fff;
}

.clr{
clear: both;
}

.content {
padding: 0;
}

#header .content {
padding-bottom: 0;
}

p {
margin: 0 0 1em 10px;
line-height: 1.3em;
}

h2 {
font-weight: bold;
font: 125% Georgia, "Lucida Handwriting", Verdana, Helvetica, sans-serif;
color: #c00;
line-height: 1.2em;
margin: 5px 0 5px 10px;
text-align: left;
}

.small {
line-height: 1.2em;
margin: 5px 0 0 0;
font-size: 11px;
color: #c00;
}

a:link {
color: #000;
text-decoration: none;
font-weight: bold;
}

a:visited {
color: #666;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #000;
text-decoration: underline;
font-weight: bold;
}
	
a:active {
color: #000;
text-decoration: none;
font-weight: bold;
}

hr {
width: 100%;
color: #c00;
height: 1px;
margin-bottom: 3px;
margin-top: 0px;
}

#left {
width: 180px;
float: left;
position: relative;
margin-left: -180px;
margin-right: 1px;
}

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

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

#left a:hover {
color: #fff;
text-decoration: underline;
}
	
#left a:active {
color: #fff;
text-decoration: none;
}

#left h2 {
font: 110% Georgia, Verdana, Helvetica, sans-serif;
color: #ff3;
margin: 10px 0 15px 10px;
text-align: left;
}

#left h3 {
font: 115% Georgia, Verdana, Helvetica, sans-serif;
color: #c00;
margin: 5px 0 15px 15px;
text-align: left;
}

#left p {
font: 85% Georgia, Verdana, Helvetica, sans-serif;
margin: 5px 0 15px 15px;
text-align: left;
}
/* LIGHT BOX - Dynamic Drive */

#lightbox {background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666;}

#lightboxDetails {font-size: 0.8em; padding-top: 0.4em;}	

#lightboxCaption {float: left;}

#keyboardMsg {float: right;}

#closeButton {top: 5px; right: 5px;}

#lightbox img {border: none; clear: both;} 

#overlay img {border: none;}

#overlay {background-image: url(/img/lightbox/overlay.png);}

* html #overlay {background-color: #333; background-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");}



div#portfolio {width: 100%; text-align: center; font-size: 14px; letter-spacing: 1px;}

img.imgPortfolio {border: 2px SOLID #000000;}