
html{
background:#030303;
}

body{
margin:auto;
padding:0;
line-height: 1.2em;
background:#030303;
font-family: Helvetica, arial, sans-serif;
font-size:0.8em;
}

#maincontainer{
width: 800px; /*Width of main container*/
margin: auto; /*Center container on page*/
background:#FFFFFF;
border:1px solid #4B6D31;
}

#header{
float:left;
margin:0;
background: #FBF8F8;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
height: 67px; /*Height of top section*/
display:block;
width:100%;
}

#navigation{
float:left;
height:25px;
width:100%;
background:#4B6D31;
border-top:1px solid #000000;
}

#nav_break{
float:left;
width:74px;
height:25px;
border-right:1px solid #000000;
}

#navigation ul{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

#navigation li{
float:left;
width:85px;
height:25px;
list-style:none;
border-right:1px solid #000000;
}

#navigation a{
line-height:2em;
display:block;
width:100%;
height:25px;
text-align:center;
font-weight:normal;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html body #maincontainer #navigation a {width:100%;}

#navigation .active a, #navigation a:hover{
background:#D27843;
text-decoration:none;
}

#contentwrapper{
float: left;
width: 100%;
height:425px;
}

/* might have to include this.
#contentcolumn{
margin: 0 295px 0 74px; 
padding:0;
border-bottom:1px solid #4B6D31;
height:405px;
}

html>body 
*/

#contentcolumn{
margin: 0 295px 0 74px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding:20px;
border-bottom:1px solid #4B6D31;
height:425px;
}


.titles{
font-weight:bold;
font-size:10pt;
display:block;
margin-bottom:5px;
}

#leftcolumn{
float: left;
width: 74px; /*Width of left column in pixel*/
margin-left: -800px; /*Set margin to that of -(MainContainerWidth)*/
background: #C8FC98;
border-right:1px solid #4B6D31;
}

#left_top{
height:220px;
background:url(images/stone_left.gif);
border-bottom:1px solid #4B6D31;
}

#left_bot{
height:245px;
background:#D27843;
}

#rightcolumn{
float: left;
width: 295px; /*Width of right column*/
margin-left: -296px; /*Set left margin to -(RightColumnWidth)*/
border-left:1px solid #4B6D31;
}

#rightcolumn a{
color:#FFFFFF;
}

#rightcolumn a:hover{
color:#999999;
}

#right_top{
height:220px;
background:url(images/imageslide.gif);
border-bottom:1px solid #4B6D31;
}

#right_mid{
	padding:0px 0 0 18px;
	height:128px;
	background:url(images/stone_right.gif);
	border-bottom:1px solid #4B6D31;
	margin:0;
	text-align: center;
	vertical-align: middle;
	overflow:hidden;
}

a.main_thumbs {
float:left;
	display:inline;
	width:100px;
	height:66px;
	border:1px solid black;
	overflow:hidden;
}

a.main_thumbs:hover{border:1px solid white;}

#right_nav{
height:24px;
padding:0;
margin:0;
width:100%;
background:#030303;
}

#right_nav ul{
float:left;
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	padding-left:20px;
}

#right_nav li{
float:left;
padding-right:5px;
height:24px;
display:block;
list-style-type:none;
line-height:2em;
letter-spacing:0.1em;
color:#FFFFFF;
}

#right_nav li a{
width:70px;
height:24px;
display:block;
text-align:center;
font-weight:normal;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}


#right_nav .active a, #right_nav a:hover{
background:#4B6D31;
text-decoration:none;
color:#FFFFFF;
}

#right_bot{
float:left;
height:92px;
width:295px;
background:#4B6D31;
overflow:hidden;
}

#address{
background:#4B6D31;
color:#FFFFFF;
padding:10px 0 0 20px;
margin:0;
}

#footer{
clear: left;
width: 100%;
background:#D27843;
height:23px;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a:link{
color:#FFFFFF;
}

#footer a:hover{
color:#FFFFFF;
}

#footer a:active{
color:#FFFFFF;
}

#admin_link{
margin:0;
padding:0;
width:100px;
float:left;
color:white;
padding:5px 0 0 20px;
font-size:0.8em;
}

#copyright{
float:left;
width:300px;
text-align:left;
padding:5px 0 0 20px;
font-size:0.8em;
}

#inertia_logo{
	width:360px;
	margin-left:-40px;
	margin-top:3px;
	float:left;
	text-align:right;
	padding:2px 20px 0 0;
	font-size:0.8em;
	vertical-align:middle;
}

.inertia_logo_img{
vertical-align:middle;
margin-top:-3px;
}

a:link{
color:#4B6D31;
}

a:hover{
color:#999999;
}

a:active{
color:#FFFFFF;
}

/* PRODUCTS AND SERVICES PAGES */

#right_bot_products{
float:left;
height:1873px;
width:295px;
background:#4B6D31;
overflow:hidden;
}

#left_bot_products{
height:2026px;
background:#D27843;
}

#contentwrapper_products{
float: left;
width: 100%;
height:2206px;
}

#contentcolumn_products{
margin: 0 295px 0 74px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding:20px;
border-bottom:1px solid #4B6D31;
height:2206px;
}
