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

body{
	font:.75em Arial, Helvetica, sans-serif;
	color:#9a9999;
	background-image:url(graphics/bg.png);
	background-repeat:repeat;
	text-align:center;
}

*{
	margin:0;
	padding:0;
}


/*-----------------------LAYOUT--------------------*/
#mainWrap{
	width:915px;
	text-align:left;
	margin:0 auto;
}

#sidebar{
	width:148px;
	float:left;
	margin:12px 17px 0px 0px;
	position:fixed;
}

#mainContent{
	width:735px;
	float:right;	
}

body#design #header{
	width:735px;
	height:149px;
	background-image:url(graphics/design-header.png);
	background-repeat:no-repeat;
	border-bottom:1px solid	#1c2a2f;
	margin-bottom:26px;
}

body#resume #header{
	width:735px;
	height:149px;
	background-image:url(graphics/resume_header.png);
	background-repeat:no-repeat;
	border-bottom:1px solid	#1c2a2f;
	margin-bottom:40px;
}

body#me #header{
	width:735px;
	height:149px;
	background-image:url(graphics/me_header.png);
	background-repeat:no-repeat;
	border-bottom:1px solid	#1c2a2f;
	margin-bottom:26px;
}

body#design #contentleft01{
	width:292px;
	height:423px;
	border-bottom:1px solid #1c2a2f;
	float:left;
	padding-bottom:5px;
	background-image:url(graphics/contentleft.png);
	background-repeat:no-repeat;
}

body#design #contentmotion01{
	width:443px;
	height:423px;
	border-bottom:1px solid #1c2a2f;
	float:right;
	padding-bottom:5px;
	background-image:url(graphics/contentrighttv.png);
	background-repeat:no-repeat;
}

body#design #contentmotion02{
	width:443px;
	height:423px;
	border-bottom:1px solid #1c2a2f;
	float:right;
	padding-bottom:5px;
	margin-top:22px;
	background-image:url(graphics/contentrighttv.png);
	background-repeat:no-repeat;
}

body#design #contentleft02,
body#design #contentleft03,
body#design #contentleft04,
body#design #contentleft05,
body#design #contentleft06,
body#design #contentleft07,
body#design #contentleft08,
body#design #contentleft09,
body#design #contentleft10,
body#design #contentleft11{
	width:292px;
	height:423px;
	border-bottom:1px solid #1c2a2f;
	float:left;
	padding-bottom:5px;
	margin-top:22px;
	background-image:url(graphics/contentleft.png);
	background-repeat:no-repeat;
}

body#design #contentgame01,
body#design #contentgame02,
body#design #contentgame03,
body#design #contentgame04
{
	width:443px;
	height:423px;
	border-bottom:1px solid #1c2a2f;
	float:right;
	padding-bottom:5px;
	margin-top:22px;
	background-image:url(graphics/contentrightgames.png);
	background-repeat:no-repeat;
}

body#design #contentweb01,
body#design #contentweb02{
	width:443px;
	height:423px;
	border-bottom:1px solid #1c2a2f;
	float:right;
	padding-bottom:5px;
	margin-top:22px;
	background-image:url(graphics/contentrightweb.png);
	background-repeat:no-repeat;
}

body#design #contentbrand01,
body#design #contentbrand02,
body#design #contentbrand03{
	width:443px;
	height:423px;
	border-bottom:1px solid #1c2a2f;
	float:right;
	padding-bottom:5px;
	margin-top:22px;
	background-image:url(graphics/contentrightpaper.png);
	background-repeat:no-repeat;
}

body#resume #goal{
	width:735px;	
}

body#resume #education,
body#resume #skills{
	width:350px;
	background-image:url(graphics/infobar.png);
	background-repeat:no-repeat;
	float:left;
	margin-bottom:20px;
}
body#resume #work{
	width:350px;
	background-image:url(graphics/infobar.png);
	background-repeat:no-repeat;
	float:right;
	margin-left:34px;
	margin-bottom:20px;
}

body#me #hi{
	margin-top:17px;
	width:346px;
	background-image:url(graphics/infobar.png);
	background-repeat:no-repeat;
	float:left;
	margin-bottom:20px;
}
body#me #phil{
	width:346px;
	background-image:url(graphics/infobar.png);
	background-repeat:no-repeat;
	float:left;
	margin-bottom:20px;
}

body#me #photo
{
	width:389px;
	height:357px;
	float:right;
	padding-bottom:5px;
	margin-top:0px;
	background-image:url(graphics/photograph.png);
	background-repeat:no-repeat;
}

body#me #contact{
	width:350px;
	background-image:url(graphics/infobar.png);
	background-repeat:no-repeat;
	float:right;
	margin-left:34px;
	margin-top:20px;
}
/*----------------MAINNAV------------------*/
#sidebar a{
	color:#16a4b8;
	text-decoration:none;
}

#sidebar a p{
	padding-top:3px;
}

#sidebar a img{
	padding-right:5px;
}

#sidebar a:hover{
	color:#f0faff;
	
}

#sidebar ul{
	margin-left:0px;
}

#sidebar li{
	padding-bottom:30px;
	list-style-type:none;
}

#sidebar ul li ul{
	margin-left:50px;
	margin-top:15px;
}

#sidebar ul li ul li{
	padding-bottom:10px;
	font:0.95em;
}
/*------------------TEXT-FORMATTING----------------*/
#mainContent h1{
	font:1.45em Arial, Helvetica, sans-serif;
	color:#dfebf0;
	text-transform:uppercase;
	padding:10px 20px 26px 20px;
	line-height:.97em
}

body#resume #mainContent h1{
	font:1.45em Arial, Helvetica, sans-serif;
	color:#dfebf0;
	text-transform:uppercase;
	padding:8px 20px 8px 20px;
	line-height:.97em
}

body#me #mainContent h1{
	font:1.45em Arial, Helvetica, sans-serif;
	color:#dfebf0;
	text-transform:uppercase;
	padding:8px 20px 8px 20px;
	line-height:.97em
}

#mainContent h2{
	font:.95em Arial, Helvetica, sans-serif;
	padding:15px 0px 8px 20px;
}

body#resume #mainContent h2{
	font:.95em Arial, Helvetica, sans-serif;
	padding:17px 0px 2px 20px;
}

body#me #mainContent h2{
	font:1.08em Arial, Helvetica, sans-serif;
	padding:17px 0px 2px 20px;
}

#mainContent p{
	font:.95em Arial, Helvetica, sans-serif;
	padding:0px 25px 0px 20px;
	line-height:1.7em;
}

body#me #mainContent p{
	font:.95em Arial, Helvetica, sans-serif;
	padding:17px 25px 0px 20px;
	line-height:1.6em;
}

#mainContent a{
	font:1.2em Arial, Helvetica, sans-serif;
	color:#16a4b8;
	text-decoration:none;
	padding:20px 25px 8px 0px;
	line-height:1.5em;
}

body#me #mainContent a{
	font:.95em Arial, Helvetica, sans-serif;
	color:#16a4b8;
	text-decoration:none;
	padding:0px 25px 0px 20px;
	line-height:1.5em;
}

body#me #mainContent a:hover{
	color:#f0faff;
}

#mainContent a:hover{
	color:#f0faff;
}
#mainContent a p{
	padding-top:3px;
}

#mainContent a img{
	padding-right:5px;
	padding-left:20px;
}

#mainContent li{
	list-style-type:none;
}

#goal p{
	font:.95em Arial, Helvetica, sans-serif;	
	font-weight:bold;
	margin-bottom:30px;
	color:#d2e0e6;
	letter-spacing:1px;
	line-height:20px;
}

/*---------------------IMAGES----------------------*/
#sidebar img.logo{
	padding-bottom:8px;
	border-bottom:1px solid	#1c2a2f;
	margin-bottom:30px;
	padding-right:0px;
	
}

#sidebar img{
	padding-right:5px;
	border:none;
}

/*-------------------CLASSES----------------*/
#sidebar li.first{
	padding-bottom:20px;
	list-style-type:none;
}

#sidebar li.last{
	padding-bottom:30px;
	list-style-type:none;
}

#sidebar ul.contact{
	margin-left:0px;
}

#sidebar li.contact{
	padding-top:30px;
	border-top:1px solid #1c2a2f;
	list-style-type:none;
}

#mainContent p.credits{
	font:.95em Arial, Helvetica, sans-serif;
	padding:0px 25px 10px 20px;
	line-height:1.35em;
}

#mainContent a.inline{
	font:1em Arial, Helvetica, sans-serif;
	color:#16a4b8;
	text-decoration:none;
	padding:0px;
	line-height:1.5em;
}
#mainContent a.inline:hover{
	font:1em Arial, Helvetica, sans-serif;
	color:#f0faff;
	text-decoration:none;
	padding:0px;
	line-height:1.5em;
}

#mainContent h1.oneline{
	font:1.45em Arial, Helvetica, sans-serif;
	color:#dfebf0;
	text-transform:uppercase;
	padding:10px 25px 38px 20px;
}

#mainContent a.sub{
	font:1em Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:9px 0px 0px 0px;
}

#mainContent img.thumb{
	margin-top:19px;
}
#mainContent img.thumb02{
	margin-top:20px;
}

#mainContent p.desc{
	font:.95em Arial, Helvetica, sans-serif;
	padding:6px 25px 3px 20px;
	line-height:1.7em;
}

.workTitle{
	font:1.08em Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;	
}
.phone{
	font:.95em Arial, Helvetica, sans-serif;
	padding:6px 25px 0px 20px;
	line-height:1.7em;	
}

body#resume #mainContent h2.line{
	font:.95em Arial, Helvetica, sans-serif;
	padding:11px 0px 2px 20px;
	border-top:1px solid #1c2a2f;
	margin-right:4px;
	margin-top:10px;
}

body#me #mainContent h2.line{
	font:1.08em Arial, Helvetica, sans-serif;
	padding:11px 0px 2px 20px;
	border-top:1px solid #1c2a2f;
	margin-right:4px;
	margin-top:10px;
}

/*----------------"YOU ARE HERE" FIRST LEVEL-----------------------*/
body#design #designlist,
body#resume #resumelist,
body#me #melist{
	color:#f0faff;

}
/*----------------"YOU ARE HERE" SECOND LEVEL-----------------------*/
body#design #subHere{
	color:#f0faff;
}