@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
	font: 100% Arial, sans-serif;
	background: #959594 url(i/bg.png) repeat-y center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4e4e4e;
}
p {
	font: 100% Arial, sans-serif;
	font-size: 11px;
	padding: 0 0 10px 0;
}
.p1 {
	font: 100% Arial, sans-serif;
	color: #a9a9a9;
	font-size: 11px;
	padding: 0 0 10px 0;
}
.p2 {
	font: 100% Arial, sans-serif;
	font-size: 9px;
}
h1 {
	font: 100% Arial, sans-serif;
	font-weight: bold;
	color: #4e4e4e;
	font-size: 14px;
	padding: 10px 0 10px 0;
}
h2 {
	font: 100% Arial, sans-serif;
	font-weight: bold;
	color: #a9a9a9;
	font-size: 14px;
	padding: 10px 0 10px 0;
}
h3 {
	font: 100% Arial, sans-serif;
	font-weight: bold;
	color: #ee0000;
	font-size: 14px;
	padding: 10px 0 10px 0;
}
h4 {
	font: 100% Arial, sans-serif;
	font-weight: bold;
	color: #4e4e4e;
	font-size: 10px;
	padding: 10px 0 10px 0;
}
h5 {
	font: 100% Arial, sans-serif;
	font-weight: bold;
	color: #4e4e4e;
	font-size: 9px;
	margin: -8px 0 10px 0;
}
a {
	color: #ee0000;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #ee0000;
	font-weight: bold;
	text-decoration: none;

}
a:visited {
	color: #ee0000;
	font-weight: normal;
	text-decoration: none;
}
#wrap {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	width: 780px;
	height: 120px;
}
#logo {
	width: 140px;
	height: 120px;
	left: 0px;
	position:relative;
	float: left;
}
#logoHome {
	float: left;
	height: 120px;	
	background: url(i/logo.png) top left no-repeat;
	width: 140px;
}
#logoHome:hover, #home #logoHome {
	background-position: 0px -120px;	
}
#logoHome span {
	display: none;	
}
#nav {
	width: 600px;
	height: 50px;
	right: 20px;
	position:relative;
	float: right;
}
#navHistory, #navMedia, #navServices, #navLinks, #navContact {
	float: left;
	height: 50px;	
}
#navHistory {
	background: url(i/nav.png) top left no-repeat;
	width: 140px;
}
#navMedia {
	background: url(i/nav.png) -140px 0px no-repeat;
	width: 90px;
}
#navServices {
	background: url(i/nav.png) -230px 0px no-repeat;
	width: 170px;
}
#navLinks {
	background: url(i/nav.png) -400px 0px no-repeat;
	width: 90px;
}
#navContact {
	background: url(i/nav.png) top right no-repeat;
	width: 110px;
}
#navHistory:hover, #history #navHistory {
	background-position: 0px -50px;	
}
#navMedia:hover, #media #navMedia {
	background-position: -140px -50px;	
}
#navServices:hover, #services #navServices {
	background-position: -230px -50px;	
}
#navLinks:hover, #links #navLinks {
	background-position: -400px -50px;	
}
#navContact:hover, #contact #navContact {
	background-position: -490px -50px;	
}
#navHistory span, #navMedia span, #navServices span, #navLinks span, #navContact span {
	display: none;	
}
#title {
	width: 600px;
	height: 70px;
	right: 20px;
	position:relative;
	float: right;
}
#main {
	padding: 20px 20px 20px 20px;
}
#packages {
	width: 740px;
	height: 340px;
	padding: 0 0 20px 0;
}
#panel {
	background: url(i/botbar.png) no-repeat bottom right;
	width: 740px;
	height: auto;
	overflow: auto;
	padding: 0 0 100px 0;
}
.subhead {
	padding: 20px 0 10px 0;
}
.left {
	width: 400px;
	float: left;
	height: auto;
	overflow: auto;
	padding: 0 0 0 20px;
}
.right {
	width: 260px;
	float: right;
	height: auto;
	overflow: auto;
	padding: 0 20px 0 0;
}
.one {
	width: 250px;
	float: left;
	height: auto;
	overflow: auto;
	padding: 0 0 0 20px;
}
.two {
	width: 200px;
	float: left;
	height: auto;
	overflow: auto;
	padding: 0 0 0 20px;
}
.three {
	width: 200px;
	float: right;
	height: auto;
	overflow: auto;
	padding: 0 20px 0 0;
}
.card {
	padding: 20px 0 20px 0;
}
.invis {
	margin: 20px 0 0 0;
	z-index: 2;
}
.linktext {
	width: 200px;
	padding: 40px 0 0 30px;
}
.packtext {
	width: 160px;
	height: 220px;
	padding: 65px 0 0 0;
}
.packtext2 {
	width: 160px;
	padding: 0 0 0 0;
}
.vidtext {
	width: 260px;
	padding: 50px 0 130px 0;
}
#link1 {
	background: url(i/studioservices.png) no-repeat top left;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	right: 0px;
	width: 260px;
	height: 130px;
}
#link2 {
	background: url(i/locationservices.png) no-repeat top left;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	right: 0px;
	width: 260px;
	height: 130px;
}
#gold {
	background: url(i/goldpackage.png) no-repeat top left;
	width: 177px;
	height: 263px;
	float: left;
	margin: 0 -10px 0 0;
	padding: 0 0 0 10px;
}
#plat {
	background: url(i/platinumpackage.png) no-repeat top left;
	width: 177px;
	height: 263px;
	float: left;
	margin: 0 -10px 0 10px;
	padding: 0 0 0 10px;
}
#multiplat {
	background: url(i/multiplatinumpackage.png) no-repeat top left;
	width: 177px;
	height: 263px;
	float: left;
	margin: 0 -10px 0 10px;
	padding: 0 0 0 10px;
}
#diamond {
	background: url(i/diamondpackage.png) no-repeat top left;
	width: 177px;
	height: 263px;
	float: left;
	margin: 0 -10px 0 10px;
	padding: 0 0 0 10px;
}
#photos {
	float: left;
	width: 740px;
}
#pics {
	padding: 20px 0 0 20px;
}
#footer {
	padding: 0 0 0 0;
	font-size: 9px;
	color: #CCCCCC;
}