@charset "UTF-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	background-color:#000;
}
/*---------------------------------------------Header	*/
.header{
	height:100px;
	background-image:url(images/graphics/headerBackground.jpg);
	background-repeat:repeat-x;
}
.headerContainer{
	width:930px;
	height:100px;
	background-image:url(images/graphics/headerBackground.jpg);
	background-repeat:repeat-x;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.logo{
	width:471px;
	height:44px;
	position:relative;
	top:8px;
	left:10px;
}
.navigationContainer{
	top:22px;
	right:15px;
	width:304px;
	height:25px;
	list-style:none;
	margin:0px;
	padding:0px;
	position:absolute;
	display:inline-block;
}
.navigationContainer ul{
	list-style:none;
	margin:0px;
	padding:0px;
	position:relative;
	display:inline-block;
	float:right;
}
.navigationContainer a{
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	position:relative;
	margin:0px;
	padding:0px;
}
.navigationContainer li {
    margin-right:4px; padding: 0; list-style: none;
    position: relative; top: 0;
	height:25px;
	float:left;
}
.navigationContainer li, .navigationContainer a {
    height: 25px; display:block;
	margin:0px;
	padding:0px;
}
a img{
	border:none;
	margin:0px;
}
/*--------------------------Navigation Rollovers----*/
/*-*/
.home{
	width: 52px;
	height:25px;
	background-image:url(images/graphics/home.jpg);
}
.home a:hover{
	width:52px;
	height:25px;
	background: transparent url(images/graphics/home.jpg) 0 -25px;
}
.homeOver{
	width:52px;
	height:25px;
	background: transparent url(images/graphics/home.jpg) 0 -50px;
}
/*-*/
.work{
	width: 52px;
	height:25px;
	background-image:url(images/graphics/work.jpg);
}
.work a:hover{
	width:52px;
	height:25px;
	background: transparent url(images/graphics/work.jpg) 0 -25px;
}
.workOver{
	width:52px;
	height:25px;
	background: transparent url(images/graphics/work.jpg) 0 -50px;
}
/*-*/
.experience{
	width: 83px;
	height:25px;
	background-image:url(images/graphics/experience.jpg);
}
.experience a:hover{
	width:83px;
	height:25px;
	background: transparent url(images/graphics/experience.jpg) 0 -25px;
}
.experienceOver{
	width:83px;
	height:25px;
	background: transparent url(images/graphics/experience.jpg) 0 -50px;
}
/*-*/
.about{
	width: 59px;
	height:25px;
	background-image:url(images/graphics/about.jpg);
}
.about a:hover{
	width:59px;
	height:25px;
	background: transparent url(images/graphics/about.jpg) 0 -25px;
}
.aboutOver{
	width:59px;
	height:25px;
	background: transparent url(images/graphics/about.jpg) 0 -50px;
}
/*-*/
.contact{
	width: 58px;
	height:25px;
	background-image:url(images/graphics/contact.jpg);
}
.contact a:hover{
	width:58px;
	height:25px;
	background: transparent url(images/graphics/contact.jpg) 0 -25px;
}
.contactOver{
	width:58px;
	height:25px;
	background: transparent url(images/graphics/contact.jpg) 0 -50px;
}
/*---------------------------------------------Content	*/
.content{
	min-height:724px;
	background-image:url(images/graphics/homeGradient.jpg);
	background-repeat:repeat-x;
}
.contentContainer{
	width:930px;
	min-height:724px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/graphics/homeGradient.jpg);
	background-color:#FFF;
}
/*---------------------------------------------Home Content	*/
.featuredContainer{
	width:930px;
	height:362px;
}
.featuredContent{
	width:620px;
	height:362px;
	float:left;
}
.featuredImage{
	width:565px;
	height:285px;
	background-image:url(images/graphics/featured_image.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin-top:14px;
	margin-right:15px;
	margin-left:15px;
	border:#a1a1a1;
	border-width:1px;
	border-style:solid;	
}
.featuredWorkImage{
	width:257px;
	height:95px;
	top:190px;
	position:absolute;
	background-image:url(images/graphics/featuredWork.png);
	background-repeat:no-repeat;
	z-index:9;
}
.featuredLink{
	width:260px;
	height:30px;
	position:absolute;
	text-align:right;
	right:30px;
	top:70px;
}	
.textFeatureLink a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#00AEEF;
	
}
.textFeatureLink a:hover{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ff244c;
}
.textFeatureLink a:active{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#00AEEF;
}
.textFeatureLink a:visited{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

.featuredText{
	width:310px;
	height:362px;
	float:left;
}
.doingTop{
	width: 285px;
	height: 110px;
	background-image: url(images/graphics/doing_top.jpg);
	float:left;
}
.doingBottom{
	width: 270px;
	height: 50px;
	background-image: url(images/graphics/doing_bottom.jpg);
	float:left;
	padding: 45px 0 0 15px;
	margin-bottom: 15px;
}
.done{
	width:270px;
	height: 50px;
	background-image: url(images/graphics/done.jpg);
	float:left;
	padding: 45px 0 0 15px;
}
.featuredBlock{
	width:620px;
	height:322px;
	background-image:url(images/graphics/featured_block.png);
	background-repeat:no-repeat;
	position:relative;	
}
.recentContainer{
	width:930px;
	height:362px;
	position:relative;
}
.recentWorkImage{
	width:930px;
	height:44px;
	background-image:url(images/graphics/recentBar.png);
	background-repeat:no-repeat;
	position:absolute;
	clear:both;
	top:7px;
	left:0px;
}
.recentTri{
	width:310px;
	height:362px;
	float:left;
}
.recentBlock{
	width:297px;
	height:230px;
	margin-top:10px;
	top:50px;
	position:absolute;
	background-image:url(images/graphics/recent_block.png);
	background-repeat:no-repeat;
}
.recentImage1{
	width:255px;
	height:185px;
	background-image:url(images/graphics/recent1.jpg);
	position:absolute;
	margin-top:14px;
	margin-right:15px;
	margin-left:15px;
	border:#fff;
	border-width:1px;
	border-style:solid;
}
.recentImage2{
	width:255px;
	height:185px;
	background-image:url(images/graphics/recent2.jpg);
	position:absolute;
	margin-top:14px;
	margin-right:15px;
	margin-left:15px;
	border:#CCC;
	border-width:1px;
	border-style:solid;
}
.recentImage3{
	width:255px;
	height:185px;
	background-image:url(images/graphics/recent3.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin-top:14px;
	margin-right:15px;
	margin-left:15px;
	border:#fff;
	border-width:1px;
	border-style:solid;
}
.recentInfo{
	width:285px;
	height:28px;
	position:relative;
	top:290px;
	text-align:right;
	padding-right:10px;
}
/*---------------------------------------------Work  */
.workContent{
	min-height:700px;	
	background-color:#FFF;
}
.workContentContainer{
	width:930px;
	min-height:700px;
	margin-left:auto;
	margin-right:auto;	
	position:relative;
	background-color:#FFF;
}

.thumbnail_container{
	float:left;
	margin-top:20px;
	width:150px;
	height:550px;;
	position:relative;
}
.image_content{
	float:left;

	width:435px;
	height:550px;
	position:relative;
	margin-left:50px;
	margin-top:20px;
}
.description_content{
	float:right;
	width:275px;
	height:550px;
	position:relative;
	margin-top:20px;
}
.thirstyName{
	width:278px;
	height:45px;
	background-image:url(images/graphics/thirstyName.png);
	background-repeat:no-repeat;
	background-position:left;
}
.newsName{
	width:278px;
	height:75px;
	background-image:url(images/graphics/newsName.png);
	background-repeat:no-repeat;
	background-position:left;
}
.curvesName{
	width:278px;
	height:41px;
	background-image:url(images/graphics/curvesName.png);
	background-repeat:no-repeat;
	background-position:left;
}
.lightsName{
	width:278px;
	height:41px;
	background-image:url(images/graphics/lightsName.png);
	background-repeat:no-repeat;
	background-position:left;
}
.aowName{
	width:278px;
	height:75px;
	background-image:url(images/graphics/aowName.png);
	background-repeat:no-repeat;
	background-position:left;
}
.burtonName{
	width:278px;
	height:41px;
	background-image:url(images/graphics/burtonName.png);
	background-repeat:no-repeat;
	background-position:left;
}
.macName{
	width:278px;
	height:41px;
	background-image:url(images/graphics/macName.png);
	background-repeat:no-repeat;
	background-position:left;
}
.sillyName{
	width:278px;
	height:41px;
	background-image:url(images/graphics/sillyName.png);
	background-repeat:no-repeat;
	background-position:left;
}
.jaredName{
	width:278px;
	height:75px;
	background-image:url(images/graphics/jaredName.png);
	background-repeat:no-repeat;
	background-position:left;
}
.burnName{
	width:278px;
	height:41px;
	background-image:url(images/graphics/burnName.png);
	background-repeat:no-repeat;
	background-position:left;
}
.bikeName{
	width:278px;
	height:41px;
	background-image:url(images/graphics/bikeName.png);
	background-repeat:no-repeat;
	background-position:left;
}
.copyName{
	width:278px;
	height:41px;
	background-image:url(images/graphics/copyName.png);
	background-repeat:no-repeat;
	background-position:left;
}

.description_box{
	width:265;
	height:auto;
	top:50px;
	margin-right:10px;	
}
.view_large{
	width:265;
	height:auto;
	margin-top:50px;
}
.piece_thumbnail_container{
	width:265px;
	min-height:42px;
	position:relative;
	left:0px;
	margin-top:10px;
}

.thumbnail_navigation{
	list-style:none;
	margin:0px;
	padding:0px;
	position:relative;
}
.thumbnail_navigation a{
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	position:relative;
}
.thumbnail_navigation li {
    margin: 0; padding: 0; list-style: none;
    position: relative; top: 0;
	height:42px;
}
.thumbnail_navigation li, .thumbnail_navigation a {
    height: 42px; display: block;
	margin-bottom:4px;
}


/*----------------------------------------Work Side Thumbnails*/
/*----------------1----------------*/
.thumbnail1 {
	left: 0; width: 150px;
	height:42px;
	background-image:url(images/thumbnails/testThumb.jpg);
}
.thumbnail1 a:hover {
    background: transparent url(images/thumbnails/testThumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
.thumbnail1_on {
    background: transparent url(images/thumbnails/testThumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-----------------2---------------*/
.thumbnail2 {
	left: 0; width: 150px;
	height:42px;
	background-image:url(images/thumbnails/work2Thumb.jpg);
}
.thumbnail2 a:hover {
    background: transparent url(images/thumbnails/work2Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
.thumbnail2_on {
    background: transparent url(images/thumbnails/work2Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-----------------3---------------*/
.thumbnail3 {
	left: 0; width: 150px;
	height:42px;
	background-image:url(images/thumbnails/work3Thumb.jpg);
}
.thumbnail3 a:hover {
    background: transparent url(images/thumbnails/work3Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
.thumbnail3_on {
    background: transparent url(images/thumbnails/work3Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------4----------------*/
.thumbnail4 {
	left: 0; width: 150px;
	height:42px;
	background-image:url(images/thumbnails/work4Thumb.jpg);
}
.thumbnail4 a:hover {
    background: transparent url(images/thumbnails/work4Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
.thumbnail4_on {
    background: transparent url(images/thumbnails/work4Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-----------------5---------------*/
.thumbnail5 {
	left: 0; width: 150px;
	height:42px;
	background-image:url(images/thumbnails/work5Thumb.jpg);
}
.thumbnail5 a:hover {
    background: transparent url(images/thumbnails/work5Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
.thumbnail5_on {
    background: transparent url(images/thumbnails/work5Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------6----------------*/
.thumbnail6 {
	left: 0; width: 150px;
	height:42px;
	background-image:url(images/thumbnails/work6Thumb.jpg);
}
.thumbnail6 a:hover {
    background: transparent url(images/thumbnails/work6Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
.thumbnail6_on {
    background: transparent url(images/thumbnails/work6Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-----------------7---------------*/
.thumbnail7 {
	left: 0; width: 150px;
	height:42px;
	background-image:url(images/thumbnails/work7Thumb.jpg);
}
.thumbnail7 a:hover {
    background: transparent url(images/thumbnails/work7Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
.thumbnail7_on {
    background: transparent url(images/thumbnails/work7Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-----------------8---------------*/
.thumbnail8 {
	left: 0; width: 150px;
	height:42px;
	background-image:url(images/thumbnails/work8Thumb.jpg);
}
.thumbnail8 a:hover {
    background: transparent url(images/thumbnails/work8Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
.thumbnail8_on {
    background: transparent url(images/thumbnails/work8Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*------------------9--------------*/
.thumbnail9 {
	left: 0; width: 150px;
	height:42px;
	background-image:url(images/thumbnails/work9Thumb.jpg);
}
.thumbnail9 a:hover {
    background: transparent url(images/thumbnails/work9Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
.thumbnail9_on {
    background: transparent url(images/thumbnails/work9Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------10---------------*/
.thumbnail10 {
	left: 0; width: 150px;
	height:42px;
	background-image:url(images/thumbnails/work10Thumb.jpg);
}
.thumbnail10 a:hover {
    background: transparent url(images/thumbnails/work10Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
.thumbnail10_on {
    background: transparent url(images/thumbnails/work10Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-----------------11---------------*/
.thumbnail11 {
	left: 0; width: 150px;
	height:42px;
	background-image:url(images/thumbnails/work11Thumb.jpg);
}
.thumbnail11 a:hover {
    background: transparent url(images/thumbnails/work11Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
.thumbnail11_on {
    background: transparent url(images/thumbnails/work11Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*------------------12--------------*/
.thumbnail12 {
	left: 0; width: 150px;
	height:42px;
	background-image:url(images/thumbnails/work12Thumb.jpg);
}
.thumbnail12 a:hover {
    background: transparent url(images/thumbnails/work12Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
.thumbnail12_on {
    background: transparent url(images/thumbnails/work12Thumb.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-----------------------------------------------------------------------------------END-*/
/* ----------------Individual Work Navigation-------------------*/
.piece_navigation{
	list-style:none;
	margin:0px;
	padding:0px;
	position:relative;
	display:inline-block;
}
.piece_navigation ul{
	list-style:none;
	margin:0px;
	padding:0px;
	position:relative;
	display:inline-block;
}
.piece_navigation a{
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	position:relative;
}

.piece_navigation li {
    margin-right:4px; padding: 0; list-style: none;
    position: relative; top: 0;
	height:42px;
	float:left;
}
.piece_navigation li, .piece_navigation a {
    height: 42px; display:block;
}
/*-------------work 1 nalgene-------------------------------------*/
/*----------------1----------------*/
.nalgene1 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/nalgene1.jpg);
}
.nalgene1 a:hover {
    background: transparent url(images/thumbnails/nalgene1.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------2----------------*/
.nalgene2 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/nalgene2.jpg);
}
.nalgene2 a:hover {
    background: transparent url(images/thumbnails/nalgene2.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-------------work 2 News-------------------------------------*/
/*----------------1----------------*/
.news1 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/news1.jpg);
}
.news1 a:hover {
    background: transparent url(images/thumbnails/news1.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------2----------------*/
.news2 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/news2.jpg);
}
.news2 a:hover {
    background: transparent url(images/thumbnails/news2.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------3----------------*/
.news3 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/news3.jpg);
}
.news3 a:hover {
    background: transparent url(images/thumbnails/news3.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------4----------------*/
.news4 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/news4.jpg);
}
.news4 a:hover {
    background: transparent url(images/thumbnails/news4.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-----------------------work 3 curves ----------*/
/*----------------1----------------*/
.curves1 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/curves1.jpg);
}
.curves1 a:hover {
    background: transparent url(images/thumbnails/curves1.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------2----------------*/
.curves2 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/curves2.jpg);
}
.curves2 a:hover {
    background: transparent url(images/thumbnails/curves2.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------3----------------*/
.curves3 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/curves3.jpg);
}
.curves3 a:hover {
    background: transparent url(images/thumbnails/curves3.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-----------------------work 4 light show --NO STYLES YET--------*/
/*-----------------------work 5 AOW ----------*/
/*----------------1----------------*/
.aow1 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/aow1.jpg);
}
.aow1 a:hover {
    background: transparent url(images/thumbnails/aow1.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------2----------------*/
.aow2 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/aow2.jpg);
}
.aow2 a:hover {
    background: transparent url(images/thumbnails/aow2.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-----------------------work 6 Burton ----------*/
/*----------------1----------------*/
.burton1 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/burton1.jpg);
}
.burton1 a:hover {
    background: transparent url(images/thumbnails/burton1.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------2----------------*/
.burton2 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/burton2.jpg);
}
.burton2 a:hover {
    background: transparent url(images/thumbnails/burton2.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-----------------------work 7 MAC ----------*/
/*----------------1----------------*/
.mac1 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/mac1.jpg);
}
.mac1 a:hover {
    background: transparent url(images/thumbnails/mac1.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------2----------------*/
.mac2 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/mac2.jpg);
}
.mac2 a:hover {
    background: transparent url(images/thumbnails/mac2.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------3----------------*/
.mac3 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/mac3.jpg);
}
.mac3 a:hover {
    background: transparent url(images/thumbnails/mac3.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------4----------------*/
.mac4 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/mac4.jpg);
}
.mac4 a:hover {
    background: transparent url(images/thumbnails/mac4.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-----------------------work 8 Silly Putty ----------*/
/*----------------1----------------*/
.silly1 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/silly1.jpg);
}
.silly1 a:hover {
    background: transparent url(images/thumbnails/silly1.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------2----------------*/
.silly2 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/silly2.jpg);
}
.silly2 a:hover {
    background: transparent url(images/thumbnails/silly2.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------3----------------*/
.silly3 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/silly3.jpg);
}
.silly3 a:hover {
    background: transparent url(images/thumbnails/silly3.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-----------------------work 10 Silly Putty ----------*/
/*----------------1----------------*/
.burn1 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/burn1.jpg);
}
.burn1 a:hover {
    background: transparent url(images/thumbnails/burn1.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------2----------------*/
.burn2 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/burn2.jpg);
}
.burn2 a:hover {
    background: transparent url(images/thumbnails/burn2.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------3----------------*/
.burn3 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/burn3.jpg);
}
.burn3 a:hover {
    background: transparent url(images/thumbnails/burn3.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------4----------------*/
.burn4 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/burn4.jpg);
}
.burn4 a:hover {
    background: transparent url(images/thumbnails/burn4.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------4----------------*/
.burn5 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/burn5.jpg);
}
.burn5 a:hover {
    background: transparent url(images/thumbnails/burn5.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*-----------------------work 11 Silly Putty ----------*/
/*----------------1----------------*/
.giant1 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/giant1.jpg);
}
.giant1 a:hover {
    background: transparent url(images/thumbnails/giant1.jpg) 0 -42px;
	background-repeat:no-repeat;
}
/*----------------2----------------*/
.giant2 {
	width: 42px;
	height:42px;
	background-image:url(images/thumbnails/giant2.jpg);
}
.giant2 a:hover {
    background: transparent url(images/thumbnails/giant2.jpg) 0 -42px;
	background-repeat:no-repeat;
}

/*---------------------------------------Experience	*/

.experienceContent{
	min-height:724px;
	background-color:#FFF;
}
.experienceContainer{
	width:930px;
	min-height:724px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	padding-left:10px;
}
.skillsContainer{
	width:310px;
	height:300px;
	float:left;
}
.educationContainer{
	width:310px;
	height:300px;
	float:left;
}
.awardsContainer{
	width:310px;
	height:300px;
	float:left;
}
.skillsImage{
	background-image:url(images/graphics/skills.png);
	background-repeat:no-repeat;
	width:78px;
	height:44px;
}
.skillsText{
	width:280px;	
}
.educationImage{
	background-image:url(images/graphics/education.png);
	background-repeat:no-repeat;
	width:149px;
	height:44px;
}
.educationText{
	width:280px;	
}
.awardsImage{
	background-image:url(images/graphics/awards.png);
	background-repeat:no-repeat;
	width:259px;
	height:44px;
}
.awardsText{
	width:280px;	
}

.awardsList li{
	margin-bottom:6px;
}

.programs{
	background-image:url(images/graphics/programs.png);
	background-repeat:no-repeat;
	width:874px;
	height:216px;
	position:relative;
	clear:both;
}
.designExperience{
	background-image:url(images/graphics/designExperience.png);
	background-repeat:no-repeat;
	width:874px;
	height:44px;
	margin-bottom:20px;
	position:relative;
	margin-top:50px;

}
.designExperienceBox{
	width:874px;
	min-height:100px;
	border-bottom:solid;
	border-bottom-color:#999;
	position:relative;
	margin-bottom:20px;
}
/*---------------------------------------------Contanct	*/

.contactContent{
	min-height:500px;
	background-color:#FFF;
}
.contactContainer{
	width:930px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.contactLeft{
	float: left;
	width:600px;
	height:300px;
}
.contactRight{
	float:left;
	width:330px;
	height: 300px;
	
}
/*------*/
#contact-area {
	width: 600px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin-top: 20px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 200px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #06C;
	
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

.contactMessageSent{
	width:400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 120px;
}
/*-------*/
.contactHeader{
	width:270px;
	height:50px;
	margin-left: 20px;
	background-image: url(images/graphics/contactHeader.jpg);
	background-repeat: no-repeat
	
}
.contactCopy{
	width:270px;
	margin-left: 40px;
	margin-right: 30px;
	margin-top: 10px;
}


/*---------------------------------------------Footer	*/
.footer{
	height:75px;
	position:relative;
	background-color:#000;
}
.footerContainer{
	width:930px;
	height:75px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.footerTri{
	width:309px;
	height:30px;
	float:left;
	position:relative;
	margin-top:12px;
	text-align:center;
	color:#333;
}
.footerTri1{
	width:309px;
	height:30px;
	float:left;
	position:relative;
	margin-top:12px;
	text-align:left;
}
.footerTri3{
	width:304px;
	height:30px;
	float:right;
	position:relative;
	margin-top:12px;
	text-align:right;
	padding-right:5px;
}
.socialLinks{
	float:right;
	visibility:hidden;
}

/*---------------------------------------Links   */
a:link{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#0099FF;
}
a:visited{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #0099FF;
}
a:active{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#0099FF;
}
a:hover{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ff244c;
}
/*---------------------------------------Text     */
p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#000;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:2px;
	line-height:17px;
}
h3{
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	color:#0099ff;
	font-style:normal;
	font-weight:boldl;
	text-decoration:none;
	margin-top:5px;
	margin-bottom:9px;
	line-height:16px;
}
h4{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#000;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	margin-top:5px;
	margin-bottom:5px;
	line-height:16px;
}
h5{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#000;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	margin-top:5px;
	margin-bottom:6px;
	line-height:16px;
}

/*---------------------------------------Span Text	*/
.textRecent{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:4px;	
}
.textCopyright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:4px;	
}
.textRedundantNav{
}

.textRedundantNav a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:4px;
}
.textRedundantNav a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#06C;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:4px;	
}
.textAwards{
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#000;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:10px;
	line-height:16px;
}
.title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	margin-top:0px;
}
.where{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	margin-top:0px;
}
.position{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:10px;
}
.mailto a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#0099ff;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	margin-top:5px;
	margin-bottom:9px;
	line-height:16px;
}
.mailto a:hover{
	font-family:Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#000;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	margin-top:5px;
	margin-bottom:9px;
	line-height:16px;
}
ul{
	margin-top:0px;
	margin-left:15px;
	padding:0px;
}

/*---------------------portfolio pages--------------*/
portfolioImage{	margin: 0 auto;}