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

/*----------------normalizing elements--------------*/

html, body, p, h1, h2, h3, h4, h5, h6, ul, li{
	padding: 0;
	margin: 0;
}


a {
	outline: none;
}

a:link{
	color: #FF6699;
	text-decoration: none;
}

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

a:visited{
	color: #CC6699;
	text-decoration: none;
}


.style3{
	width: 875px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 24px;
	color: #000;
}

.style2{
	width: 875px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	line-height: 36px;
	color: #000;
}
	
.style1{
	width: 875px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	line-height: 36px;
	color: #000;
}

.arrows{
	width: 875px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 24px;
	color: #6B6B6B;
}
	

/*-----------------------BODY-----------------------*/

body{
	color:#f2f5e9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1.4em;
	background-image: url(../Images/woodgrain2.png);
	background-repeat: repeat-x;
	background-color: #f2f5e9;
}

#bodycontainer{
	width: 1201px;
	min-height: 800px;
	background-image:url(../Images/woodgrain2.png);
	background-repeat: no-repeat;
	background-color: #f2f5e9;
	margin: auto;
}

/*-----------------------HEADER-----------------------*/

#headercontainer{
	width: 1201px;
	height: 165px;
	background-image: url(../Images/header_bg.png);
}

#logocontainer{
	width: 1201px;
	height: 121px;
}

#logo{
	padding-left: 50px;
	padding-top: 25px;
}


/*----------------------LEFT NAVIGATION---------------------*/

#leftnavcontainer
{
	display:block;
	width:200px;
	height:44px;
	float: left;
	margin-left: 50px;
}


/*Nav for Home*/

#nav
{
	background: url(../Images/nav_home.png) no-repeat;
	width: 184px;
	height: 20px;
}

#nav span
{
	display: none;
}

#nav li, #nav a
{
	height: 20px;
	display: block;
}

#nav li
{
	float: left;
	list-style: none;
	display: inline;
}

#nav_about {width: 59px;}
#nav_links {width: 50px;}
#nav_contact {width: 75px;}

#nav_about a:hover {background: url(../Images/nav_home.png) 0px -20px no-repeat;}
#nav_links a:hover {background: url(../Images/nav_home.png) -59px -20px no-repeat;}
#nav_contact a:hover {background: url(../Images/nav_home.png) -109px -20px no-repeat;}


/*Nav for About*/

#nav2
{
	background: url(../Images/nav_about.png) no-repeat;
	width:184px;
	height:20px;
}

#nav2 span
{
	display:none;
}

#nav2 li, #nav2 a
{
	height:20px;
	display:block;
}

#nav2 li
{
	float:left;
	list-style:none;
	display:inline;
}

#nav_about {width: 59px;}
#nav_links {width: 50px;}
#nav_contact {width: 75px;}

#nav_about a:hover {background: url(../Images/nav_home.png) 0px -20px no-repeat;}
#nav_links a:hover {background: url(../Images/nav_home.png) -59px -20px no-repeat;}
#nav_contact a:hover {background: url(../Images/nav_home.png) -109px -20px no-repeat;}


/*Nav for Links*/

#nav3
{
	background: url(../Images/nav_links.png) no-repeat;
	width:184px;
	height:20px;
	margin:0;
	padding:0;	
}

#nav3 span
{
	display:none;
}

#nav3 li, #nav3 a
{
	height:20px;
	display:block;
}

#nav3 li
{
	float:left;
	list-style:none;
	display:inline;
}

#nav_about {width: 59px;}
#nav_links {width: 50px;}
#nav_contact {width: 75px;}

#nav_about a:hover {background: url(../Images/nav_home.png) 0px -20px no-repeat;}
#nav_links a:hover {background: url(../Images/nav_home.png) -59px -20px no-repeat;}
#nav_contact a:hover {background: url(../Images/nav_home.png) -109px -20px no-repeat;}


/*Nav for Contact*/

#nav4
{
	background: url(../Images/nav_contact.png) no-repeat;
	width:184px;
	height:20px;
	margin:0;
	padding:0;	
}

#nav4 span
{
	display:none;
}

#nav4 li, #nav4 a
{
	height:20px;
	display:block;
}

#nav4 li
{
	float:left;
	list-style:none;
	display:inline;
}

#nav_about {width: 59px;}
#nav_links {width: 50px;}
#nav_contact {width: 75px;}

#nav_about a:hover {background: url(../Images/nav_home.png) 0px -20px no-repeat;}
#nav_links a:hover {background: url(../Images/nav_home.png) -59px -20px no-repeat;}
#nav_contact a:hover {background: url(../Images/nav_home.png) -109px -20px no-repeat;}


/*----------------------RIGHT NAVIGATION---------------------*/

#rightnavcontainer
{
	display: block;
	width: 195px;
	height: 44px;
	float: right;
	margin-right: 50px;
}


/*Nav for All*/

#nav5
{
	background: url(../Images/filter_all.png) no-repeat;
	width: 195px;
	height: 20px;
}

#nav5 span
{
	display: none;
}

#nav5 li, #nav5 a
{
	height: 20px;
	display: block;
}

#nav5 li
{
	float: left;
	list-style: none;
	display: inline;
}

#nav_all {width: 43px;}
#nav_web {width: 44px;}
#nav_print {width: 51px;}
#nav_logo {width: 57px;}

#nav_all a:hover {background: url(../Images/filter_all.png) 0px -20px no-repeat;}
#nav_web a:hover {background: url(../Images/filter_all.png) -43px -20px no-repeat;}
#nav_print a:hover {background: url(../Images/filter_all.png) -87px -20px no-repeat;}
#nav_logo a:hover {background: url(../Images/filter_all.png) -138px -20px no-repeat;}


/*Nav for Web*/

#nav6
{
	background: url(../Images/filter_web.png) no-repeat;
	width: 195px;
	height: 20px;
}

#nav6 span
{
	display: none;
}

#nav6 li, #nav6 a
{
	height: 20px;
	display: block;
}

#nav6 li
{
	float: left;
	list-style: none;
	display: inline;
}

#nav_all {width: 43px;}
#nav_web {width: 44px;}
#nav_print {width: 51px;}
#nav_logo {width: 57px;}

#nav_all a:hover {background: url(../Images/filter_web.png) 0px -20px no-repeat;}
#nav_web a:hover {background: url(../Images/filter_web.png) -43px -20px no-repeat;}
#nav_print a:hover {background: url(../Images/filter_web.png) -87px -20px no-repeat;}
#nav_logo a:hover {background: url(../Images/filter_web.png) -138px -20px no-repeat;}

/*Nav for Print*/

#nav7
{
	background: url(../Images/filter_print.png) no-repeat;
	width: 195px;
	height: 20px;
}

#nav7 span
{
	display: none;
}

#nav7 li, #nav7 a
{
	height: 20px;
	display: block;
}

#nav7 li
{
	float: left;
	list-style: none;
	display: inline;
}

#nav_all {width: 43px;}
#nav_web {width: 44px;}
#nav_print {width: 51px;}
#nav_logo {width: 57px;}

#nav_all a:hover {background: url(../Images/filter_print.png) 0px -20px no-repeat;}
#nav_web a:hover {background: url(../Images/filter_print.png) -43px -20px no-repeat;}
#nav_print a:hover {background: url(../Images/filter_print.png) -87px -20px no-repeat;}
#nav_logo a:hover {background: url(../Images/filter_print.png) -138px -20px no-repeat;}

/*Nav for Logo*/

#nav8
{
	background: url(../Images/filter_logo.png) no-repeat;
	width: 195px;
	height: 20px;
}

#nav8 span
{
	display: none;
}

#nav8 li, #nav8 a
{
	height: 20px;
	display: block;
}

#nav8 li
{
	float: left;
	list-style: none;
	display: inline;
}

#nav_all {width: 43px;}
#nav_web {width: 44px;}
#nav_print {width: 51px;}
#nav_logo {width: 57px;}

#nav_all a:hover {background: url(../Images/filter_logo.png) 0px -20px no-repeat;}
#nav_web a:hover {background: url(../Images/filter_logo.png) -43px -20px no-repeat;}
#nav_print a:hover {background: url(../Images/filter_logo.png) -87px -20px no-repeat;}
#nav_logo a:hover {background: url(../Images/filter_logo.png) -138px -20px no-repeat;}


/*-----------------------CONTENT-----------------------*/

/*-------------------FREE YOUR KNEES-------------------*/
#project_freeknees
{
	background: url(../Images/1Projects/freeknees.png) no-repeat;
	margin-left: -2px;
	width: 226px;
	height: 226px;
}

#project_freeknees span
{
	display: none;
}

#project_freeknees li, #project a
{
	height: 226px;
	display: block;
}

#project_freeknees li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_freeknees {width: 226px;}
#project_freeknees a:hover {background: url(../Images/1Projects/freeknees.png) 0px -226px no-repeat;}


/*-------------------ROCK THE JOINTS-------------------*/
#project_rockthejoints
{
	background: url(../Images/1Projects/rockthejoints.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_rockthejoints span
{
	display: none;
}

#project_rockthejoints li, #project a
{
	height: 226px;
	display: block;
}

#project_rockthejoints li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_rockthejoints {width: 226px;}
#project_rockthejoints a:hover {background: url(../Images/1Projects/rockthejoints.png) 0px -226px no-repeat;}


/*-------------------HT LOGO CONCEPTS-------------------*/
#project_HTlogos
{
	background: url(../Images/1Projects/HTlogos.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_HTlogos span
{
	display: none;
}

#project_HTlogos li, #project a
{
	height: 226px;
	display: block;
}

#project_HTlogos li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_HTlogos {width: 226px;}
#project_HTlogos a:hover {background: url(../Images/1Projects/HTlogos.png) 0px -226px no-repeat;}


/*-------------------FUTURE FINALLY FORWARD-------------------*/
#project_ff10
{
	background: url(../Images/1Projects/ff10.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_ff10 span
{
	display: none;
}

#project_ff10 li, #project a
{
	height: 226px;
	display: block;
}

#project_ff10 li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_ff10 {width: 226px;}
#project_ff10 a:hover {background: url(../Images/1Projects/ff10.png) 0px -226px no-repeat;}


/*-------------------INFOMELT-------------------*/
#project_infomelt
{
	background: url(../Images/1Projects/infomelt.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_infomelt span
{
	display: none;
}

#project_infomelt li, #project a
{
	height: 226px;
	display: block;
}

#project_infomelt li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_infomelt {width: 226px;}
#project_infomelt a:hover {background: url(../Images/1Projects/infomelt.png) 0px -226px no-repeat;}


/*-------------------PATTERN-A-DAY-------------------*/
#project_pattern
{
	background: url(../Images/1Projects/pattern.png) no-repeat;
	margin-left: -2px;
	width: 226px;
	height: 226px;
}

#project_pattern span
{
	display: none;
}

#project_pattern li, #project a
{
	height: 226px;
	display: block;
}

#project_pattern li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_pattern {width: 226px;}
#project_pattern a:hover {background: url(../Images/1Projects/pattern.png) 0px -226px no-repeat;}


/*-------------------ELECTRIC SWEDES-------------------*/
#project_swedes
{
	background: url(../Images/1Projects/swedes.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_swedes span
{
	display: none;
}

#project_swedes li, #project a
{
	height: 226px;
	display: block;
}

#project_swedes li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_swedes {width: 226px;}
#project_swedes a:hover {background: url(../Images/1Projects/swedes.png) 0px -226px no-repeat;}

/*-------------------ANGRY TOUCAN-------------------*/
#project_angrytoucan
{
	background: url(../Images/1Projects/angrytoucan.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_angrytoucan span
{
	display: none;
}

#project_angrytoucan li, #project a
{
	height: 226px;
	display: block;
}

#project_angrytoucan li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_angrytoucan {width: 226px;}
#project_angrytoucan a:hover {background: url(../Images/1Projects/angrytoucan.png) 0px -226px no-repeat;}

/*-------------------CENTRAL MASS SHAMROCKS-------------------*/
#project_ff1
{
	background: url(../Images/1Projects/ff1.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_ff1 span
{
	display: none;
}

#project_ff1 li, #project a
{
	height: 226px;
	display: block;
}

#project_ff1 li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_ff1 {width: 226px;}
#project_ff1 a:hover {background: url(../Images/1Projects/ff1.png) 0px -226px no-repeat;}


/*-------------------ASI-MV CONNECT-------------------*/
#project_asimv
{
	background: url(../Images/1Projects/asimv.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_asimv span
{
	display: none;
}

#project_asimv li, #project a
{
	height: 226px;
	display: block;
}

#project_asimv li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_asimv {width: 226px;}
#project_asimv a:hover {background: url(../Images/1Projects/asimv.png) 0px -226px no-repeat;}


/*-------------------PAINACTION-------------------*/
#project_painaction
{
	background: url(../Images/1Projects/painaction.png) no-repeat;
	margin-left: -2px;
	width: 226px;
	height: 226px;
}

#project_painaction span
{
	display: none;
}

#project_painaction li, #project a
{
	height: 226px;
	display: block;
}

#project_painaction li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_painaction {width: 226px;}
#project_painaction a:hover {background: url(../Images/1Projects/painaction.png) 0px -226px no-repeat;}

/*-------------------MYSTUDENTBODY-------------------*/
#project_msb
{
	background: url(../Images/1Projects/msb.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_msb span
{
	display: none;
}

#project_msb li, #project a
{
	height: 226px;
	display: block;
}

#project_msb li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_msb {width: 226px;}
#project_msb a:hover {background: url(../Images/1Projects/msb.png) 0px -226px no-repeat;}

/*------------------------DRUGS4REAL-------------------------*/

#project_drugs4real
{
	background: url(../Images/1Projects/drugs4real.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_drugs4real span
{
	display: none;
}

#project_drugs4real li, #project a
{
	height: 226px;
	display: block;
}

#project_drugs4real li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_drugs4real {width: 226px;}
#project_drugs4real a:hover {background: url(../Images/1Projects/drugs4real.png) 0px -226px no-repeat;}

/*------------------------PAINEDU-------------------------

#project_painedu
{
	background: url(../Images/1Projects/painedu.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_painedu span
{
	display: none;
}

#project_painedu li, #project a
{
	height: 226px;
	display: block;
}

#project_painedu li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_painedu {width: 226px;}
#project_painedu a:hover {background: url(../Images/1Projects/painedu.png) 0px -226px no-repeat;}*/

/*-------------------SELFVISUALIZATION-------------------*/
#project_selfv
{
	background: url(../Images/1Projects/selfv.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_selfv span
{
	display: none;
}

#project_selfv li, #project a
{
	height: 226px;
	display: block;
}

#project_selfv li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_selfv {width: 226px;}
#project_selfv a:hover {background: url(../Images/1Projects/selfv.png) 0px -226px no-repeat;}

/*------------------------APPLE FONT-------------------------*/

#project_apple
{
	background: url(../Images/1Projects/apple.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_apple span
{
	display: none;
}

#project_apple li, #project a
{
	height: 226px;
	display: block;
}

#project_apple li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_apple {width: 226px;}
#project_apple a:hover {background: url(../Images/1Projects/apple.png) 0px -226px no-repeat;}

/*------------------------BACH TRUMPETS-------------------------*/

#project_trumpets
{
	background: url(../Images/1Projects/trumpets.png) no-repeat;
	margin-left: -2px;
	width: 226px;
	height: 226px;
}

#project_trumpets span
{
	display: none;
}

#project_trumpets li, #project a
{
	height: 226px;
	display: block;
}

#project_trumpets li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_trumpets {width: 226px;}
#project_trumpets a:hover {background: url(../Images/1Projects/trumpets.png) 0px -226px no-repeat;}

/*------------------------TEAM MASS-------------------------

#project_teammass
{
	background: url(../Images/1Projects/teammass.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_teammass span
{
	display: none;
}

#project_teammass li, #project a
{
	height: 226px;
	display: block;
}

#project_teammass li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_teammass {width: 226px;}
#project_teammass a:hover {background: url(../Images/1Projects/teammass.png) 0px -226px no-repeat;}*/

/*------------------------CAMPAIGN FOR KINDNESS-------------------------*/

#project_kindness
{
	background: url(../Images/1Projects/kindness.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_kindness span
{
	display: none;
}

#project_kindness li, #project a
{
	height: 226px;
	display: block;
}

#project_kindness li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_kindness {width: 226px;}
#project_kindness a:hover {background: url(../Images/1Projects/kindness.png) 0px -226px no-repeat;}

/*------------------------GOLF BALL PACKAGE-------------------------*/

#project_golfball
{
	background: url(../Images/1Projects/golfball.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_golfball span
{
	display: none;
}

#project_golfball li, #project a
{
	height: 226px;
	display: block;
}

#project_golfball li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_golfball {width: 226px;}
#project_golfball a:hover {background: url(../Images/1Projects/golfball.png) 0px -226px no-repeat;}

/*------------------------AIGA AWARDS SHOW-------------------------*/

#project_aiga
{
	background: url(../Images/1Projects/aiga.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_aiga span
{
	display: none;
}

#project_aiga li, #project a
{
	height: 226px;
	display: block;
}

#project_aiga li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_aiga {width: 226px;}
#project_aiga a:hover {background: url(../Images/1Projects/aiga.png) 0px -226px no-repeat;}

/*------------------------MUSEUM OF SCIENCE-------------------------*/

#project_mos
{
	background: url(../Images/1Projects/mos.png) no-repeat;
	width: 226px;
	height: 226px;
}

#project_mos span
{
	display: none;
}

#project_mos li, #project a
{
	height: 226px;
	display: block;
}

#project_mos li
{
	float: left;
	list-style: none;
	display: inline;
}

#project_mos {width: 226px;}
#project_mos a:hover {background: url(../Images/1Projects/mos.png) 0px -226px no-repeat;}

/*----------------------LOWER STYLES--------------------------*/

#lowercontainer{
	width: 1129px;
	height: 903px;
	margin-left: 36px;
	background-image: url(../Images/lines.png); 
	background-repeat: repeat-y;
}

#lowercontainer_about{
	width: 1129px;
	height: 875px;
	margin-left: 36px;
	margin-top: 36px;
}

#textcontainer_about{
	width: 875px;	
}

h1{
	width: 875px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 36px;
	color: #000;
}

h2{
	width: 909px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 28px;
	color: #000;
}

h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 28px;
	color: #000;
}

#portrait{
	width: 220px;
	height: 330px;
	float: right;
	background-image:url(../Images/portrait.png);
}

.divider_line{
	width: 875px;
	height: 1px;
	background-image: url(../Images/divider_line.png);
	background-repeat: no-repeat;
}

#headerline{
	width: 1201px;
	height: 1px;
	background-image: url(../Images/header_line.gif);
	background-repeat: no-repeat;
	margin-left: 34px;
	margin-top: 0;
}

li{
	display: inline;
	float: left;
}


/*-----------------------FOOTER-----------------------*/

#bottomspacer{
	width: 1201px;
	height: 20px;
	background-color: #f2f5e9;
	margin: auto;
}

#footer{
	width: 1201px;
	height: 20px;
	background-color: #f2f5e9;
	margin: auto;
}

.footer{
	text-align: center;
	color: #000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}