/*Reset*/
* { padding: 0; margin: 0; }
li,ul { list-style: none; }
img { -ms-interpolation-mode: bicubic; }
a img { border: none; }
.clear { clear: both; }

/*Links*/
a:link, a:visited { text-decoration: none; color: #000; }
a:hover, a:active { text-decoration: underline; }
a.current { text-decoration: none; color: #999; }
a.greyman { text-decoration: none; color: #000; }

/*Typography*/
strong { font-weight: bold; }
em { font-style: italic; }
h1 { font-size: 11px; font-weight: normal; color: #151515; }
h2 { font-size: 11px; font-weight: bold; color: #151515; }
h3 { font-size: 14px; font-weight: bold; color: #151515; }
p { margin: 0 0 9px 0; }
.authorDate { color: #999; line-height: 17px; }


/*Titles*/
#mainTitle { height: 36px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 36px; color: #333; margin: 0 0 14px 0; }
#sideTitle { height: 37px; border-bottom: 1px solid #ccc; line-height: 37px; color: #333; margin: 0 0 14px 0; }

/*Framework*/
body { background: #ededed; color: #444; font: 11px/13px Arial, Geneva, sans-serif; }
#pageHold { width: 900px; overflow: hidden; height: auto; margin: 20px auto; padding: 40px; background: #fff; }
#leftColumn { padding: 19px 0; border-top: 1px solid #ccc; float: left; height: auto; width: 160px; background:#fff; }
#rightColumn { padding: 19px 0 0 0; border-top: 1px solid #ccc; float: right; height: auto; width: 720px; background:#fff; }
#sideText { height: auto; width: 160px; color: #999; padding: 22px 0; overflow: hidden; border-bottom: 1px solid #ccc; }
#pageContent { color: #333; line-height: 14px; width: 100%; padding: 10px 0; }
#homePageImage { width: 720px; height: auto; padding: 0 0 19px 0; border-bottom: 1px solid #ccc; margin: 0 0 20px 0; }

/*Menu*/
#navigation { width:160px; padding: 0 0 19px 0; border-bottom: 1px solid #ccc; }
#navigation a.head:hover { }
#navigation a.selected { background:#222; }
#navigation a.current, #navigation a.section { font-weight: bold; color: #fff; }
#navigation ul { border-width:0; margin:0; padding:0; text-indent:0; }
#navigation li { list-style:none outside none; display:inline; }
#navigation li li a:hover { color:#222; background: #fff; }
#navigation li.menuLink a.link { cursor:pointer; background:#ccc; color:#333; display:block; margin:0 0 1px 0; padding:0; text-decoration: none; height: 22px; line-height: 22px; text-indent: 8px; }
#navigation li.menuLink a.current, #navigation li.menuLink a.section {  cursor:pointer; display:block; margin:0 0 1px 0; padding:0; text-decoration: none; height: 22px; line-height: 22px; text-indent: 20px; background:#222 url('../images/active.png') no-repeat 6px 8px; }

/*Sub Menu*/
#subnav { width:720px; padding: 0 0 19px 0; border-bottom: 1px solid #ccc; }
#subnav a.head:hover { }
#subnav a.selected { background:#ff0; }
#subnav a.current, #subnav a.section { font-weight: bold; color: #fff; }
#subnav ul { border-width:0; margin:0; padding:0; text-indent:0; }
#subnav li { list-style:none outside none; display:inline; }
#subnav li a:hover { color:#222; background: #fff; }
#subnav li.menuLink a.link { cursor:pointer; background:#e5e5e5; color:#333; display:block; margin:0 0 1px 0; padding:0; text-decoration: none; height: 22px; line-height: 22px; text-indent: 8px; }
#subnav li.menuLink a.current, #subnav li.menuLink a:hover, #subnav li.menuLink a.section {  cursor:pointer; display:block; margin:0 0 1px 0; padding:0; text-decoration: none; height: 22px; line-height: 22px; text-indent: 20px; color: #222; background:#ff0 url('../images/active_invert.png') no-repeat 6px 8px; }

#subnav li.inactiveLink { cursor:default; background:#e5e5e5; color:#999; display:block; margin:0 0 1px 0; padding:0; text-decoration: none; height: 22px; line-height: 22px; text-indent: 8px; }

#subnav li.menuTitle {
	cursor:default; display:block; text-decoration: none;
	background:#e5e5e5; color:#222; font-weight: bold;
	margin:0 0 1px 0; padding:0; height: 22px; line-height: 22px; text-indent: 8px;
}

#subnav li.menuSpacer {
	cursor:default; display:block; background:#e5e5e5;
	margin:0 0 1px 0; padding:0; height: 22px;
}

/*Blog*/
#blogImageObject { height: 407px; width: 720px; background: #fff; border-bottom: 1px solid #ccc; margin: 0 0 20px 0; }
#blogTextObject { height: auto; width: 710px; background: #fff; padding: 10px 0 30px 0;border-bottom: 1px solid #ccc; margin: 0 0 20px 0; }
#blogMedia { position: relative; height: 367px; overflow: hidden; width: 540px; float: left; background: #fff; }
#blogRight { height: 367px; padding: 0; overflow: hidden; width: 160px; float: right; }
#blogType { height: 315px; padding: 10px 5px 0 0; overflow: hidden; width: 155px; border-bottom: 1px solid #ccc; margin: 0 0 20px 0; }
#blogMediaLink { height: 21px; overflow: hidden; width: 160px; background: #999; text-align: center; color: #fff; line-height: 21px; }
#blogMediaNav {
	position: absolute; bottom: 0; left: 0; padding: 3px 10px; text-align: right; line-height: 25px;;
	z-index: 1000; width: 520px; height: 25px; background-color: #eee; color: #000; display: none;
 }
#leftArrow { cursor: pointer; float: left; width: 21px; height: 21px; background: #999 url('../images/leftArrow.png') no-repeat center center; }
#rightArrow { cursor: pointer; float: right; width: 21px; height: 21px; background: #999 url('../images/rightArrow.png') no-repeat center center; }
#leftArrow:hover { background: #aaa url('../images/leftArrow.png') no-repeat center center; cursor: pointer; }
#rightArrow:hover { background: #aaa url('../images/rightArrow.png') no-repeat center center; cursor: pointer; }
.blog { line-height: 15px; }
.blog a { font-weight: bold; }


/*Project*/
#projectImage {
	width: 720px;
	height: auto;
	padding: 0;
	margin: 0 0 1px 0;
}

#blogMediaLink a { border: none; outline: none; text-decoration: none; padding: 0 5px; line-height: 22px;  }
#blogMediaLink a.activeSlide { color: #fff; }
#blogMediaLink a:focus { outline: none; }

#slideShow {
	background: #151515;
	overflow: hidden;
	height: 480px; width: 720px;
	position: relative;
}

#slideShowIntro {
	background: #fff;
	color: #333;
	font-size: 14px;
	line-height: 16px;
	padding: 40px;
	overflow: hidden;border-top: 1px solid #ccc;
	height: 399px; width: 640px;
	position: relative;
}

bigtitle {
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
}

#slideShowHolder {
	overflow: hidden;
	height: auto; width: 720px;
	background: #efefef;
}

#slideShowNav {
	width: 720px;
	text-align: center;
	height: 26px;
	line-height: 26px;
	background: #151515;
}

#slideShowNav a:link {
	color: #555;
	font-size: 10px;
	line-height: 26px;
	padding: 6px 8px;
	background: transparent;
}

#slideShowNav a.activeSlide, #slideShowNav a:hover {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

/*Scroller*/
#scrollHolder {
	padding: 9px;
	overflow: hidden;
	width: 720px;
	height: auto;
	background: #efefef;
	border: 1px solid #dddddd;
}

#pictureWrapper {
	width: auto;
	height: 500px;
	white-space: nowrap;
	overflow: auto;
	background: #efefef;
	position: relative;
}

#picLoadWrap {
	white-space: nowrap;
	display: inline;
	margin: 0; padding: 0;
}

.picRoll {
	outline: none;
	border: none;
	height: 480px;	
}

/*Section Page*/
#ThumbnailHolder {
	overflow: hidden;
	width: 728px;
	height: auto;
	margin: 0 0 14px 0;
	padding: 0 0 14px 0;
	border-bottom: 1px solid #ccc;
}

#ThumbnailHolder a, #ThumbnailHolder a:hover {
	text-decoration: none;
	outline: none;
}

#projectBox {
	width: 174px;
	margin: 0 0 8px 0;
	height: 188px;
	background: #fff;
	float: left;
	overflow: hidden;
}

#projectBox:hover {
	background: #cccccc;
}

#projectDesc {
	line-height: 13px;
	width: 174px;
	height: 52px;
	overflow: hidden;
	text-align: center;
	padding: 11px 0 0 0;
}

.completion {
	color: #555;
}



/* Headers */
	h1 { font-size: 13px; font-weight: bold; color: #000; line-height: 50px; }
	h2 { font-size: 11px; font-weight: bold; color: #000; line-height: 14px; }
	h3 { font-size: 11px; font-weight: normal; color: #888; line-height: 14px; }
	
	/* Custom Styles */


/* Container Styles */
.container { width: 720px; }

/* Framework Styles */
#image-holder { background: #fff; position: relative; height: 480px; overflow: hidden;  }
#dyn-images { position: relative; height: 480px; background: #000; overflow: hidden;  }

#thumb-holder { width: 720px; border-bottom: 1px solid #DDD; padding: 22px 0 40px 0; }

#album-thumb { position: relative; float: left; width: 227px; height: 171px; margin: 0 19px 0 0; }
	#thumb-image { overflow: hidden; width: 227px; height: 151px; background: #000; }
	#thumb-title { padding: 5px 0 0 0; width: 227px; height: auto; background: #fff; }
	

#main-thumbs { height: auto; }
#main-footer { color: #999; text-align: right; height: auto; padding: 20px 0; }
#title-block { height: 50px; }
#float-left { float: left; }

#loader { background: transparent url('../images/loader.gif') no-repeat center center;
position: absolute; width: 18px; height: 18px; left: 50%; top: 50%; margin: -30px 0 0 -9px; }

#selected { background: transparent url('../images/select-arrow.png') no-repeat center center;
position: absolute; width: 16px; height: 11px; left: 50%; top: 50%; margin: -27px 0 0 -8px; }

#image-left { z-index: 20; position: absolute; left: 0px; top: 50%; margin: -67px 0 0 0; width: 28px; height: 102px;
		background: #000 url('../images/arrow-left.png') no-repeat center center; cursor: pointer; }
	#image-right { z-index: 21; position: absolute; right: 0px; top: 50%; margin: -67px 0 0 0; width: 28px; height: 102px;
		background: #000 url('../images/arrow-right.png') no-repeat center center; cursor: pointer; }
	#image-left {
		-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
		-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
		opacity: 0.4;
	}
	
	#image-right {
		-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
		-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
		opacity: 0.4;
	}