/* CSS Document */

body {
font-family: helvetica, arial, sans-serif;
font-size: 15px;
color: #666;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
/*background-image: url('../images/bg.gif');*/
background-color:#8F0000;
}

a {
text-decoration:none;
color:#8f0000;
}

a:hover {
text-decoration:none;
color:#000;
}

#block{
width:100%;
height:20px;
}

#container {
width: 915px;
height:580px;
text-align: left;
margin: 0 auto;
padding: 5px;
background-color:#fff;
border:solid #666666; border-width:2px;
}

#header {
width: 100%;
height: 54px;
float: left;
background-image: url('../images/gradient01.gif');
background-repeat: repeat-x;
margin: 0 0 25px 0;
}

#logo {
/*width: 197px;*/
width:215;
height: 36px;
float: left;
padding: 0 0 0 0;
margin: 10px 0 0 23px;

font-size:27px;
font-family:Georgia, "Times New Roman", Times, serif;
}

.red{
color:#8F0000;
}

.darkgrey{
color:#8C8C8C;
}

.lightgrey{
color:#B2B2B2;
}

div.float {
  float: left;
  }
  
div.clear {
  clear: both;
  }

#list {
width: 330px;
height: 36px;
float: right;
margin: 3px 0 0 0;
text-align: right;
padding-right: 32px;
}

#list ul {
list style: none;
padding: 0px 0 0 0px;
}

#list li {
list style: none;
display: inline;
margin: 0 25px 0 0;
font-size: .78em;
text-transform:uppercase;
}

#list li a {
color: #666;
text-decoration: none;
}

#list li a:hover {
color: #8f0000;
text-decoration: none;
}

#list ul li.last{
margin:0 0 0 0;
}

#mainContent{
width:915px;
margin:0 0 0 0;
padding:0 0 0 0;
}

#mainContentLeft {
width: 384px;
margin:20px 35px 0 23px;
padding:0 0 0 0;
height:auto;
float: left;
}

#slideshow{
width: 384px;
height:auto;
float: left;
margin:0 0px 0 0;
/*border-right:dotted;
border-right-color:#666;
border-right-width:1px;*/
}

#mainContentRight {
width: 350px;
margin:10px 0 0 0;
padding:100px 0 0 100px;
height:384px;
float: left;
border-left:dotted;
border-left-color:#666;
border-left-width:1px;
}

.homeText{
font-size:11px;
color:#666;
letter-spacing:.1em;
line-height:1.4em;
}

h1{
font-size:16px;
color:#8F0000;
}

#mainContent{
margin:0 0 0 0;
padding:0 0 0 0;
}

#mainContentLeftPortfolio{
width:200px;
height:300;
margin:20px 0 0 25px;
padding:0 0 0 0;
float:left;
border-right:dotted;
border-width:1px;
border-color:#888;
}

.screenShots{
margin:0 10px 10px 0;
padding:0 0 0 0;
}

#click{
margin:0 0 10px 0;
padding:0 0 0 0;
font-size:10px;
color:#666;
letter-spacing:.1em;
}

#pages{
margin:0 24px 0 0;
padding:0 0 0 0;
font-size:10px;
text-align:left;
letter-spacing:.1em;
}

#mainContentRightPortfolio{
width:630px;
float:left;
margin:20px 0 0 20px;
}

.description{
float:left;
width:170px;
margin:0px 0px 0 40px;
padding:0 0 0 0;
font-size:11px;
color:#666;
letter-spacing:.1em;
line-height:1.4em;
}

h1{
line-height:1.3em;
}

#footer{
position:absolute;
top:570px;
width:915px;
background-image:url('../images/gradient02.gif');
background-repeat: repeat-x;
height:38px;
margin:0 0 0 0;
padding:0 0 0 0;
float:left;
}

#listBottom {
width: 230px;
height: 36px;
float: right;
margin: -4px -7px 10px 20px;
}

#listBottom ul {
list style: none;
padding: 0px 0 0 0px;
}

#listBottom li {
list style: none;
display: inline;
margin: 0 25px 0 0;
font-size: .78em;
color:#666;
}

#listBottom ul li.last{
margin:0 0 0 0;
}

#dots{
float:left;
width:100px;
margin:15px 0 0 25px;
padding:0 0 0 0;
}

.img{
float:left;
}

/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}
: left;
padding: 2px 5px;
}