@charset "utf-8";

/* 
    AUTHOR: Zechariah Tanner
            ztanner@newvisualsolutions.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Verdana, sans-serif; background: url(images/bg_tile.jpg) repeat-x #003266;}
ul { list-style: none inside; }
p { font: 1.3em/1.3em; margin-bottom: 1.3em; }
a { outline: none; color: #003266;}
a img { border: none; }
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.transpBlack { background: url(images/transpBlack.png); }
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
#container {
	width: 773px;
	margin: 0 auto;
}
#header {
	position: relative;
	width: 773px;
	height: 391px;
	/*background: url(images/header.jpg) no-repeat;*/
}
#header h1 {
	text-indent: -8000px;
}
#content {
	position: relative;
	top: 6px;
	left: 0;
	width: 773px;
	background: url(images/bg_content_middle.jpg) repeat-y;
	background-position: 1px;
	padding-top: 50px;
	z-index: 0;
}
#top {
	position: absolute;
	top: 0;
	left: 0;
	width: 773px;
	height: 299px;
	background: url(images/bg_content_top.jpg) top left no-repeat;
	z-index: 10;
}
#copy {
	position: relative;
	width: 402px;
	z-index: 20;
	padding: 0 300px 50px 44px;
}
#copy h2, #copy h3, #copy h4 {
	font: bold italic 30px "Times New Roman", Times, serif;
	color: #003266;
	margin-bottom: 20px;
}
#copy h3, #copy h4 {
	font-size: 18px;
	font-style: normal;
	margin-bottom: 10px;
}
#copy h4 {
	font-size: 14px;
}
#copy p, #copy ul {
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.8em;
}
#copy ul {
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 20px;
}
#publicrelations #copy {
	padding-bottom: 110px;
}
#graphicdesign #copy {
	padding-bottom: 60px;
}
#newsletters #copy {
	padding-bottom: 175px;
}
#brochures #copy {
	padding-bottom: 120px;
}
#photography #copy img, #adcampaigns #copy img, #brochures #copy img, #newsletters #copy img {
	border: 1px solid #222;
	margin: 10px 7px;
}
#image {
	position: absolute;
	top: 42px;
	right: 40px;
	width: 281px;
	height: 169px;
	background: url(images/image_advertising.jpg) no-repeat;
	z-index: 10;
}
#publicrelations #image, #photography #image {
	background: url(images/image_photography.jpg) no-repeat;
}
#marketing #image {
	background: url(images/image_marketing.jpg) no-repeat;
}
#specialevents #image {
	background: url(images/image_specialevents.jpg) no-repeat;
}
#graphicdesign #image {
	background: url(images/image_graphicdesign.jpg) no-repeat;
}
#quote {
	position: absolute;
	top: 211px;
	right: 70px;
	width: 230px;
	font: bold italic 18px "Times New Roman", Times, serif;
	text-align: right;
	z-index: 30;
	color: #003266;
}
#home #quote {
	top: 231px;
	right: 60px;
	text-align: center;
}
#quote a {
	text-decoration: none;
}
#subNav {
	position: absolute;
	top: 220px;
	right: 65px;
	font: bold italic 18px "Times New Roman", Times, serif;
	z-index: 30;
	color: #003266;
	text-align: right;
}
#subNav a {
	text-decoration: none;
	margin-bottom: 5px;
}
#subNav a:hover {
	color: #E6E1DD;
}
#subNav li {
	margin-bottom: 5px;
}
#footer {
	position: relative;
	left: 20px;
	width: 725px;
	text-align: center;
	color: #44586d;
	z-index: 1000;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 1px;
	letter-spacing: 1px;
	line-height: 2em;
	border-top: 1px solid #44586d;
}
#footer a {
	color: #44586d;
}
/* END STRUCTURE */

