/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body#page1 {background: url(../images/bg-1.jpg) top center no-repeat; min-width: 360px;}
body { 
	background: url(../images/bg-2.jpg) top center no-repeat fixed; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	line-height: 16px;
	color: #cacaca;
	min-width: 1003px;
	min-height: 100%;
	position: relative;
}
html { height: 100%; min-width: 1024px;}

p { padding-top: 16px; }

.top { padding-top: 0px; }
.top1 { padding-top: 8px; }
.top2 { padding-top: 17px; }
.top3 { padding-top: 20px; }
.top4 { padding-top: 29px; }
.top5 { padding-top: 35px; }

.bot { padding-bottom: 27px; }
.bot-long {padding-bottom: 66px;}

.margin-bot {margin-bottom: 0 !important;}

.img-pad {padding-bottom: 6px;}
.img-pad1 {padding-bottom: 4px;}

a {	color: #cacaca; outline: none; }
a:hover{ text-decoration: none; }

img {padding-top: 2px;}
/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 1126px;
}
#page1 .main {width: 462px;}
	/* Header */
	header{
		height: 206px;
	}
	#page1 header {height: 407px;}
	/* Content */
	section#content {
		min-height: 620px;
		width: 100%;
		overflow: hidden;
	}			
	/* Footer */
	footer{
		height: 172px;
	}
/* Left & Right alignment */

.fleft { float: left;}
.fright { float: right;}
.clear { clear: both;}

.col-1, .col-2, .col-3, .col-4, .col-5 { float: left;}

.alignright { text-align: right;}
.aligncenter { text-align: center;}

.wrapper { 
	width: 100%;
	overflow: hidden;
}
.container {
	width: 100%;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: middle;
	font-weight: normal;
}

/*----- other -----*/
.img-indent { margin: 0 20px 0 0; float: left; }
.extra-wrap { overflow: hidden; }
.phone { display: inline-block;	width: 95px; }

/*=============================================================================== text =====*/
h1 {
	padding: 57px 0 0px 0px;
	position: relative;
}
	h1 a {
		display: block;
		height: 102px;
		width: 460px;
		text-indent: -5000px;
		background: url(../images/logo.png) center top no-repeat;
	}
#page1 h1 {
	padding: 256px 0 0px 1px;
	position: relative;
}
	#page1 h1 a {
		display: block;
		height: 104px;
		width: 461px;
		text-indent: -5000px;
		background: url(../images/logo.png) center top no-repeat;
	}
h2 {
	font-size: 28px;
	line-height: 1.2em;
	color: #fff;
	padding: 20px 0px 13px 0px;
	margin: 0px 0px 0px -1px;
	letter-spacing: -2px;
}
h3 {
	font-size:36px;
	line-height: 1.2em;
	color: white;
	border-bottom: 1px solid #575757;
	padding: 17px 0 7px 0;
	letter-spacing: -3px;
	margin-bottom: 25px;
}
	h3 span {
		display: block;
		margin-top: -6px;
	}
	h3 strong {
		text-transform: uppercase;
	}

.color {color: #7cb210;}

.column-left {width: 230px; float: left; position:relative; height: 600px;}
.column-right {width: 845px; float: left; position:relative; z-index: 12;}
/*=================================================================================================================== header =====*/
/*=============================================================================== nav =====*/
#page1 nav {padding-left: 1px;}
nav {
	width: 230px;
	padding: 1px 0 0 0px;
}
	nav li {
		font-size: 20px;
		line-height: 1.2em;
		text-align: right;
		margin-bottom: 8px;
	}
		nav  a {
			color:#a9a9a9;
			text-decoration:none;
			display:inline-block;
			background:url(../images/nav-left.gif) left top no-repeat;
		}
			nav  a strong {
				background:none;
				display:inline-block;
				padding:0px 7px 0 7px;
				background:url(../images/nav-right.gif) right top no-repeat;
			}
				nav  a strong strong {
					background:none;
					padding:5px 5px 8px 17px;
					background:url(../images/nav-tail.gif) 0 0 repeat-x;
				}
					nav  a:hover, nav .active {
						background:url(../images/nav-left-hover.gif) left top no-repeat;
					}
					nav  a:hover strong, nav .active strong {
						background:url(../images/nav-right-hover.gif) right top no-repeat;
					}
						nav  a:hover strong strong, nav .active strong strong {
							background:url(../images/nav-tail-hover.gif) 0 0 repeat-x;
							color:#fff;
						}
/*=================================================================================================================== content =====*/
/*=============================================================================== col-indents =====*/
.col-indent { padding-right: 67px; }
.col-indent1 { padding-right: 34px; }
.col-indent2 { padding-right: 8px; }
.col-indent3 { padding-right: 42px; }
/*=============================================================================== boxes =====*/
.box-top {
	background: url(../images/box-top-bg.png) left top no-repeat;
	padding-top: 5px;
}
	.box-bottom {
		background: url(../images/box-bottom-bg.png) left bottom no-repeat;
		padding-bottom: 5px;
		margin-bottom: 47px;
	}
		.box {
			background: url(../images/box-tail-bg.png) 0 0 repeat-y;
			width: 100%;
		}
	.box .indent {padding: 5px 48px 50px 49px;}
	.box .indent1 {padding: 5px 48px 40px 49px;}

.block {
	background: url(../images/block-bg.png) left bottom no-repeat;
	font-size: 17px;
	line-height: 1.2em;
	color: white;
	text-align: center;
	width: 181px;
	margin-bottom: 1px;
}
	.block p {
		padding: 4px 0 0;
		letter-spacing: -1px;
		height: 30px;
	}
/*=============================================================================== line-hor =====*/
.line-hor {
	background: url(../images/divider-bg.gif) left bottom repeat-x;
	margin-bottom: 20px;
}
.line-hor1 {
	background: url(../images/divider-bg.gif) left bottom repeat-x;
	padding: 0 0 26px 30px;
	margin-bottom: 20px;
}

.padding {padding: 0 0 0 31px;}
/*=============================================================================== lists =====*/
.list {
	padding: 2px 0 3px 0;
}
	.list li {
		font-size: 14px;
		line-height: 30px;
		background: url(../images/list-bg.png) 0 0 no-repeat;
		width: 100%;
	}
		.list li a {
			display: block;
			text-decoration: none;
			padding: 0 0 0 12px;
		}
			.list li a:hover {
				color: #7cb210;
			}
.update {padding: 18px 0 2px;}
	.update li {
		background: url(../images/update-list-bg.png) 0 0 no-repeat;
	}
/*=============================================================================== links =====*/
.link {
	background:url(../images/link-left-bg.png) left top no-repeat; 
	display:inline-block;
	text-decoration:none;
	margin:5px 0 0 0px;
	color: white; 
	cursor:pointer; 
	font-size:16px;
	text-transform: lowercase;
}
	.link span {
		background:url(../images/link-right-bg.png) right top no-repeat;
		display:inline-block; 
		padding:0 7px 0 7px;
	}
	.link span span  {
		background:url(../images/link-tail-bg.png) top repeat-x;
		padding:5px 4px 8px 6px;
	}
	.link:hover {background:url(../images/link-left-bg-hover.png) left top no-repeat; color:#3b5f01;}
		.link:hover span {background:url(../images/link-right-bg-hover.png) right top no-repeat;}
			.link:hover span span  {background:url(../images/link-tail-bg-hover.png) top repeat-x;}
.link_1 {
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
}
	.link_1:hover {text-decoration: underline;}
/*=============================================================================== table =====*/
table {
	font-size: 14px;
	margin-top: 25px;
	height: 354px;
	width: 462px;
}
	table tr {}
		table .cell-1 {
			width: 116px;
			padding: 5px 0 6px;
		}
		table .cell-2 {
			width: 204px;
			padding: 5px 0 0 13px;
		}
		table .cell-3 {
			text-align: center;
			padding: 5px 0 0;
			width: 77px;
		}
		table .cell-4 {
			text-align: center; 
			width: 48px;
			padding: 5px 0 0;
		}
		table td {
			border: 1px solid #575757;
		}
		table .left {border-left: none;}
		table .right {border-right: none;}
		table .top {border-top: none;}
		table .bottom {border-bottom: none;}
/*=================================================================================================================== footer =====*/
footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	
}
	footer img {padding: 23px 0 0 50px;}
	footer p {
		padding: 0 0 0 50px;
		font-size: 11px;
		color: #b8b8b8;
	}
		footer p a {
			text-decoration: none;
			color: #b8b8b8;
		}
			footer p a:hover {text-decoration: underline;}
footer .center {
		width: 1024px;
		margin: 0 auto;
		background: url(../images/footer-bg.gif) 0 0 no-repeat;
	}
#page1 footer .center {
	width: 360px;
}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/
#ContactForm {
	padding-top:2px;
	width: 273px;
	margin-bottom: 27px;
}
	#ContactForm label {
		height:36px; 
		display:block;
	}
	#ContactForm .link {
		margin:26px 2px 0px 6px;
	}
	#ContactForm .input {
		width:247px; 
		background:url(../images/ContactForm-label-bg.png) 0 0 no-repeat; 
		border:none;
		padding:0px 13px 0px 13px;
		color:#cacaca;
		display:block;
	}
	#ContactForm input {
		width:247px; 
		background:none; 
		border:none;
		padding:7px 0px 8px 0px; 
		color:#cacaca;
	}
	#ContactForm textarea {
		width:247px; 
		height:302px;
		background:none;
		border:none;
		padding:0px 13px 0px 13px;
		overflow:auto; 
		color:#cacaca; 
	}
	#ContactForm .textarea {
		background:url(../images/ContactForm-textarea-bg.png) 0 0 no-repeat;
		border:none;
		width:273px; 
		padding:7px 0px 8px 0px;
		display: block;
	}

#OrderForm {
	padding:31px 0 8px;
	font-size:12px;
	line-height:18px; 
	width:462px;
}
	#OrderForm p {
		padding: 0 0 14px;
		
	}
	#OrderForm label {
		height:36px;
		display:block;
		width: 100%;
		overflow: hidden;
		font-size: 14px;
		line-height: 26px;
	}
	#OrderForm a {
		margin: 20px 0px 0px 15px;
		display: inline-block;
		color: #7cb210;
	}
	#OrderForm .column1 {
		float:left; width:216px; margin-right:40px;
	}
	#OrderForm .column2 {
		float:left; width:206px;
	}
	#OrderForm .input {
		width:131px; 
		background:url(../images/OrderForm-label-bg.png) 0 0 no-repeat; 
		border:none;
		padding:0px 10px 0px 10px;
		color:#9e9e9e;
		display:block;
		float: right;
	}
	#OrderForm input {
		width:131px; 
		background:none; 
		border:none;
		padding:7px 0px 7px 0px; 
		color:#9e9e9e;
	}
/*==========================================*/
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */