/* Common Styles */
body {
	background: rgb( 255, 255, 255 ) url(/static/images/bg.png) top left repeat-x;
	font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: rgb( 99, 99, 99 );
}
/*.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}*/
br.clearit {
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
	border: none;
}

p {
	margin-bottom: 25px;
	line-height: 1.6em;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Gotham Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
	color: rgb( 191, 46, 26 );
	text-transform: uppercase;
	font-size: 1.8em;
	margin-bottom: 35px;
}

h2 {
	font-size: 1.3em;
	padding-top: 8px;
	margin-bottom: 35px;
}

ul {
	list-style-position: inside;
}
	ul li {
		padding-bottom: 8px;
		line-height: 1.3em;
	}

/* Links */

a {
	color: rgb( 189, 44, 25 );
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}
a:visited,
a:hover:visited {
	color: rgb( 146, 94, 87 );
}


/* Other */
#page-wrapper {
	width: 860px;
	margin: 0 auto;
}

#header {
	border-width: 0 4px;
	border-style: solid;
	border-color: rgb( 242, 242, 242 );

	height: 90px;
	padding-top: 44px;
	background-color: rgb( 255, 255, 255 );
}
	#logo {
		width: 218px;
		height: 50px;
		background: transparent url(/static/images/logo.png) center center no-repeat;
		margin-left: 56px;
	}
		#logo a {
			display: block;
			width: 218px;
			height: 50px;
			text-decoration: none;
			text-indent: -9999px;
			font-size: 0.1em;
		}

	#call-us {
		width: 290px;
		height: 59px;
		float: right;
		background: transparent url(/static/images/bg-callbox.png) top left no-repeat;
	}
		#call-us p {
			font-weight: bold;
			padding: 10px 0 0 18px;
			font-size: 1.05em;
			letter-spacing: 0.2em;
			line-height: 1.2em;
			color: rgb( 154, 19, 11 );
			text-transform: uppercase;
			font-family: "Gotham Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
			#call-us p strong {
				display: block;
				color: rgb( 150, 150, 150 );
				font-size: 1.4em;
				font-weight: bold;
				padding-top: 5px;
				letter-spacing: 0em;
			}

#nav-wrapper {
	padding: 32px 0 0 36px;
	height: 90px;
	background: transparent url(/static/images/bg-nav.png) center center no-repeat;
}
	#nav-wrapper #nav,
	#nav-wrapper #nav ul {
		height: 60px;
		display: block;
		margin: 0;
		padding: 0;
	}
		#nav-wrapper #nav ul li {
			float: left;
			background-color: transparent;
			background-position: center center;
			background-repeat: no-repeat;
			border-width: 0 1px 0 0;
			border-style: dotted;
			border-color: rgb( 255, 255, 255 );
			border-color: rgba( 255, 255, 255, 0.3 );
			display: block;
			height: 60px;
			width: 112px;
		}
		#nav-wrapper #nav ul li:last-child {
			border-width: 0;
		}
		#nav-wrapper #nav ul li:hover {
			background-color: rgba( 255, 255, 255, 0.05 );
		}
		#nav-wrapper #nav ul li.selected {
			background-color: rgba( 255, 255, 255, 0.03 );
		}

		#nav-wrapper #nav ul li#nav-home {		background-image: url(/static/images/nav-home.png); }
		#nav-wrapper #nav ul li#nav-local {		background-image: url(/static/images/nav-local.png); }
		#nav-wrapper #nav ul li#nav-social {	background-image: url(/static/images/nav-social.png); }
		#nav-wrapper #nav ul li#nav-about {		background-image: url(/static/images/nav-about.png); width: 118px; }
		#nav-wrapper #nav ul li#nav-contact {	background-image: url(/static/images/nav-contact.png); width: 130px; }

			#nav-wrapper #nav ul li a {
				display: block;
				height: 60px;
				font-size: 0.1em;
				text-decoration: none;
				text-indent: -9999px;
			}

			#nav-wrapper #nav ul li.selected a {
				cursor: default;
			}


#content-wrapper {
	border-width: 0 4px 4px 4px;
	border-style: solid;
	border-color: rgb( 242, 242, 242 );
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	background-color: rgb( 255, 255, 255 );
}

	#content-wrapper #main-content {
		padding: 56px;
	}

	#content-wrapper #detailbox {
		clear: both;
		background: rgb( 246, 246, 246 ) url(/static/images/bg-detailbox.png) top left repeat-x;
	}


#footer {
	width: 840px;
	margin: 0 auto 30px auto;
	padding-top: 5px;
}

	#footer p {
		padding-top: 3px;
		font-size: 0.8em;
		color: rgb( 140, 140, 140 );
		margin-bottom: 0;
	}



.detail {
	float: left;
	width: 319px;
	padding: 40px 50px 75px 50px;
}
	.detail h3 {
		font-size: 0.1em;
		text-indent: -9999px;
		height: 24px;
		margin-bottom: 25px;
	}
	.detail p {
		margin-bottom: 0;
		font-size: 0.95em;
	}


#primary-content {
	width: 450px;
	float: left;
}

#secondary-content {
	width: 250px;
	float: right;
}
#secondary-content p {
	font-size: 0.95em;
}

#primary-content p:last-child,
#secondary-content p:last-child {
	margin-bottom: 0;
}



#cn-detail { border-right: solid 1px rgb( 255, 255, 255 ); }
	#cn-detail h3 { background: transparent url(/static/images/logo-cn-small.png) left center no-repeat; }

#dn-detail { border-left: solid 1px rgb( 222, 222, 222 ); }
	#dn-detail h3 { background: transparent url(/static/images/logo-dn-small.png) left center no-repeat; }
	#dn-detail a {
		color: rgb( 0, 155, 222 );
	}
	#dn-detail a:visited,
	#dn-detail a:hover:visited { 
		color: rgb( 87, 148, 175 );
	}


#about-list {
	list-style-position: outside;
	list-style-type: none;
}
	#about-list li {
		padding-bottom: 15px;
	}
	#about-list h4 {
		color: rgb( 191, 46, 26 );
		font-size: 1.1em;
	}
	#about-list h5 {
		color: rgb( 160, 160, 160 );
		font-size: 0.7em;
		text-transform: uppercase;
	}