/* 
mcg.css
general CSS
June 2004
Mike Hondel - mike@clutchmedia.com
*/


/* hide these from Netscape 4.x */
@import url(mcg-adv.css);



/* ----------------------- */
/* COMMON                  */
/* ----------------------- */

.Main {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	font-size: .7em;
}

.Border {
	margin: 2px 0 0 0;
	padding: 0;
	border: 1px #000 solid;
}

.SideNav { margin: 0; padding: 25px 10px 0 0; font-size: 11px; }
.SideNav p { padding: 0 0 10px 0; margin: 0; line-height: 12px; }
.SideNav a { font-weight: bold; color: #555; text-decoration: none; }
.SideNav a:visited { color: #999; }
.SideNav a:hover { color: #A20; text-decoration: underline; }


/* ----------------------- */
/* ABOUT US                */
/* ----------------------- */

.AboutValuesSide { background-color: #D4DDD4; }
.AboutServicesSide { background-color: #D4E5E5; }
.AboutPeopleSide { background-color: #D4D4DD; }
.AboutProcessSide { background-color: #DDD4D4; }
.AboutRecognitionSide { background-color: #E5DDD4; }
.AboutCareersSide { background-color: #E5E5D4; }

.AboutValues, .AboutServices, .AboutPeople, .AboutProcess, .AboutRecognition {
	margin: 0;
	padding: 25px 0 0 0;
  background-color: #FFFFFF;
}
/* .AboutValues { background: url("../images/about/values/bg.jpg") no-repeat fixed left top; } */
.AboutValues { background-image: url("../images/about/values/bg.jpg"); }
.AboutServices { background-image: url("../images/about/services/bg.jpg"); }
.AboutServicesBGOnly { background-image: url("../images/about/services/bg.jpg"); }
.AboutPeople { background-image: url("../images/about/people/bg.jpg"); }
.AboutProcess { background-image: url("../images/about/process/bg.jpg"); }
.AboutRecognition { background-image: url("../images/about/recognition/bg.jpg"); }
.AboutCareers { background-image: url("../images/about/careers/bg.jpg"); }

.AboutImg img {	border: 1px #000 solid; }

.AboutText { padding: 0 20px 0 0; font-size: .7em; line-height: 1.6em; }



/* ----------------------- */
/* PORTFOLIO               */
/* ----------------------- */

.PortDesc {
	padding: 0 0 0 18px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 11px;
	line-height: 14px;
}
.PortDesc p { padding: 0 0 10px 0; margin: 0; }



/* ----------------------- */
/* IN PROCESS              */
/* ----------------------- */

.InProcessSide { background-color: #D4DDE5; }



/* ----------------------- */
/* CONTACT                 */
/* ----------------------- */

.Contact {
	padding: 26px 15px 15px 35px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	font-size: .7em;
	line-height: 1.3em;
}
.Contact a { font-weight: bold; color: #B42; text-decoration: none; }
.Contact a:hover { color: #888; text-decoration: underline; }
.Contact h3 { font-size: .9em; font-weight: normal; }

/* .ContactPix img {	border: 1px #000 solid; } */



/* ------------------------------ */
/* GENERAL HTML                   */
/* ------------------------------ */

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #900;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

h2 {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}

td {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	/* line-height: 15px; */
	color: #444;
}

body {
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #DDDDDD;
	scrollbar-3dlight-color: #BBBBBB;
	scrollbar-darkshadow-color: #777777;
	scrollbar-shadow-color: #999999;
	scrollbar-arrow-color: #777777;
	scrollbar-track-color: #DDDDDD;
  background: #FFF;
	border:	0;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #999;
}