/* css style sheet for the Valier Guild Website         */
/* Copyright 2006 Duston S. Horacek all rights reserved */


/* ---------------------------------------------------------------- */
/*                          HEADER STYLE BEGIN                      */
/* ---------------------------------------------------------------- */
/* Main Header Logo - Image - by Sokol*/
html,
	body {
		margin:0;
		padding:0;
		height:100%;
		background: url(../images/centerBG.png) repeat-y center top fixed;
		background-color:#d8d8d8;
		
	}
a:link
{
color: #ac5a0b;
text-decoration: none;

}
a:visited
{
color: #ac5a0b;
text-decoration: none;
}
a:hover
{
color: #b17119;
text-decoration: underline overline;
}
a:active
{
color: #b17119;
text-decoration: underline;
text-decoration: overline;
}	
#main_container
{
position: relative;
margin: 0 auto;
min-height: 100%;
overflow-y: auto;
}	
#container
{
margint:0 auto;
 min-height:100%;
 height:auto;
 position:relative;
overflow-y:auto; 
}		
#container2 
{
 min-height:100%;
 width:760px;
 position:relative;
}
#contentBG 
{
 background: url("../images/centerBG.png") repeat-y center;
}
.anchor
{
position: absolute;
}
.thumbnail
{
 z-index: 0;
}
.thumbnail:hover
{
background-color: transparent;
z-index: 50;
}
.thumbnail span
{
position: absolute;
top:inherit;
left:inherit;
background-color: lightyellow;
padding: 0 0 5px 0;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail:hover span
{
visibility: visible;
margin-top: -40px;
margin-left: 200px;

}
.thumbnail2
{
 z-index: 0;
}
.thumbnail2:hover
{
background-color: transparent;
z-index: 50;
}
.thumbnail2 span
{
position: absolute;
top:inherit;
left:inherit;
background-color: lightyellow;
padding: 0 0 5px 0;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail2:hover span
{
visibility: visible;
margin-top: -140px;
margin-left: 200px;

}
.codebox
{
background-color: lightyellow;
padding: 0 0 5px 0;
border: 1px dashed gray;
color: black;
text-decoration: none;
}

.frame 
{
		padding:0px;
		padding-top:80px;
		padding-bottom:80px;	/* Height of the footer */
 height: 100%;
 position:relative;
 width:760px;
 margin-right:auto;
 margin-left:auto;
 text-align:left;
 z-index:10;
}
	#contentleft {
		width:10px;
		padding:0px;
		float:left;
		background:#fff;
		}
	
	#contentcenter {
	height:100%;
		width:740px;
		padding:0px;
		float:left;
		background:#eee;
		}
	
	#contentright {
		width:10px;
		padding:0px;
		float:left;
		background:#fff;
		}


#bodyborder 
{
 border-style:solid;
 border-top:none;
 border-bottom:none;
 border-right-width:1px;
 border-left-width:1px;       
 background-color:#d8d8d8; 
 border-color:#000000;	
 min-height:100%; 	
}
#leftfill
{
top:0;
bottom:0;
 position:absolute;
 min-width:10px;
 max-width:10px;
 background: url(../images/leftfill.png) repeat-y;
 z-index:10;
}
#rightfill
{
top:0;
bottom:0;
position:absolute;
 min-width:10px;
 max-width:10px;
 min-height:100%;
 background: url(../images/rightfill.png) repeat-y;
 z-index:10;
}
#center
{
 min-height:100%;
 min-width:740px;
 max-width:740px;
}
/* Main Header BG - Image - by Sokol*/
#headerlogo
{
 background: url(../images/Header04.png) no-repeat;
}
#headerlogoIE
{
 background: url(../images/HeaderIE.png) no-repeat;
}
#headerIE 
{
 position:absolute;
 top:0;
 width:100%;
 height:140px;
 background: url(../images/Header_Fill03.png) repeat-x;
 z-index:2;
 margin-top: -120px;
}	
#header 
{
 position:absolute;
 top:0;
 width:100%;
 height:140px;
 background: url(../images/Header_Fill03.png) repeat-x;
 z-index:2;

}
#body2 {
		padding:0px;
		padding-top:0px;
		padding-bottom:0px;	
		background-image: url(../images/centerBG.png) repeat-y;	
		margin-top: 120px;
		clear: both;	
	}
#projbody2 {
		padding:0px;
		padding-top:0px;
		padding-bottom:0px;	
		background-image: url(../images/centerBG.png) repeat-y;	
		margin-top: 120px;
		margin-left:-20px;
		clear: both;	
	}	
#footerlogo
{
 background: url(../images/Footer02.png) no-repeat;
}
#footer
{
 position:absolute;
 bottom:0;
 width:100%;
 height:120px;
 background: url(../images/Footer_Fill01.png) repeat-x;
 z-index:1;
 clear:both;
}	
.footer
{
 position:absolute;
 bottom:0;
 width:100%;
 height:120px;
 background: url(../images/Footer_Fill01.png) repeat-x;
 z-index:1;
 clear:both;
}
	/* other non-essential CSS */
	#header p,
	#header h1 {
		margin:0;
		padding:10px 0 0 10px;
	}
	#footer p {
		margin:0;
		padding:10px;
	}
	

.homenav a {
display:block;
width: 89px;
height:45px;
position:relative;
left:11px;
top:34px;
background: url("../images/Home01.png") no-repeat left bottom;
z-index:5;
}
.homenav a:hover { 
position: 0 0px;
background: url("../images/Home01.png") no-repeat left top;
z-index:5;
}
.servnav a {
display:block;
width: 130px;
height:45px;
position:relative;
left:11px;
top:34px;
background: url("../images/Services01.png") no-repeat left bottom;
z-index:5;
}
.servnav a:hover { 
position: 0 0px;
background: url("../images/Services01.png") no-repeat left top;
z-index:5;
}
.pronav a {
display:block;
width: 120px;
height:45px;
position:relative;
left:11px;
top:34px;
background: url("../images/Project01.png") no-repeat left bottom;
z-index:5;
}
.pronav a:hover { 
position: 0 0px;
background: url("../images/Project01.png") no-repeat left top;
z-index:5;
}
.galnav a {
display:block;
width: 130px;
height:45px;
position:relative;
left:11px;
top:34px;
background: url("../images/Gallery01.png") no-repeat left bottom;
z-index:5;
}
.galnav a:hover { 
position: 0 0px;
background: url("../images/Gallery01.png") no-repeat left top;
z-index:5;
}
.specnav a {
display:block;
width: 118px;
height:45px;
position:relative;
left:11px;
top:34px;
background: url("../images/Specials01.png") no-repeat left bottom;
z-index:5;
}
.specnav a:hover { 
position: 0 0px;
background: url("../images/Specials01.png") no-repeat left top;
z-index:5;
}
.contnav a {
display:block;
width: 173px;
height:45px;
position:relative;
left:11px;
top:34px;
background: url("../images/Contactus01.png") no-repeat left bottom;
z-index:5;
}
.contnav a:hover { 
position: 0 0px;
background: url("../images/Contactus01.png") no-repeat left top;
z-index:5;
}	

#wrapper
{
width: 720px;
padding: 10px 0px 0px 10px;
height:100%;
z-index:10;
}
#wrapper img
{
float:left;
width:447px;
margin:0 0 0px 0px;
padding:15px;
border: 0px;
text-align:center;
}
#wrappermap
{
width: 720px;
padding: 10px 0px 0px 10px;
height:100%;
z-index:10;
}
#wrappermap img
{
float:left;
width:414px;
margin:30 0 0px 0px;
padding:15px;
border: 0px;
text-align:center;
}
#wrapperprojects
{/*
width: 720px;
padding: 10px 0px 0px 10px;
height:100%;
z-index:10; */
}
#wrapperprojects img
{
float:right;
width:155px;
margin:30 0 0px 0px;
padding:15px;
border: 0px;
text-align:center;
}
.wrapperprojects
{/*
width: 720px;
padding: 10px 0px 0px 10px;
height:100%;
z-index:10; */
}
.wrapperprojects img
{
float:right;
width:155px;
margin:30 0 0px 0px;
padding:15px;
border: 0px;
text-align:center;
}
#pumppic
{
width: 720px;
padding: 10px 0px 0px 10px;
height:100%;
z-index:10;
}
#pumppic img
{
width:414px;
margin:0 0 0px 0px;
padding:15px;
border: 0px;
text-align:center;
}
#wrapper2
{
width: 720px;
padding: 10px 0px 0px 10px;
height:100%;
z-index:10;
}
#wrapper2 img
{
float:left;
width:356px;
margin:0 0 0px 0px;
padding:15px;
border: 0px;
text-align:center;
}	
#concbox
{
 background: url(../images/servbox1.png) no-repeat;
 margin:30px 0px 0px 10px;
width: 720px;
height: 204px;
z-index:10;
}
#concboxtext
{
color: #ffffff;
float:left;
margin:-15px 0px 0px 30px;
}	
#concboxtext2
{
color: #000000;
float:left;
margin:-15px 0px 0px 0px;
}
#shotbox
{
 background: url(../images/shotcretebox.png) no-repeat;
 margin:30px 0px 0px 10px;
width: 720px;
height: 284px;
z-index:10;
}
#groutbox
{
 background: url(../images/groutbox.png) no-repeat;
 margin:30px 0px 0px 10px;
width: 720px;
height: 204px;
z-index:10;
}
.shotboxtext
{
color: #ffffff;
float:left;
margin:-15px 0px 0px 30px;
}	
.shotboxtext2
{
color: #000000;
float:left;
margin:-15px 0px 0px 0px;
}
#mapbox
{
 background: url(../images/mapbox.png) no-repeat;
 margin:30px 0px 0px 10px;
width: 720px;
height: 204px;
z-index:10;
}
#mapboxtext
{
color: #000000;
float:left;
margin:-15px 0px 0px 30px;
}	
#mapboxtext2
{
color: #000000;
float:left;
margin:-15px 0px 0px 10px;
}


.emailbodyborder
{
border: 1px solid #003366;
}
#servtable1
{
 background-color:#999999;
}
#servtable2
{
 margin-left: 10px;
 color:#FFFFFF;
 background-color:#575656;
 height:20px;
}

/* ---------------------------------------------------------------- */
/*                          POPUPINFO END                           */
/* ---------------------------------------------------------------- */