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

/* standard */
body {
	background: #000 url(../img/bg-body.gif);
	font: 12px/14px "Lucida Sans", Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
	}
img {
	border: none;
	}
a {
	color: #d3242b;
	text-decoration: underline;
	}
a:hover {
	text-decoration: none;
	}
.left { float: left; }
.right { float: right; }

/* layout */
#page {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	}

/* header */
#header {
	overflow: hidden;
	height: 1%;
	padding-right: 150px;
	}
#header:after {
	display: block;
	clear: both;
	content: "";
	}

/* logo */
h1.logo {
	position: absolute;
	overflow: hidden;
	width: 180px;
	top: 10px;
	left: 30px;
	text-indent: -9999px;
	margin: 0;
	}
	h1.logo a {
		display: block;
		height: 98px;
		background: url(../img/logo.gif) no-repeat;
		}
.landing-page h1.logo {
	top: 0;
	left: 327px;
	}

/* nav-holder */
.nav-holder {
	overflow: hidden;
	height: 1%;
	padding-bottom: 30px;
	}
	.nav-holder ul {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
		}
		.nav-holder ul li {
			float: left;
			}
	.nav-holder .links {
		padding: 10px 0 0 20px;
		}
		.nav-holder .links li {
			display: inline;
			width: 20px;
			height: 20px;
			background: #d3242b;
			line-height: 20px;
			text-align: center;
			margin-left: 1px;
			}
		.nav-holder .links a {
			font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #fff;
			line-height: 20px;
			text-decoration: none;
			text-transform: uppercase;
			}
		.nav-holder .links a:hover {
			color: #000;
			}

/* nav */
#nav li {
	padding-left: 15px;
	}
#nav a {
	float: left;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 13px;
	}
#nav a:hover,
#nav .active a {
	background: url(../img/nav-hover.gif) no-repeat 50% 0;
	color: #d3242b;
	text-decoration: none;
	}

/* menu */
.menu {
	float: right;
	overflow: hidden;
	list-style: none;
	background: url(../img/bg-menu.gif) repeat-x;
	margin: 0;
	padding: 0 0 0 50px;
	}
	.menu li {
		float: left;
		background: url(../img/sep-menu.gif) no-repeat 100% 0;
		margin-right: -1px;
		padding: 0 1px;
		}
	.menu a {
		float: left;
		border-top: 2px solid #525253;
		font-size: 11px;
		color: #fff;
		text-decoration: none;
		padding: 6px 6px 8px;
		}
	.menu .last a {
		padding-right: 12px;
		}
	.menu a:hover,
	.menu .active a {
		border-top: 2px solid #d2252b;
		text-decoration: none;
		}

/* content */
#content {
	height: 1%;
	}
#content:after {
	clear: both;
	display: block;
	content: "";
	}
	#content img {
		display: block;
		}
.main-content {
	position: relative;
	float: left;
	width: 680px;
	background: #fff;
	padding: 0 40px 0 30px;
	}

/* info */
.info {
	position: relative;
	float: left;
	width: 180px;
	margin: -38px 0 0;
	}
	.info h3 {
		font-size: 14px;
		color: #000;
		margin: 0 0 14px;
		}
.info-top {
	display: block;
	overflow: hidden;
	width: 180px;
	height: 18px;
	background: url(../img/top-info.gif) no-repeat;
	}
.info-bottom {
	position: absolute;
	display: block;
	overflow: hidden;
	bottom: -22px;
	left: 0;
	width: 180px;
	height: 22px;
	background: #d3242b;
	}
.info-holder {
	background: #d3242b;
	font-size: 11px;
	color: #fff;
	line-height: 13px;
	padding: 43px 21px 46px 25px;
	}
	.info-holder a {
		color: #fff;
		}
	.info-holder ul {
		list-style: none;
		margin: 0;
		padding: 0 0 13px;
		}
	.info-holder address {
		font-style: normal;
		padding-bottom: 14px;
		}
	.info-holder span {
		display: block;
		}
	.info-holder div {
		padding-bottom: 13px;
		}
		.info-holder div strong {
			font-weight: normal;
			}
	.info-holder p {
		margin: 0 0 18px;
		}

/* txt-content */
.txt-content {
	float: right;
	width: 460px;
	padding-top: 25px;
	}
	.txt-content h1 {
		border-bottom: 1px solid #ccc;
		font-size: 18px;
		color: #d3242b;
		line-height: 25px;
		margin: 0 0 20px;
		}
	.txt-content h2 {
		background: url(../img/bullet-arrow.gif) no-repeat 0 5px;
		font-size: 14px;
		color: #000;
		line-height: 18px;
		margin: 10px 0;
		padding: 0 0 0 8px;
		}
	.txt-content .list {
		background: url(../img/bullet.gif) no-repeat 0 5px;
		padding-left: 10px;
		}
	.txt-content .downloads {
		overflow: hidden;
		list-style: none;
		width: 430px;
		background: #f2f2f2;
		border: 1px solid #ccc;
		margin: 0;
		padding: 10px;
		}
		.txt-content .downloads li {
			float: left;
			width: 400px;
			background: url(../img/icon-download.gif) no-repeat 0 0;
			border-bottom: 1px solid #ccc;
			line-height: 25px;
			margin: 0 0 5px 0;
			padding: 0 0 0 30px;
			}
		.txt-content .downloads li:last-child {
			border-bottom: none;
			margin: 0;
			}
		.txt-content .downloads a {
			color: #333;
			text-decoration: none;
			padding: 0;
			}
		.txt-content .downloads a:hover {
			color: #d3242b;
			text-decoration: none;
			}

/* side-bar */
.side-bar {
	position: relative;
	float: right;
	width: 150px;
	background: #525253;
	margin-top: 20px;
	}
	.side-bar h3 {
		background: #d3242b;
		font-size: 12px;
		color: #fff;
		line-height: 25px;
		margin: 0;
		padding-left: 20px;
		}
	.side-bar ul {
		list-style: none;
		margin: 0;
		padding: 17px 0 13px;
		}
		.side-bar ul li {
			background: url(../img/bullet-arrow.gif) no-repeat 0 1px;
			padding: 0 0 13px 21px;
			line-height: 13px;
			}
		.side-bar ul a {
			color: #fff;
			font-size: 11px;
			}
		.side-bar ul a:hover {
			border: none;
			}
	.side-bar .arrow {
		position: absolute;
		display: block;
		width: 12px;
		height: 25px;
		top: 0;
		left: -12px;
		background: url(../img/arrow-red.gif) no-repeat 0 50%;
		}

/* landing-page */
.landing-page #page {
	width: 858px;
	padding-bottom: 0;
	}
.landing-page #content {
	min-height: 250px;
	background: url(../img/bg-content.png) no-repeat;
	padding: 247px 0 18px;
	}
* html .landing-page #content {
	height: 250px;
	}
.left-column {
	position: relative;
	float: left;
	width: 180px;
	text-align: right;
	}
.right-column {
	position: relative;
	float: right;
	width: 200px;
	}
.box {
	padding-bottom: 55px;
	}
	.box h3 {
		font-size: 18px;
		font-weight: normal;
		color: #d3242b;
		margin: 0 0 2px;
		}
		.box h3 a {
			color: #d3242b;
			text-decoration: none;
			}
		.box h3 a:hover {
			color: #fff;
			}
	.box p {
		color: #fff;
		line-height: 15px;
		margin: 0;
		}
.landing-page .info {
	text-align: center;
	margin: 0;
	padding-left: 327px;
	}
.landing-page .info-holder {
	padding: 16px 21px 74px 25px;
	}

/* thumbs-list */
.thumbs-list {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	.thumbs-list li {
		float: left;
		margin: 0 5px 5px 0;
		padding: 0;
		}
	.thumbs-list li a {
		display: block;
		width: 83px;
		height: 83px;
		border: 2px solid #dedede;
		text-decoration: none;
		}
	.thumbs-list li a:hover {
		border: 2px solid #d3242b;
		text-decoration: none;
		}

/* gallery */
#gallery-top {
	position: relative;
	z-index: -10;
	width: 925px;
	height: 189px;
	margin: 0;
	padding: 0;
	}
	#gallery-top li {
		display: block;
		}

/* form */
form {
	margin: 0;
	padding: 0;
	}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}
fieldset br {
	clear: left;
	}
fieldset.contact label {
	display: block;
	position: relative;
	float: left;
	width: 350px;
	font-size: 12px;
	color: #333;
	margin-bottom: 5px;
	}
label.full {
	width: 100%;
	}
label em, 
label.full em {
	font-style: normal;
	color: red;
	}
fieldset.contact input.text, 
fieldset.contact textarea.text {
	background: #f2f2f2;
	border: 1px solid #ccc;
	font: 12px/14px "Lucida Sans", Arial, Helvetica, sans-serif;
	color: #666;
	padding: 5px;
	}
fieldset.contact input.text {
	width: 320px;
	}
fieldset.contact textarea.text {
	width: 425px;
	height: 85px;
	}
.bg-btn {
	clear: both;
	float: left;
	display: inline;
	width: 425px;
	padding: 0;
	}
	.bg-btn em {
		font-size: 11px;
		font-style: normal;
		color: red;
		line-height: 20px;
		margin-left: 10px;
		}