/* CSS Document */
body, html{
	font-family		: sans-serif;
	margin			: 0px;
	padding			: 0px;
	background-color: #ead896;
	height			: 100%;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat;
	background-position: left;
}

#container{
position		: relative;
height			: 500px;
width			: 740px;
left			: 12px;
/*background	: url(../images/content_bg.gif);*/
}

#logo{
margin			: 0px;
padding			: 10px 0 0 35px;
width			: 740px;
height			: 120px;
background		: #ead896 url(../images/header_bg.jpg) no-repeat right;
}

#logo h1{
color			: #666633;
font-family		: verdana;
font-size		: 24px;
margin			: 0px;
padding-top		: 5px;
}

#topnav{
margin			: 0px;
padding			: 0px;
width			: 740px;
background		: #ead896;
height			: 30px;
}

#topnav ul{
list-style-type	: none;
}

#topnav p{
color			: #666633;
display			: block;
font-size		: 11px;
font-weight		: bold;
margin			: 0px;
padding			: 5px;
}

#topnav p a{
color			: #990000;
}

#topnav p a:hover{
color			: #ff9900;
}

#leftcol{
float			: left;
width			: 260px;
}

#info{
padding-bottom	: 10px;
padding-top		: 10px;
position		: relative;
top				: 30px;
background		: #f0e4b6;
width			: 230px;
}

#info p{
color			: #666633;
font-family		: verdana;
font-size		: 11px;
text-align		: center;
}


#content{
background		: #fff;
float			: right;
width			: 480px;
}

#content p{
color			: #666633;
font-family		: verdana, sans-serif;
font-size		: 11px;
line-height		: 1.5em;
padding			: 0px;
margin			: 10px;
line-height		: 180%;
}

#content li{
color			: #666633;
font-family		: verdana, sans-serif;
font-size		: 11px;
margin-right	: 10px;
}

#content h1{
color			: #666633;
font-family		: sans-serif;
font-size		: 18px;
margin-top		: 10px;
margin-left		: 10px;
margin-right	: 10px;
}

#content h2{
color			: #666633;
font-family		: sans-serif;
font-size		: 12px;
margin-top		: 24px;
margin-left		: 10px;
margin-right	: 10px;
margin-bottom	: 0px;
}

#content h2.doors {
color: #666633;
font-family: sans-serif;
font-size: 12px;
margin: -10px 10px -5px 10px;
}

#content p.indent{
color			: #666633;
font-family		: verdana, sans-serif;
font-size		: 11px;
line-height		: 180%;
padding			: 0px;
margin			: 10px 10px 10px 24px;
line-height		: 180%;
}

#content a:link {
color			: #666633;
text-decoration	: underline;
}

#content a:visited {
color			: #818150;
}

#content a:hover {
color			: #383815;
}

#content a:active {
color			: #383815;
}

#graphics{
/*clear			: both;*/
position		: absolute;
left			: 271px;
top				: 411px;
width			: 480px;
z-index			: 20;
/*background	: url(../images/graphic_bg.jpg) no-repeat top right #ff0000;*/
/*display		: none;*/
}

#graphics img{
vertical-align	: top;
margin			: 4px;
padding			: 0px;
}

#footer {
clear: both;
float: right;
margin: 0;
width: 480px;
}

#footer p{
color			: #666633;
font-family		: verdana, sans-serif;
font-size		: 11px;
line-height		: 1.5em;
padding			: 0px;
padding-top		: 12px;
}

/* unvisited link */
#footer a:link {
color			: #990000;
}

/* visited link */
#footer a:visited {
color			: #ff9900;
}

/* mouse over link */
#footer a:hover {
color			: #ff9900;
text-decoration	: none;
}   

/* selected link */
#footer a:active {
color			: #ff9900;
}   

#portfolio img {
padding			: 5px 10px 5px 10px;
}

.quote{
position		: relative;
font-family		: sans-serif;
font-size		: 14px;
font-weight		: bold;
line-height		: 20px;
float			: right;
width			: 175px;
padding			: 6px;
margin			: 6px;
color			: #666633;
border-top		: 0px solid #a4a18a;
border-bottom	: 0px solid #a4a18a;
text-align		: left;
background		: #e1e1e1;
}

.button {
background-color: #ffffff;
display			: table-cell;
height			: 78px;
width			: 78px;
text-align		: center;
}

.button a:link {
background-color: #ffffff;
display			: block;
padding			: 4px 0px 4px 0px;
}

.button a:visited {
background-color: #ffffff;
display			: block;
}

.button a:hover {
background-color: #ead896;
display			: block;
padding			: 4px 0px 4px 0px;
}

.button a:active {
background-color: #f0e4b6;
display			: block;
}

#image {
margin			: 12px 6px 0px 6px;
float			: right;
position		: relative;
border			: solid #000000 1px;
}

#image2 {
margin			: 12px 6px 0px 6px;
float			: right;
position		: relative;
border			: none;
}
