/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

body {
	background: #dbe6a4 url("../images/bg.gif") top repeat-x;
	text-align: center;
	margin:38px 50px;
	color: #4C4C4C;
	font-family: "Verdana", "Tahoma","Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
	font-size: 14px;
}

#container {
	margin: 0 auto;
	width: 946px;
}

#topcontent {
	margin-bottom: 38px;
}

	#topcontent h2 {
		float: left;	
		margin: 0;
		background: url("../images/the-omnimount.gif") top left no-repeat;
		padding: 255px 0 0 0;
		overflow: hidden;
		width: 472px;
		height: 0px !important;
		height /**/:255px;
	}
	
	#video {
		width: 416px;
		height: 288px;
		float: right;
	}

	#shopNow {
		background: url("../images/shop-now.gif") top left no-repeat;
		width: 149px;
		height: 37px;
		text-indent: -9999px;
		outline: none;
		float: left;
		clear: both;
		display: block;
	}
	
	#topcontent .left {
		float: left;	
	}


/* tab pane styling */
div.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:100px;
	font-size:12px;
	background-color:#fff;
}

.clear {
	clear: both;	
}

/*
			-------- CONTENT PANES ---------
*/


.pane h3 {
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	height: 36px;
	text-indent: -9999px;
}
	#pane3 img, #pane4 img {
		margin: 0 0 10px 0;
		float: left;
	}
	
	#pane3 h3 { background-image: url("../images/want-to-know-more.gif"); margin-bottom: 13px; }
	#pane1 h3 { background-image: url("../images/a-revolutionary-system.gif"); }
	#pane2 h3 { background-image: url("../images/installs-in-3-easy-steps.gif"); }
	#pane4 h3 { background-image: url("../images/header-contact-us.gif"); }
	
	#pane2 ol {
		list-style: none;
		margin: 12px 0 0 0;
		padding: 0;
	}
	
		#pane2 li {
			padding: 0;
			margin: 0px;
			float: left;
			width: 297px;
			margin-right: 7px;
		}
		
			#pane2 p, #pane2 h4 {
				padding-left: 56px;
				font-size: 9px;
			}
			
			#pane2 p {
				margin-top: 6px;
				padding-right: 10px;
			}
					
			.step {
				margin: 20px 0;
				height: 50px;
			}
			
				.step h4 {
					margin: 0 0 0 56px;
					height: 15px;
					text-indent: -9999px;
				}
			
				#step1 h4 {
					background: url("../images/header-step-1-attach.jpg") bottom left no-repeat;
				}
			
				#step2 h4 {
					background: url("../images/header-step-2-mount.jpg") bottom left no-repeat;
				}
			
				#step3 h4 {
					background: url("../images/header-step-3-hang.jpg") bottom left no-repeat;
				}
			
			#step1 {
				background: url("../images/num-1.jpg") top left no-repeat;
			}		
			
			#step2 {
				background: url("../images/num-2.jpg") top left no-repeat;
			}		
			
			#step3 {
				background: url("../images/num-3.jpg") top left no-repeat;
			}		

	#pane3 ul {
		list-style: none;
		margin: 0 0 0 37px;
		padding: 0;
		width: 552px;
		float: left;
		border-bottom: 2px solid #ccc;
		padding-bottom: 5px;
	}
	
		#pane3 li {
			margin: 0 0 13px 0;
			padding: 0;
			display: block;
			float: left;
			width: 276px;
			background-repeat: no-repeat;
			background-position: top left;
			height: 59px;
			text-indent: -9999px;

		}
		
			#works { background-image: url("../images/works-with-all.gif"); }
			#impressive { background-image: url("../images/impressively-low.gif"); }
			#supports { background-image: url("../images/supports-40-lbs.gif"); }
			#installs { background-image: url("../images/installs-in-minutes.gif"); }
			#universal { background-image: url("../images/universal-vesa-compliant.gif"); }
			#comeswith { background-image: url("../images/comes-with-cut-template.gif"); }


			#pagefooter {
				float: right;
				text-align: center;
				font-size: 10px;
				margin-top: 20px;
				width: 565px;
			}
			
				#pagefooter img { padding: 0; margin: 0; }
			
				#pagefooter div {
					width: 182px;
					text-align: center;
					float: left;
					line-height: 17px;
					color: #231f20;
					text-transform: uppercase;
				}
				
				div#patent {
					text-align: center;	
				}
				
				div#modelomf {
					font-weight: bold;
					text-align: left;
				}
				
				div#ul {
					text-align: right;	
				}
				
				div#ul img {
					float: right;	
				}


	#pane4 {
		text-align: center;
		position: relative;
	}
	
		#pane4 .inner {
			width: 570px;
			text-align: left;
			color: #4c4c4c;
			font-size: 18px;
			height: 230px;
			position: absolute;
			left: 348px;
		}
		
			#pane4 a {
				font-weight: bold;
			}
			
			a {
				color: #4c4c4c;
				text-decoration: none;
			}
		
		#pane4 img {
			float: left;
		}


#promo {
	background: url("../images/promo-bg.jpg") top left no-repeat;
}
	
	#promo p {
		font-size: .9em;
		display: block;
		margin: 0 0 0 15px; 
		padding: 0;
	}

	
	
#footer {
	padding: 10px;
	text-align: left;
	margin-top: 50px;
}


	#footer h4 {
		float: left;
		width: 300px;
		padding: 0;
		margin: 0;
		font-size: 12px;
	}
	
	#footer div {
		text-align: right;
		float: right;
		width: 500px;
		font-size: 10px;
		line-height: 19px;
	}
	

/* the overlayed element */
#engineers {
	
	/* growing background image */
	background:#fff;
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}	

	#omnimark {
		background: url("../images/omnimount-logo-small.jpg") top left no-repeat;
		width: 88px;
		height: 92px;
		display: block;
		float: right;
		text-indent: -9999px;
		outline: none;
		position: absolute;
		bottom: 29px;
		right: 28px;
	}