/* general styles */
body {
	padding: 0;
	margin: 0;
	background: #660000;
	}
	a:link {color: #224;}
	a:hover {color: #800;}
	a:visited {color: #C0C0C0;}
	

/******************************
PAGE, HEADER AND MENU
******************************/
.site-title {
	display: none;
	}

.container {
	width: 960px;
	height:auto;
	margin: 10px auto 40px auto;
	background: #660000;
	}
	
.body .container {
	background: #eee;
	}

.header-table {
	width: 100%;
	}
	
.header {
	margin: 0px auto 0px auto;
	}
	
.prelude-container {
	width: 960px;
	background: #eee;
	}
	
.prelude1 {
	float: left;
	font: bold 35px Arial, Helvetica, sans-serif;
	color: #800;
	}

.prelude2 {
	float: right;
	font: 35px Arial, Helvetica, sans-serif;
	color: #800;
	}
	
.centermitch1 {
	/*margin-left: auto;
	margin-right: auto;*/
	text-align: center;
	}

.menu-container {
	margin: 0px auto 0px auto;
	background: #eee;
	}

.banner1 {
	margin: 20px auto 30px auto;
	width: 930px;
	background: #eee;
	}

.banner-images {
	height: 220px;
	}

.page-title {
	font: bold 25px Arial, Helvetica, sans-serif;
	color: #800;
	margin-top: 40px;
	margin-left: 110px;
	}

.text-wrap {
	font: 16px Arial, Helvetica, sans-serif;
	color: #224;
	margin: 5px 30px 30px 260px;
	}

.top {
	font: 16px Arial, Helvetica, sans-serif;
	margin: 0px 10px 10px 240px;
	}

	.top a:link {color: #224;}
	.top a:hover {color: #800;}
	.top a:visited {color: #224;}

.footer {
	width: 100%;
	padding-top: 25px;
	padding-bottom: 40px;
	<-- background-color: #880000; -->
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	color: #eee;
 	text-align: center;
	}
	
.projects1 {
	border: none;
	background-color: #eee;
	font: 16px Arial, Helvetica, sans-serif;
}

/******************************
INDEX PAGE
******************************/
.index-title1 {
	font: bold 25px Arial, Helvetica, sans-serif;
	color: #800;
	margin-top: 40px;
	margin-left: 110px;
	}

.index-title2 {
	font: bold 25px Arial, Helvetica, sans-serif;
	color: #800;
	margin-left: 170px;
	}

.services-list {
	font: 20px Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 20px 0 40px 340px;
	}



/******************************
BONGTASTIC BACKGROUND IMAGE
******************************/

.bong-background {
    background-image: url(/images/Gold-Room/web-bongtastic-left-side-background2.png);
	background-repeat: no-repeat;
	}
	
.text-wrap-bong {
	font: 20px Arial, Helvetica, sans-serif;
	color: #224;
	margin: 5px 30px 30px 30px;
	background-color: none;
	}


.text-wrap-bong-disclaimer {
	font: 16px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #224;
	margin: 5px 30px 30px 260px;
	background-color: none;
	}
	
.text-wrap-bong-video {
	font: 16px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #224;
	margin: 5px 30px 5px 30px;
	background-color: none;
	}

.container-bong {
	border: 4px solid #e89a04;
    border-radius: 15px;
	background-color: #52d70926;
	margin: 5px 30px 30px 240px;	
	padding: 10px 0px 10px 0px;
	}
	
.container-video {
	margin: 0px 0px 0px 30px;
	}

.container-bong-top {
	border: 4px solid #f6df20;
    border-radius: 15px;
	background-color: #52d7091a;
	margin: 0px 30px 5px 240px;	
	padding: 150px 0px 0px 0px;
	}


.projects-list-bong li {
	font: italic 20px Arial, Helvetica, sans-serif;
	color: #224;
	margin: 5px 30px 5px 30px;
	list-style-type: disc;
	}

.youtube-bong {
    width: 500px;
    height: auto;
    margin: 5px 30px 30px 30px;
    }
    
.page-title-bong {
	font: bold 25px Arial, Helvetica, sans-serif;
	color: #800;
  	margin: 5px 30px 5px 30px;
	}
	
.page-title-bong2 {
	font: bold 45px Arial, Helvetica, sans-serif;
	color: #800;
  	text-shadow:
		-1px -1px 0 #e89a04,
		1px -1px 0 #e89a04,
		-1px 1px 0 #e89a04,
		1px 1px 0 #e89a04;
	margin: 5px 0px 5px 30px;
	padding: 0px 0px 0px 0px;
	}
	
.page-title-bong-world {
	font: bold 45px Arial, Helvetica, sans-serif;
	color: #800;
	text-shadow:
		-1px -1px 0 #e89a04,
		1px -1px 0 #e89a04,
		-1px 1px 0 #e89a04,
		1px 1px 0 #e89a04;
	text-align: center;
	margin: 5px 0px 5px 0px;
	}
	
.page-title-bong-license {
	font: bold 25px Arial, Helvetica, sans-serif;
	color: #800;
	text-align: center;
	margin: 5px 0px 5px 0px;
	}
	
/******************************
FENCE BACKGROUND IMAGE
******************************/
/* .fence-glory-shot {
  display: fixed;
  position: fixed;  
  z-index: 300;
  top: 0px;
  left: 0px;
} 

.fence-upper-grn-strip {
  display: block;
  position: fixed;
  z-index: 200;
  top: 50px;
  left: 50px;
  } */

.fence-background {
    background-image: url(/images/Onyx-Room/web-fence-left-side-background-long.png);
	background-repeat: repeat;
  	padding: 0px 0px 0px 0px;
    z-index: 100;
	}
	
.text-wrap-fence {
	font: 16px Constantia, Arial, Helvetica, sans-serif;
	color: #224;
	margin: 5px 30px 30px 30px;
	background-color: none;
	}

.text-wrap-fence-disclaimer {
	font: 16px Constantia, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #224;
	margin: 5px 30px 30px 260px;
	background-color: none;
	}
	
.text-wrap-fence-video {
	font: 16px Constantia, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #224;
	margin: 5px 30px 5px 30px;
	background-color: none;
	}

.container-fence {
  	/*position: relative;*/
	border: 4px solid #e89a04;
    border-radius: 15px;
	background-color: #52d70926;
	margin: 5px 30px 15px 240px;	
	padding: 10px 0px 10px 0px;

	}
	
.container-video {
	margin: 0px 0px 0px 30px;
	}

.container-fence-top {
	border: 4px solid #f6df20;
    border-radius: 15px;
	background-color: #52d70926;
	margin: 50px 30px 5px 240px;	
	padding: 0px 0px 0px 0px;
	}


.projects-list-fence li {
	font: italic 16px Constantia, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #224;
	margin: 5px 30px 5px 30px;
	list-style-type: disc;
	}

.youtube-fence {
    width: 500px;
    height: auto;
    margin: 5px 30px 30px 30px;
    }
    
.page-title-fence {
	font: bold 25px Constantia, Arial, Helvetica, sans-serif;
	text-align: center;
  	color: #800;
  	margin: 5px 30px 5px 30px;
	}
	
.page-title-fence-left {
	font: bold 20px Constantia, Arial, Helvetica, sans-serif;
	text-align: left;
  	color: #800;
  	margin: 5px 30px 5px 30px;
	}
	
.page-title-fence-top {
	font: bold 80px Constantia, Arial, Helvetica, sans-serif;
	color: #800;
  	text-align: center;	
  	text-shadow:
		-1px -1px 0 #e89a04,
		1px -1px 0 #e89a04,
		-1px 1px 0 #e89a04,
		1px 1px 0 #e89a04;
	margin: 5px 0px 5px 260px;
	padding: 0px 0px 0px 0px;
	}	
.page-title-fence2 {
	font: bold 45px Constantia, Arial, Helvetica, sans-serif;
	color: #800;
  	text-shadow:
		-1px -1px 0 #e89a04,
		1px -1px 0 #e89a04,
		-1px 1px 0 #e89a04,
		1px 1px 0 #e89a04;
	margin: 5px 0px 5px 30px;
	padding: 0px 0px 0px 0px;
	}
	
.page-title-fence-world {
	font: bold 45px Constantia, Arial, Helvetica, sans-serif;
	color: #800;
	text-shadow:
		-1px -1px 0 #e89a04,
		1px -1px 0 #e89a04,
		-1px 1px 0 #e89a04,
		1px 1px 0 #e89a04;
	text-align: center;
	margin: 5px 0px 5px 0px;
	}
	
.page-title-fence-license {
	font: bold 25px Constantia, Arial, Helvetica, sans-serif;
	color: #800;
	text-align: center;
	margin: 5px 0px 5px 0px;
	}
    
/******************************
SERVICES PAGE
******************************/
.services-expertise {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #800;
	margin: 10px 10px 0px 260px;	
	}

.services-industries {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #800;
	margin: 30px 10px 0px 260px;
	}

.services-industry-list li {
	font: 16px Arial, Helvetica, sans-serif;
	color: #224;
	margin: 5px 10px 0px 260px;
	list-style-type: disc;
	}

/******************************
AREAS OF EXPERTISE PAGE
******************************/

.expertise-line-item {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #800;
	margin: 30px 10px 0px 260px;
	}

.expertise-lists li {
	font: 16px Arial, Helvetica, sans-serif;
	color: #224;
	margin: 0px 30px 0px 0px;
	list-style-type: disc;
	}

/******************************
SELECTED PROJECTS PAGE
******************************/

.projects-list li {
	font: italic 16px Arial, Helvetica, sans-serif;
	color: #224;
	margin: 0px 30px 0px 10px;
	list-style-type: disc;
	}

.projects-list li a:link {
	color: #800;
	}

.projects-list li a:visited {
	color: #224;
	}

.projects-list li a:hover {
	color: #003;
	}
.projects-list2 li {
	font: italic 16px Arial, Helvetica, sans-serif;
	color: #224;
	margin: 0px 30px 0px 260px;
	list-style-type: disc;
	}
.projects-titles {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #800;
	margin: 30px 10px 0px 260px;
	clear: left;
	}

.projects-company {
	font: 18px Arial, Helvetica, sans-serif;
	color: #800;
	margin: 0px 10px 0px 260px;
	}

.projects-text {
	font: bold italic 16px Arial, Helvetica, sans-serif;
	color: #224;
	margin: 5px 30px 20px 260px;
	}

/******************************
CLIENTS PAGE
******************************/

.client-products {
	font: 18px Arial, Helvetica, sans-serif;
	color: #224;
	margin: 5px 30px 50px 260px;
		}

.client-table {
	font: 16px Arial, Helvetica, sans-serif;
	color:#800;
	margin-right: auto;
	margin-left: auto;
	border: 0;
	vertical-align: top;
	}

.client-name {
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#800;
		margin-left: 200px;
	/*line-height: 5px;*/
	}

.client-location {
	font: 16px Arial, Helvetica, sans-serif;
	color:#224;
	line-height: 8px;
		margin-left: 200px;
	}

.client-table-blank-row {
	height: 15px;
	background: none;
	}

.client-list-images {
	height: 40px;
	float: right;	
	margin-top: 0px;
	margin-right: 200px;
		}

/******************************
TESTIMONIAL PAGE
******************************/


.testimonial-italic {
	font: bold italic 16px Arial, Helvetica, sans-serif;
	color: #224;
	margin: 5px 10px 10px 260px;
	}

.testimonial {
	font: 14px Arial, Helvetica, sans-serif;
	color: #224;
	margin: 5px 10px 50px 260px;
	}

/******************************
CONTACT PAGE
******************************/
.company-name {
	font: bold 25px Arial, Helvetica, sans-serif;
	color: #800;
	margin: 40px 10px 10px 260px;
	}

.map {
	text-align: center;
	margin-bottom: 20px;
	}

.map img {
	border: 7px groove #800;
	}

.portrait {
	height: 180px;
	float: right;	
	margin-right: 150px;
	}

/******************************
SOFTWARE EXPERTISE PAGE
******************************/

.software-line-item {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #800;
	margin: 30px 10px 0px 260px;
	}

.software-lists li {
	font: 16px Arial, Helvetica, sans-serif;
	color: #224;
	margin: 5px 10px 0px 260px;
	list-style-type: disc;
	}

/******************************
FINE ART PAGE
******************************/

.fine-art-images {
	width: 600px;
	margin-top: 0px;
	margin-left: 290px;
	margin-bottom: 30px;
	}

.painting-title {
	font: 18px Arial, Helvetica, sans-serif;
	color: #800;
	margin: 20px 10px 0px 260px;
	}


/******************************
COVER IMAGE BLOCKS
******************************/
.cover-blocks {
	font: 16px Arial, Helvetica, sans-serif;
	color: #224;
	margin: 5px 20px 30px 260px;
	float: left;	
	clear: right;
	}

/******************************
SYNOPSIS IMAGE ENLARGE
******************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.synopsis-image {
	float: left;
	z-index: 0;
	margin: 0px 20px 20px 0px;	
	}
/*.thumbnail{
position: relative;
z-index: 0;
}*/

	.synopsis-image:hover {
	background-color: transparent;
	z-index: 50;
	}

	.synopsis-image span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 0px;
	left: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

	.synopsis-image span img{ /*CSS for enlarged image*/
	height: 150%;
	width: 150%;
	padding: 2px;
	}

	.synopsis-image:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 300;
	left: 300px; /*position where enlarged image should offset horizontally */
	}

/******************************
SYNOPSIS IMAGE LONG FORMAT
******************************/

/**	.synopsis-image-long {
	margin: 0px 20px 20px 0px;	
	}**/