/* --- t r i n c h . c o m ---
web  -> http://www.trinch.com
mail -> info@trinch.com
------------------------------ */

/* standard */
html, 
body {
	height: 100%;
	margin: 0;
	}
body {
	min-width: 858px;
	background: #fff url(/img/bg-page.jpg) no-repeat 50% 0;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #666;
	}
img {
	border-style: none;
	}
a {
	color: #fdb813;
	text-decoration: underline;
	}
a:hover {
	text-decoration: none;
	}

/* main */
.main-holder {
	min-height: 100%;
	}
* html .main-holder {
	height: 100%;
	}
.bg-bottom {
	overflow: hidden;
	width: 100%;
	height: 160px;
	background: url(/img/bg-page-bottom.gif) no-repeat 50% 0;
	margin: -160px 0 0;
	}
.bg-btm-txt {
	position: relative;
	overflow: hidden;
	width: 810px;
	height: 20px;
	margin: 0 auto;
	margin-top: -20px;
	padding: 0 24px;
	}
	.bg-btm-txt a.privacy {
		position: absolute;
		z-index: 100;
		bottom: 5px;
		left: 24px;
		font-size: 10px;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		}
	.bg-btm-txt a.privacy:hover {
		text-decoration: underline;
		}
	.bg-btm-txt a.trinch {
		position: absolute;
		overflow: hidden;
		z-index: 99;
		bottom: 10px;
		right: 24px;
		width: 56px;
		height: 8px;
		background: url(/img/trinch.gif) no-repeat;
		text-decoration: none;
		text-indent: -9999px;
		}
.main {
	position: relative;
	overflow: hidden;
	width: 858px;
	margin: 0 auto;
	}

/* header */
.header {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 94px;
	}
.logo {
	position: absolute;
	display: block;
	overflow: hidden;
	top: 10px;
	right: 25px;
	}
	.logo a {
		display: block;
		width: 185px;
		height: 75px;
		background: url(/img/logo.png) no-repeat;
		text-indent: -9999px;
		}
#usa .logo {
	position: absolute;
	display: block;
	overflow: hidden;
	top: 10px;
	right: 25px;
	}
	#usa .logo a {
		display: block;
		width: 185px;
		height: 75px;
		background: url(/img/logo-usa.png) no-repeat;
		text-indent: -9999px;
		}
.top-navigation {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 53px;
	height: 36px;
	}
.top-nav {
	list-style: none;
	height: 36px;
	margin: 0;
	padding: 0;
	}
	.top-nav li {
		float: left;
		height: 36px;
		background: url(/img/bg-top-nav.png) repeat-x;
		margin: 0 1px 0 0;
		padding: 0 10px;
		}
		.top-nav li a {
			font-size: 13px;
			color: #fff;
			line-height: 30px;
			text-decoration: none;
			padding: 0 0 0 17px;
			}
		.top-nav li a:hover {
			color: #004d8c;
			}
		.top-nav li.home a { background: url(/img/icon-home.gif) no-repeat 0 50%; }
		.top-nav li.faq a { background: url(/img/icon-faq.gif) no-repeat 0 50%; }
		.top-nav li.did-you-know-that a { background: url(/img/icon-news.gif) no-repeat 0 50%; }
		.top-nav li.links a { background: url(/img/icon-links.gif) no-repeat 0 50%; }
		.top-nav li.contact a { background: url(/img/icon-contact.gif) no-repeat 0 50%; }
		.top-nav li.sitemap a { background: url(/img/icon-sitemap.gif) no-repeat 0 50%; }
		.top-nav li.global a { background: url(/img/icon-global.gif) no-repeat 0 50%; }

/* menu */
#menu {
	list-style: none;
	margin: 0;
	padding: 0 0 0 48px;
	}
	#menu li {
		position: relative;
		float: left;
		z-index: 100;
		width: 247px;
		height: 101px;
		background: url(/img/bg-menu-line.gif) no-repeat;
		text-align: left;
		padding: 0 3px 0 1px;
		}
	#menu li:first-child {
		background: none;
		}
		#menu li a {
			float: left;
			width: 100%;
			height: 100%;
			font-size: 12px;
			color: #007cc2;
			line-height: 14px;
			text-decoration: none;
			}
		#menu li a:hover {
			color: #fdb813;
			}
			#menu li a strong {
				display: block;
				font-size: 16px;
				font-weight: normal;
				line-height: 60px;
				}
			#menu li.our a strong {
				background: url(/img/bg-our.gif) no-repeat 20px 0;
				padding: 0 0 0 65px;
				}
			#menu li.products a strong {
				background: url(/img/bg-products.gif) no-repeat 20px 0;
				padding: 0 0 0 85px;
				}
			#menu li.concerns a strong {
				background: url(/img/bg-concerns.gif) no-repeat 20px 0;
				padding: 0 0 0 65px;
				}
			#menu li a span {
				display: block;
				font-size: 11px;
				color: #7fbde0;
				margin: -6px 0 0;
				padding: 0 0 0 20px;
				}
			#menu li:hover .drop-down-box, 
			#menu li.hover .drop-down-box {
				display: block;
				}
.drop-down-box {
	clear: both;
	position: absolute;
	z-index: 100;
	display: none;
	width: 258px;
	top: 100px;
	left: -3px;
	}
.drop-down-top {
	overflow: hidden;
	width: 100%;
	height: 4px;
	background: url(/img/bg-drop-down-top.png) no-repeat;
	}
.drop-down-center {
	overflow: hidden;
	width: 250px;
	background: url(/img/bg-drop-down-center.png) repeat-y;
	padding: 0 4px;
	}
.drop-down-bottom {
	overflow: hidden;
	width: 100%;
	height: 19px;
	background: url(/img/bg-drop-down-bottom.png) no-repeat;
	}
.drop-down-center-inner:after {
	content: "";
	clear: both;
	display: block;
	}
.drop-down-center-inner {
	width: 100%;
	min-height: 168px;
	background: url(/img/bg-drop-down-center-inner.gif) repeat-x 0 100%;
	}
* html .drop-down-center-inner {
	height: 168px;
	}
	.drop-down-center-inner ul {
		list-style: none;
		margin: 0;
		padding: 2px 0 0 20px;
		}
		#menu li .drop-down-center-inner ul li {
			width: 210px;
			height: auto;
			background: url(/img/bg-drop-down-line.gif) no-repeat;
			text-align: left;
			padding: 0;
			}
		#menu li .drop-down-center-inner ul li:first-child {
			background: none;
			}
			#menu li .drop-down-center-inner ul li a {
				font-size: 16px;
				color: #999;
				line-height: 32px;
				padding: 0;
				}
			#menu li .drop-down-center-inner ul li a:hover, 
			#menu li .drop-down-center-inner ul li.active a {
				color: #007cc2;
				}
				#menu li .drop-down-center-inner ul li a span {
					display: inline;
					font-size: 12px;
					color: #999;
					}

/* content-holder */
.content-holder {
	overflow: hidden;
	width: 100%;
	}
.content-top {
	width: 100%;
	height: 18px;
	background: url(/img/bg-content-top.png) no-repeat;
	}
.content-bottom {
	position: relative;
	z-index: 30;
	width: 100%;
	height: 19px;
	background: url(/img/bg-content-bottom.png) no-repeat;
	}
.content {
	position: relative;
	z-index: 30;
	overflow: hidden;
	width: 850px;
	background: url(/img/bg-content-center.png) repeat-y;
	padding: 0 4px 0 4px;
	}
.content-inner {
	clear: both;
	position: relative;
	z-index: 50;
	overflow: hidden;
	width: 100%;
	background: url(/img/bg-content.jpg) no-repeat;
	padding: 0 0 5px 0;
	}

/* swirl */
.swirl {
	float: left;
	position: relative;
	width: 850px;
	height: 230px;
	margin: 0;
	padding: 0;
	}
	.swirl .slogan {
		width: 350px;
		height: 85px;
		overflow: hidden;
		background: url(/img/slogan.png) no-repeat 0 10px;
		margin: 0 0 70px 50px;
		padding: 0;
		}
	.swirl .icons {
		position: absolute;
		top: 70px;
		left: 0;
		width: 570px;
		height: 100px;
		overflow: hidden;
		background: url(/img/icons.png) no-repeat;
		margin: 0;
		padding: 0;
		}
	.swirl h1 {
		width: 470px;
		font-size: 20px;
		font-weight: normal;
		color: #fdb813;
		line-height: 20px;
		margin: 0;
		padding: 0 0 0 50px;
		}

/* gallery */
#gallery {
	position: absolute;
	top: -20px;
	right: 40px;
	width: 235px;
	height: 235px;
	margin: 0;
	padding: 0;
	}
	#gallery li {
		display: block;
		}
		#gallery li img {
			display: block;
			}

/* columns */
.column1 {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0 0 0 50px;
	}
.column2 {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0 0 0 50px;
	}
.column3 {
	float: right;
	width: 235px;
	margin: 0;
	padding: 0 40px 0 0;
	}
.left-column {
	float: left;
	width: 490px;
	padding: 0 0 0 50px;
	}
.right-column {
	float: right;
	width: 235px;
	margin: 0;
	padding: 0 40px 0 0;
	}
.one-column {
	float: left;
	width: 760px;
	padding: 0 0 0 50px;
	}

/* news */
ul.news {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	ul.news li {
		width: 100%;
		border-top: 1px solid #ccc;
		text-align: left;
		padding: 10px 0;
		}
	ul.news li:first-child {
		border-top: none;
		padding: 0 0 10px 0;
		}
		ul.news li p {
			margin: 0;
			}

/* links */
ul.links {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	ul.links li {
		width: 100%;
		background: url(/img/arrow-yellow.gif) no-repeat 0 17px;
		border-top: 1px solid #ccc;
		text-align: left;
		padding: 10px 0 10px 10px;
		}
	ul.links li:first-child {
		background: url(/img/arrow-yellow.gif) no-repeat 0 7px;
		border-top: none;
		padding: 0 0 10px 10px;
		}
		ul.links li a {
			display: block;
			font-size: 14px;
			color: #007dc3;
			text-decoration: none;
			}
		ul.links li a:hover {
			color: #fdb813;
			}
		ul.links li span {
			display: block;
			font-size: 12px;
			color: #666;
			}

/* core-values */
.core-values {
	overflow: hidden;
	width: 235px;
	padding: 40px 0 0 0;
	}
	.core-values .name {
		float: left;
		overflow: hidden;
		display: block;
		width: 50px;
		height: 230px;
		background: url(/img/logo-latexco.gif) no-repeat;
		text-indent: -9999px;
		}
	.core-values .values {
		float: left;
		list-style: none;
		margin: 0;
		padding: 23px 0 0 8px;
		}
		.core-values .values li {
			font-size: 14px;
			color: #007dc3;
			line-height: 28px;
			}

/* typography */
.content-inner h2 {
	font-size: 20px;
	font-weight: normal;
	color: #fdb813;
	line-height: 24px;
	margin: 0 0 15px 0;
	}
.content-inner h3 {
	font-size: 14px;
	font-weight: normal;
	color: #007cc2;
	margin: 0;
	}
	.content-inner h3 a {
		font-size: 14px;
		font-weight: normal;
		color: #007cc2;
		text-decoration: none;
		margin: 0;
		}
	.content-inner h3 a:hover {
		color: #fdb813;
		}
.content-inner h4 {
	font-size: 14px;
	font-weight: bold;
	color: #007cc2;
	margin: 0;
	}
.content-inner a.arrow-yellow {
	background: url(/img/arrow-yellow.gif) no-repeat 0 50%;
	color: #007dc3;
	padding: 0 0 0 10px;
	}
.content-inner a.arrow-yellow:hover {
	color: #fdb813;
	}
.content-inner a.arrow-blue {
	background: url(/img/arrow-blue.gif) no-repeat 0 50%;
	color: #fdb813;
	text-decoration: none;
	padding: 0 0 0 10px;
	}
.content-inner a.arrow-blue:hover {
	color: #007dc3;
	}
.content-inner .imgbrdr {
	display: block;
	border: 1px solid #ccc;
	margin: 0;
	padding: 1px;
	}

/* date */
.date {
	clear: both;
	width: 235px;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 15px 0 0 0;
	}
	.date h3 {
		float: left;
		width: 40px;
		}
	.date span {
		float: right;
		width: 195px;
		}

/* klapmenu */
.klapmenu {
	margin: 10px 0 0 0;
	}
	.klapmenu a {
		font: 14px/20px;
		color: #114481;
		padding: 2px 0;
		}
	.klapmenu a:hover {
		color: #fdb827;
		}

/* subfoot */
.subfoot {
	width: 750px;
	border-top: 1px solid #ccc;
	font-size: 11px;
	text-align: center;
	margin: 0 auto;
	margin-top: 15px;
	}
	.subfoot a {
		color: #666;
		text-decoration: none;
		}
	.subfoot a:hover {
		text-decoration: underline;
		}

/* footer */
.footer {
	clear: both;
	overflow: hidden;
	width: 810px;
	padding: 0 24px 10px;
	}
	.footer a.privacy {
		float: left;
		font-size: 10px;
		color: #014d8b;
		text-transform: uppercase;
		text-decoration: none;
		}
	.footer a.privacy:hover {
		text-decoration: underline;
		}
	.footer a.trinch {
		float: right;
		overflow: hidden;
		width: 56px;
		height: 8px;
		background: url(/img/trinch.gif) no-repeat;
		text-decoration: none;
		text-indent: -9999px;
		}

/* form */
fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}
fieldset br {
	clear: left;
	}
fieldset legend {
	font-size: 14px;
	font-weight: normal;
	color: #007cc2;
	margin: 0;
	padding: 0 0 10px 0;
	}
fieldset label {
	display: block;
	position: relative;
	float: left;
	width: 375px;
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
	}
label.full {
	width: 100%;
	}
label em, 
label.full em {
	font-style: normal;
	color: red;
	}
fieldset input.text, 
fieldset textarea.text {
	background: #fff url(/img/bg-form.gif) repeat-x left top;
	border: 1px solid #ccc;
	font: 12px Arial, Helvetica, Verana, sans-serif;
	color: #666;
	padding: 3px;
	}
fieldset input.text {
	width: 320px;
	}
fieldset textarea.text {
	width: 700px;
	height: 85px;
	}
.bg-btn {
	clear: both;
	float: left;
	display: inline;
	width: 700px;
	margin: 0;
	}
	.bg-btn em {
		font-size: 11px;
		font-style: normal;
		color: red;
		line-height: 20px;
		margin-left: 10px;
		}