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

/* Common */
body {
	background-image: url(../images/paper/browTile.jpg);
	height:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	margin: 0 ! important;
}
a {
	color: #ff2704;
}
br {
	clear:both;
}

#masterWrap {
	width: 100%;
	margin: 0 auto;
}

/*  Navigation  */
#navWrap {
	background:url(../images/horzSpriteV2.png) repeat-x 0 -72px;
	height: 41px;
}

#home #navUL {
	width: 650px;
	margin: 0 auto;
}
#portfolio #navUL {
	width: 740px;
	margin: 0 auto;
}

#navUL li {
	float: left;
	margin-right: 17px;
	display:block;
	background: url(../images/spriteV2.png) no-repeat -92px -0px;
	padding-left: 30px;
	margin-top: 13px;
}

#navUL li a, .textIndent {
	text-indent:-9999px;
}

#navUL li a {
	height: 20px;
	display: block;
	width: 100px;
}
#home #websitePortfolio {
	background-image: none;
	margin-left: 0px;
}
#websitePortfolio {
	/*background: url(../images/sprite.png) no-repeat -14px -355px;*/
	margin-left: 0px;
}
#homepage {
	background-image: none ! important;
	margin-left: 0px;
}
#home #homepage {
	display:none;
}

#navUL #homepage a {
	background: url(../images/spriteV2.png) no-repeat -618px -22px;
	width: 49px;
}

#navUL #websitePortfolio a {
	background: url(../images/spriteV2.png) no-repeat -89px -22px;
	width: 149px;
}

#navUL #logoWork a {
	background: url(../images/spriteV2.png) no-repeat -253px -22px;
	width: 93px;
}

#navUL #interactiveResume a {
	background: url(../images/spriteV2.png) no-repeat -364px -22px;
	width: 100px;
}

#navUL #contactMe a {
	background: url(../images/spriteV2.png) no-repeat -485px -22px;
	width: 109px;
}

#loadTimeWrap {
	margin-top: 15px;
}
#loadTimeWrap span {
	line-height: 8px;
	height: 8px;
}
#loadTimeWrap #clockImg {
	width: 13px; height: 13px;
	background:url(../images/spriteV2.png) no-repeat -649px -55px;
	display: block;
	margin: 0px 5px 0 0;
	float: left;	
}

.ui-dialog, .ui-widget-content { background-color: black; }

.ui-widget-content { background-image:none; }

#puContactWrap { display:none; }

#puResumeWrap a { 
	color: white;
	margin-top: 25px;
	float: left;
}

#puResumeWrap p {
	float: left;
	width: 175px;
	font-size: 12px;
	margin-bottom: 15px;
	line-height:20px;
	color: white;
}

#puResumeWrap h1 {
	color: white;
	margin-bottom: 12px;
	letter-spacing: .05em;
}

#puThankyou { display:none; }

#puResumeWrap { 
	padding: 20px 0 0 20px;
	display: none;
}

#puContactWrap { color: white; }

#puContactWrap p {
	color: white;
	margin-bottom:20px;
}

#puContactWrap a { color: white; }

#puContactWrap .first { margin-top:20px; }
#twitterLogo img, #twitterLogo img {
	border: 0;	
}
.asset {
	color: #f79909	
}

/* rbBox  */
.rbBoxTopWrap, .rbBoxBottomWrap {
	position: relative;
	height: 10px;
	margin: 0 ! important;
}

.rbBoxWrap {
	
	position: relative;
}
.rbHomeText {
	width: 600px;	
}

.cornerPiece {
	width: 9px;
	height:10px;
	position:absolute;
}

.rbBoxTopWrap { padding: 0 9px; }

.rbUL {
	background: url(../images/spriteV2.png) no-repeat 0px 0px;
	top: 0;
	left: 0;
}

.rbTopMid {
	background: url(../images/horzSpriteV2.png) repeat-x 0 5px;
	width: 100%;
	height:10px;
}

.rbUR {
	background: url(../images/spriteV2.png) no-repeat -78px 0px;
	top: 0;
	right: 0;
}

.rbBodyLeft {
	background:url(../images/vertSpriteV2.png) repeat-y 4px 0;
	width: 9px;
	float:left;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.rbBodyMid { 
	background: #e1e1e1 url(../images/paper/boxTile.jpg) repeat top left ! important;
	
}

.rbBodyRight {
	background:url(../images/vertSpriteV2.png) repeat-y -74px 0;
	width: 9px;
	height:100%;
	position: absolute;
	right:0;
	top:0;
}

.rbLL {
	background: url(../images/spriteV2.png) no-repeat 0px -64px;
	bottom: 0;
	left: 0;
}

.rbBottomMid {
	background: url(../images/horzSpriteV2.png) 0 -59px repeat-x;
	width: 100%;
	height:10px;
}

.rbLR {
	background: url(../images/spriteV2.png) no-repeat -78px -64px;
	bottom: 0;
	right: 0;
}

.rbBoxBodyWrap {
	clear: both;
	position: relative;
	padding: 0 9px;
}

.rbBoxBottomWrap {
	clear:both;
	padding: 0 9px;
}

#contentWrap {
	padding: 20px;
	padding-right: 20px;
}

#hpBody {
	width: 920px;
	margin: 0 auto;
	position: relative;
}

#hpBody .rbHome {
	position:absolute;
	width: 910px;
	z-index:10;
	left: 0px;
	top: 16px;
}

/* End rbBox */
#colorSwitchWrap {
	width: 140px;
	height: 22px;
	border: 1px solid #666666;
	padding: 5px 3px;
	background-color:white;
	position:absolute;
	left: 734px;
	top: -405px;
	z-index:999;
}
#portfolio #colorSwitchWrap {
	left: 315px;
	top: 250px;	
}
#colorSwitchWrap a {
	width: 20px;
	height:20px;
	margin:0 3px;
	border: 1px solid #999;
	display:block;
	float:left;
	text-indent: -999em;
	position:relative;
}
#cGreen {
	background:#63a790;
}
#cPurple {
	background:#926ca3;
}
#cRed {
	background:#c25660;
}
#cYellow {
	background:#cfbc48;
}
#cBrown {
	background:#d48f44;
}