/*
Theme Name: Integrity AV
Theme URI: http://integrityav.com
Description: This is a custom design created by Unattended Media
Author: Nathan Barry
Author URI: http://unattendedmedia.com

*/

@import 'css/screen.css';

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #e3e3e3 url('img/green-background.jpg');
	color: #4b4b4b;
	}
	
	#green-background {
		background: url('img/background.jpg') no-repeat left top;
		height: 100%;
		}
	
a {
	/*color: #608414;
	text-decoration: none;*/
	}
	
	a:hover {
		
		}
		
	a:visited {
		
		}	
		
	#page {
		background: url('img/page.png') repeat-y;
		min-height: 100%;
		display: block;
		}	
	
	#header {
		}
		
		#logo {
				float: left;
				}

		.logo {
			display: block;
			width: 440px;
			height: 116px;
			background: url('img/logo.jpg') no-repeat;
			text-indent: -9999px;
			}
			
			.phone {
					display: block;
					float: left;
					color: #333;
					font-size: 14px;
					left:-140px;
					position:relative;
					top:87px;
					font-weight: bold;
					}
					
			.value-statement {
					display: block;
					float: right;
					width: 260px;
					color: #333;
					font-size: 18px;
					text-align: center;
					padding: 30px 0px;
					margin-right: 25px;
					}
					
					.year { 
						display: block;
						}

		#image {
			width: 950px;
			height: 315px;
			background: url('img/banner.jpg') center top no-repeat;
			margin: -25px 0px 0px;
			}
			
	#wrapper {
		
		}
		
	#content {
		background: #fff url('img/top.jpg') no-repeat;
		width: 540px;
		margin: 0px 0px 0px 15px;
		padding: 20px 30px 0px;
		}
		
		#content .bottom {
			display: block;
			height: 15px;
			margin: 0px 0px 0px -30px;
			background: url('img/bottom.jpg') no-repeat;
			width: 600px;
			}
		
		html>body #content {
			width: 540px;
			margin: 0px 0px 0px 28px;
			}
		
	#sidebar {
		
		}
		
		#sidebar li {
			list-style: none;
			}
			
			#association-list {
				margin: 0;
				padding: 0;
				float: left;
				width: 280px;
				}
				
				#association-list li {
						float: left;
						margin-right: 5px;
						}
						
						.meridian-chamber { width: 280px; text-align: center; }
						.boise-chamber { width: 280px; text-align: center; }
						
						#association-list li.infocomm {
							margin-top: 7px;
							}
						

	#footer {
		padding: 20px 0px;
		background: url('img/page.png') repeat-y;
		height: 100%;
		}
	html>body #footer {
		margin-bottom: -30px;
		}
		
		#footer-nav {
			width: 300px;
			margin: 5px auto;
			}
		
		
		#footer-nav li {
			float: left;
			list-style: none;
			margin: 5px;
			}
		
		
/* Content Styling */

#content img {
	padding: 2px;
	border: solid 1px #858585;
	}
	
#content p {
	
	}
	
/* Navigation */	
	
#nav {
	position: relative;
	top: 7px;
	left: 40px;
	height: 35px;
	}	
	
#nav li {
	float: left;
	}	
	
	#nav li a {
		display: block;
		float: left;
		padding: 9px 20px 9px;
		color: #fff;
		font-size: 14px;
		text-decoration: none;
		}
		
		#nav li a:hover {
			background: #2c5e92;
			}
	
	
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}

#nav ul ul { /* Border around drop-down */
	border-left: solid 3px #636363;
	border-right: solid 1px #636363;
	border-bottom: solid 1px #636363;
	}

#nav ul ul a {
	display: block;
	width: 10em;
	text-transform: none;
	}

#nav ul ul li { /* all list items */
float: left;
width: 10em; /* width needed or else Opera goes nuts */
}

#nav ul li ul { /* second-level lists */
position: absolute;
background: #fff;
width: 10em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav ul li ul ul { /* third-and-above-level lists */
margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#rotator {
	overflow: hidden;
	margin: 11px auto 0px;
	position: relative;
	width: 878px;
	height: 250px;
	}

#rotator img {
	border: 0;
	width: 878px;
	height: 250px;
	}
	
a.home-icon {
		display: block;
		width: 200px;
		height: 100px;
		text-align: center;
		line-height: 100px;
		font-size: 18px;
		color: #10335E;
		background: url('img/home-icons.jpg') no-repeat center center;
		display: block;
		float: left;
		margin-right: 10px;
		position: relative;
		top: -10px;
		text-decoration: none;
		}
		
		a.home-icon.equipment-sales {
				top: 0px;
				}