/* begin contact page formatting */
#mainleft {
	margin-top: -25px;
	width: 30%;
	float: left;
	padding-bottom: 10px;
}

#maincenter {
	margin-top: -270px;
	width: 70%;
	float: left;
	padding-left: 288px;
	padding-bottom: 10px;	
}

/* #mainright {
	margin-top: -45px;
	width: 55%;
	float: right;
	padding-bottom: 10px; 
} /* end contact page formatting */

 /* begin form formatting */
 #input1 {
	border-width: 0px;
	border-style: none;
	padding-left: 10px;
	padding-top: 10px;
	width: 244px;
	height: 32px;
	margin-right: 100px;
	margin-bottom: -10px;
	background: url(images/input1.png) no-repeat;
}

#input2 {
	border-width: 0px;
	border-style: none;
	padding-left: 10px;
	padding-top: 10px;
	width: 244px;
	height: 32px;
	margin-right: 100px;
	margin-bottom: -10px;
	background: url(images/input1.png) no-repeat;
}
 
#textarea1 {
	border-width: 0px;
	border-style: none;
	padding-left: 10px;
	padding-top: 10px;
	overflow: auto;
	width: 281px;
	height: 80px;
	margin-right: 100px;x
	margin-bottom: -10px;
	background: url(images/textarea1.png) no-repeat;
}

#textarea2 {
	border-width: 0px;
	border-style: none;
	padding-left: 10px;
	padding-top: 10px;
	overflow: auto;
	width: 281px;
	height: 80px;
	margin-right: 100px;
	margin-bottom: -10px;
	background: url(images/textarea1.png) no-repeat;
}

#submit {
	border-width: 0px;
	border-style: none;
	padding-left: 10px;
	padding-top: 10px;
	overflow: auto;
	width: 116px;
	height: 27px;
	margin-right: 100px;
	margin-bottom: -10px;
	background: url(images/submit.png) no-repeat;
}

.orange {
	color: #FF9900;
} /* end form formatting */

h4 {
	font-family: DaxOT-Light;
}

.itl {
	font-size: 12px;
	font-family: DaxOT-Light;
}

.itl1 {
	font-size: 12px;
	font-family: DaxOT-Light;
	color: #CC0000;
}
 
p {
	text-align: left;
	font-family: DaxOT-Regular; /* Geneva, Arial, Helvetica, sans-serif; */
	font-size: 12px;
	line-height: 14px;
} 

#bold {
	padding-right: 15px;
	font-weight: bold;
}

/* begin background image */
#back {
	background: url(images/full.jpg) top left no-repeat;
	height: 716px;
	width: 1374px;
	margin-top: -60px;
	margin-left: -35px; 
} 
/* end background image */

/* begin exact placement of the whole navigation area */
#nav {
	margin-top: -712px;
	margin-left: 561px;
	position: absolute;
}
/* end exact placement of the whole navigation area */

/* start expand collapse script */
body {
	text-align: center;
	margin: 30px;
}

#wrapper {
	text-align :left;
	margin: 0 auto;
	width: 600px;
	min-height: 95px;
	border: 0px;
	padding: 30px;
	margin-top: 108px;
	margin-right: 135px;
}

a {
	color: blue;
	cursor: pointer;
}

#myvar { /* myvar controls the x, y position of the expanded pane*/
	border: 0px;
	margin-top: -104px;
	margin-right: -55px;
}
/* end expand collapse script */

/* start collapsed pane */
#collapsed {
	background-image:url(images/collapsed.jpg);
	width: 600px;
	height: 95px;
	margin-top: -9px;
}
/* end collapsed pane */

/* start expanded pane */
#expanded {
	background-image:url(images/expanded.jpg);
	width: 600px;
	height: 492px;
	margin-top: 9px;
}
/* end expanded pane */

/* begin all navigation buttons */
/* begin "thework" button */
#thework a { 
	background: url(images/btn/thework.jpg) 0 0 no-repeat;
	width: 187px;
	height: 38px;
	margin: 0px;
	left: 49px;
	top: 478px;
	position: absolute;
	z-index: 10;
}

#thework a:hover {
	background-position: -187px;
	width: 187px;
	height: 38px;
	left: 49px;
	top: 478px;
	position: absolute;
	z-index: 10;
}

#thework a:active {
	color: #FFFFFF;
	position: absolute;
	z-index: 10;
}
/* end "thework" button */

/* begin "resume" button */
#resume a { 
	background: url(images/btn/resume.jpg) 0 0 no-repeat;
	width: 187px;
	height: 23px;
	margin: 0px;
	left: 49px;
	top: 516px;
	position: absolute;
	z-index: 9;
}

#resume a:hover {
	background-position: -187px;
	width: 187px;
	height: 23px;
	left: 49px;
	top: 516px;
	position: absolute;
	z-index: 9;
}

#resume a:active {
	color: #FFFFFF;
	position: absolute;
	z-index: 9;
}
/* end "resume" button */

/* begin "about" button */
#about a { 
	background: url(images/btn/about.jpg) 0 0 no-repeat;
	width: 187px;
	height: 23px;
	margin: 0px;
	left: 49px;
	top: 539px;
	position: absolute;
	z-index: 8;
}

#about a:hover {
	background-position: -187px;
	width: 187px;
	height: 23px;
	left: 49px;
	top: 539px;
	position: absolute;
	z-index: 8;
}

#about a:active {
	color: #FFFFFF;
	position: absolute;
	z-index: 8;
}
/* end "about" button */

/* begin "contact" button */
#contact a { 
	background: url(images/btn/contact.jpg) 0 0 no-repeat;
	width: 187px;
	height: 38px;
	margin: 0px;
	left: 49px;
	top: 562px;
	position: absolute;
	z-index: 7;
}

#contact a:hover {
	background-position: -187px;
	width: 187px;
	height: 38px;
	left: 49px;
	top: 562px;
	position: absolute;
	z-index: 7;
}

#contact a:active {
	color: #FFFFFF;
	position: absolute;
	z-index: 7;
}
/* end "contact" button */
/* end all navigation buttons */

/* take away the bullets from the list menu navigation */
li {
	list-style: none;
}
 /* take away the bullets from the list menu navigation */
 
/* begin positioning the mouseover page titles */
#Tthework { 
	left: 1048px;
	top: 140px;
	position: absolute;
	
}
/* end positioning the mouseover page titles */

/* begin positioning for iframe thumbnail mouseovers */
#iframe { 
	margin-left: 216px;
	margin-top: -123px;
	width: 350px;
	height: 100px;
	position: absolute;
	
}
/* end positioning for iframe thumbnail mouseovers */

/* begin positioning for iframe of portfolio image w/ creative brief */
#iframe1 { 
	margin-left: 0px;
	margin-top: -420px;
	width: 570px;
	height: 325px;
	position: absolute;
	
}
/* end positioning for iframe of portfolio image w/ creative brief */

/* begin positioning for iframe of resume */
#iframe2 { 
	margin-left: 0px;
	margin-top: -417px;
	width: 570px;
	height: 385px;
	position: absolute;
	
}
/* end positioning for iframe of resume */

/* begin positioning for iframe of contact page */
#iframe3 { 
	margin-left: 0px;
	margin-top: -420px;
	width: 575px;
	height: 395px;
	position: absolute;
}
/* end positioning for iframe of contact pagef */


/* begin row 1 top left thumb #1 */
#trials a {
	background: url(images/thumb/trials.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#trials a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#trials a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #1 */

/* begin row 1 top left thumb #2 */
#abe a {
	background: url(images/thumb/abe.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#abe a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#abe a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #2 */

/* begin row 1 top left thumb #3 */
#athena a {
	background: url(images/thumb/athena.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#athena a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#athena a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #3 */

/* begin row 1 top left thumb #4 */
#brochure a {
	background: url(images/thumb/brochure.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#brochure a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#brochure a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #4 */

/* begin row 1 top left thumb #5 */
#chain a {
	background: url(images/thumb/chain.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#chain a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#chain a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #5 */

/* begin row 1 top left thumb #6 */
#construct a {
	background: url(images/thumb/construct.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#construct a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#construct a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #6 */

/* begin row 1 top left thumb #7 */
#fours a {
	background: url(images/thumb/fours.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#fours a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#fours a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #7 */

/* begin row 1 top left thumb #8 */
#gear a {
	background: url(images/thumb/gear.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#gear a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#gear a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #8 */

/* begin row 1 top left thumb #9 */
#golive a {
	background: url(images/thumb/golive.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#golive a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#golive a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #9 */

/* begin row 1 top left thumb #10 */
#hel a {
	background: url(images/thumb/hel.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#hel a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#hel a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #10 */

/* begin row 1 top left thumb #11 */
#illustrator a {
	background: url(images/thumb/illustrator.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#illustrator a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#illustrator a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #11 */

/* begin row 1 top left thumb #12 */
#kibby a {
	background: url(images/thumb/kibby.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#kibby a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#kibby a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #12 */

/* begin row 1 top left thumb #13 */
#logo a {
	background: url(images/thumb/logo.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#logo a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#logo a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #13 */

/* begin row 1 top left thumb #14 */
#modern a {
	background: url(images/thumb/modern.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#modern a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#modern a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #14 */

/* begin row 1 top left thumb #15 */
#music a {
	background: url(images/thumb/music.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#music a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#music a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #15 */

/* begin row 1 top left thumb #16 */
#photoshop a {
	background: url(images/thumb/photoshop.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#photoshop a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#photoshop a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #16 */

/* begin row 1 top left thumb #17 */
#poster a {
	background: url(images/thumb/poster.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#poster a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#poster a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #17 */

/* begin row 1 top left thumb #18 */
#stamp a {
	background: url(images/thumb/stamp.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#stamp a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#stamp a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #18 */

/* begin row 1 top left thumb #19 */
#stationary a {
	background: url(images/thumb/stationary.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#stationary a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#stationary a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #19 */

/* begin row 1 top left thumb #20 */
#svr a {
	background: url(images/thumb/svr.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#svr a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#svr a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #20 */

/* begin row 1 top left thumb #21 */
#symbol a {
	background: url(images/thumb/symbol.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#symbol a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#symbol a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #21 */

/* begin row 1 top left thumb #22 */
#teton a {
	background: url(images/thumb/teton.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#teton a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#teton a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #22 */

/* begin row 1 top left thumb #23 */
#vthrust a {
	background: url(images/thumb/vthrust.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#vthrust a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#vthrust a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #23 */

/* begin row 1 top left thumb #24 */
#whabam a {
	background: url(images/thumb/whabam.png) 0 0 no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#whabam a:hover {
	background-position: -52px;
	width: 52px;
	height: 52px;
	position: absolute;
	margin: 0px;
}

#whabam a:active {
	color: #FFFFFF;
}
/* end row 1 top left thumb #24 */