@import url(reset.css);
html {background: url('../images/bodyTileBlue.jpg') repeat-x top left #172f62; overflow-y: scroll;}
body {color: #656565; background: url('../images/headBg.jpg') no-repeat top center;}
a {color: #a31021;}
a:visited {color: #6a0a15;}
a:hover {}
h3 {font-size: 18px;}
h5 {font-size: 15px; margin-bottom: 4px; margin-top: 10px;}
p {width: 380px;}
:focus {outline: none;}

.pad {padding: 15px 15px;}

#wrapper {width: 912px; margin: -11px auto 0 auto;}

#header {width: 100%; height: 100px;}
#header #flashLogo {padding: 10px 0 0 0;}

#mainNav {margin: 0 0 0 6px; padding: 0; width: 900px; height: 50px; background: url('../images/nav/navBG.jpg'); list-style: none;}
#mainNav a, #mainNav a:visited {color: #fff; text-decoration: none; display: block; height: 50px; text-indent: -9999px;}
#mainNav li {float: left;}

#mainNav .home {margin-left: 20px; width: 91px; background: url('../images/nav/home.jpg') top;}
#mainNav .services {width: 119px; background: url('../images/nav/services.jpg') top;}
#mainNav .about {width: 98px; background: url('../images/nav/about.jpg') top;}
#mainNav .success {width: 114px; background: url('../images/nav/success.jpg') top;}
#mainNav .contact {width:113px; background: url('../images/nav/contact.jpg') top;}

#home #mainNav .home, 
	#services #mainNav .services,
	#success #mainNav .success,
	#about #mainNav .about,
	#contact #mainNav .contact {background-position: bottom;}

#content {width: 900px; margin: 0 0 0 6px; text-align: left; background: #fff;}
#home #content {background: transparent;}
#flash {width: 100%; height: 144px; background: url('../images/flashHolder.jpg');}
#home #flash {height: 275px; margin: 0 0 30px 0; background: none; padding: 0;}

#footer {width: 900px; height: 20px; margin: 0 0 0 6px; background: url('../images/contentFoot.png')  no-repeat }

#copyRight {text-align: center; margin: 10px auto; color: #999;}

.buttonLinks { width: 290px; margin: 0 15px 0 0;}
.buttonLinks .blank { width:290px; height:115px; display:block; text-indent:-999em; }
.buttonLinks h2 { font-size:17px; }
.buttonLinks .incontent { padding:10px; background:#fff; }
.buttonLinks .incontent p { width:auto; margin:0; } 
.buttonLinks .infooter { background:url(../images/audioVideo.jpg) no-repeat 0 100%; height:10px; overflow:hidden; width:100%; }
.buttonLinks .readm { text-align:right; }
.buttonLinks .readm a { border:1px solid #bbb; background:#f4f4f4; padding:5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; text-decoration:none; color:#336699; } 
.buttonLinks .readm a:hover { color:#000; background:#ccc; border:1px solid #999; }
.av {background: url('../images/audioVideo.jpg');}
.control {background: url('../images/controls.jpg');}
.stories {background: url('../images/stories.jpg'); margin: 0;}

.points {width: 198px; float: left; margin: 30px 15px 0 15px; clear: left;}
.points h3 {text-align: center; line-height: 50px; font-size: 20px; font-weight: bold; margin: 0; padding: 0;}
.points .head {width: 100%; height: 45px; background: url('../images/pointsHead.jpg') no-repeat;}
.points .body {width: 100%; background: url('../images/pointsTile.jpg') repeat-y; padding: 5px 0 5px 0;}
.points .foot {width: 100%; height: 14px; background: url('../images/pointsFoot.jpg') no-repeat;}
.points ul {list-style: none; padding: 0 15px 0 0; font-size: 14px;}
.points ul li {height: 18px; line-height: 15px; padding-left: 25px; margin: 10px 0 10px 0; background: url('../images/indicator.jpg') bottom left no-repeat; }
.points ul li.selected {background-position: top left;}
.points a {text-decoration: none; color: #656565;}

.main {float: left; width: 400px; margin-top: 30px;}
.main li {margin-bottom: 5px;}
.main img {border: 2px solid #656565; margin-bottom: 10px;}

.col3 {float: left; width: 250px; margin-left: 15px; margin-top: 30px;}
.col3 .singleImage {margin-top: 8px;}

#moreInfo {width: 400px; height: 300px; overflow: hidden;}
#moreInfo p {font-size: 14px; line-height: 150%;}

#contactForm {margin: 0;}
#contactForm input {margin: 5px;}
#contactForm textarea {width: 300px; height: 200px; margin: 5px;}

.product {height: 55px; width: 380px; background: #fff; background-position: top; font-size: 18px; padding-left: 75px; padding-top: 10px; line-height: 25px;}
.proaudio {background: url('../images/icons/proAudio.jpg') no-repeat;}
.hd {background: url('../images/icons/hdVideo.jpg') no-repeat;}
.lighting {background: url('../images/icons/lighting.jpg') no-repeat;}
.signage {background: url('../images/icons/signage.jpg') no-repeat;}
.acoustics {background: url('../images/icons/acoustics.jpg') no-repeat;}
.touchpad {background: url('../images/icons/touchpad.jpg') no-repeat;}
.media {background: url('../images/icons/media.jpg') no-repeat;}
.integration {background: url('../images/icons/integration.jpg') no-repeat;}
.consulting {background: url('../images/icons/consulting.jpg') no-repeat;}
.def {width: 380px;}