@charset "UTF-8";
/* CSS Document */
/* Cyan : 00aef0
	 Magenta: ec008c
	 Yellow: fff200
 */

html{
	background:#000 url('../images/body_background.png') top center no-repeat;
}
body {
	padding:0;
	margin:0;
	font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Conduit Font Face */
/* Fonts generated at fontsquirrel.com */
@font-face{ /* for IE */
	font-family:'ConduitBld';
	src:url('ConduitITCStd-Bold.eot');
}
@font-face { /* for non-IE */
	font-family:'ConduitBld';
	src:url(//:) format("No-IE-404"),url('ConduitITCStd-Bold.woff') format('woff'), url('ConduitITCStd-Bold.otf') format('opentype'), url('ConduitITCStd-Bold.svg#ConduitITCStd-Bold') format('svg');
}  
@font-face{ /* for IE */
	font-family:'ConduitMed';
	src:url('ConduitITCStd-Medium.eot');
}
@font-face { /* for non-IE */
	font-family:'ConduitMed';
	src:url(//:) format("No-IE-404"),url('ConduitITCStd-Medium.woff') format('woff'), url('ConduitITCStd-Medium.otf') format('opentype'), url('ConduitITCStd-Medium.svg#ConduitITCStd-Medium') format('svg');
}  

/* H1 Site name */
h1 {
	font-family: "ConduitBld";
	font-size:48px;
	margin:0 auto;
	padding:0px;
	width:960px;
	height:51px;
	display:block;
	text-align:right;
	color:#333;
}
h2{
	position:absolute;
	font-family:"ConduitBld";
	font-size:36px;
	margin:0;
	padding:0;
}

/* Accessibility */
.Accessibility, .disabledStyles{ display: none; }

/* Welcome */
#Section_Welcome{
	height:844px;
	width:960px;
	margin:0 auto;
}

#ImgSelector{
	width:205px;
	position:absolute;
	margin:411px 0 0 743px;
}

/* Set width/height of img hyperlinks */
#ImgSelector a{
	width:205px;
	height:77px;
	display:block;
	margin-bottom:4px;
}
#ImgSelector a img{
	border:none;
}

/* Set background image based on class name */
.eliza{
	background:transparent url('../images/welcome_eliza_bg.jpg') top left no-repeat;
	}
.airplane{
	background:transparent url('../images/welcome_airplane_bg.jpg') top left no-repeat;
	}
.newburyport{
	background:transparent url('../images/welcome_newburyport_bg.jpg') top left no-repeat;
	}
.willows{
	background:transparent url('../images/welcome_willows_bg.jpg') top left no-repeat;
	}

#Section_Welcome h2 {
	color:#333;
	margin:-39px 0 0;
}
#Section_Welcome ul {
	margin:0;
	padding:0;
	font-family:"ConduitBld";
	font-size:22px;
	line-height:22px;
}

/* CMYK Frame */
#CMYK_Lines{
	height:844px;
	width:960px;
	background:transparent url('../images/cmyk_frame.png') top right no-repeat;
}
#Section_Welcome #CMYK_Lines #Matte, #Section_Welcome #CMYK_Lines p{
	font-family:"ConduitBld";
	font-size:18px;
	color:#333;
	width:637px;
	height:200px;
	position:absolute;
	margin-top:314px;
	margin-left:6px;
	line-height:24px;
}
#Section_Welcome #CMYK_Lines p{
	width:617px;
	height:180px;
	padding:10px;
}
#Section_Welcome #CMYK_Lines p span{
	font-size:48px;
	line-height:48px;
}
#Section_Welcome #CMYK_Lines #Matte {
	background-color:#fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

/* Welcome Navigation */
#Section_Welcome #CMYK_Lines ul {
	position:absolute;
	margin:320px 0 0 758px;
}
#Section_Welcome #CMYK_Lines ul li{
	display:inline;
	float:left;
	clear:both;
	background-color:#000;
	padding:0 9px 0 6px;
}
#Section_Welcome #CMYK_Lines ul li a{
	text-decoration:none;
}
#Section_Welcome #CMYK_Lines ul li a:link,
#Section_Welcome #CMYK_Lines ul li a:visited,
#Section_Welcome #CMYK_Lines ul li a:hover,
#Section_Welcome #CMYK_Lines ul li a:link{
	text-decoration:none;
}
/* Colorize those Welcome and Social Media Links */
#howdy{color:#ffffff;}
#moi,#facebook{color:#00aef0;}
#work,#twitter{color:#ec008c;}
#supsup,#linkedin{color:#fff200;}

/* Override UL style with Social Media specific */
#Section_Welcome #CMYK_Lines ul.SocialMedia {
	position:absolute;
	margin:732px 0 0 750px;
	font-size:18px;
}
#Section_Welcome #CMYK_Lines ul.SocialMedia li{
	display:inline;
	float:left;
	clear:none;
	background-color:#000;
	padding:0px;
}


/* About Me Section */
#Section_About{
	width:100%;
	height:915px;
	margin-top:10px;
	background:#ffffff url('../images/about_background.png') bottom left repeat-x;
}
#Container_About{
	width:960px;
	margin:0 auto;
	height:915px;
	background:transparent url('../images/boombox_background.png') bottom center no-repeat;
	color:#333333;
	font-family:"ConduitMed";
}
#Container_About h2{
	margin:-39px auto 0;
	color:#00aef0;
}
#Container_About span.jack, #Container_About .ClosingBracket{
	font-size:72px;
	position:absolute;
	margin:230px 0 0 55px;
}
#Container_About .ClosingBracket {
	margin-left: 850px;
}
#Container_About span.jack span.colon{
	font-size:72px;
	position:relative;
	top:-10px;
}
#Container_About dl{
	font-size:18px;
	position:absolute;
	margin:114px 0 0 360px;
}
#Container_About dl dd{
	font-size:14px;
	width:500px;
}

/* Portfolio Section */
#Section_Portfolio{
	width:100%;
	margin-top:70px;
}
#Container_Portfolio{
	width:960px;
	margin:0 auto;
}
#Container_Portfolio h2{
	margin:-39px auto 0;
	color:#ec008c;
}
#Container_Portfolio .Summary{
	color:#fff;
	font-family:"ConduitMed";
	font-size:18px;
}
#Container_Portfolio .Summary span {
	color:#fff;
}
#Section_Portfolio dl dt{
	margin-top:10px;
}
#Section_Portfolio dl dd{
	/* Set via JavaScript
	position:absolute;
	margin:-65px 0 0 300px;
	*/
	margin:-65px 0 0 310px;
	color:#fff;
	font-family:"ConduitMed";
	font-size:24px;
}
.jsTrue dl dd{
	display:none;
}
.jsTrue dl dd{
	width:600px;
}
.jsTrue .Summary{
	position:absolute;
	width:600px;
	margin:27px 0 0 310px;
	}
/* Colorize our labels */
#Section_Portfolio span.Site{
	color:#fff200;
}
#Section_Portfolio span.Responsibilities{
	color:#ec008c;
}
#Section_Portfolio span.Utilized{
	color:#00aef0;
}
#Section_Portfolio span.Summary{
	color:#fff;
}
#Section_Portfolio dl dd p{
	margin:0 0 40px;
	font-size:18px;
}
#Section_Portfolio dl dd img:hover, #Section_Portfolio dl dt img:hover{
	cursor:pointer;
}

/*Contact */
#Section_Contact{
	width:100%;
	height:400px;
	margin-top:140px;
	background-color:#fff;
}
#Container_Contact{
	width:960px;
	margin:0 auto;
	height:400px;
	color:#333333;
	font-family:"ConduitMed";
}
#Container_Contact h2{
	margin:-39px auto 0;
	color:#fff200;
}