/*==========================================================
Underground Devices home page gwo css
created by: Steven Wilson
company: topspotims.com

============================================================*/

body{
	background-image:url(../images/body-bg.png);
	background-repeat: repeat-x;
	background-position:top left;
	margin:0 auto;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}
h1, h2{
	font:bold 12pt Arial, Helvetica, sans-serif;
}
p{
	font-size:10pt;
	line-height:1.2;
}
img{
	border:none;
}
.reset{
	margin:0;
	padding:0;
	list-style-type:none;
}
.clearBoth{
	clear:both;
}
#container{
	margin:0 auto;
	/*border:solid 1px #000000;
	border-top:none;*/
	width:960px;
}
	#header{
		background-color:#000000;
		border-top:solid 2px #d6d6d6;
		height:96px;
	}
		#logo{
			background-image:url(http://udevices.com/Content/Graphics/logo.jpg);
			background-repeat:no-repeat;
			background-position:top left;
			width:76px;
			height:77px;
			display:block;
			margin:10px 0px 0px 10px;
			float:left;
		}
		#tagline{
			background-image:url(http://udevices.com/Content/Graphics/ud.gif);
			background-repeat:no-repeat;
			background-position:top left;
			width:164px;
			height:32px;
			display:block;
			position:relative;
			left:87px;
			top:57px;
		}
		#text{
			background-image:url(http://udevices.com/Content/Graphics/udcopy.gif);
			background-repeat:no-repeat;
			background-position:top left;
			width:350px;
			height:33px;
			display:block;
			position:relative;
			left:251px;
			top:25px;
		}
		#phoneNumber{
			float:right;
			color:#ffffff;
			font:bold 18pt Arial, Helvetica, sans-serif;
			margin:0px 8px 0px 0px;
		}
			#phoneNumber span{
				font:bold 12pt Arial, Helvetica, sans-serif;
			}
		
#primaryNav{
	background-color:#cccccc;
	height:50px;
	border-bottom:solid 6px #000000;
	padding-top:2px;
	padding-left:10px;
}
#contentContainer{
	background-color:#ffffff;
	height:641px;
	padding:10px;
	border:solid 1px #000000;
	border-top:none;
}
	#leftColumn{
		width:170px;
		float:left;
	}
		#leftColumn p{
			text-align:right;
			margin-right:20px;
		}
		#leftColumn #leftNav{
			margin:20px 20px 20px 0px;
		}
		#leftColumn #leftNav li{
			margin-bottom:10px;
			text-align:right;
		}
			#leftColumn #leftNav li a{
				color:#347ed5;
				font-size:8pt;
			}
			#leftColumn #leftNav .last a{
				font-weight:bold;
				font-size:9pt;
			}
		#leftColumn #mailIcons{
			text-align:center;
			margin:30px 0px 20px 15px;
		}
		#leftColumn #mailIcons li{
			float:left;
			margin:0px 15px;
		}
	#content{
		width:559px;
		border-left:solid 1px #d6d6d6;
		border-right:solid 1px #d6d6d6;
		float:left;
		padding:0px 16px;
	}
		#banner{
			background:url(../images/banner.jpg) no-repeat top left;
			width:560px;
			height:158px;
		}
		#content p{
			font-family:Arial, Helvetica, sans-serif;
		}
		#buckets{
		}
			#buckets li{
				float:left;
				margin-right:18px;
			}
			#buckets .last{
				margin-right:0px;
			}
			#buckets li h2{
				color:#347ed5;
				margin-top:5px;
				margin-bottom:5px;
			}
				#buckets li h2 a{
					background-image:url(../images/right-arrow.jpg);
					background-repeat:no-repeat;
					background-position:156px 3px;
					color:#347ed5;
					text-decoration:none;	
					display:block;
					width:172px;	
				}
			#buckets li p{
				width:140px;
				font-size:9pt;
				margin-top:5px;
			}
				#buckets li #innerBuckets{
					background-image:url(../images/arrow-right-black.jpg);
					background-repeat:no-repeat;
					background-position:0px 3px;
					list-style-type:none;
					padding:0;
					margin-left:0;
				}
				#buckets li #innerBuckets li{
					background-image:url(../images/arrow-right-black.jpg);
					background-repeat:no-repeat;
					background-position:0px 3px;
					float:none;
					font-size:9pt;
					padding-left:15px;
					margin-bottom:4px;
				}
		#transmission{
			display:block;
			margin-top:20px;
		}
					
	#rightColumn{
		width:160px;
		float:left;
		margin-left:15px;
	}
		#infoRequest{
			background-image:url(../images/info-request.jpg);
			background-repeat: no-repeat;
			background-position:top left;
			display:block;
			text-indent:-999em;
			width:140px;
			height:34px;
		}
		#boxContainer{
			background-image:url(../images/box-bg.jpg);
			background-position:top left;
			background-repeat:no-repeat;
			width:140px;
			height:100px;
			padding-top:14px;
			margin:20px 0px
		}
			#boxContainer li{
				margin-bottom:15px;
				padding-left:42px;
				line-height:1;
			}
				#boxContainer li a{
					color:#6a6a6a;
					font-weight:bold;
					text-decoration:none;
					font-size:9pt;
				}
#footer{
	background-color:#000000;
	height:77px;
	border-top:solid 10px #d6d6d6;
}
	#footer p{
		color:#ffffff;
		float:left;
	}
	#footer .first{
		margin-left:20px;
	}
	#footer .last{
		text-align:right;
		float:right;
		margin-right:20px;
	}
		#footer .last span{
			font-weight:bold;
		}
		
		
		
/* GLOBAL NAVIGATION

===================================================================== */

#primaryNav{
	background-image: url(../images/top-nav-bg.png);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding: 0 0 0 26px;
	height:52px;
}
#primaryNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#primaryNav, #primaryNav ul {
	margin: 0;
	list-style: none;
}

#primaryNav a {
	color:#fff;
	height: 41px;
	text-decoration:none;
	outline:none;
}
#primaryNav li a {
	color:#000000;
	height: 31px;
	text-decoration:none;
	outline:none;
	font-size:10pt;
	font-weight:bold;
	padding-right:70px;
	display:block;
	line-height:2.3;
}
#primaryNav li a:hover {
	color: #F9F9F9;
}

#primaryNav li {
	float:left;
}
	#primaryNav .first a {
		margin-right:14px;
	}
	#primaryNav .second a {
		margin-right:10px;
	}

#primaryNav li ul li{
	float:left;
	font-size:0.75em;
	margin:0px;
}
#primaryNav li ul li a{
	color:#696969;
	overflow:hidden;
	font-weight:bold;
	display:block;
	height:14px;
	padding:0px 7px 5px 0px;
	line-height:normal;
	font-size:9pt;
	margin:0px 0px 0 0;
	border-right:solid 1px #000000;
}
	#primaryNav li ul .first a{
		padding-left:0px;
	}
	#primaryNav li ul .last a{
		border-right:none;

	}

#primaryNav li ul li a:hover{
	color:#000000;
	background-color:none;
}

#primaryNav li ul {
	position: absolute;
	left: -999em;
	background-color:#cccccc;
}

#primaryNav li .width{
	width:9em;
}

#primaryNav li .width li a{
	width:11.2em;
}

#primaryNav li ul .border-bottom{
	border:none;
}

#primaryNav li:hover ul {
	left: 200px;
	background-color:#cccccc;
}

#primaryNav li:hover ul, #primaryNav li.sfhover ul {
	left: 200px;
}
#primaryNav li:hover ul {
	left: 200px;
	background-color:#cccccc;
}

#primaryNav .last:hover ul, #primaryNav .last.sfhover ul {
	left: 290px;
}
#primaryNav .third:hover ul, #primaryNav .third.sfhover ul {
	left: 178px;
}