/* !COLORS */
/* 
   #424A52	TXT GRAY
   #8E9297	TXT LT GRAY
   #868581	TXT FOOTER GRAY
   #1574C4	TXT BLUE
   #1364a3	TXT DK BLUE
   #e4dcd4	BG BEIGE
   #bfb9b2	BG DK BEIGE
   #6794b7	BG BLUE
*/

/* !FONTS */
/* 
   "adobe-caslon-pro", serif
   "brandon-grotesque", sans-serif 500, 900
*/

/* !BASE STYLES */
/* -------------------------------------------*/

html,
button,
input,
select,
textarea {
	color: #424A52;
	}

body {
	min-width: 1000px;
	font: 16px/1.5 "adobe-caslon-pro", serif;
	background: #e4dcd4 url(/img/bg.jpg) repeat 50% 0;
	}

::-moz-selection {
	background: #bfb9b2;
	text-shadow: none;
	color: #424A52;
	}

::selection {
	background: #bfb9b2;
	text-shadow: none;
	color: #424A52;
	}

hr {
	display: block;
	height: 2px;
	border: 0;
	margin: 1em 0;
	padding: 0;
	background: #bfb9b2 url(/img/bg-dk-beige.jpg) repeat 50% 0;
	}

img {
	vertical-align: middle;
	}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	}

textarea {
	resize: vertical;
	}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
	}

a {
	text-decoration: none;
	color: #1364a3;
	}



/* !GLOBAL TYPOGRAPHY */
/* -------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.5em 0;
	font-family: "brandon-grotesque", sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1.2;
	font-weight: 500;
	color: #1364a3;
	}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight: 900;
	}
h1 {
	font-size: 24px;
	}
h2 {
	font-size: 18px;
	}
p {
	margin: 0 0 1em 0;
	}
ul {
	margin-top: 0;
	margin-bottom: 1em;
	}



/* !INTRO */
/* -------------------------------------------*/

#intro {
	padding: 24px 0 6px 0;
	background: #fff;
	}
	#intro p {
		margin: 0 auto 20px auto;
		width: 936px;
		font-size: 20px;
		font-style: italic;
		color: #8E9297;
		}



/* !MASTHEAD */
/* -------------------------------------------*/

#masthead {
	background: #fff;
	font-family: "brandon-grotesque", sans-serif;
	text-transform: uppercase;
	}
	
	#masthead-inner {
		position: relative;
		overflow: visible;
		margin: 0 auto;
		width: 936px;
		height: 90px;
		}
		
		#logotype {
			position: absolute;
			left: 0;
			top: 22px;
			margin: 0;
			width: 203px;
			height: 43px;
			}
			#logotype .ir {
				width: 100%;
				height: 100%;
				background-image: url(/img/town-lake-capital-management.png);
				}
		
		#main-nav ul {
			position: absolute;
			right: 0;
			bottom: 0;
			font-size: 17px;
			line-height: 1;
			letter-spacing: 2px;
			}
			#main-nav li {
				float: left;
				margin: 0 0 0 32px;
				padding: 0;
				height: 55px;
				}
			.model #nav-model,
			.plan #nav-plan {
				background: url(/img/active-nav.jpg) no-repeat 50% 100%;
				}
				#main-nav a {
					color: #424A52;
					}
				#main-nav a:focus,
				#main-nav a:hover,
				.model #nav-model a,
				.plan #nav-plan a,
				.contact #nav-contact a {
					color: #1574C4;
					}
	
	#sub-nav {
		background: #6794b7 url(/img/bg-blue.jpg) repeat 50% 0;
		}
		#sub-nav ul {
			margin: 0 auto;
			padding: 13px 0;
			width: 936px;
			font: 12px/1 "brandon-grotesque", sans-serif;
			text-transform: uppercase;
			letter-spacing: 2px;
			}
			#sub-nav li {
				float: left;
				padding: 0 24px 0 0;
				}
				#sub-nav span {
					text-transform: lowercase;
					}
				#sub-nav a {
					color: #b3cadb;
					}
				#sub-nav a:hover,
				#sub-nav a:focus,
				.sub-overview #sub-overview,
				.sub-endowment #sub-endowment,
				.sub-philosophy #sub-philosophy,
				.sub-portfolio #sub-portfolio,
				.sub-services #sub-services {
					color: #fff;
					}



/* !FOOTER */
/* -------------------------------------------*/

#footer {
	padding: 32px 0 20px 0;
	background: #bfb9b2 url(/img/bg-dk-beige.jpg) repeat 50% 0;
	}
	
	#footer-info {
		margin: 0 auto 24px auto;
		width: 936px;
		}
		#footer-info p {
			float: left;
			margin: 0;
			padding: 0 24px;
			height: 80px;
			font-size: 14px;
			line-height: 20px;
			color: #fff;
			border-left: 2px solid #a19b95;
			border-left: 2px solid rgba(0,0,0,0.15);
			}
		#footer-info p:first-child {
			padding-left: 0;
			border-left: none;
			}
		#footer-info a {
			color: #fff;
			}
		#footer-info a:hover,
		#footer-info a:focus {
			color: #424A52;
			}
		#footer-info .map-link {
			font-family: "brandon-grotesque", sans-serif;
			font-weight: 900;
			text-transform: uppercase;
			letter-spacing: 1px;
			}
			
	#footer-legal {
		margin: 0 auto;
		width: 936px;
		font-size: 12px;
		line-height: 16px;
		color: #868481;
		}
	#footer-legal a {
		color: #868481;
		text-decoration: underline;
		}



/* !ERROR */
/* -------------------------------------------*/

#error {
	margin: 0 auto;
	padding: 33px 0 200px 0;
	width: 936px;
	}



/* !DISCLOSURE */
/* -------------------------------------------*/

#disclosure {
	margin: 0 auto;
	padding: 33px 0;
	width: 936px;
	}
	#disclosure h1,
	#disclosure h2 {
		margin-bottom: 1em;
		}



/* !PAGE NAV */
/* -------------------------------------------*/

#page-nav {
	width: 100%;
	background: #bfb9b2 url(/img/bg-dk-beige.jpg) repeat 50% 0;
	}
#page-nav.fixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	}
	#page-nav ul {
		margin: 0 auto;
		padding: 13px 0;
		width: 936px;
		font: 12px/1 "brandon-grotesque", sans-serif;
		text-transform: uppercase;
		letter-spacing: 2px;
		}
		#page-nav li {
			float: left;
			padding: 0 24px 0 0;
			}
			#page-nav a {
				color: #fff;
				outline: none;
				}
			#page-nav a:hover,
			#page-nav a:focus,
			#page-nav a.active {
				color: #1364a3;
				}



/* !CONTENT MODULES */
/* -------------------------------------------*/

#modules {
	padding-bottom: 24px;
	}
	#modules article {
		margin: 0 auto;
		padding: 35px 0 40px 24px;
		width: 960px;
		}
		#modules .text-col {
			float: left;
			padding-right: 22px;
			width: 216px;
			border-right: 2px solid #f2eeea;
			border-right: 2px solid rgba(255,255,255,0.5);
			}
		#modules h1 {
			margin-bottom: 1em;
			}
		#modules p {
			font-size: 15px;
			}
		#modules p strong {
			font-family: "brandon-grotesque", sans-serif;
			font-size: 14px;
			text-transform: uppercase;
			letter-spacing: 1px;
			}
		#modules .graphic-col {
			float: right;
			width: 720px;
			}
			#modules .graphic-col img {
				display: block;
				margin: 0 auto;
				}
	.divider {
		height: 2px;
		background: #bfb9b2 url(/img/bg-dk-beige.jpg) repeat 50% 0;
		}



/* !LEARN MORE */
/* -------------------------------------------*/

p.learn-more {
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 900;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	}
	p.learn-more a {
		color: #424A52;
		}
	p.learn-more a:hover,
	p.learn-more a:focus {
		color: #1364a3;
		}



/* PLAIN INTRO */
/* -------------------------------------------*/

#plain-intro {
	margin: 0 auto;
	padding: 36px 0 36px 12px;
	width: 948px;
}


/* !VIDEO COLUMNS */
/* -------------------------------------------*/

#video-columns {
	margin: 0 auto;
	padding: 36px 0 36px 12px;
	width: 948px;
	}
	
	#video-intro {
		float: right;
		padding-top: 4px;
		width: 218px;
		}
	
	#video-box {
		position: relative;
		overflow: hidden;
		float: left;
		width: 684px;
		height: 384px;
		border: 6px solid #fff;
		}
		#video-box iframe {
			position: absolute;
			z-index: 1;
			left: 0;
			top: 0;
			}
		#video-box img {
			position: absolute;
			z-index: 2;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			}
		#video-box .ir {
			position: absolute;
			z-index: 3;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			cursor: pointer;
			background: url(/img/play-video.png) no-repeat 0 100%;
			}
		#video-box .ir:hover,
		#video-box .ir:focus {
			background-position: 0 0;
			}



/* !OVERVIEW */
/* -------------------------------------------*/

#overview {
	margin: 0 auto;
	padding: 36px 0 36px 12px;
	width: 948px;
	}
	
	#overview-text {
		float: left;
		width: 492px;
		}
		#overview-text h2,
		#overview-text p.learn-more {
			margin-top: 24px;
			}
		#overview-text h2:first-child {
			margin-top: 0;
			}
	
	#overview-img {
		float: right;
		margin: 0 0 16px 0;
		}



/* !CONTACT */
/* -------------------------------------------*/

.contact #main {
	margin: 0 auto;
	padding: 36px 0;
	width: 936px;
	}
	
	#contact-info {
		float: left;
		width: 217px;
		}
	
	#contact-map {
		float: right;
		}
		#contact-map iframe {
			width: 684px;
			height: 384px;
			border: 6px solid #fff;
			}