@charset "iso-8859-1";
* {
	padding: 0px;
	margin: 0px;
	}

body {
	background-color: #666634;
	text-align: left;
	font-family:"Myriad Pro", Arial, sans-serif;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
a:visited {
	color: #660000;
}
a:hover {
	color: #660000;
}
a:active {
	color: #666633;
}
#wrapper {
	width: 860px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #660000;
	}
#wrapperinside {
	width: 820px;
	margin: 0 auto;
	padding: 0px;
	background-color: #66A32B;
	height: auto;
	padding-bottom: 5px;
	}
	
	
#clear {
	clear:both;
	}
	
/*------container elements/*/	
#header {
	height: auto;
	width:780px;
	margin: 0 auto;
	margin-top: 5px;
	color: #9A9A69;
	padding-top:5px;
	padding-bottom:0px;
	padding: 0px;
	background-color: #FFFFFF;
	display: block;
	margin-bottom: 0px;
	}
#headergallery {
	height: 200px;
	width:780px;
	margin-top: 0px;
	color: #676735;
	padding-top:0px;
	padding-bottom:0px;
	background-image:url(assets/lvd-headergallery.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color: #FFFFFF;
	display: block;
	padding-left: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

#galleryarrowright {
	background-image:url(images/arrowright.gif);
	height:75px;
	width:110px;
	background-repeat:no-repeat;
	float:left;
	clear:right;
	padding-left: 50px;
	margin-left: 120px;
	}
#galleryarrowleft {
	background-image:url(images/arrowleft.gif);
	height: 75px;
	width:110px;
	background-repeat:no-repeat;
	float:left;
	margin-left: 125px;
	}
#clear {
	clear:both;
	}	
#gallerypicimage1{
	background-image:url(images/rubiconflooringpic.gif);
	height:350px;
	background-repeat:no-repeat;
	margin-left: 100px;
	padding-top: 10px;
	}
#gallerypicimage2{
	background-image:url(images/the-nook-cafe-websitepic.gif);
	height:350px;
	background-repeat:no-repeat;
	margin-left: 100px;
	padding-top: 10px;
	clear:right;
	}
#gallerypicimage3 {
	background-image:url(images/kidstowncameronparkpic.gif);
	height:350px;
	background-repeat:no-repeat;
	margin-left: 100px;
	padding-top: 10px;
	clear:right;
	}
#gallerypicimage4 {
	background-image:url(images/meixner-construction-websitepic.gif);
	height:350px;
	background-repeat:no-repeat;
	margin-left: 100px;
	padding-top: 10px;
	clear:right;
	}
#gallerypicimage5 {
	background-image:url(images/Contra-Costa-County-Retired-Employees-Association-Logopic.gif);
	height:350px;
	background-repeat:no-repeat;
	margin-left: 100px;
	padding-top: 10px;
	clear:right;
	}
#gallerypicimage6 {
	background-image:url(images/rr-designs-logopic.gif);
	height:350px;
	background-repeat:no-repeat;
	margin-left: 100px;
	padding-top: 10px;
	clear:right;
	}
#gallerypicimage7 {
	background-image:url(images/sierradatacomm-business-cardpic.gif);
	height:350px;
	background-repeat:no-repeat;
	margin-left: 100px;
	padding-top: 10px;
	clear:right;
	}	
#gallerycontent {
	margin-left:100px;
	font-family:"Myriad Pro", Arial, sans-serif;
	font-size:18px;
	color:#333333;
	margin-bottom: 10px;
	width: 420px;
	}
#gallerybutton {
	width:400px;
	margin:0 auto;
	height:auto;
	background:#666634;
	color:#CCCC99;
	padding:10px;
	text-align:center;
	font-style:italic;
}	
	
#headermain {
	height: auto;
	font-size: 16px;
	text-align: left;
	color: #999966;
	padding-top: 15px;
	padding-bottom: 15px;
	color:#660000;
	display: block;
	}
#contentbody {
	width: 730px;
	height: auto;
	padding: 0px;
	margin: 0 auto;
	background-color:#D5D5AA;
	padding-top: 10px;
	padding-left:25px;
	padding-right:25px;
	margin-top: 5px;
	}
#content {
	width:740px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	}
#contentindex {
	width:760px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #660000;
	border-right-color: #660000;
	border-bottom-color: #660000;
	border-left-color: #660000;
	}
#footer {
	color: #CCCC99;
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px;
	padding-bottom: 5px;
	}
#headerlogo {
	width: 220px;
	margin: 0 auto;
	height: auto;
	margin-top:0;
	float: left;
	}
	
#h1 {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-style: normal;
	color: #999966;
	text-align: left;
	margin-left: 15px;
	margin-left:-9000px;
}
#navbarcontainer {
	color:#666634;
	height: auto;
	width: 840px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	} 

#headerul {
	list-style: none;
	background-repeat: repeat-x;
	text-align:center;
	width: 780px;
	background-image: url(assets/menu-bar.jpg);
	display: block;
	background-color: #660000;
	bottom: 0px;
	float: left;
	background-position: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	}
#headerulli {
	float: left;
	list-style:none;
	}
li {
	list-style:none;
	}
#headerula {
	margin: 0 auto;
	padding:0;
	font-family:Franklin Gothic Medium, Rockwell, Verdana, sans-serif;
	font-size: 18px;
	line-height: 20px;
	text-decoration: none;
	color: #333333;
	display: block;
	text-align: center;
	}

#header ul li {
	float: left;
	}
#header ul a {
	padding:0 1.2em;
	font-size: 16px;
	line-height: 2em;
	text-decoration: none;
	color:#66A32B;
	float: left;
	display: block;
	}

#header ul a:hover{
	color: #C3EF95;
	text-decoration:underline;
	}
	
.footer {
	font-family:"Myriad Pro", Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align:center;
	color:#FFFFFF;
	}
p {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	color: #333333;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#headeraboutus {
	height: 200px;
	width:780px;
	margin-top: 0px;
	color: #676735;
	padding-top:0px;
	padding-bottom:0px;
	background-image:url(assets/lvd-headeraboutus.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color: #FFFFFF;
	display: block;
	padding-left: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
#containerlogoindex {
	width: 760px;
	height: 250px;
	background-image:url(assets/logo2011.gif);
	clear: both;
	margin-top: 25px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
	vertical-align: bottom;
	padding-top: 45px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #660000;
	border-right-color: #660000;
	border-bottom-color: #660000;
	border-left-color: #660000;
	}	
#footer {
	margin: 0 auto;
	width: 740px;
	line-height: 1.2em;
	padding-top:25px;
	text-align: center;
	}
	
.body {
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 1.2em;
	color: #333333;
	text-align: left;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
	display: block;
}
.bottomnavigation {	
	font-family: "Geneva", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.7em;
	color: #333333;
	margin: 5px;
	padding: 15px;
	text-align: center;
}
#apDiv5 {
	left:15%;
	top:487px;
	width:860px;
	height:auto;
	z-index:5;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.7em;
	color: #333333;
	text-align: center;
	clear: both;
	background-repeat: no-repeat;
	background-position: center bottom;
}
a {
	font-family: Myriad Pro, Arial, sans-serif;
	color: #660000;
}
.selected {
	color: #999966;
	text-decoration:underline;
	}