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

/* ############  CUSTOM FONT INSATLLATION ###########*/

@font-face {
 font-family: 'DeftoneStylusRegular';
 src: url('../fonts/deftone-webfont.eot');
 src: local('../fonts'), url('../fonts/deftone-webfont.woff') format('woff'), url('../fonts/deftone-webfont.ttf') format('truetype'), url('../fonts/deftone-webfont.svg#webfontaVWzKcNc') format('svg');
 font-weight: normal;
 font-style: normal;
}
/* custom font style */

.deftone {
 font-weight: 100;
 font-style: normal;
 line-height:normal;
 font-family: 'DeftoneStylusRegular',  Times, serif;
 letter-spacing: .02em;

}

/*______apply deftone font to main links___________*/

#bottom a {
	 font-weight: 100;
	 font-family: 'DeftoneStylusRegular',  Times, serif;
	 font-size: 30px;
 	 letter-spacing: .02em;

}

/*________________________________________________*/

body {
	background-color:#FFFFFF;
	background-image:url(../images/RedStrip.png);
	background-repeat:repeat-y;
	margin-right:25px;
	margin-left:25px;
	font-family: "Times New Roman", Times, serif;
}
/*******wrapper section**********/
#link {
	width:21px;
	height:128px;
	background-image:url(assets/images/TI2009.png);
	background-repeat:no-repeat;
	position:absolute;
	left: 0px;
	top: 0px;
	margin-right:21px;
	visibility: visible;
	z-index:50;
}
#TopInk {
	width:1200px;
	height:470px;
	background-image:url(../images/TopInk.png);
	background-repeat:no-repeat;
	position:absolute;
	margin-left: 50%;
	left: -530px;
	top: 0px;
	visibility: visible;
	z-index:1;
	white-space:normal;
}
#wrapper {
	width:874px;
	height:auto;
	position:absolute;
	margin-left: 50%;
	left: -437px;
	z-index:3;
}
/*******header section**********/


#wrapper #headder {
	width:870px;
	height:126px;
	margin-top:4px;
	border: 2px solid #000;
	background-color:#FFFFFF;
}
#wrapper #headTop {
	width:320px;
	height:124px;
	float:left;
	background-image:url(../images/TargetInkGradentWebHeader.gif);
	background-repeat:no-repeat;
	margin-top:2px;
}
#wrapper #headBottom {
	width:520px;
	height:124px;
	float:right;
}
/*******content section**********/

#wrapper #content {
	width:874px;
	height:354px;
}
#wrapper #content #top {
	width:874px;
	height:319px;
	margin-top:4px;
	background-image:url(../images/PortfolioFlash.jpg);
	background-repeat:no-repeat;
}
#wrapper #content #top #topleft {
	width:480px;
	height:319px;
	float:right;
}
#wrapper #content #top #topright {
	width:394px;
	height:319px;
	background-color:#CCCCCC;
	background-image:url(../images/homeText.png);
	background-repeat:no-repeat;
	float:left;
}
#wrapper #content #topThanks {
	width:874px;
	height:319px;
	margin-top:4px;
	background-image:url(../images/AltContactDesign.gif);
	background-repeat:no-repeat;
}
#wrapper #content #topWeb {
	width:874px;
	height:319px;
	margin-top:4px;
	background-image:url(../images/PortfolioFlashWeb.jpg);
	background-repeat:no-repeat;
}
#wrapper #content #topBranding {
	width:874px;
	height:319px;
	margin-top:4px;
	background-image:url(../images/PortfolioFlashBrand.jpg);
	background-repeat:no-repeat;
}
#wrapper #content #topPhoto {
	width:874px;
	height:319px;
	margin-top:4px;
	background-image:url(../images/PortfolioFlashPhoto.jpg);
	background-repeat:no-repeat;
}
#wrapper #content #topPrint {
	width:874px;
	height:319px;
	margin-top:4px;
	background-image:url(../images/PortfolioPrint.jpg);
	background-repeat:no-repeat;
}
#wrapper #content #topcontact {
	width:874px;
	height:319px;
	margin-top:4px;
	background-image:url(../images/AltContactDesign.gif);
	background-repeat:no-repeat;
}
#wrapper #content #bottom {
	width:874px;
	height:33px;
	border-bottom:2px solid #000000;
}
/*******footer section**********/


#wrapper #footer {
	margin-top:5px;
	width:874px;
	height:auto;
}
#wrapper #footer #left {
	width:237px;
	height:auto;
	border-right:1px solid #000000;
	float:left;
}
#wrapper #footer #left #top2 {
	width:222px;
	height:auto;
	border-bottom:1px solid #000000;
	float:left;
}
#wrapper #footer #left #bottom2 {
	width:222px;
	height:auto;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
}
#wrapper #footer #right {
	width:635px;
	height:auto;
	float:right;
}
#wrapper #footer #rightcontact {
	width:635px;
	height:auto;
	float:right;
}
#wrapper #footer #rightthanks {
	width:635px;
	height:200px;
	float:right;
}
#wrapper #footer #right #tab1 {
	width:600px;
	height:30px;
	float:right;
	border-bottom:1px solid #000000;
}
.linksleft {
	width:200px;
	height:200px;
	float:left;
	outline:none;
}
.linksright {
	width:200px;
	height:200px;
	float:left;
	outline:none;
}
.linkshost {
	width:150px;
	height:482px;
	float:left;
	outline:none;
}
.host {
	float:left;
}
#wrapper #footer #right #tab2 {
	width:600px;
	height:30px;
	float:right;
	border-bottom:1px solid #000000;
}
#wrapper #footer #right #tab3 {
	width:600px;
	height:30px;
	float:right;
	border-bottom:1px solid #000000;
}
#wrapper #footer #right #tab4 {
	width:600px;
	height:30px;
	float:right;
	border-bottom:1px solid #000000;
}
#wrapper #footer #brandfooter {
	width:635px;
	height:200px;
	margin-top:0px;
	float:right;
	outline:none;
}
#wrapper #footer #brandfooter #tdbottom {
	position:absolute;
	z-index:5;
}
#wrapper #footer #brandfooter #tdbottom {
	position:absolute;
	z-index:5;
}
h1 {
	font-size: 24px;
	margin:0px 0px 0px 0px;
}
h2 {
	font-size: 30px;
	font-weight:100;
	display: inline;
	margin:0px 30px 0px 0px;
	font-family: 'DeftoneStylusRegular',  Times, serif;
	letter-spacing: .02em;
}
.red {
	color:#FF0000
}
.arial_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.nav_1 {
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	color:#000000;
	text-decoration:none;
}
.bottom ul li {
	list-style: none;
	display: inline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.bottom ul li a {
	text-decoration: none;
	float: none;
	color:#000000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.bottom ul li a:hover {
	border-style: none;
	color:#FF0000;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
html>body .bottom ul li a:active { /* Apply mousedown effect only to NON IE browsers */
	border-style: none;
	color: #FFF;
}
.imlink {
	border:none;
	outline:none;
	marks:none;
	width:200px;
}
.inlink {
	border:none;
	outline:none;
	marks:none;
	width:150px;
}
.contacttext {
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
}
.small {
	font-size: 10.5px
}

a:hover { text-decoration: none; color:#333333; }

/* Changes made by Chris 09/09/09 are below.
H1 & H2 tags (header tags) are used by search engines and denote a heading, H1 is more important than H2 etc, so if you have headings that contain important key words, use the H1-H6 tags and style them as you wish. Instead of writing margin-top:10px; margin-right:5px; margin-bottom:10px; margin-left:0px; use the shorcut like this - 
margin: 10px 5px 10px 0px;  it goes clockwise top - right - bottom - left, same applies for padding, border etc.
I also added font-family: "Times New Roman", Times, serif; to the body tag, that means everything in the site will be times new roman unless otherwise stated
*/