@charset "UTF-8";
@import url("reset.css");
@import url("type.css");

.container {
	width: 797px;
	background: transparent url(../images/right-border.jpg) no-repeat right 121px;
	height: 600px;
	position: relative;
	left: 0;
	top: 0;
	}
#sectimg {
	position: absolute;
	left: 0;
	top: 121px;
	}
#content {
	margin: 0 24px 0 317px;
	padding: 75px 83px 0 0;
	height: 404px;
	overflow: auto;
	}
#nav {
	position: absolute;
	right: 58px;
	top: 0;
	}
#nav ul li {
	float: left;
	}
#nav ul li a {
	height: 76px;
	text-align: center;
	display: block;
	overflow: hidden;
	line-height: 122px;
	text-transform: lowercase;
	position: relative;
	left: 0;
	top: 0;
	font-size: 10px;
	color: #636466;
	}
#nav ul li a:focus,
#nav ul li a:hover,
#nav ul li a:active {
	color: #e51937;
	}
#nav ul li a:focus,
#nav ul li a:hover,
#nav ul li a:active {
	color: #e51937;
	}
#nav ul li a span {
	height: 76px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent none no-repeat left -76px;
	}
#nav ul li a:focus span,
#nav ul li a:hover span,
#nav ul li a:active span {
	cursor: pointer;
	background-position: left -152px;
	}
#nav ul li#nav-about a, #nav ul li#nav-about a span { background-image: url(../images/nav-about.png); width: 36px;}
#nav ul li#nav-approach a, #nav ul li#nav-approach a span { background-image: url(../images/nav-approach.png); width: 54px;}
#nav ul li#nav-blog a, #nav ul li#nav-blog a span { background-image: url(../images/nav-blog.png); width: 30px;}
#nav ul li#nav-calendar a, #nav ul li#nav-calendar a span { background-image: url(../images/nav-calendar.png); width: 50px;}
#nav ul li#nav-case a, #nav ul li#nav-case a span { background-image: url(../images/nav-case.png); width: 68px;}
#nav ul li#nav-contact a, #nav ul li#nav-contact a span { background-image: url(../images/nav-contact.png); width: 44px;}
#nav ul li#nav-galleries a, #nav ul li#nav-galleries a span { background-image: url(../images/nav-galleries.png); width: 50px;}
#nav ul li#nav-readings a, #nav ul li#nav-readings a span { background-image: url(../images/nav-readings.png); width: 50px;}

#nav ul li.active a {
	color: #ffffff;
	background-color: #a0a2a4;
	font-weight: bold;
	}
#nav ul li.active a span {
	background-position: left top;
	}
#nav ul li.disabled a {
	color: #afb1b4;
	cursor: default;
	}
#nav ul li.disabled a span {
	background-position: left -228px;
	cursor: default;
	}

/* Home page styles */
#home .container {
	background-image: none;
	height: 356px;
	}
#home .container h1 {
	padding: 121px 0 20px 0;
	margin: 0;
	}
#home #flash {
	position: absolute;
	left: 0;
	top: 121px;
	}

/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}