body {
	color: #666666;
	background-color: #2D2D2D;
	background-image: url(images/tile1.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

#container {
	position: relative;
	margin: 0px auto;
	width: 770px;
}	


/* ID Selectors -- */
#header {
	float: left;
	position: relative;
	width: 100%;
	margin-top: 70px;
	margin-left: 55px;
}

#header-info {
	float: left;
	position: relative;
	width: 100%;
	margin-top: 70px;
	margin-left: 70px;
}

#header-portfolio {
	float: left;
	position: relative;
	width: 100%;
	margin-top: 70px;
	margin-left: 70px;
}

#header-contact {
	float: left;
	position: relative;
	width: 100%;
	margin-top: 70px;
	margin-left: 70px;
}

#image {
	float: right;
	margin-top: -105px;
	clear: none;
}

#main-links {
	float: left;
	margin-left: 55px;
	margin-top: 35px;
	clear: none;
}

#info-links {
	float: left;
	margin-left: 55px;
	margin-top: 35px;
	clear: none;
}

#portfolio-links {
	float: left;
	margin-left: 55px;
	margin-top: 35px;
	clear: none;
}

#contact-links {
	float: left;
	margin-left: 55px;
	margin-top: 35px;
	clear: none;
}

#main-links li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #2D2D2D;
	text-decoration: none;
	font-weight: bold;
}

#main-links li a:hover {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #B13D5F;
	color: #B13D5F;
	padding-bottom: 5px;
}

#info-links li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #2D2D2D;
	text-decoration: none;
	font-weight: bold;
}

#info-links li a:hover {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #567CA3;
	color: #567CA3;
	padding-bottom: 5px;
}

#portfolio-links li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #2D2D2D;
	text-decoration: none;
	font-weight: bold;
}

#portfolio-links li a:hover {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #8E9A65;
	color: #8E9A65;
	padding-bottom: 5px;
}

#contact-links li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #2D2D2D;
	text-decoration: none;
	font-weight: bold;
}

#contact-links li a:hover {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C46628;
	color: #C46628;
	padding-bottom: 5px;
}

#text {
	margin-top: -335px;
	margin-left: 75px;
	margin-right: 300px;
	float: left;
	width: 48%;
	clear: none;
}

#text a {
	color: #F4F4F4;
	text-decoration: none;
}

#text a:hover {
	text-decoration: underline;
}



/* Style Tags */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-bottom: 10px;
	margin-top: 25px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #A8A8A8;
	margin-top: 0px;
}

li {
	list-style-type: none;
	display: inline;
	padding-right: 20px;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #666666;
}


/* Classes */
.main-onPg-link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #B13D5F;
	font-weight: bold;
}

.info-onPg-link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #567CA3;
	font-weight: bold;
}

.portfolio-onPg-link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #8E9A65;
	font-weight: bold;
}

.contact-onPg-link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #C46628;
	font-weight: bold;
}

.floatleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: none;
}

/* Third Level Pages - Showcase work -- */
/* Web Sites -- */
#website-viewer {
	position: absolute;
	top: 50px;
	left: 10%;
	width: 600px;
	height: 400px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333;
}

#website-description {
	position: absolute;
	top: 510px;
	left: 10%;
	width: 600px;
}

#back-link {
	position: absolute;
	top: 470px;
	left: 5%;
	width: 700px;
	height: 25px;
}

#back-link a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #F4F4F4;
	text-decoration: none;
}

#back-link a:hover {
	color: #999999;
}

.onPg-link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
}

/* Banner Advertising -- */
#banner-viewer {
	position: absolute;
	top: 70px;
	left: 15%;
	width: 468px;
	height: 60px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333;
}


#banner-description {
	position: absolute;
	top: 270px;
	left: 10%;
	width: 600px;
}

#banner-link {
	position: absolute;
	top: 230px;
	left: 5%;
	width: 700px;
	height: 25px;
}

#banner-link a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #F4F4F4;
	text-decoration: none;
}

#banner-link a:hover {
	color: #999999;
}

/* Magazine Advertising */
#mag-viewer {
	position: absolute;
	top: 50px;
	left: 25%;
	width: 350px;
	height: 440px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333;
}

#mag-golf-viewer {
	position: absolute;
	top: 50px;
	left: 5%;
	width: 710px;
	height: 440px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333;
}

#mag-description {
	position: absolute;
	top: 550px;
	left: 15%;
	width: 600px;
}

#mag-link {
	position: absolute;
	top: 510px;
	left: 10%;
	width: 700px;
	height: 25px;
}

#mag-link a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #F4F4F4;
	text-decoration: none;
}

#mag-link a:hover {
	color: #999999;
}

/* Logo Design -- */
#logo-viewer {
	position: absolute;
	top: 50px;
	left: 30%;
	width: 264px;
	height: 238px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333;
}

#logo-description {
	position: absolute;
	top: 350px;
	left: 10%;
	width: 600px;
}

#logo-description a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #F4F4F4;
	text-decoration: none;
}

#logo-description a:hover {
	text-decoration: underline;
}


#logo-link {
	position: absolute;
	top: 300px;
	left: 5%;
	width: 700px;
	height: 25px;
}

#logo-link a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #F4F4F4;
	text-decoration: none;
}

#logo-link a:hover {
	color: #999999;
}

/* Decorative Travel Inserts -- */
#poster1-viewer {
	position: absolute;
	top: 50px;
	left: 0%;
	width: 250px;
	height: 320px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333;
}

#poster2-viewer {
	position: absolute;
	top: 50px;
	left: 36%;
	width: 250px;
	height: 320px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333;
}

#poster3-viewer {
	position: absolute;
	top: 50px;
	left: 72%;
	width: 250px;
	height: 320px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333;
}

#poster-description {
	position: absolute;
	top: 430px;
	left: 10%;
	width: 600px;
}

#poster-description a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #F4F4F4;
	text-decoration: none;
}

#poster-description a:hover {
	text-decoration: underline;
}

#poster-link {
	position: absolute;
	top: 390px;
	left: 5%;
	width: 700px;
	height: 25px;
}

#poster-link a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #F4F4F4;
	text-decoration: none;
}

#poster-link a:hover {
	color: #999999;
}

.margin-top0 {
	margin-top: 0px;
}

/* Photo Gallery -- */
#images a {
	color: #F4F4F4;
	text-decoration: none;
}

#images a:hover {
  color: #999999;
}

#photo_header {
	float: left;
	position: relative;
	width: 100%;
	margin-top: 30px;
	margin-left: 40px;
}

#photo_header p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #666666;
	margin-top: 0px;
}

#images {
	position: relative;
}

.margin {
	margin-top: 10px;
	margin-left: 10%;
	width: 730px;
}

/* Vector Art -- */
#original-viewer {
	position: absolute;
	top: 50px;
	left: 0%;
	width: 216px;
	height: 288px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333;
}

#vector-viewer {
	position: absolute;
	top: 50px;
	left: 36%;
	width: 432px;
	height: 576px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333;
}

#vector-link {
	position: absolute;
	top: 370px;
	left: -5%;
	width: 700px;
	height: 25px;
}

#vector-link a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #F4F4F4;
	text-decoration: none;
}

#vector-link a:hover {
	color: #999999;
}

#vector-description {
	position: absolute;
	top: 410px;
	left: 0%;
	width: 265px;
}

#vector-description a {
	color: #F4F4F4;
	text-decoration: none;
}

#vector-description a:hover {
	text-decoration: underline;	
}

/* PDF's -- */
#pdf-link {
	position:absolute;
	top: 300px;
	left: 25%;
	width: 700px;
	height: 25px;
}

#pdf-link a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #F4F4F4;
	text-decoration: none;
}

#pdf-link a:hover {
	color: #999999;
}

/* Promo PH */
#ph-viewer1 {
	position: absolute;
	top: 50px;
	left: 5%;
	width: 300px;
	height: 200px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333;
}

#ph-viewer2 {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 300px;
	height: 200px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333;
}

#ph-link {
	position: absolute;
	top: 275px;
	left: 0%;
	width: 700px;
	height: 25px;
}

#ph-link a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #F4F4F4;
	text-decoration: none;
}

#ph-link a:hover {
	color: #999999;
}

#ph-description {
	position: absolute;
	top: 320px;
	left: 5%;
	width: 700px;
	height: 25px;
}

#ph-description a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #F4F4F4;
	text-decoration: none;
}

#ph-description a:hover {
	text-decoration: underline;
}

/* hi tech promo */
#hi-viewer1 {
	position: absolute;
	top: 50px;
	left: 5%;
	width: 335px;
	height: 190px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333;
}

#hi-viewer2 {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 335px;
	height: 190px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333;
}

#hi-description {
	position: absolute;
	top: 320px;
	left: 5%;
	width: 650px;
}

#hi-link {
	position: absolute;
	top: 275px;
	left: 0%;
	width: 700px;
	height: 25px;
}

#hi-link a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #F4F4F4;
	text-decoration: none;
}

#hi-link a:hover {
	color: #999999;
}

#hi-description a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #F4F4F4;
	text-decoration: none;
}

#hi-description a:hover {
	text-decoration: underline;
}

#client-text {
	position: absolute;
	top: 50px;
	left: 15%;
	width: 500px;
	background-color: #2D2D2D;
	padding: 20px;
}

#client-text a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #F4F4F4;
	text-decoration: none;
}

#client-text a:hover {
	text-decoration: underline;
}


/* Print Specifications -- */
@media print {
	body { color: #000000; background-color: #ffffff;}
	#image { display: none; }
	#main-links { display: none; }
	#contact-links { display: none; }
	#info-links { display: none; }
	#portfolio-links { display: none; }
	#header { display: none; }
	#header-info { display: none; }
	#header-portfolio { display: none; }
	#header-contact { display: none; }
	#text { 
	position: static;
	width: 6in;
	padding: 0;
	margin: 0;
	font-size: 11pt; }
	}