@charset "UTF-8";
layout {
}

/*----- "html {}" REMOVES PAGE SHIFT -----*/

html { 
min-height: 100%; margin-bottom: 1px; 
overflow: -moz-scrollbars-vertical !important;
}

#wrapper {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

#navigationBar {
	width: 900px;
	height:70px;
	position:relative;
	z-index:500;
}

#logo {
	width:155px;
	height:70px;
	background-image:url;
	background-repeat:no-repeat;
	float:left;
}












#mainNav {
	width:745px;
	height:70px;
	float:right;
	z-index:50;
}

#mainNav ul {
	padding:0 0 0 0;
	margin:28px 0 0 0;
}

#mainNav ul li {
	display:inline;
}

#mainNav ul li a {
	display:block;
	height:27px;
	padding:15px 22px 0 22px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:1px;
	font-size:11px;
	background-image:none;
	background-repeat:repeat-x;
	color:#c6e6ff;
	text-decoration:none;
}

#mainNav ul li a:hover {
	color:#fff;
	background-image:url(images/btnBack.png);
	background-repeat:repeat-x;
	background-opacity:0.5;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #faac13;
}












#sideArt {
	width:1200px;
	height:279px;
	background-image:url(images/sideArt.png);
	background-repeat:no-repeat;
	margin-left:-150px;
	margin-top:73px;
}







#mainwindow {
	width:900px;
	background-image:url(images/windowBack.jpg);
	background-repeat:repeat-x;
	background-color:#DEDEDE;
	margin-top:-352px;
	padding-top:30px;
}

#homeContentImage {
	width:786px;
	height:188px;
	background-image:url(images/homeImg.jpg);
	background-repeat:no-repeat;
	margin-left:30px;
	padding-top:205px;
	padding-left:54px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#888;
	letter-spacing:.275em;
}










#pageContainer {
	width:900px;
	height:363px;
}

#galleryContainer {
	width:900px;
	min-height:767px;
	z-index: 1;
}

#1columnPageContainer {
	width:245px;
	height:363px;
	float:left;
}

#aboutTitle {
	width:245px;
	height:363px;
	background-image:url(images/aboutTitle.jpg);
	float:left;
}








#productThumbs {
	width:245px;
	height:363px;
	background-image:url(images/aboutTitle.jpg);
	float:left;
}

#productSpecs {
	width:655px;
	height:363px;
	float:right;
}












#contactTitle {
	width:245px;
	height:363px;
	background-image:url(images/contactTitle.jpg);
	float:left;
}

#servicesTitle {
	width:245px;
	height:363px;
	background-image:url(images/servicesTitle.jpg);
}

#sectionPic {
	width:525px;
	height:300px;
	background-image:url(images/buildingPic.jpg);
	background-repeat:no-repeat;
	padding-right:60px;
	margin-top:30px;
	float:right;
}

#sectionText {
	width:525px;
	padding-right:60px;
	margin-top:20px;
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#555;
	line-height:16px;
	
}

#servicePicsContainer {
	width:523px;
	height:122px;
}

#serviceLeftSet {
	width:337px;
	height:122px;
	float:left;
}

#cutting1 {
	width:150px;
	height:120px;
	margin-right:30px;
	float:left;
	background-image:url(images/cutting1.jpg);
	border: 1px solid #ffffff;
}

#cutting2 {
	width:150px;
	height:120px;
	float:right;
	background-image:url(images/cutting2.jpg);
	border: 1px solid #ffffff;
}

#cutting3 {
	width:150px;
	height:120px;
	float:right;
	background-image:url(images/cutting3.jpg);
}

#threading1 {
	width:150px;
	height:120px;
	margin-right:30px;
	float:left;
	background-image:url(images/threading1.jpg);
	border: 1px solid #ffffff;
}

#threading2 {
	width:150px;
	height:120px;
	float:right;
	background-image:url(images/threading2.jpg);
	border: 1px solid #ffffff;
}

#threading3 {
	width:150px;
	height:120px;
	float:right;
	background-image:url(images/threading3.jpg);
	border: 1px solid #ffffff;
}

#automated1 {
	width:150px;
	height:120px;
	margin-right:30px;
	float:left;
	background-image:url(images/automated1.jpg);
	border: 1px solid #ffffff;
}

#automated2 {
	width:150px;
	height:120px;
	float:right;
	background-image:url(images/automated2.jpg);
	border: 1px solid #ffffff;
}

#automated3 {
	width:150px;
	height:120px;
	float:right;
	background-image:url(images/automated3.jpg);
	border: 1px solid #ffffff;
	}

#sand1 {
	width:150px;
	height:120px;
	margin-right:30px;
	float:left;
	background-image:url(images/sandblasting1.jpg);
	border: 1px solid #ffffff;
}

#sand2 {
	width:150px;
	height:120px;
	float:right;
	background-image:url(images/sandblasting2.jpg);
}

#sand3 {
	width:150px;
	height:120px;
	float:right;
	background-image:url(images/sandblasting3.jpg);
}

#coating1 {
	width:150px;
	height:120px;
	margin-right:30px;
	float:left;
	background-image:url(images/coating1.jpg);
	border: 1px solid #ffffff;
}

#coating2 {
	width:150px;
	height:120px;
	float:right;
	background-image:url(images/coating2.jpg);
	border: 1px solid #ffffff;
}

#coating3 {
	width:150px;
	height:120px;
	float:right;
	background-image:url(images/coating3.jpg);
	border: 1px solid #ffffff;
}

#plating1 {
	width:150px;
	height:120px;
	margin-right:30px;
	float:left;
	background-image:url(images/plating1.jpg);
	border: 1px solid #ffffff;
}

#plating2 {
	width:150px;
	height:120px;
	float:right;
	background-image:url(images/plating2.jpg);
	border: 1px solid #ffffff;
}

#plating3 {
	width:150px;
	height:120px;
	float:right;
	background-image:url(images/plating3.jpg);
}

#lighting1 {
	width:150px;
	height:120px;
	margin-right:30px;
	float:left;
	background-image:url(images/light1.jpg);
	border: 1px solid #ffffff;
}

#lighting2 {
	width:150px;
	height:120px;
	float:right;
	background-image:url(images/light2.jpg);
	border: 1px solid #ffffff;
}

#lighting3 {
	width:150px;
	height:120px;
	float:right;
	background-image:url(images/light3.jpg);
	border: 1px solid #ffffff;
}











#cuttingPics {
	width:120px;
	height:120px;
	background-image:url(images/background.jpg);
}





















#boxes {
	width:900px;
	margin-top:26px;
	margin-left:auto;
	margin-right:auto;
}

#mainboxes {
	width:900px;
	height:121px;
}








#leftboxset {
	width:450px;
	height:121px;
	float:left;
}

#leftbox1 {
	width:220px;
	height:121px;
	float:left;
	background-image:url(images/PipesBtn.png);
	background-repeat:no-repeat;
}

#leftbox1:hover {
	background-image:url(images/PipesBtnRO.png);
}

#leftbox2 {
	width:230px;
	height:121px;
	float:right;
	background-image:url(images/ValvesBtn.png);
	background-repeat:no-repeat;
}

#leftbox2:hover {
	background-image:url(images/ValvesBtnRO.png);
}






#rightboxset {
	width:450px;
	height:121px;
	float:right;
}

#rightbox1 {
	width:230px;
	height:121px;
	float:left;
	background-image:url(images/FittingsBtn.png);
	background-repeat:no-repeat;
}

#rightbox1:hover {
	background-image:url(images/FittingsBtnRO.png);
}

#rightbox2 {
	width:220px;
	height:121px;
	float:right;
	background-image:url(images/SpecialtyBtn.png);
	background-repeat:no-repeat;
}

#rightbox2:hover {
	background-image:url(images/SpecialtyBtnRO.png);
}








#reflexBox {
	width:100%;
	height:88px;
	background-image:url(images/reflexBoxes.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}




#copyright {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	color:#FFF;
}












/* ---------------------------------------------------- */
/* DROP DOWN STYLES
/* ---------------------------------------------------- */

.dd_menu 	{
	padding:0px;
	margin:0px;
	list-style-type:none;
	height:30px;
}

.dd_menu li 	{
	
	float:right; 
	height:30px;
}

.dd_menu li a 	{
	
	padding:9px 20px; 
	display:block; 
	text-decoration:none;
}

.dd_menu li:hover a {
	text-decoration:underline;
}









.dd_menu ul {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #faac13;
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
	}

.dd_menu li:hover {
	position:relative;
	}
	
.dd_menu li:hover ul {
	left:0px; 
	top:14px;
	}

.dd_menu li:hover ul li {
	height:42px; 
	border:none;
	}

#mainNav .dd_menu li:hover ul li a {
	height:27px;
	padding:15px 0 0 22px;
	display:block;
	width:150px;
	text-align:left;
	color:#FFF;
	background-color:#none;
	background-image:url(images/ddBack.png);
	background-repeat:repeat-x;
	text-decoration:none;
	border:none;
	
	}
	
#mainNav .dd_menu li:hover ul li a:hover {
	height:27px;
	background-image:none;
	background-color:#96979b;
	color:#c6e6ff;
}


























#pipesHeader {
	width:170px;
	height:40px;
	background-image:url(images/pipesHead.png);
	background-repeat:no-repeat;
	margin-left:32px;
	margin-bottom:4px;
}

#valvesHeader {
	width:180px;
	height:40px;
	background-image:url(images/valvesHead.png);
	background-repeat:no-repeat;
	margin-left:32px;
	margin-bottom:4px;
}

#fittingsHeader {
	width:200px;
	height:40px;
	background-image:url(images/fittingsHead.png);
	background-repeat:no-repeat;
	margin-left:32px;
	margin-bottom:4px;
}

#specialtyHeader {
	width:210px;
	height:40px;
	background-image:url(images/specialtyHead.png);
	background-repeat:no-repeat;
	margin-left:32px;
	margin-bottom:4px;
}


/* remove visibility:hidden; if you want to use the original images as thumbnails */


#gallery ul li span {
	display:none;
	position:absolute;
	left:-420px;
	top:329px;
	width:400px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	font-size:12px;
	line-height:22px;
	height: 300;
	cursor:text;
	z-index: 1;
}

#gallery ul li b {color:#92B8E2;}

#gallery ul li.chosen {
	cursor:default;
}

#gallery ul li.chosen div {
	position:absolute;
	left:-418px;
	top:0px;
	width:400px;
	height:300px;
}

#gallery ul li.chosen div i {width:466px; height:300px; display:table-cell; vertical-align:middle; text-align:center;} 

#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto;  margin:0 auto;}

#gallery ul li.chosen span {display:block;}