@charset "utf-8";
/* CSS Document */

/* install font */
@font-face { font-family: Interstate; src: url('font/Interstate-Light.otf'); }
@font-face { font-family: Interstate; font-weight: bold; src: url('font/Interstate-Black.otf'); }
@font-face { font-family: "Interstate Light Condensed"; src: url('font/Interstate-LightCondensed.otf'); }

/* reset */
* {
	vertical-align: baseline;
	font-style: inherit;
	font-size: 100%;
	border: none;
	padding: 0;
	margin: 0;
	line-height: 1em;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl {
	margin: 0;
	font-weight: normal;
	list-style: none;
}
dd, blockquote {
	margin-left: 40px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
sup {
	vertical-align: top;
	font-size: x-small;
}
/* reset ends */

body {
	background: #000 none;
	font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
}
a {
	color: #488dc6;
	text-decoration: none;
	-webkit-transition:	color .4s; 
	-moz-transition:	color .4s;  
	-o-transition:		color .4s;  
	transition:			color .4s;
}
a:hover {
	color: #ac3ac5;
	text-decoration: none;
}
strong { color:#ac3ac5; }
.clear { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }
.colorA { color: #ac3ac5; } /* ae609e */
.colorB {	color: #488dc6; }
.shadow1 { text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }
.shadow2 { text-shadow: 1px 2px 0 rgba(0,0,0,0.2); }
.emboss { text-shadow: 1px 1px 0 rgba(255,255,255,0.8); }
.left { float: left !important; }
.right { float: right !important; }

.wrapper {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 0 10px;
}

/* Title */

#title {
	position: relative;
	background: #000 url(img/titleBg.png) no-repeat center top;
	height: 111px; width: 100%;
	border-bottom: solid 1px #333;
}
#title .wrapper {
	height: 111px;
}
#searchBox {
	position: absolute;
	right: 10px; top: 20px;
	background: url(img/textBg.png) no-repeat left top;
	width: 238px; height: 26px;
	padding-top: 2px; padding-left: 8px;
	border: solid 1px #f38121;
	font: 16px "Futura Std Book", "Century Gothic", Arial, Helvetica, sans-serif;
	color: #666;
}
	
#logo {
	float: left;
	margin-top: 8px;
}
.social {
	float: right;
	margin: 32px 0 0 16px;
}
.social:hover {
	background-position: center bottom !important;
}
#linkedin {
	background:url(img/icoLinkedin.png) center top;
}
#wallclip {
	background:url(img/icoWallclip.png) center top;
}
#navigation {
	position:absolute;
	width: 1080px;
	bottom: -1px;
}
.navigation a {
	position: relative;
	float: left;
	background: none;
	width: auto; height: 32px;
	text-align: center;
	padding-top: 7px;
	padding-left: 1.7%; padding-right: 1.7%;
	border-bottom: solid 1px #333;
	font: 22px "Interstate Light Condensed", "Myriad Pro Cond", "Arial Narrow";
	-webkit-transition:	all .4s;  
	-moz-transition:	all .4s;  
	-o-transition:		all .4s;  
	transition:			all .4s;
}
.navigation:hover a {
	background-color: #333;
	color: #488dc6;
	border-bottom: solid 1px #c03c8e;
}

/* Header */

#header .wrapper {
	height: 400px;
}
#homeHeader {
	background: url(img/headerPic.jpg) no-repeat center;
}
#advertHeader {
	background: url(img/advertHeader.jpg) no-repeat center;
}
#onlineHeader {
	background: url(img/onlineHeader.jpg) no-repeat center;
}
#brandingHeader {
	background: url(img/brandingHeader.jpg) no-repeat center;
}
#photoHeader {
	background: url(img/photoHeader.jpg) no-repeat center;
}
#tvHeader {
	background: url(img/tvHeader.jpg) no-repeat center;
}
#eventHeader {
	background: url(img/eventHeader.jpg) no-repeat center;
}
#printingHeader {
	background: url(img/printHeader.jpg) no-repeat center;
}
#aboutHeader {
	background: url(img/aboutHeader.jpg) no-repeat center;
}
#headline {
	position: absolute;
	left: 0px; top: 86px;
	width: auto; height: auto;
	background-color: rgba(0,0,0,0.6);
	padding: 20px 32px;
}
#headline h1 {
	font: 72px Interstate, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
}
#headline h2 {
	margin-left: 140px;
	font: 36px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1em;
}
#aboutHeader #headline {
	background-color: rgba(0,0,0,0.8);
}

/* Content */

#content {
	position: relative;
	width: 100%; height: auto;
	padding-top: 20px;
	margin-top: 20px;
	border-top: solid 1px #333;
}
#homeContent {
	float: left;
	width: 660px;
}
#aboutContent {
	float: left;
	width: 440px;
}
.mainContent {
	width: 100%; height: auto;
	text-align: justify;
	margin: 0;
	margin-top: -8px;
}
#content h1 {
	font: 36px Interstate, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 24px;
}
#content h2 {
	font: 23px Interstate, "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin-bottom: 12px;
}
#content h3 {
	font: 18px Interstate, "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin: 24px 0;
}
#content h2 a {
	color: #7da7d9;
}
#content h2 a:hover {
	color: #fff;
}
#content p {
	font: 18px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin-bottom: 12px;
}
#content p strong {
	font-size: 20px;
}
#contentTop .thumbnail {
	margin-top: 0;
}
.thumbnail {
	position: relative;
	float: left;
	width: 300px; height: 220px;
	margin: 20px;
}
.thumbnail img {
	z-index: 1;
}
.thumbnail.ad {
	height: 250px !important;
}
.thumbnail.tv {
	height: 272px !important;
	border: solid 1px #333;
	margin: 18px !important;
}
.thumbnail:first-child {
	margin-left: 0px !important;
}
.thumbnail:last-child {
	margin-right: 0px !important;
}
.thumbText {
	position: absolute;
	left: 0px; top: 20px;
	z-index: 9;
	background-color: rgba(0,0,0,0.8);
	font: 28px "Interstate Light Condensed", "Myriad Pro Cond", "Arial Narrow";
	width: auto; height: auto; max-width: 240px !important;
	padding: 12px;
	border-right: solid 1px #ae609e;
	-webkit-transition:	all .4s;  
	-moz-transition:	all .4s;  
	-o-transition:		all .4s;  
	transition:			all .4s;
}
.thumbText:hover {
	background-color: rgba(192,60,142,0.6);
	color: #fff;
}

/* About */

#contact {
	float: right;
	width: 520px;
	margin-bottom: 20px;
	background: url(img/headerPic.jpg) no-repeat 50% 100%;
}
#forms {
	position: relative;
	background-color: rgba(0,0,0,0.8);
	font: 24px Interstate, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 4px;
	padding: 24px 24px 0;
}
#forms strong {
	font-weight: normal;
}
#forms td {
	width: 148px; height: 48px;
	vertical-align: middle;
}
#lastForm {
	vertical-align: top !important;
	padding-top: 12px;
}
#forms .field {
	background: url(img/textfieldBg.png) no-repeat left top;
	width: 294px; height: 34px;
	padding: 0 8px;
	border: solid 1px #ddd;
	font: 20px Interstate, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ae609e;
	-webkit-transition: border-color 0.4s;
	-moz-transition:    border-color 0.4s;
	-o-transition:      border-color 0.4s;
	transition:			border-color 0.4s;
}
#forms textarea {
	background: url(img/textfieldBg.png) no-repeat left top;
	width: 294px; height: 76px;
	padding: 5px 8px;
	border: solid 1px #ddd;
	margin-top: 6px;
	font: 20px Interstate, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ae609e;
	resize: vertical !important;
	min-height: 60px;
	max-height: 85px;
	-webkit-transition: border-color 0.4s;
	-moz-transition:    border-color 0.4s;
	-o-transition:      border-color 0.4s;
	transition:			border-color 0.4s;
}
#forms .field:hover, #forms textarea:hover {
	border-color: #ae609e;
}
#submit {
	background: rgba(0,0,0,0);
	width: auto; height: auto;
	padding: 20px 20px;
	margin: 20px 0 -4px;
	font: 36px Interstate, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #488dc6;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	border-bottom: solid 4px rgba(204,51,204,0);
	-webkit-transition: all 0.4s;
	-moz-transition:    all 0.4s;
	-o-transition:      all 0.4s;
	transition:			all 0.4s;
}
#submit:hover {
	background: rgba(0,0,0,0.4);
	color: #ae609e;
	width: auto; height: auto;
	border-bottom: solid 4px rgba(204,51,204,0.6);
	cursor: pointer;
}
h1#thankyou {
	line-height: 1.5em;
	text-align: center;
}

/* Footer */

#footer {
	background: #000 url(img/footerBg.png) no-repeat center -1px;
	height: auto;
	font-size: 16px;
	text-align: left;
	margin-top: 24px;
	border-top: solid 1px #333;
	padding: 20px 0 40px;
}
.footerNav {
	float: left;
	margin-right: 120px;
}
.footerNav h1 {
	font: bold 28px Interstate, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 32px;
	margin-bottom: 8px;
}
.footerNav h2 {
	font: bold 24px Interstate, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
}
.footerNav h3 {
	font: 18px Interstate, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 4px;
}
.footerNav a {
	line-height: 1.4em;
}
.footerNav #phone {
	line-height: 1.4em;
}
.footerNav p {
	font-size: 18px;
	line-height: 1.2em;
}
#misc {
	float: right;
}
#toTop {
	float: right;
	background: url(img/toTopBg.jpg) no-repeat;
	font: bold 30px Interstate, "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 171px;
	height: 50px;
	padding-top: 19px;
	margin-bottom: 80px;
	text-align: center;
}
#credit {
	text-align: right;
	font-size: 14px;
	line-height: 1.6em;
}
.toTop {
	position: relative;
	background: url(img/toTop.png) no-repeat left top;
	padding: 2px 0 2px 20px;
	font-size: 12px;
}
.toTop span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(img/toTop.png) no-repeat left bottom;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}
.toTop:hover span {
	opacity: 1;
}