/*Simple CSS by me*/


/*=============================================================
========================FORMATTING=============================
=============================================================*/

body {
	border-top-width: 11px;
	border-top-style: solid;
	border-top-color: #000000;
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
a {outline: none;}
#wrapper {margin: 0 auto;padding: 0;width: 900px;}
#wrapper-ty {margin: 0 auto;padding: 0;width: 900px;text-align: center;}

/*=============================================================
=========================NAVIGATION============================
=============================================================*/
#nav {
	float: right;
	list-style-type: none;
}
#nav li {
	float: left;
	text-indent: -9999px;
	padding: 0 8px;
}
#nav   #design a {
	background-image: url(../../images/nav/design.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 58px;
	height: 21px;
}
#nav    #design a:hover {
	background-repeat: no-repeat;
	background-position: left bottom;
}
#nav  #develop a {
	background-image: url(../../images/nav/develop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 65px;
	height: 21px;
}

#nav    #print a:hover {
	background-repeat: no-repeat;
	background-position: left bottom;
}
#nav  #print a {
	background-image: url(../../images/nav/print.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 55px;
	height: 21px;
}

#nav    #develop a:hover {
	background-repeat: no-repeat;
	background-position: left bottom;
}

#nav  #resume a {
	background-image: url(../../images/nav/resume.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 67px;
	height: 21px;
}

#nav    #resume a:hover {
	background-repeat: no-repeat;
	background-position: left bottom;
}

#nav  #contact a {
	background-image: url(../../images/nav/contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 67px;
	height: 21px;
}

#nav    #contact a:hover {
	background-repeat: no-repeat;
	background-position: left bottom;
}
/*=============================================================
=========================MAIN CONTENT==========================
=============================================================*/

#work-adt a {
	background-image: url(../../images/portfolio/adt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 243px;
	text-indent: -9999px;
}


#work-dtv a {
	background-image: url(../../images/portfolio/dtv1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 243px;
	text-indent: -9999px;
}

#work-sprint a {
	background-image: url(../../images/portfolio/dtv-sprint.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 243px;
	text-indent: -9999px;
}


#work-ts a {
	background-image: url(../../images/portfolio/dtv-toystory.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 243px;
	text-indent: -9999px;
}



#work-tmi a, #work-tmi2 a {
	background-image: url(../../images/portfolio/tmi.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 243px;
	text-indent: -9999px;
}

#work-tmi a:hover, #work-ts a:hover, #work-sprint a:hover, #work-dtv a:hover, #work-adt a:hover {
	background-position: left bottom;
}

#work-ew a {
	background-image: url(../../images/portfolio/earthworks.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 243px;
	text-indent: -9999px;
}

#work-ew a:hover {
	background-position: left bottom;
}

#work-x a {
	background-image: url(../../images/portfolio/xiprotocols.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 243px;
	text-indent: -9999px;
}

#work-x a:hover {
	background-position: left bottom;
}

#work-1 a {
	background-image: url(../../images/portfolio/walton.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 243px;
	text-indent: -9999px;
}
#work-1 a:hover {
	background-position: left bottom;
}
#work-2 a {
	background-image: url(../../images/portfolio/alivias.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 243px;
	text-indent: -9999px;
}
#work-2 a:hover {
	background-position: left bottom;
}
#work-3 a {
	background-image: url(../../images/portfolio/waldwick.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 239px;
	text-indent: -9999px;
}
#work-3 a:hover {
	background-position: left bottom;
}
#work-4 a {
	background-image: url(../../images/portfolio/bink.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 236px;
	text-indent: -9999px;
}
#work-4 a:hover {
	background-position: left bottom;
}
#work-5 a {
	background-image: url(../../images/portfolio/ecsa.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 236px;
	text-indent: -9999px;
}
#work-5 a:hover {
	background-position: left bottom;
}
#work-6 a {
	background-image: url(../../images/portfolio/e_c.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 236px;
	text-indent: -9999px;
}
#work-6 a:hover {
	background-position: left bottom;
}
#work-7 a {
	background-image: url(../../images/portfolio/woodhaven.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 236px;
	text-indent: -9999px;
}
#work-7 a:hover {
	background-position: left bottom;
}
#work-8 a {
	background-image: url(../../images/portfolio/ridgefield.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 236px;
	text-indent: -9999px;
}
#work-8 a:hover {
	background-position: left bottom;
}
#work-9 a {
	background-image: url(../../images/portfolio/wld.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 236px;
	text-indent: -9999px;
}
#work-9 a:hover {
	background-position: left bottom;
}
#work-10 a {
	background-image: url(../../images/portfolio/ta3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 236px;
	text-indent: -9999px;
}
#work-10 a:hover {
	background-position: left bottom;
}
#work-11 a {
	background-image: url(../../images/portfolio/e_c2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 236px;
	text-indent: -9999px;
}
#work-11 a:hover {
	background-position: left bottom;
}
#work-12 a {
	background-image: url(../../images/portfolio/woodhaven2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 236px;
	text-indent: -9999px;
}
#work-12 a:hover {
	background-position: left bottom;
}
/*=============================================================
=======================CONTACT FORM============================
=============================================================*/
#contact-me textarea {
	border: 1px solid #000000;
	background-image: none;
}
#contact-me input {
	border: 1px solid #000000;
}
#contact-me #submit {
	background-image: url(../../images/formatting/submit_bttn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 144px;
	height: 43px;
}
/*=============================================================
=========================CLASSES===============================
=============================================================*/
.work-txt {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 14px;
	color: #44a3be;
	font-weight: normal;
	margin: 0 0 35px 0;
	padding: 0 40px 25px 10px;
	background-image: url(../../images/portfolio/divider.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	letter-spacing: 0.1em;
}
.work-tools {
	font-weight: normal;
	text-transform: none;
	color: #000000;
	font-size: 12px;
	letter-spacing: 0em;
}
.backtotop a {
	background-image: url(../../images/formatting/top-arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 64px;
	height: 63px;
	text-indent: -9999px;
	float: right;
	margin: 0 25px 0 0;
}
.backtotop a:hover {
	background-repeat: no-repeat;
	background-position: right top;
}
.normal {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-transform: none;
}
.normal-black {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color: #333333;
}
.browse  {
	background-image: url(../../images/formatting/thanks2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	width: 370px;
	text-indent: -9999px;
	height: 68px;
	margin: 0 auto;
}
.browse:hover {
	background-position: left top;
}
/*=============================================================
=========================FOOTER================================
=============================================================*/
#footer {
	background-color: #000000;
	height: 80px;
	margin: 10px 0 0 0;
	padding: 0;
}