/* Hit It Music Productions Style */

* { outline: none; }



body {

	background: url(../img/bkgd.gif) 50% 0;

    margin: 0 0 0 0;

    padding: 0;

	text-align: left;

	font: 12px arial, verdana, sans-serif;

	color: #000;

}

p {

	text-align: left;

	line-height: 18px;

	margin-top: 20px;

	margin-left: 20px;

	margin-right: 20px;

}

img { border: none; }

a { 

	color: #0148E8;

	text-decoration: none;

}

a:hover { 

	color: #818181;

	cursor: hand;

}

hr {

	margin-top: 20px;

	margin-bottom: 20px;

	color: #b4b4b4;

	background-color: #ccc;

	height: 1px;

	width: 100%;

	border: 0;

}

	/* IE hack \*/

	* html hr  {

    margin-bottom: 0;

	}

	/* IE hack */

#frame {

	position: relative;

	margin: 0 auto;

	width: 1024px;

	height: 1200px;

}

#logo {

	position: absolute;

	width: 256px;

	height: 109px;

}	 

#logo h1 {

	position: relative;

	top: 0;

	margin: 0;

	padding: 0;

}

#logo h1 a {

	display: block;

	width: 256px;

	height: 109px;

	background: url(../img/logo.gif) no-repeat;	

}

#globalNav {

	position: relative;

	display: block;

	width: 768px;

	height: 109px;

	top: 0;

	margin: 0;

	padding: 30px;

	text-align: left;

	background: url(../img/hdr_spacer.gif) no-repeat;

	left: 256px;

}

#globalNav h1 {

	font: normal 12px arial, verdana, sans-serif;

	padding-left: 506px;

	margin-top: -30px;

}

#leftNav {

	position: absolute;

	width: 256px;

	height: 201px;

}

#leftNav h1 {

	position: relative;

	top: -60px;

	margin: 0;

	padding: 0;

}

#leftNav h1#nav1 a {

	display: block;

	width: 256px;

	height: 67px;

	background: url(../img/left_nav_weddings.jpg) no-repeat;

	background-position: 0 0;

}

#leftNav h1#nav1 a:hover {

	display: block;

	width: 256px;

	height: 67px;

	background: url(../img/left_nav_weddings.jpg) no-repeat;

	background-position: 0 -67px;

}

#leftNav h1#nav2 a {

	display: block;

	width: 256px;

	height: 67px;

	background: url(../img/left_nav_schools.jpg) no-repeat;

	background-position: 0 0;

}

#leftNav h1#nav2 a:hover {

	display: block;

	width: 256px;

	height: 67px;

	background: url(../img/left_nav_schools.jpg) no-repeat;

	background-position: 0 -67px;

}

#leftNav h1#nav3 a {

	display: block;

	width: 256px;

	height: 67px;

	background: url(../img/left_nav_corp.jpg) no-repeat;

	background-position: 0 0;

}

#leftNav h1#nav3 a:hover {

	display: block;

	width: 256px;

	height: 67px;

	background: url(../img/left_nav_corp.jpg) no-repeat;

	background-position: 0 -67px;

}	

#mainWin {

	display: block;

	position: absolute;

	top: 109px;

	left: 256px;

	margin: 0;

	padding: 0;

	width: 768px;

	height: 201px;

	background: url(../img/main_about.jpg) no-repeat;

}

#container {

	position: absolute;

	top: 310px;

	width: 768px;

	height: 890px;

	margin: 0;

	padding: 0;

	left: 256px;

}		

#container h1 {

	position: relative;

	width: 768px;

	height: 25px;

	margin: 0;;

	background: url(../img/about_sub_header.gif) no-repeat;	

}

#container #main {

	position: relative;

	width: 768px;

	height: 865px;

	margin-top: 0;

	margin-left: 0;

	background-image: url(../img/bg_lines2.gif);

	background-repeat: no-repeat;

	background-attachment: scroll;

	background-position: 0 0;

}

	/* IE hack \*/

	* html #container #main {

	margin-top: -12px;

	margin-bottom: -60px;

	}

	/* IE hack */

#container #main ul#wedd {

	position: absolute;

	margin: 0;

	padding: 0;

	top: 20px;

	left: 20px;

	width: 460px;

	height: 500px;

}

#container #main ul#bottom {

	position: absolute;

	margin: 0;

	padding: 0;

	top: 285px;

	left: 20px;

	width: 460px;

	height: 150px;

}

#container #main ul#breadCrumb {

	position: absolute;

	margin: 0;

	padding: 0;

	top: 600px;

	left: 20px;

	width: 460px;

	height: 50px;

}

#container #main ul#breadCrumb li {

	margin-top: -5px; 

	list-style-type: none;

}

	/* IE hack \*/

	* html #container #main ul#breadCrumb li {

	margin-top: 10px;

	}

	/* IE hack */

#container #main ul#bottom h1 {

	display: block;

	width: 100px;

	height: 50px;

	background: url(../img/thumb_about00.jpg) no-repeat;

	background-position: 0 0;

}

	/* IE hack \*/

	* html #container #main ul#bottom h1 {

	margin-top: 10px;

	margin-bottom: -10px;

	}

	/* IE hack */

#container #main ul#bottom h2 {

	font: bold 14px arial, verdana, san serif;

}

#container #main ul#bottom li {

	margin-top: 10px;

	margin-left: 30px;

	list-style-type: disc;

}

#container #main ul#meet {

	position: absolute;

	margin: 0;

	padding: 0;

	top: 25px;

	width: 250px;

	height: 50px;

	left: 533px;

	list-style: none;

}

#container #main ul#testimonials {

	position: absolute;

	margin: 0;

	padding: 0;

	top: 100px;

	width: 250px;

	height: 50px;

	left: 533px;

	list-style: none;

}

#container #main ul#voice {

	position: absolute;

	margin: 0;

	padding: 0;

	top: 175px;

	width: 250px;

	height: 50px;

	left: 533px;

	list-style: none;

}

#container #main ul#wedd h3{

	font: bold 18px arial, verdana, sans-serif;

	padding: 0;

	margin: 0;

}

#container #main ul#wedd h2 {

	font: bold 14px arial, verdana, sans-serif;

	padding: 0;

	margin: 0;

}

#container #main ul#wedd h4 {

	font: bold 13px arial, verdana, sans-serif;

	padding: 0;

	margin: 0;

}

#container #main ul#meet h1 {

	display: block;

	float: left;

	width: 100px;

	height: 50px;

	padding-right: 8px;

	text-indent: 108px;

	font: bold 13px arial, verdana, sans-serif;

	background: url(../img/thumb_meetDJ00.jpg) no-repeat;

	background-position: 0 0;

}

#container #main ul#meet a.rcol{

	color: #000;

}

#container #main ul#testimonials a.rcol{

	color: #000;

}

#container #main ul#voice a.rcol{

	color: #000;

}

#container #main ul#testimonials h1 {

	display: block;

	float: left;

	width: 100px;

	height: 50px;

	padding-right: 8px;

	text-indent: 108px;

	font: bold 13px arial, verdana, sans-serif;

	background: url(../img/thumb_testimony00.jpg) no-repeat;

	background-position: 0 0;

}

#container #main ul#voice h1 {

	display: block;

	float: left;

	width: 100px;

	height: 50px;

	padding-right: 8px;

	text-indent: 108px;

	font: bold 13px arial, verdana, sans-serif;

	background: url(../img/thumb_voice00.jpg) no-repeat;

	background-position: 0 0;

}

#container #main ul#wedd li, ul#schools li {

	padding-top: 10px;

	line-height: 16px;

	list-style-type: none;

}

	/* IE hack */

	*html #container #main ul#meet li{

	text-indent: -31px;

	/* IE hack */

}

	/* IE hack */

	*html #container #main ul#testimonials li{

	text-indent: -89px;

	/* IE hack */

}

	/* IE hack */

	*html #container #main ul#voice li{

	text-indent: -64px;

	/* IE hack */

}

#download {

	position: absolute;

	top: 271px;

	left: 533px;

	width: 227px;

	height: 75px;

	padding-top: 10px;

	padding-bottom: 10px;

}

	/* IE hack \*/

	* html #container #download {

	top: 267px;

	margin-bottom: 0;	

	}

	/* IE hack */

#download ul li {

	list-style-type: disc;

	list-style-image: url(../img/arrow.gif);

}

#download hr.dl {	

	background-color: #B4B4B4;

	border: 0;

	height: 1px;

	padding: 0;

}

	/* IE hack \*/

	* html #download hr.dl {

	color: #B4B4B4;

	margin-top: 0;

	margin-bottom: -30px;

	}

	/* IE hack */

#other {

	position: absolute;

	top: 400px;

	left: 533px;

	width: 214px;

	height: 103px;

	padding-top: 5px;

	padding-left: 0;

	padding-right: 10px;

	background-color: #f7f7f7;

	border: 1px solid #E6E6E6;

}

	/* IE hack \*/

	* html #container #other {

	top: 404px;

	}

	/* IE hack */

#other ul h2 {

	font: bold 13px arial, verdana, sans-serif;

	text-indent: -15px;

}

#other ul li {

	list-style-type: circle;

	list-style-image: url(../img/arrow.png);

}

#leftCol {

	position: absolute;

	top: 310px;

	width: 256px;

	height: 890px;

	background-color: #E6E6E6;

}

#leftCol h1 {

	position: relative;

	width: 256px;

	height: 25px;;

	margin: 0;

	padding: 5px 0 0 0;

	text-indent: 20px;

	font: bold 13px arial, verdana, sans-serif;

	background: #E6E6E6 url(../img/left_col_spacer.gif) no-repeat;

}

#leftCol ol {

	margin: 0;

	font: 11px arial, verdana, sans-serif;

	}

	/* IE hack \*/

	* html #leftCol ol {

	margin-left: 40px;

	}

	/* IE hack */

#leftCol ol li.commandments {

	margin-top: 20px;

	line-height: 14px;

	list-style-type: decimal;

	}
#leftCol ul {

	margin-left: 0;
		
	list-style-type: disc;

	list-style-image: url(../img/arrow.gif);

	}

	/* IE hack \*/

	* html #leftCol ul  {

    margin-left: 40px;

	}

	/* IE hack */

#leftCol ul li {

	line-height: 12px;

}

#leftCol hr {

	margin-left: 0;

	margin-right: 0;

	width: 256px;

	border: 0;

}

#leftCol h2 {

	text-indent: 20px;

	font: 13px arial, verdana, sans-serif;

	font-weight: bold;	

}

#leftCol ol li{

	margin: 0;

	padding: 0 10px 0 0;

	line-height: 18px;

	list-style-type: circle;

	}

#footer {

	position: absolute;

	top: 835px;

	left: 37px;

	width: 435px;

	height: 50px;

	padding-top: 5px;

}

	/* IE hack \*/

	* html #footer  {

	width: 480px;

	left: -6px;

	}

	/* IE hack */

#footer ul {

	padding: 3px 0;

	border-top: 1px solid #E6E6E6;

	font: bold 10.25px arial, verdana, sans-serif;

}

#footer ul li {

	list-style: none;

	margin: 0;

	display: inline;

}