/*	Styles for The Hook-Up
	by Billy Flaherty
	bflaherty4@gmail.com
	www.billyswebdesign.com
	copyright (c) The Hook-Up */



/* containers */
body {
	background: url('../img/bkg_body.gif') repeat;
	min-width: 740px;
	text-align: center;
	padding: 50px 0 50px 0;
	margin: 0;
    font-size: 12px;
}
	div#main {
		text-align: left;
        width: 740px;
		background-color: #FFFFFF;
		padding: 0;
		margin: 0 auto 0 auto;
    }
		div#header {
            background: url('../img/logo_hookup.gif') 30px 12px no-repeat;
			background-color: #CECECE;
			height: 100px;
			width: 740px;
			padding: 0;
			margin: 0;
        }
		div#links {
            background-color: #CC3307;
			width: 720px;
			height: 17px;
			padding: 0;
			text-align: right;
			padding: 0 10px 0 10px;
			margin: 0;
        }
		div#body {
            min-height: 200px;
			width: 740px;
			padding: 0;
			margin: 0;
			background-color: #ffffff;
        }
			div#mainText {
				margin: 10px 5px 10px 0;
				padding: 0;
            }
		div#footer {
			background-color: #CECECE;
			text-align: right;
			width: 730px;
			height: 17px;
			padding: 0 10px 0 0;
			margin: 0;
        }




/* text */
h1, h2, h3, h4, p, a, span, b, i, body {
    font-family: Verdana, Helvetica, Arial, Lucida, 'Lucida Console';
}
p, a, span {
    font-size: 12px;
}
p {
    text-indent: 15px;
	padding: 5px 10px 5px 10px;
	line-height: 18px;
    display: block;
    margin: 1px;
}

h1 {
    text-indent: -9999px;
	padding: 0;
	height: 30px;
	margin: 8px 10px 5px 5px;
}
	#mainText p {
        text-align: justify;
    }
	#footer span {
		height: 16px;
		float: right;
		display: block;
		padding: 1px 10px 0px 10px;
		margin: 0;
    }
ul {
    margin: 0 0 0 25px;
    padding-left: 20px;
    display: block;
}

ul li {
    padding: 2px 3px 2px 0;
    list-style-position: inside;
}
div#mainText h1 {
    background-position: right 50%;
}
div#mainText.imageRight h1 {
    background-position: left 50%;
}
div#mainText.imageCenter h1 {
    background-position: center 50%;
}
div#mainText p.indent {
    text-align: right;

}


/* headings */

	h1#HeadingOne {
	    background: transparent url('../img/img_heading_HeaderOne.gif')
			no-repeat scroll;
	}
	h1#EsotericAudio {
	    background: transparent url('../img/img_heading_EsotericAudio.gif')
			no-repeat scroll;
	}
	h1#MITCables {
	    background: transparent url('../img/img_heading_MITCables.gif')
			no-repeat scroll;
	}
	h1#FurmanSound {
	    background: transparent url('../img/img_heading_FurmanSound.gif')
			no-repeat scroll;
	}
	h1#BohlenderGraebe {
	    background: transparent url('../img/img_heading_BohlenderGraebe.gif')
			no-repeat scroll;
	}
	h1#Sonos {
	    background: transparent url('../img/img_heading_Sonos.gif')
			no-repeat scroll;
	}
	h1#Products {
	    background: transparent url('../img/img_heading_Products.gif')
			no-repeat scroll;
	}
	h1#Welcome {
	    background: transparent url('../img/img_heading_Welcome.gif')
			no-repeat scroll;
	}
	h1#Other {
	    background: transparent url('../img/img_heading_Other.gif')
			no-repeat scroll;
	}
    h1#Contact {
	    background: transparent url('../img/img_heading_Contact.gif')
			no-repeat scroll;
        margin-left: 230px;
        margin-top: 20px;
            }
    h1#About {
	    background: transparent url('../img/img_heading_About.gif')
			no-repeat scroll;
            }
    h1#Demo {
	    background: transparent url('../img/img_heading_Demo.gif')
			no-repeat scroll;
            }
    h1#Audio {
	    background: transparent url('../img/img_heading_Audio.gif')
			no-repeat scroll;
            }
    h1#Theater {
	    background: transparent url('../img/img_heading_Theater.gif')
			no-repeat scroll;
            }
    h1#Remodel {
	    background: transparent url('../img/img_heading_Remodel.gif')
			no-repeat scroll;
            }
    h1#Design {
	    background: transparent url('../img/img_heading_Design.gif')
			no-repeat scroll;
            }
    h1#JLAudio {
	    background: transparent url('../img/img_heading_JLaudio.gif')
			no-repeat scroll;
            }
    h1#Sal {
	    background: transparent url('../img/img_heading_Sal.gif')
			no-repeat scroll;
            }
    h1#Wireworld {
	    background: transparent url('../img/img_heading_wire.gif')
			no-repeat scroll;
            }
    h1#Artison {
	    background: transparent url('../img/img_heading_artison.gif')
			no-repeat scroll;
            }
    h1#Dali {
	    background: transparent url('../img/img_heading_Dali.gif')
			no-repeat scroll;
            }
	h1#SI {
	    background: transparent url('../img/img_heading_si.gif')
			no-repeat scroll;
            }


/* links */
a {
	color: #CC3307;
}
a:hover {
	color: #362F2D;
}
#links a {
    text-decoration: none;
	color: #CECECE;
}
#links a:hover {
	color: #ffffff;
}
	#links a {
		height: 16px;
		float: right;
		display: block;
		padding: 1px 10px 0px 10px;
		margin: 0;
	}
	#links a#active {
        background-color: #362F2D;
    }
	#footer a {
        color: #CC3307;
    }

/* dropdown styles */
#dropmenudiv{
	position:absolute;
	line-height:16px;
	z-index:100;
}
#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 10px;
	border-top: 1px solid #ffffff;
	padding: 1px 0;
	text-decoration: none;
	text-align: left;
	color: #362F2D;
}
#dropmenudiv a:hover{ /*hover background color*/
	background-color: #CC3307;
	color: #ffffff;
}





/* images */
img {
    border: none;
}
	img#slideShow {
        float: left;
		padding: 0;
		margin: 8px;
    }
    div#mainText.imageRight img#slideShow {
        float: right;
    }




/* other */
#clearBottom {
	padding-bottom: 30px;
}
.hrClear {
	clear: both;
	height: 0pt;
	margin: 0pt;
	padding: 0pt;
	width: 100%;
	background-color: #ffffff;
}
    .hrClear hr {
        display: none;
        height: 0pt;
        margin: 0pt;
        padding: 0pt;
        visibility: hidden;
        width: 100%;
    }