/*
	blue:	#c8dfe5
*/


/* STANDARDS 
-------------------------------------------- */
html {
	background-color: #FFFFFF;
	/*background: white url('../images/frame/bg-main.png') repeat-x;*/
}
body {
	color: #333333;
}
a {
	color: #333333;
	text-decoration: none;
}
strong, b {
	font-weight: bold;
}
.small {
	font-size: 85%;
}
.container {
	width: 720px;
	text-align: right;
}

/* HEADER
-------------------------------------------- */
#hd {
	height: 184px;
	font-size: 116%;
	clear: both;
	position: relative;
	background-color: #C8DFE5;
	width: 100%;
}
#hd.no-thumbnails {
	height: 184px;
}

	#hd #logo, #hd #subnav {
		float: right;
                text-transform: lowercase;
	}
        
        #hd #subnav {
            display: block;
            margin-right: 250px;
            min-width: 200px;
            text-align: right;
            position: absolute;
            bottom: -4px;
            right: 0px;
            z-index: 3;
        }
		#hd #logo {
                    width: 520px;
                    height: 90px;
                    text-align: right;
                    margin-right: 20px;
		}
			#hd #logo h1 a {
				font-size: 146.5%;
				color: white;
			}
	#hd #mainnav, #hd #thumbnails {
		
		width: 230px;
		text-transform: lowercase;
	} 
	#hd #thumbnails {
		width: 450px;
	}
        
        #hd #mainnav {
            float: right;
            margin-top: 38px;
            margin-bottom: 40px;
        }
        
        #hd #thumbnails {
            display: block;
            float: left;
        }
        
		#hd #mainnav li {
			margin-top: 7px;
			line-height: 19px;
			font-weight: normal;
		}

	#hd #subnav {
		margin-top: 2px;
		margin-bottom: 8px;
	}
        
        #hd #thumbnails {
			position: relative;
			bottom: -12px;
			z-index: 2;
			}
        
		#hd #thumbnails a {
			text-decoration: none;
			border: 0;
			margin-right: 2px;
		}
	#hd #logo {
		margin-top: 40px;
	}
		#hd ul#subnav li {
			display: inline;
			margin-left: 10px;
			padding-left: 10px;
			border-left: 1px solid black;
			line-height: 22px;
			font-weight: normal;
		}
	
	#hd #mainnav li a:hover, #hd #mainnav li a.current, #hd #mainnav li a.section, #hd ul#subnav li a:hover, #hd ul#subnav li a.current, #hd ul#subnav li a.section {
		color: white;
	}

	#hd a#prevpaging, #hd a#nextpaging {
		display: block;
		width: 10px;
		height: 10px;
		background: url('/assets/paging.png') no-repeat;
	}
		#hd a#nextpaging {
			background-position: 0 -10px;
		}


/* BODY
-------------------------------------------- */
#bd {
	font-size: 116%;
}

#bd a {
	color: #73b0bf;
	border-bottom: 1px dotted #73b0bf;
}
	#bd a:hover {
		color: black;
		border-bottom: 1px dotted black;
	}

	#bd #sidebar {
		float: right;
		width: 230px;
	}
		#bd #sidebar #content {		
			/*min-height: 470px;*/
			padding-bottom: 15px;
			margin-top: -2px;
		}
		#bd #sidebar #projectnav {
			font-size: 85%;
		}
			#bd #sidebar #projectnav a {
				color: black;
				border: 0;
			}
				#bd #sidebar #projectnav a:hover, #bd #sidebar #projectnav a.selected {
					font-weight: bold;
				}
	
	#bd #showcase {
		text-align: left;
		margin-top: 37px;
		margin-left: 0;
		width: 725px;
		height: 500px;
	}

/* FOOTER
-------------------------------------------- */
#ft {
	font-size: 116%;
	margin-bottom: 800px;
}
	#ft p {
		display: none;
		padding-top: 5px;
	}
		#ft a:hover, #ft a.current{
			font-weight: bold;
		}
		
#thumbnails li {
	display: inline;
}

#thumbnails td {
	vertical-align: middle;
}

#thumbnails ul {
	display: block;
	width: 100%;
	height: 35px;
	overflow: hidden;
	/* background-color: #c8dfe5; */
}
#paging {
	width: 415px;
	height: 35px;
	overflow: hidden;
}

#paging ul {
	display: none;
}

#paging ul.active {
	display: block;
}