@charset "utf-8";

/* CSS Document */



* {

	padding: 0px;

	margin: 0px;

}





body {

	font-family: Verdana, Geneva, sans-serif;

		

	background-image:url(../images/header_back1.jpg);

	background-repeat:repeat-x;

		

	

} 

#video {

	margin-top: 20px;

	width: 360px;

	height: 203px;	

}



#headerBack {

	width: 100%;



	margin: 0px auto;

}



#header {

	width: 1007px;

	height: 124px;

	margin: 0px auto;

	background-image:url(../images/headerback_.jpg);

}



#headerLeft {

		width: 560px;

		float:left;

		margin-top: 10px;

	margin-left: 15px;

		font-size: 12px;

		

}

#headerLeft a:link.

#headerLeft a:visited,

#headerLeft a:hover,

#headerLeft a:active {

	border: none;

	outline: none;

	color: #fff;



}


#headerLeft p {



}



#headerRight {

	width: 418px;

	height: 124px;

	float:right;

	text-align: right;

	font-size:14px;

}



#headerRight h2 {

	font-size: 14px;



	color: #fff;

	font-weight:normal;

	font-style:italic;

}	



#headerRight p {

	color: #fff;

	line-height: 22px;

		margin-top: 50px;

}







/************NAVIGATION****************/

/************NAVIGATION****************/

/************NAVIGATION****************/





#navigation {

	width:1007px;

	height: 28px;

	margin: 0px auto;

	

}



#navbox {	

	width:1007px;

	height: 28px;

	background-image:url(../images/Nav_spry.jpg);

	background-repeat: no-repeat;

	clear: both;

	position:relative;

	z-index:3;

}





#nav{

	list-style:none;

	margin-bottom:10px;

	margin-left: 237px;

	background-color:#CC6666;



	/* Bring the nav above everything else--uncomment if needed.*/



}

#nav li{

	float:left;

	position:relative;

	width: 132px;

	height: 28px;





}



#nav a{

	display:block;

	color:#fff;

	text-decoration:none;

	width: 132px;

	height: 28px;

	float: left;



}



#nav a:hover{

	color:#fff;

	text-decoration:underline;

}







#nav li#nabout {

	text-indent: -9999px;

}

#nav li#ncerts {

	text-indent: -9999px;

}

#nav li#ngallery {

	text-indent: -9999px;

}

#nav li#nsuppliers {

	text-indent: -9999px;

}

#nav li#ncontact {

	text-indent: -9999px;

}

/*******************START NAVIGATION SPRY********************/







/***ABOUT***/

#nav li#nabout a:hover,

#nav li#nabout a:focus {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 770px -28px;

}

#nav li#nabout a:active {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 770px -56px;	

}



#dabout #nav li#ncerts a {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 638px -56px;

	}

	#about p {
		padding-left: 15px;
	}

	#about h2 {
		padding-left: 15px;
	}
	

	

	/***CERTS***/

#nav li#ncerts a:hover,

#nav li#ncerts a:focus {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 638px -28px;

}

#nav li#ncerts a:active {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 638px -56px;	

}



#dcerts #nav li#ngallery a {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 506px -56px;	

}

/*

#dservices #navbox ul#nav li#nservices a:link,

#dservices #navbox ul#nav  li#nservices a:visited,

#dservices #navbox ul#nav  li#nservices a:hover,

#dservices #navbox ul#nav  li#nservices a:active {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 530px -56px;

	}*/

	

	

	/***GALLERY***/

#nav li#ngallery a:hover,

#nav li#ngallery a:focus {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 506px -28px;

}

#nav li#ngallery a:active {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 506px -56px;	

}



#dgallery #nav li#nsuppliers a {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 374px -56px;	

}








/***SUPPLIER***/

#nav li#nsuppliers a:hover,

#nav li#nsuppliers a:focus {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 374px -28px;

}

#nav li#nsuppliers a:active {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 374px -56px;	

}



#dsuppliers #nav li#nsuppliers a {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 374px -56px;	

}







	/***CONTACT***/

#nav li#ncontact a:hover,

#nav li#ncontact a:focus {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 242px -28px;

}

#nav li#ncontact a:active {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 242px -56px;	

}



#dcontact #nav li#ncontact a {

	background-image:url(../images/Nav_spry.jpg);

	background-position: 242px -56px;	

}













/*******************END NAVIGATION********************/

.alert-panel {
	font-weight: bold;
	color:white;
	background-color: #0066CC;
	border: #0b326d;
	border-width: 5px;
	border-style: dashed;
	border-radius: 5px;
	padding: 10px;
}

.alert-panel a {
	color: white;
	font-size: large;
	line-height: 20px;
}

.alert-panel h1 {
	font-size: x-large;
	color: white
}

body#dgallery {
	margin-top: -15px;	
}

body#dgallery h1 {
	font-size: 18px;
	font-family:"Times New Roman", Times, serif;	
}

body#dgallery h2 {
	font-size: 24px;
	font-family: Tahoma, Geneva, sans-serif;	
	color:#0b326d;
}

ul#glist2 {
	margin-top: 10px;
}

#wrap {

	width: 1047px;

	margin: 0 auto;

	background-image:url(../images/shadow_wrap.png);

	background-repeat:repeat-y;

}



#container {	

	width: 1008px;

	margin: 0 auto;

	position:relative;

}

#container p.serviceinfo {

	font-size: 13px;

	padding: 10px;

	line-height: 20px;

	

}

#container p.test {

	font-size: 13px;

	padding: 10px;

	margin-top: 35px;

	line-height: 20px;

	

}





	

#floater {

	

	height: 127px;

	background-image:url(../images/Call2Action.png);

	position:absolute;

	top: 58px;

	right: 0px;

	z-index: 2;

	background-repeat: no-repeat;

}



#floater a {

	display: block;

	width: 110px;

	height: 110px;

	margin-left: 335px;

	margin-top: 8px;

}

/*

#floater a:hover,

#floater a:focus {

	background-image:url(../images/c2a_spry.png);

	background-position: 112px -132px;

}

#floater a:active {

	background-image:url(../images/c2a_spry.png);

	background-position: 0px -372px;	

}



*/





#heading {

	width: 1008px;

	height: 27px;

	margin-top: 20px;

		

}

#heading h1 {

	text-indent: -9999px;	

}

#dservices #floater {

	width: 454px;

	height: 127px;	;

	margin-top: 10px;

	position:absolute;

	top: 28px;

	right: 0px;

	z-index: 2;

}











#floater h1 {

	text-indent: -9999px;	

}





#main {

	width: 1008px;

	background-color:#fff;



}



#col1 {

	width: 765px;

	float:left;

	font-size: 12px;

	line-height: 20px;

		padding-left: 10px;

}

#dservices #col1 ul#cat {

	width: 370px;

	float: left;



		

}



#cat img, #cat2 img {

	float: left;	

	padding-left: 10px;

	padding-right: 10px;

}

#cat li, #cat2 li {

	list-style-type: none;	

	padding: 5px;

	height: 145px;

	margin-top: 10px;

}

#cat h2, #cat2 h2 {

	font-size: 15px;

	margin-left: 10px;

	text-decoration:underline;

	padding: 2px;

}

#cat h2 a, #cat2 h2 a{

	color:#000;	

}

#cat h2 a:hover, #cat2 h2 a:hover  {

	color:#039;

}



#dservices #col1 ul#cat2 {

		width: 370px;

		float: right;

}



#dservices #col1 p {

	padding: 10px;

		

}









#dservices #col1 p a{

	text-decoration:none;

	

}





#col1 img {

	border: none;

	outline: none;	

}





#col1 a:link.

#col1 a:visited,

#col1 a:hover,

#col1 a:active {

	border: none;

	outline: none;

	color: #fff;



}





#col1 h1 {

	font-size: 12px;

	padding: 15px;

	padding-top: 32px;

	line-height: 20px;

	font-weight: normal;	

}



#dabout #col1 p,

#dproduct #col1 p#info,

#dgallery #col1 p {

	font-size: 12px;

	padding: 15px;

	padding-top: 0px;

	font-weight: normal;	

}



#col1 .textsetup {

	font-size: 12px;

	padding: 15px;

	padding-top: 0px;

}



#dabout #col1 img {

	border: thin solid #000;	

}











#dcontact #col1 p {

	font-size: 12px;

	padding: 15px;

	font-weight: normal;	

}





#threepoints li{

		display: block;

		width: 312px;

		height: 230px;

		list-style: none;

		float: left;

		margin-left: 18px;





}

#threepoints {

	margin-top: 15px;

}

#threepoints ul img {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */

}

#threepoints ul img:hover {
	-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
	filter: grayscale(100%); /* FF 35+ */

}


#projectleft ul img, ,#projectright img, #glistcol3 ul img  {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}

#projectleft ul img:hover, #projectright img:hover, #glistcol3 ul img:hover {
	-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
	filter: grayscale(100%); /* FF 35+ */
}




#threepoints_r li{

		display: block;

		width: 312px;

		height: 230px;

		list-style: none;

		float: left;

		margin-left: 15px;

		



}

#dservices #threepoints ul li {

	margin-top: 15px;

		

}



#threepoints a {

	width: 312px;

	height: 230px;	

	float: left;

	display: block;
	


}

#threepoints a:hover {

	width: 312px;

	height: 230px;	

	float: left;

	display: block;
	
	

}



#dcontact h2,

#dsuppliers h2,

#dcerts h2{

	font-size: 16px;

	padding: 5px;	

}

#dabout h1 {

	font-size: 16px;

	font-weight: bold;



}

#dabout h2 {

	font-size: 12px;



}





/*********************EQUIPMENT********************/



#equip {

	margin-left: 25px;	

}

#equip a {

	font-size: 14px;

	color:#0066FF;	

}

#equip1 {

	margin-left: 25px;	

	width: 300px;

	margin-bottom: 10px;

}

#equip1 a {

	font-size: 14px;

	color:#0066FF;	

}



p.info {

	width: 550px;	

}

img#quartz {

	margin-top: 20px;

	margin-left: 15px;	

}

ul#pltri {



}



ul#pltri li {

		height: 230px;

		width: 312px;



}

ul#pltri li a {

		color:#0066CC;

}

ul#pltri li a:hover {

		color:#3300CC;

}



/************************Flash rotate Images*******************/

#flashG {

	margin-top:15px;



	

}



.maininfo {

	margin-top: 16px;	

	font-size: 12px;

	font-weight:100;

}



#col2 {

	width: 210px;

	float:right;

	line-height: 20px;

	font-size: 12px;

	padding: 10px;

	





	line-height: 16px;

}

#col2 h2, h1 {

	font-size: 12px;

}





.speciallist {

	margin-top: 100px;	

}



ul#special li {

margin-top: 5px;	

}



#col2 p {

		margin-top: 20px;

}	



.col2img {

margin-top: 5px;

}

.col2img img {

	margin-bottom: 15px;	

}





#col2 ol#materials {

	padding-top: 10px;	

	padding-left: 20px;

}

#col2 ol#materials li {

	list-style-type:square;

}



#col2 ol#materials li a {

	color:#990000;

}



#col2 ol#materials li h2 {

	font-size: 12px;

	line-height: 20px;

	font-weight: normal;

	

}

#col2 ul {

	margin-left: 25px;	

}

#col2 ul#icons li {

	float: left;

	outline: none;

	display: block;

	width: 101px;

	height: 98px;

	margin-left: 10px;

	margin-top: 10px;

}



#col2 ul#icons li a {

	float: left;

	outline: none;

	display: block;

	width: 101px;

	height: 98px;

}



#col2 ul#text li {

	float: left;

	outline: none;

	display: block;

	width: 100px;

	margin-left: 10px;

	text-align:center;

	color:#900;

}





/*******************THREE ICON SPRY********************/

/*******************THREE ICON SPRY********************/

/*******************THREE ICON SPRY********************/

#col2 ul#icons li#map {

	width: 101px;

	height: 98px;

	background-image:url(../images/map_spry.jpg);

	text-indent: -9999px;

}



#col2 ul#icons li#map a:active {

		background-image:url(../images/map_spry.jpg);

		background-position: 0px -98px;

}



#col2 ul#icons li#howto {

	width: 101px;

	height: 98px;

	background-image:url(../images/Howto_spry.jpg);

	text-indent: -9999px;

}



#col2 ul#icons li#howto a:active {

		background-image:url(../images/Howto_spry.jpg);

		background-position: 0px -98px;

}



#col2 ul#icons li#discount {

	width: 101px;

	height: 98px;

	background-image:url(../images/Discount_spry.jpg);

	text-indent: -9999px;

}



#col2 ul#icons li#discount a:active {

		background-image:url(../images/Discount_spry.jpg);

		background-position: 0px -98px;

}

/*******************END ICON SPRY********************/



/*

#nav ul li#dhowto a:hover,

#nav ul li#dhowto a:focus {

	background-image:url(../images/Nav_spry.jpg);

	background-position: -740px -34px;

}

#nav ul li#dhowto a:active {

	background-image:url(../images/Nav_spry.jpg);

	background-position: -740px -68px;	

}

*/



#col2 .leftside{

	float:left;

	width: 175px;

	height: 303px;

	margin-top: 15px;

	margin-left: 12px;

	border: thin solid #000;

}

#col2 .rightside {

	float:right;

	width: 175px;

	height: 303px;

	margin-top: 15px;

	margin-right: 12px;

	border: thin solid #000;

}



.clear {

	clear:both;	

}

.clear2 {

	clear:both;	

	height: 45px;

}



#footer {



	height: 48px;

	margin: 0px auto;



}



#footerBack {



	height: 48px;

	margin: 0px auto;

	

	border-top-width: thick;

	border-top-style: solid;

	border-top-color: #666;

	

}

#footer p {

	text-align: center;

	margin-top: 10px;

	font-size: 12px;

	color:#333333;

}

#footer p a {

	color: #333;

}



#footer ul li {

	float: left;

	outline: none;

	display: block;

	width: 35px;

	height: 35px;

	background-color:#366;

	margin-left: 10px;

	margin-top: 5px;

	

}











#quickContact {

	font-size: 12px;



	

	color:#900;



	

		border-top-width: thin;

	border-top-style: solid;

	border-top-color: #000;

	margin-top:10px;

}



.tablebgdrequire {

	background-color:#fff;	

}

.qcontact {

	padding-top: 85px;	

}



h2#contact {

	font-size: 14px;

	margin-left: 10px;

	margin-top: 20px;

}



.certs img {

	float: left;	

	padding-top: 8px;

}

.certs p {

	padding: 10px;	

	padding-top: 25px;

}

.cert-header {
	font-size: x-large;
	color:#20438f
}

.cert-body {
	font-size: medium;
	color:#20438f
}

.cert-footer {
	font-size: x-large;
	color: darkgoldenrod
}

#nacc-desc p {
	padding: 0;
	margin-left: 250px;
}



#footer p.c {

	font-size: 10px;	

}



#glist {

	width: 980px;

	margin-top: 20px;

	padding-top: 45px;

	border-top-width: thin;

	border-top-style: solid;

	border-top-color: #666;

	background-image:url(../images/gallery/iconTitle.jpg);

	background-repeat:no-repeat;

}





#glistcol1 {

	width: 652px;

	overflow: scroll;

	float:left;	
	height: 660px;

}





#glistcol3 {

	width: 326px;



	float:right;

}



#projectleft {

		width: 326px;

}



#projectright {

		

		

		float:right;

}




#glist ul {
	float: left;	
}




#glist ul#ulright {

	float: right;

}



#glist ul#gright {

	width: 340px;;

	height:	660px;

	overflow: scroll;

}



#glist img{

	float: left;	

	padding: 2px;

}



#glist ul#gright li {

	margin-bottom: 20px;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #333;

}





#glist li {



	width: 290px;

	font-size: 12px;

	padding: 5px;



	margin-left: 10px;



	list-style-type: none;

}



#galist li img {

	float: left;

	padding: 5px;	

}



.galist {

	width: 980px;

	
	padding-bottom: 0px;

	border-top-width:thin; 

	border-top-style: solid;

	border-top-color: #000;

	padding: 5px;

}





.galist p {

	margin-top: 10px;	

}

.galist ul li {

	width: 312px;

	height: 230px;

	float: left;

	padding: 5px;

	list-style-type: none;	

}

p.contactL {
	
}
p.contactR {
	
}