@charset "utf-8";
html {
	height: 100%;
	}

body {
	height: 100%;
	font-family: ITC Avant Garde Gothic Std, Helvetica, Arial, sans-serif;
	color:#404041;
	font-size:14px;
	line-height: 18px;
	margin-top:-20;
	background-color:#BDBDBD;
	background-image:url(images/background.jpg);
	background-position:center;
	background-repeat:repeat-y;
	
	}
body a {
	color:#00ADEE;
}
body ul {
	list-style-type: none;
}
	
body .title {
	font-size:18px;
	font-weight:bold;
	line-height:18px;
}
body .copyright {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999;
	font-size:12px;
	}
body .emphasis {
	color: #00ADEE;
	font-style:italic;
	font-size:25px;
	line-height:0px;
}

#container {
	margin-left:auto;
	margin-right:auto;
	width: 960px;
	min-height:100%;
	margin-top:-10px;
	margin-bottom:-30px;
	background-color:#FFF;
	background-image:url(images/backgroundfloral.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	}
#container #containerbackground {
	display: block;
	width: 1116px;
	height:469px;
	margin-left:-78.2px;
	position:fixed;
	bottom:0px;
	background-image:url(images/background_container.jpg);
	background-position: bottom center;
	background-repeat:no-repeat;
	}
	
/* top navigation bar */
#header #nav {
	margin-left: 650px;
	background-color:#00CCFF;
	}
	
#header #nav li {
	float: left;
	padding: 10px;
	margin:-14px;
	}
	
#header #nav ul {
	list-style: none;
	padding:0;
	margin:0;
	background-color:#00CCFF;
	}
	

#header #nav a{
	color:#FFFFFF;
	text-decoration:none;
	}

#container #header #nav .leftlink a {
	width: 96px;
	height: 127px;
	background-image:url(images/aboutme.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	display: block;
	padding-top: 12px;
}

#container #header #nav .leftlink a:hover {
	background-image:url(images/aboutme_hover.gif);
	background-repeat:no-repeat;

}

#container #header #nav .leftlink a:active {
	background-image:url(images/aboutme_active.gif);
	background-repeat:no-repeat;

}

#container #header #nav .middlelink a {
	width: 96px;
	height: 127px;
	background-image:url(images/portfolio.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	display: block;
	padding-top: 12px;
}

#container #header #nav .middlelink a:hover {
	background-image:url(images/portfolio_hover.gif);
	background-repeat:no-repeat;
}

#container #header #nav .middlelink a:active {
	background-image:url(images/portfolio_active.gif);
	background-repeat:no-repeat;

}

#container #header #nav .rightlink a {
	width: 96px;
	height: 127px;
	background-image:url(images/skills.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	display: block;
	padding-top: 12px;
}

#container #header #nav .rightlink a:hover {
	background-image:url(images/skills_hover.gif);
	background-repeat:no-repeat;
}

#container #header #nav .rightlink a:active {
	background-image:url(images/skills_active.gif);
	background-repeat:no-repeat;

}
/* end of nav */

/* logo */
#container #header #logo {
	position:absolute;
	top: 10px;
	}
#container #header #logo a {
	background-image:url(images/ame_logo.gif);
	background-repeat: no-repeat;
	width: 256px;
	height: 161px;
	margin-top: -10px;
	display: block;
	}
	/* #logo a:hover {
	background-image: url(file:///TRANSPORT/Projects/MVCC/Good%20Jeans/Good%20Jeans/Images/good_jeans_logo_hover.jpg)
	} */
	
/* main content */


#content { 
	clear:left;
	width:960px;
	height:auto;
	margin: auto;
	}
	


/* choosing section */

#onecolumnhome middle{
	width: 960px;
	
	}
/* left nav for about me */

#content #leftnavaboutme {
	float: left;
	width: 260px;
	display: block;
	margin-top: 85px;
	}
	
#content #leftnavaboutme #piece1 a {
	width: 100px;
	height: 59px;
	display: block;
	background-image:url(images/nav_bio.gif);
	background-repeat: no-repeat;
	}
#content #leftnavaboutme #piece1 a:hover {
	background-image:url(images/nav_bio_hover.gif);
	}
	
#content #leftnavaboutme #piece2 a {
	width: 140px;
	height: 59px;
	display: block;
	background-image:url(images/nav_education.gif);
	background-repeat: no-repeat;
	}
#content #leftnavaboutme #piece2 a:hover {
	background-image:url(images/nav_education_hover.gif);
	}
	
#content #leftnavaboutme #piece3 a {
	width: 125px;
	height: 59px;
	display: block;
	background-image:url(images/nav_contact.gif);
	background-repeat: no-repeat;
	}
#content #leftnavaboutme #piece3 a:hover {
	background-image:url(images/nav_contact_hover.gif);
	}
	
#content #leftnavaboutme #piece4 a {
	width: 105px;
	height: 59px;
	display: block;
	background-image:url(images/nav_links.gif);
	background-repeat: no-repeat;
	}
#content #leftnavaboutme #piece4 a:hover {
	background-image:url(images/nav_links_hover.gif);
	}
	
/* two column for about me */
#twocolumnaboutme {
	width: 960px;
	height: auto;
	margin: 0 auto;
	}
#twocolumnaboutme #leftarrow {
	float: left;
	width: 60px;
	height:auto;
	display: block;
	margin-top: 100px;
	}
#twocolumnaboutme .schoolimage {
	width: 60px;
	height: 120px;
	float: left;
	margin-right: 20px;
	}
#twocolumnaboutme .linkimage {
	width: 47px;
	height: 47px;
	float: left;
	margin-right: 20px;
	}
#twocolumnaboutme .mvccimage {
	width: 60px;
	height: 200px;
	float: left;
	margin-right: 20px;
	}
#twocolumnaboutme #middle {
	float: left;
	width: 330px;
	height: auto;
	display: block;
	margin-top: 85px;
	}
/*#twocolumnaboutme #middle .title {
	float: left;
	}*/
 /*#twocolumnaboutme #middle p {
	float: left;
	}*/
#twocolumnaboutme #rightarrow {
	float: left;
	width: 100px;
	height:auto;
	display: block;
	margin-top: 100px;
	margin-left: 17px;
	}
	
#twocolumnaboutme #leftarrow a {
	width: 40px;
	height: 24px;
	display: block;
	background-image:url(images/leftarrow.gif);
	background-repeat:no-repeat;
	}
#twocolumnaboutme #leftarrow a:hover {
	background-image:url(images/leftarrow_hover.gif);
	}

#twocolumnaboutme #rightarrow a {
	width: 40px;
	height: 24px;
	display: block;
	background-image:url(images/rightarrow.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
#twocolumnaboutme #rightarrow a:hover {
	background-image:url(images/rightarrow_hover.gif);
	}

#twocolumnaboutme h2 {
	text-align: left;
	font-weight: bold;
	font-size:62px;
	display: block;
	margin-top: -10px;
	}
#twocolumnaboutme p {
	text-align: left;
	}
#twocolumnaboutme p span {
	text-align: left;
	font-size: 33px;
	font-weight: 100;
	display: block;
	line-height: 20px;
	margin-top: 130px;
	}
.fact {
	display: block;
	font-weight: bold;
	line-height: 0px;
	margin-top: -30px;
	font-size:18px;
	}
#twocolumnaboutme ul {
	padding: 0;
	margin: 0;
	list-style-position: inside;
}



/* left nav for portfolio */
#content #leftnavportfolio {
	float: left;
	width: 260px;
	display: block;
	margin-top: 85px;
	}
	#content #leftnavportfolio #piece1 a {
	width: 200px;
	height: 59px;
	display: block;
	background-image:url(images/nav_graphic_composition.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece1 a:hover {
	background-image:url(images/nav_graphic_composition_hover.gif);
	}
	
#content #leftnavportfolio #piece2 a {
	width: 175px;
	height: 59px;
	display: block;
	background-image:url(images/nav_object_stylization.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece2 a:hover {
	background-image:url(images/nav_object_stylization_hover.gif);
	}
	
#content #leftnavportfolio #piece3 a {
	width: 215px;
	height: 59px;
	display: block;
	background-image:url(images/nav_magazine_cover.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece3 a:hover {
	background-image:url(images/nav_magazine_cover_hover.gif);
	}
	
#content #leftnavportfolio #piece4 a {
	width: 170px;
	height: 59px;
	display: block;
	background-image:url(images/nav_still_life1.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece4 a:hover {
	background-image:url(images/nav_still_life_hover.gif);
	}
		
#content #leftnavportfolio #piece5 a {
	width: 170px;
	height: 59px;
	display: block;
	background-image:url(images/nav_figure_drawing.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece5 a:hover {
	background-image:url(images/nav_figure_drawing1_hover.gif);
	}
		
#content #leftnavportfolio #piece6 a {
	width: 145px;
	height: 59px;
	display: block;
	background-image:url(images/nav_self_portrait.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece6 a:hover {
	background-image:url(images/nav_self_portrait1_hover.gif);
	}
		
#content #leftnavportfolio #piece7 a {
	width: 210px;
	height: 59px;
	display: block;
	background-image:url(images/nav_historical_card.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece7 a:hover {
	background-image:url(images/nav_historical_card1_hover.gif);
	}
		
#content #leftnavportfolio #piece8 a {
	width: 160px;
	height: 59px;
	display: block;
	background-image:url(images/nav_museum_logo.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece8 a:hover {
	background-image:url(images/nav_museum_logo_hover.gif);
	}
		
#content #leftnavportfolio #piece9 a {
	width: 180px;
	height: 59px;
	display: block;
	background-image:url(images/nav_iphone_brochure.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece9 a:hover {
	background-image:url(images/nav_iphone_brochure_hover.gif);
	}
		
#content #leftnavportfolio #piece10 a {
	width: 175px;
	height: 59px;
	display: block;
	background-image:url(images/nav_package_design.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece10 a:hover {
	background-image:url(images/nav_package_design_hover.gif);
	}
		
#content #leftnavportfolio #piece11 a {
	width: 180px;
	height: 59px;
	display: block;
	background-image:url(images/nav_grid_series.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece11 a:hover {
	background-image:url(images/nav_grid_series_hover.gif);
	}
			
#content #leftnavportfolio #piece12 a {
	width: 185px;
	height: 59px;
	display: block;
	background-image:url(images/nav_two_page_spread.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece12 a:hover {
	background-image:url(images/nav_two_page_spread_hover.gif);
	}
			
#content #leftnavportfolio #piece13 a {
	width: 195px;
	height: 59px;
	display: block;
	background-image:url(images/nav_levels_of_info.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece13 a:hover {
	background-image:url(images/nav_levels_of_info_hover.gif);
	}
			
#content #leftnavportfolio #piece14 a {
	width: 146px;
	height: 59px;
	display: block;
	background-image:url(images/nav_good_jeans.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece14 a:hover {
	background-image:url(images/nav_good_jeans_hover.gif);
	}
			
#content #leftnavportfolio #piece15 a {
	width: 140px;
	height: 59px;
	display: block;
	background-image:url(images/nav_cmvh_logo.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece15 a:hover {
	background-image:url(images/nav_cmvh_logo_hover.gif);
	}
	
#content #leftnavportfolio #piece16 a {
	width: 170px;
	height: 59px;
	display: block;
	background-image:url(images/nav_designer_poster.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece16 a:hover {
	background-image:url(images/nav_designer_poster_hover.gif);
	}
	
#content #leftnavportfolio #piece17 a {
	width: 140px;
	height: 59px;
	display: block;
	background-image:url(images/nav_utica_logo.gif);
	background-repeat: no-repeat;
	}
#content #leftnavportfolio #piece17 a:hover {
	background-image:url(images/nav_utica_logo_hover.gif);
	}


/* four column for graphic composition */
#fourcolumngraphiccomposition {
	width: 960px;
	height: auto;
	margin: 0 auto;
	}

#fourcolumngraphiccomposition #leftarrow {
	float: left;
	width: 60px;
	height:auto;
	display: block;
	margin-top: 100px;
	}
#fourcolumngraphiccomposition #middle {
	float: left;
	height: auto;
	display: block;
	margin-top: 85px;
	}
#fourcolumngraphiccomposition #rightarrow {
	float: left;
	width: 100px;
	height:auto;
	display: block;
	margin-top: 100px;
	margin-left: 17px;
	}

#fourcolumngraphiccomposition #leftarrow a {
	width: 40px;
	height: 24px;
	display: block;
	background-image:url(images/leftarrow.gif);
	background-repeat:no-repeat;
	}
#fourcolumngraphiccomposition #leftarrow a:hover {
	background-image:url(images/leftarrow_hover.gif);
	}
#fourcolumngraphiccomposition #rightarrow a {
	width: 40px;
	height: 24px;
	display: block;
	background-image:url(images/rightarrow.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
#fourcolumngraphiccomposition #rightarrow a:hover {
	background-image:url(images/rightarrow_hover.gif);
	}

#fourcolumngraphiccomposition h2 {
	text-align: left;
	font-weight: bold;
	font-size:62px;
	display: block;
	margin-top: -10px;
	}
#fourcolumngraphiccomposition p {
	text-align: left;
	}
#fourcolumngraphiccomposition p span {
	text-align: left;
	font-size: 33px;
	font-weight: 100;
	display: block;
	line-height: 20px;
	margin-top: 130px;
	}
.fact {
	display: block;
	font-weight: bold;
	line-height: 0px;
	margin-top: -30px;
	font-size:18px;
	}
#fourcolumngraphiccomposition ul {
	padding: 0;
	margin: 0;
	list-style-position: inside;
}


/* left nav for skills */
#content #leftnavskills {
	float: left;
	width: 260px;
	display: block;
	margin-top: 85px;
	}
	#content #leftnavskills #piece1 a {
	width: 130px;
	height: 59px;
	display: block;
	background-image:url(images/nav_overview.gif);
	background-repeat: no-repeat;
	}
#content #leftnavskills #piece1 a:hover {
	background-image:url(images/nav_overview_hover.gif);
	}
	
#content #leftnavskills #piece2 a {
	width: 175px;
	height: 59px;
	display: block;
	background-image:url(images/nav_illustrator.gif);
	background-repeat: no-repeat;
	}
#content #leftnavskills #piece2 a:hover {
	background-image:url(images/nav_illustrator_hover.gif);
	}
	
#content #leftnavskills #piece3 a {
	width: 175px;
	height: 59px;
	display: block;
	background-image:url(images/nav_indesign.gif);
	background-repeat: no-repeat;
	}
#content #leftnavskills #piece3 a:hover {
	background-image:url(images/nav_indesign_hover.gif);
	}
	
#content #leftnavskills #piece4 a {
	width: 190px;
	height: 59px;
	display: block;
	background-image:url(images/nav_photoshop.gif);
	background-repeat: no-repeat;
	}
#content #leftnavskills #piece4 a:hover {
	background-image:url(images/nav_photoshop1_hover.gif);
	}
		
#content #leftnavskills #piece5 a {
	width: 205px;
	height: 59px;
	display: block;
	background-image:url(images/nav_dreamweaver.gif);
	background-repeat: no-repeat;
	}
#content #leftnavskills #piece5 a:hover {
	background-image:url(images/nav_dreamweaver_hover.gif);
	}
		
#content #leftnavskills #piece6 a {
	width: 150px;
	height: 59px;
	display: block;
	background-image:url(images/nav_flash.gif);
	background-repeat: no-repeat;
	}
#content #leftnavskills #piece6 a:hover {
	background-image:url(images/nav_flash_hover.gif);
	}
		
#content #leftnavskills #piece7 a {
	width: 142px;
	height: 59px;
	display: block;
	background-image:url(images/nav_html.gif);
	background-repeat: no-repeat;
	}
#content #leftnavskills #piece7 a:hover {
	background-image:url(images/nav_html_hover.gif);
	}
		
#content #leftnavskills #piece8 a {
	width: 131px;
	height: 59px;
	display: block;
	background-image:url(images/nav_macosx.gif);
	background-repeat: no-repeat;
	}
#content #leftnavskills #piece8 a:hover {
	background-image:url(images/nav_macosx_hover.gif);
	}
		


/* four column for graphic composition */
#twocolumnskills {
	width: 960px;
	height: auto;
	margin: 0 auto;
	}

#twocolumnskills #leftarrow {
	float: left;
	width: 60px;
	height:auto;
	display: block;
	margin-top: 100px;
	}
#twocolumnskills #middle {
	float: left;
	height: auto;
	display: block;
	margin-top: 85px;
	}
#twocolumnskills #rightarrow {
	float: left;
	width: 100px;
	height:auto;
	display: block;
	margin-top: 100px;
	margin-left: 17px;
	}

#twocolumnskills #leftarrow a {
	width: 40px;
	height: 24px;
	display: block;
	background-image:url(images/leftarrow.gif);
	background-repeat:no-repeat;
	}
#twocolumnskills #leftarrow a:hover {
	background-image:url(images/leftarrow_hover.gif);
	}

#twocolumnskills #middle a {
	width: 330px;
	height: 54px;
	background-image:url(images/resume_link.gif);
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	}
#twocolumnskills #middle a:hover {
	background-image: url(images/resume_link_hover.gif);
	z-index: 1;
	}
	#twocolumnskills p {
	text-align: left;
	width: 330px;
	}
#twocolumnskills #rightarrow a {
	width: 40px;
	height: 24px;
	display: block;
	background-image:url(images/rightarrow.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
#twocolumnskills #rightarrow a:hover {
	background-image:url(images/rightarrow_hover.gif);
	}

#twocolumnskills h2 {
	text-align: left;
	font-weight: bold;
	font-size:62px;
	display: block;
	margin-top: -10px;
	}
#twocolumnskills p {
	text-align: left;
	}
#twocolumnskills p span {
	text-align: left;
	font-size: 33px;
	font-weight: 100;
	display: block;
	line-height: 20px;
	margin-top: 130px;
	}
.fact {
	display: block;
	font-weight: bold;
	line-height: 0px;
	margin-top: -30px;
	font-size:18px;
	}
#twocolumnskills ul {
	padding: 0;
	margin: 0;
	list-style-position: inside;
}



/* one column */
#onechoose {
	width: 400px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	margin-top: 100px;
	}

#onechoose #middlecontact {
	width: 400px;
	margin-left: 100px;
	text-align: center;
	}
table {
	border-spacing: 5px;
	}
table th {
	text-align: right;
	
	}
table td {
	text-align: left;
	
	}
#onechoose a {
	color: #97DAF8;
	}

/* one column for mission statement */
#onechoosemission {
	width: 400px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	margin-top: 100px;
	background-image:url(file:///TRANSPORT/Projects/MVCC/Good%20Jeans/Good%20Jeans/Images/quote1.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}

#onechoosemission #middlecolumn {
	width: 400px;
	text-align: center;
	font-style: italic;
	background-image: url(file:///TRANSPORT/Projects/MVCC/Good%20Jeans/Good%20Jeans/Images/quote.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 5px;
	}
#onechoose a {
	color: #97DAF8;
	}
/* one column for shipping */
#onechoose {
	width: 400px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	margin-top: 100px;
	}

#onechoose #middleshipping {
	width: 400px;
	margin-left: 70px;
	text-align: center;
	}
#middleshipping table {
	border-collapse: collapse;
	
	}
#middleshipping table span {
	width: 2px;
	display: block;
	background-color: #97DAF8;
	border-collapse: collapse;
	}	
#middleshipping table th {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 2px #97DAF8 solid;
	}
#middleshipping table td {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
	}
#onechoose a {
	color: #97DAF8;
	}
	
/* one column for faq */
#onechoosefaq {
	width: 400px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	margin-top: 100px;
	}

#onechoose #middlecolumn {
	width: 400px;
	margin-left: 200px;
	display: block;
	text-align: center;
	}

#onechoose a {
	color: #97DAF8;
	}
#onechoosefaq .q {
	font-size: 32px;
	font-weight: bolder;
	color: #7BD3F7;
	position: relative; top: 26px; right: 39px;
	}
#onechoosefaq .a {
	font-size: 32px;
	font-weight: bolder;
	color: #7BD3F7;
	position: relative; top: 29px; right: 39px;
	margin-top: -35px;
	}
	
/* one column for feedback */
#onechoosefeedback {
	width: 408px;
	height: 208px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	margin-top: 100px;
	background-image:url(file:///TRANSPORT/Projects/MVCC/Good%20Jeans/Good%20Jeans/Images/feedback.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	}


#onechoose a {
	color: #97DAF8;
	}
	
/* one column for login */
#onechooselogin {
	width: 408px;
	height: 208px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	margin-top: 100px;
	background-image:url(file:///TRANSPORT/Projects/MVCC/Good%20Jeans/Good%20Jeans/Images/login.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	}


#onechoose a {
	color: #97DAF8;
	}

/* footer */
#footer {
	clear: left;
	margin-left: 125px;
	width: 710px;
	height: 150px;
	display: block;
	margin-top: 80px;
	}
#footer ul {
	list-style: none;
	padding:0;
	margin:0 auto;
	}
	
#footer ul li {
	float: left;
	margin: -1px;
	border-bottom: solid 2px #97DAF8;
	border-left: solid 2px #97DAF8;
	border-right: solid 2px #97DAF8;
	width: 140px;
	height: 25px;
	text-align: center;
	padding-top: 4px;
	border-collapse: collapse;
	}

#footer a {
	text-decoration: none;
	color: #666;
	text-transform: uppercase;
	font-size: 8px;
	}
#footer a:hover {
	background-color:#97DAF8;
	padding: 5px;
	}