html  {
background: #800000 url(images/topspacer.jpg);
background-repeat:repeat-x;
padding:0;
margin:0;
height:100%;
}

body {
	padding:0;
	margin:0;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
}

img {
	border:0;
}

/**************** fonts *****************/

h1 {
margin : 0 0 0 15px;
padding : 0;
font-family : Arial;
font-size: 16px;
color: #c3c3c3;
font-weight:normal;
}

h2 {
margin : 0 0 0 15px;
padding : 0;
font-family : Arial;
font-size: 22px;
color: #c3c3c3;
font-weight:normal;
}

h3 {
margin : 0;
padding : 0;
font-family : Arial;
font-size: 16px;
color: #FFF;
font-weight:normal;
}

h4 {
margin : 0 20px 0 20px;
padding : 0;
font-family : Verdana;
font-size: 11px;
color: #fff;
font-weight:normal;
}

h5 {
margin : 0;
padding : 2px;
font-family : Verdana;
font-size: 11px;
color: #9cb2e0;
font-weight:normal;
}

h6 {
margin : 0;
padding : 0;
font-family : Verdana;
font-size: 11px;
color: #fff;
font-weight:normal;
}

h7 {
margin : 0 0 0 15px;
padding : 0;
font-family : Arial;
font-size: 16px;
color: #c3c3c3;
font-weight:normal;
}

p {
margin : 0;
padding : 0 20px 0px 15px;
font-family : Verdana;
font-size: 14px;
color: #fff;
}


/**************** Topbar Items *****************/

#container {
width: 100%;
height: 100%;
display: block;
position : relative;
}

#topbar {
display: block;
width: 876px;
height:156px;
background: url(images/topbar_home.jpg);
background-repeat: no-repeat;
margin: 0 0 0 0;
}

#topbar_projects {
display: block;
width: 876px;
height:156px;
background: url(images/topbar_projects.jpg);
background-repeat: no-repeat;
margin: 0 0 0 0;
}

#topbar_contact {
display: block;
width: 876px;
height:156px;
background: url(images/topbar_contact.jpg);
background-repeat: no-repeat;
margin: 0 0 0 0;
}

#topbar_home2 {
display: block;
width: 876px;
height:156px;
background: url(images/topbar_home2.jpg);
background-repeat: no-repeat;
margin: 0 0 0 0;
}

#topbar_home3 {
display: block;
width: 876px;
height:156px;
background: url(images/topbar_home3.jpg);
background-repeat: no-repeat;
margin: 0 0 0 0;
}


#main_container {
font-family: arial, sans-serif; 
width: 100%;
text-align: left; 
}

#content {
display: block;
float:left;
width: 876px;
height:100%;
background: #800000;
margin: 0 0 0 0;
}


#linkList {
position : relative;
text-align : left;
width : 876px;
height:50px;
padding : 0 0 0 0;
margin: 0 0 0 0;
display: block;
}

#linkList .left {
position : relative;
width : 500px;
height:50px;
padding : 0 0 0 0;
margin: 0 0 0 0;
display: block;
float: left;
}

#linkList .right {
position : relative;
text-align : left;
width : 236px;
height:50px;
color: #c68a3a;
font-size:12px;
padding : 21px 0 0 140px;
margin: 0 0 0 0;
display: block;
float: left;
}


.textmiddle {vertical-align:middle;} 


/**************** Navigation *****************/

ul {
list-style:disc; 
line-height: 16px;
margin: 0 0px 0px 30px;
}

li {
font-size: 14px; 
color: #fff;
padding: 0 0 0 0;}

li ol li, li ul li {
font-size: 13px}



		.inner:after, ul:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		.inner, ul{
			display:block;
			}
		/*  \*/
		.inner, ul{
			min-height:1%;
			}
		* html .inner, * html ul{
 		   height:1%;
			}
		.inner{	
			margin:0 auto;
			width:876px;
			text-align:left;
			position:relative;
			}				


/********* Navigation (top level) *****************/

#menu {
list-style-type:none; 
margin: 0 0 0 0;
width: 500px;
padding:0;
}

#menu li {
display:block; 
float:left; 
position:relative; 
z-index:100; 
margin-right:1px;}

#menu li span {
display:block; 
z-index:100; 
font-size:1.1em;}

#menu li a, #menu li a:visited {
display:block; 
padding:0;}


ul#menu {
width:500px;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

ul#menu li {
float: left;
}

ul#menu li a {
display: block;
cursor: pointer;
}

ul#menu li a#home {
width:76px;
height: 56px;
background: url(images/navigation/home.jpg) 0 0 no-repeat;}

ul#menu li a#about {
width:91px;
height: 56px;
background: url(images/navigation/about.jpg) 0 0 no-repeat;}

ul#menu li a#gallery {
width:119px;
height: 56px;
background: url(images/navigation/gallery.jpg) 0 0 no-repeat;}

ul#menu li a#projects {
width:96px;
height: 56px;
background: url(images/navigation/projects.jpg) 0 0 no-repeat;}

ul#menu li a#contact {
width:108px;
height: 56px;
background: url(images/navigation/contact.jpg) 0 0 no-repeat;}


ul#menu li a#home:hover,
ul#menu li a#about:hover,
ul#menu li a#gallery:hover,
ul#menu li a#projects:hover,
ul#menu li a#contact:hover
{
background-position: 0 -56px;
}


/********* End Navigation *****************/

a {
font-size: 12px;
font-family : arial;
color: #fff;
text-decoration: underline;
}

a:hover {
color: #c3c3c3;
font-size: 12px;
font-family : arial;
text-decoration: underline;
}

a:visited {
color:#fff;
font-size: 12px;
text-decoration: underline;
}


.class1 a:link {
color: #685f51; 
font-size: 12px; 
text-decoration: none;}

.class1 a:visited {
color: #685f51; 
font-size: 12px; 
text-decoration: none;}

.class1 a:active {
color: #685f51; 
font-size: 12px; 
text-decoration: none;}

.class1 a:hover {
color: #847866; 
font-size: 12px; 
text-decoration: none;} 


/**************** column *****************/

#column{
width:876px;
height:100%;
display:block;
}	
	
#column .left{
float:left;
width:390px;
font-family : arial;
font-size: 13px;
display:block;
}

#column .right{
float:left;
font-family : Verdana, Georgia, serif;
font-size: 11px;
width:486px;
height:100%;
display:block;
}


#column2{
width:876px;
height:100%;
display:block;
}	
	
#column2 .left{
float:left;
width:292px;
font-family : arial, serif;
font-size: 12px;
margin-left:15px;
display:block;
}

#column2 .middle{
float:left;
font-family : arial, serif;
font-size: 12px;
width:292px;
height:100%;
display:block;
}

#column2 .right{
float:left;
font-family : arial, serif;
font-size: 12px;
width:277px;
height:100%;
display:block;
}





#column3{
width:876px;
height:100%;
display:block;
}	
	
#column3 .left{
float:left;
width:230px;
font-family : arial, serif;
font-size: 12px;
display:block;
}

#column3 .right{
float:left;
width:636px;
height:100%;
display:block;
}


/**************** footer coding *****************/

#footer {
margin : 0;
padding : 0 0 0 0;
font-size: 10px;
font-family: Verdana;
width:100%;
color: #685f51; 
height:45px;
background:#c9bfa8;
display: block;
}

#footerspacer {
margin : 0;
padding : 0;
width:100%;
color: #685f51; 
height:15px;
background:#3d372f;
display: block;
}


#copyright {
margin : 0 0 0 0;
padding : 15px 0 0 0;
width:100%;
height:90px;
font-family: arial;
color: #fff;
background: #6e6759;
display: block;
}

#copyright .left {
margin : 0;
padding : 0;
font-size: 11px;
text-align : left;
font-family: arial;
width:300px;
float:left;
}

#copyright .right {
margin : 0;
padding : 30px 0 0 0;
font-size: 11px;
text-align : right;
font-family: arial;
color: #c68a3a;
width:576px;
float:left;
}