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

body {
	font: "Times New Roman", Times, serif;
	}
	
ul {
	list-style-type : none;
	position : absolute;
	margin: 150px 0 0 50px;
	padding: 0;
	width:529px;
	background: white;
	height:49px;
	left: 3px;
}

div#ul_sub {
	list-style-type : none;
	position : absolute;
	margin: 150px 0 0 50px;
	padding: 0;
	width:159px;
	height:144px;
	background: white;
	left: 4px;
}

li { 
	float : left; 
	padding: 13px;
	
}

div#li_list { 
	padding: 5px;
	
}

div#nav {
	font-size: 17px;
}

a.nav:link {
	color: #888A8C;
	font-size: 13px;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;	

	}
a.nav:visited {
	color: #888A8C;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;	
	}
a.nav:hover, a:active {
	color: #757779;
	font-size: 13px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;	
		}
	
/* CATEGORY LIST */
a.external:link {
	color: #000000;
	font-size: 14px;
	font-style: italic;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;	
	
}

a.external:visited {
	color: #000000; 
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;	
	
}
a.external:hover, a:active {
	color: #000000;
	font-size: 13.5px;
	font-weight: bold;	
	font-family: "Times New Roman", Times, serif;	
	}
 
/* CATEGORY LIST */

div#logo {
	position : absolute;
	right: 0;
	left: 801px;
	top: 19px;
	width: 248px;
	height: 153px;
	margin: 0;
	padding: 0;
	background-image: url(images/mcg_logo.jpg);
	background-repeat: no-repeat;
	}
	
	
div#number {
	position : absolute;
	right: 0;
	left: 865px;
	top: 176px;
	color: #776B5F;
	font-size: 18px;
	width: 242px;
	height: 32px;
	margin: 0;
	padding: 0;
	}
	
div#content {
	width: 935px;
	margin: 0;
	padding: 25px;
	text-align: left;
	overflow: auto;
	}


div#content_intro {
	position : absolute;
	margin: 0 0 50px 40px;
	width : 303px;
	font-size: 13.5px;
	margin: 0;
	padding: 0;
	left: 100px;
	top: 245px;
	color: #4B4B4D;
	height: 117px;
	}
div#content_body {
	position : absolute;
	margin: 0 0 50px 40px;
	width : 303px;
	font-size: 12px;
	line-height: 13px;
	margin: 0;
	padding: 0;
	left: 101px;
	top: 355px;
	color: #4B4B4D;
	overflow: auto;
	height: 446px;
	}

div#content_introtitle {
	font-size: 24.13px;
	color: #4B4B4D;
}


div#introimage {
	position : absolute;
	right: 0;
	left: 433px;
	top: 281px;
	width: 598px;
	height: 262px;
	margin: 0;
	padding: 0;
	background-image: url(images/intro_image.jpg);
	background-repeat: no-repeat;
	}
	
	
div#projectimage {
	position : absolute;
	right: 0;
	left: 272px;
	top: 274px;
	width: 513px;
	height: 295px;
	margin: 0;
	padding: 0;
	color: #CCCCCC;
	}
	

div#projectimage2 {
	position : absolute;
	right: 0;
	left: 262px;
	top: 272px;
	width: 758px;
	height: 330px;
	margin: 0;
	padding: 0;
	color: #CCCCCC;
	}
	
	
div#projecttitle {
	font-size: 24.13px;
	color: #4B4B4D;
	position : absolute;
	right: 0;
	left: 274px;
	top: 235px;
	width: 574px;
	height: 30px;
	margin: 0;
	padding: 0;
}
	
/* PROJECT LIST */

div#project_linklist {
	position : absolute;
	width:170px;
	top:274px;
	z-index:5;
	color: #666666;
	font-size:13px;
	left: 93px;
	height:135px;
	line-height:18px;
}

div#project_linklist a:link, a:active, a:visited {
	color:#666666;
	text-decoration:none;
}



div#project_linklist a:hover{
	font-weight: bold;
	color: #757779;
}

/* PROJECT LIST */




/* SECOND PROJECT LIST */

div#project_2ndlinklist {
	position : absolute;
	width:189px;
	top:408px;
	z-index:5;
	color: #666666;
	font-size:13px;
	left: 93px;
	height:142px;
	line-height:18px;
}

div#project_2ndlinklist a:link, a:active, a:visited {
	color:#666666;
	text-decoration:none;
}



div#project_2ndlinklist a:hover{
	font-weight: bold;
	color: #757779;
}

/* SECOND PROJECT LIST */

/* PROJECT CATEGORY */

div#projectcategory_casestudy {
	font-size: 14px;
	font-style: italic;
	position : absolute;
	right: 0;
	left: 99px;
	top: 262px;
	width: 159px;
	height: 22px;
	margin: 0;
	padding: 0;
}


div#projectcategory_campaign {
	font-size: 14px;
	font-style: italic;
	position : absolute;
	right: 0;
	left: 98px;
	top: 396px;
	width: 159px;
	height: 19px;
	margin: 0;
	padding: 0;
}


div#projectcategory_identities {
	font-size: 14px;
	font-style: italic;
	position : absolute;
	right: 0;
	left: 99px;
	top: 263px;
	width: 159px;
	height: 22px;
	margin: 0;
	padding: 0;
}


div#projectcategory_brochures {
	font-size: 14px;
	font-style: italic;
	position : absolute;
	right: 0;
	left: 99px;
	top: 432px;
	width: 159px;
	height: 22px;
	margin: 0;
	padding: 0;
}

div#projectcategory_ads {
	font-size: 14px;
	font-style: italic;
	position : absolute;
	right: 0;
	left: 99px;
	top: 451px;
	width: 159px;
	height: 22px;
	margin: 0;
	padding: 0;
}


div#projectcategory_directmail {
	font-size: 14px;
	font-style: italic;
	position : absolute;
	right: 0;
	left: 99px;
	top: 472px;
	width: 159px;
	height: 22px;
	margin: 0;
	padding: 0;
}

div#projectcategory_webdesign {
	font-size: 14px;
	font-style: italic;
	line-height: 12px;
	position : absolute;
	right: 0;
	left: 99px;
	top: 493px;
	width: 160px;
	height: 22px;
	margin: 0;
	padding: 0;
}

div#projectcategory_ecomm {
	font-size: 14px;
	font-style: italic;
	position : absolute;
	right: 0;
	left: 99px;
	top: 494px;
	width: 159px;
	height: 22px;
	margin: 0;
	padding: 0;
}

div#projectcategory_newsletters {
	font-size: 14px;
	font-style: italic;
	position : absolute;
	right: 0;
	left: 99px;
	top: 524px;
	width: 159px;
	height: 22px;
	margin: 0;
	padding: 0;
}


div#projectcategory_misc {
	font-size: 14px;
	font-style: italic;
	line-height: 12px;
	position : absolute;
	right: 0;
	left: 99px;
	top: 546px;
	width: 159px;
	height: 22px;
	margin: 0;
	padding: 0;
}

/* PROJECT CATEGORY */

/* PROJECT DESCRIPTIONS */

div#project_challenge {
	font-size: 13.75px;
	font-style: italic;
	position : absolute;
	color: #888A8C;
	right: 0;
	left: 800px;
	top: 268px;
	width: 171px;
	height: 21px;
	margin: 0;
	padding: 0;
}

div#project_client {
	font-size: 13.75px;
	font-style: italic;
	position : absolute;
	color: #888A8C;
	right: 0;
	left: 800px;
	top: 267px;
	width: 271px;
	height: 21px;
	margin: 0;
	padding: 0;
}


div#project_client_long {
	font-size: 13.75px;
	font-style: italic;
	line-height:13px;
	position : absolute;
	color: #888A8C;
	right: 0;
	left: 800px;
	top: 267px;
	width: 266px;
	height: 21px;
	margin: 0;
	padding: 0;
}


div#project_client_description {
	font-size: 12.5px;
	position : absolute;
	color: #4B4B4D;
	line-height: 12px;
	right: 0;
	left: 800px;
	top: 289px;
	width: 184px;
	height: 174px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}


div#project_logo_description {
	font-size: 12.5px;
	position : absolute;
	color: #4B4B4D;
	line-height: 12px;
	right: 0;
	left: 288px;
	top: 378px;
	width: 239px;
	height: 35px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}

div#project_logo_description2 {
	font-size: 12.5px;
	position : absolute;
	color: #4B4B4D;
	line-height: 12px;
	right: 0;
	left: 654px;
	top: 378px;
	width: 239px;
	height: 35px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}

div#project_logo_description3 {
	font-size: 12.5px;
	position : absolute;
	color: #4B4B4D;
	line-height: 12px;
	right: 0;
	left: 288px;
	top: 560px;
	width: 239px;
	height: 35px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}

div#project_logo_description4 {
	font-size: 12.5px;
	position : absolute;
	color: #4B4B4D;
	line-height: 12px;
	right: 0;
	left: 654px;
	top: 560px;
	width: 239px;
	height: 35px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}

div#project_logo_description5 {
	font-size: 12.5px;
	position : absolute;
	color: #4B4B4D;
	line-height: 12px;
	right: 0;
	left: 288px;
	top: 510px;
	width: 239px;
	height: 35px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}

div#project_logo_description6 {
	font-size: 12.5px;
	position : absolute;
	color: #4B4B4D;
	line-height: 12px;
	right: 0;
	left: 542px;
	top: 510px;
	width: 165px;
	height: 35px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}

div#project_logo_description7 {
	font-size: 12.5px;
	position : absolute;
	color: #4B4B4D;
	line-height: 12px;
	right: 0;
	left: 765px;
	top: 511px;
	width: 239px;
	height: 35px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}

div#project_challenge_description {
	font-size: 12.5px;
	position : absolute;
	color: #4B4B4D;
	line-height: 12px;
	right: 0;
	left: 800px;
	top: 267px;
	width: 171px;
	height: 84px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}

div#project_challenge_description2 {
	font-size: 12.5px;
	position : absolute;
	color: #4B4B4D;
	line-height: 12px;
	right: 0;
	left: 800px;
	top: 267px;
	width: 180px;
	height: 84px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}
div#project_insight {
	font-size: 13.75px;
	font-style: italic;
	position : absolute;
	color: #888A8C;
	right: 0;
	left: 800px;
	top: 376px;
	width: 171px;
	height: 20px;
	margin: 0;
	padding: 0;
}



div#project_insight_description {
	font-size: 12.5px;
	position : absolute;
	color: #4B4B4D;
	line-height: 12px;
	right: 0;
	left: 800px;
	top: 396px;
	width: 171px;
	height: 84px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}


div#project_insight_description2 {
	font-size: 12.5px;
	position : absolute;
	color: #4B4B4D;
	line-height: 12px;
	right: 0;
	left: 800px;
	top: 270px;
	width: 191px;
	height: 84px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}

div#project_solution {
	font-size: 13.75px;
	font-style: italic;
	position : absolute;
	color: #888A8C;
	right: 0;
	left: 800px;
	top: 483px;
	width: 171px;
	height: 21px;
	margin: 0;
	padding: 0;
}


div#project_solution_description {
	font-size: 12.5px;
	position : absolute;
	color: #4B4B4D;
	line-height: 12px;
	right: 0;
	left: 800px;
	top: 503px;
	width: 171px;
	height: 84px;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
}

div#project_numbers {
	position : absolute;
	float: right;
	right: 0;
	left: 800px;
	top: 615px;
	width: 191px;
	height: 25px;
	margin: 0;
	padding: 0;
}

div#project_numbers_lower {
	position : absolute;
	float: right;
	right: 0;
	left: 800px;
	top: 684px;
	width: 191px;
	height: 25px;
	margin: 0;
	padding: 0;
}

div#project_secondarydescription {
	position : absolute;
	float: right;
	right: 0;
	left: 273px;
	top: 617px;
	width: 447px;
	height: 25px;
	font-size: 13.75px;
	font-style: italic;
	color: #888A8C;
	margin: 0;
	padding: 0;
}

/* PROJECT DESCRIPTIONS */


div#copyright {
	font-size: 10px;
	position : absolute;
	right: 0;
	left: 457px;
	top: 679px;
	color: #716558;
	width: 209px;
	height: 17px;
}


div#copyright_long {
	font-size: 10px;
	position : absolute;
	right: 0;
	left: 455px;
	top: 794px;
	color: #716558;
	width: 209px;
	height: 17px;
}