/* 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 { 
	background-color:#0c0c0c; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#1a1a1a;
}
html { 
	min-width:980px;
}
html, 
body { 
	height:100%;
}



/* Global Structure ============================================================= */
.container {
	margin:0 auto;
	width:960px;
	font-size:.75em;
}

	/* Header */
	header {
		background-repeat:repeat-x;
		background-position:center top;
		background-image:url(../images/tail-top.jpg);
	}
		header .container {
			height:116px;
			position:relative;
		}
		#page1 header .container {
	height:600px;
		}
		#page3 header .container {
			height:223px;
		}
	
	/* Content */
	section#content {
		background:url(../images/cont-tail.jpg) center top;
	}
	
	/* Sidebar */
	aside {
		background-color:#1a1a1a;
		background-repeat:no-repeat;
		background-position:center top;
		background-image:url(../images/aside-splash.jpg);
		padding:27px 0 22px 0;
	}
			
	/* Footer */
	footer {
		border-top:1px solid #232323;
		background-color:#0c0c0c;
		color:#939393;
	}
		footer .container {
			height:34px;
		}




/* Left & Right alignment */

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

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

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

.wrapper { 
	width:100%;
	overflow:hidden;
}

.wrap {
	width:100%;
}



/*----- form defaults -----*/
input, 
select, 
textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	color:#1a1a1a;
	margin:0;
	padding:0;
}

fieldset {
	border:0;
}

/*----- lists -----*/

.list li {
	padding:0 0 13px 11px;
	background:url(../images/marker.gif) no-repeat left 6px;
	height:1%;
} 
	.list li a {
		color:#939393;
		text-decoration:none;
	}
	.list li a:hover {
		color:#fff;
	}

.list1 {
	padding-bottom:45px;
}	
	.list1 li {
		padding:0 0 13px 13px;
		background:url(../images/marker1.gif) no-repeat left 5px;
	}
	.list1 li.last {
		margin-bottom:-58px;
	}
	.list1 li.alt {
		margin-bottom:-30px;
	}

.services li {
	width:184px;
	float:left;
	margin-left:25px;
	padding-bottom:3px;
}
.services li:first-child {
	margin:0;
}
	.services li figure {
		margin-bottom:20px;
	}
	.services li h5 {
		margin-bottom:7px;	
	}
	
.solutions li {
	overflow:hidden;
	vertical-align:top;
	width:442px;
	float:left;
	padding-bottom:35px;
}
.solutions li.alt {
	margin-right:27px;
}
	.solutions li img {
		float:left;
		margin-right:18px;
	}
	.solutions li h5 {
		margin-bottom:7px;
	}
	.solutions li p {
		margin:0;
		overflow:hidden;
	}
	
.partners li {
	line-height:1.667em;
	width:100%;
	overflow:hidden;
	vertical-align:top;
	padding-bottom:36px;
}
	.partners li img {
		float:left;
		margin-right:22px;
	}

/*----- other -----*/
.img-indent {
	margin-bottom:20px;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:38px;
}
.img-box.alt {
	padding-bottom:10px;
}
	.img-box img { 
		float:left; 
		margin:0 18px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {
	margin-bottom:34px;
	line-height:1.667em;
}
p.p1,
.p1 p {
	margin-bottom:22px;
}
.p2 {
	margin-bottom:10px;
}
.p0,
.p1 p.p0 {
	margin:0;
}

dl {
	line-height:1.667em;
}
	dl dt {
		font-weight:bold;
	}
	dl dd {
		padding-bottom:34px;
	}
	
dl.locations dt {
	padding:24px 0 0 0;
}
dl.locations dt:first-child {
	padding:0;
}
dl.locations dd {
	padding:0;
}
	
.address img {
	float:left;
	margin-right:18px;
}
.address .fleft {
	width:178px;
}
.address .fright {
	width:178px;
}
.address span {
	float:right;
}
		
figure.icon {
	padding-bottom:28px;
}



/*----- txt, links, lines, titles -----*/
a {
	color:#30afff; 
	outline:none;
}
a:hover {
	text-decoration:none;
}

h1 {
	text-indent:-9999px;	
}
	h1 a {
	background:url(../images/logo.gif) no-repeat left top;
	position:absolute;
	left:18px;
	top:14px;
	width:192px;
	height:83px;
	}
h2 {
	line-height:1.2em;
	font-size:25px;
	color:#2e2e2e;
	text-transform:uppercase;
	margin-bottom:28px;	
}
h5 {
	font-size:1em;
	line-height:1.667em;
}

.link1 { 
	display:inline-block;
	background:url(../images/link1-tail.gif) left top repeat-x; 
	color:#2e2e2e;
	text-transform:uppercase;
	font-size:13px;
	line-height:1.2em; 
	text-decoration:none;
	padding:7px 13px 6px 13px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:1px 1px 3px #b5b7bb;
	-moz-box-shadow:1px 1px 3px #b5b7bb;
	-webkit-box-shadow:1px 1px 3px #b5b7bb;
	behavior: url(js/PIE.html);
	position:relative;
}
.link1:hover {
	background:#4d4d4d;
	color:#fff;
}

h2.rss {
	margin:0;
}	
h2.rss a {
	padding:3px 65px 7px 0;
	float:left;
	background:url(../images/rss.gif) no-repeat right top;
	color:#fff;
	text-decoration:none;
	position:relative;
	top:-3px;
}
	
.line-hor { 
	background:url(../images/line-hor.png) repeat-x left top;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:26px 0 40px -17px;
}
.line-hor1 {
	height:1px;
	background:url(../images/border.png) repeat-x;
	font-size:0;
	line-height:0;
}


/*==================boxes====================*/
.box {
	width:100%;
	background:url(../images/border.png) repeat-y left top;
}
	.box .border-right {
		background:url(../images/border.png) repeat-y right top;
		width:100%;
	}
	.box .inner {
		padding:35px 28px 43px 20px;
	}
	.box.aligncenter .inner { 
		padding:35px 25px 26px 25px;
	}
	.box.aligncenter h2 {
		background:url(../images/title-bg.png) no-repeat center bottom;
		padding-bottom:38px;
		margin-bottom:28px;
	}



/*===== header =====*/
#page1 header {
	background-image:url(../images/1page-tail-top.jpg);
}
#page3 header {
	background:url(../images/tail-top1.jpg) repeat-x center top;
}
	#page1 header .header-bg {
		background-image:url(../images/1page-header-bg.jpg);
		background-position:center top;
	}
	#page3 header .header-bg {
		background-image:url(../images/header-bg1.jpg);
	}
	header .header-bg {
		background-repeat:no-repeat;
		background-position:center 6px;
		background-image:url(../images/header-bg.jpg);
	}
header nav {
	position:absolute;
	right:0;
	top:6px;
}
		header nav ul li {
			float:left;
			margin-left:-12px;
		}
			header nav ul li a {
				text-decoration:none;
				color:#2e2e2e;
				font-size:16px;
				line-height:1.2em;
				text-transform:uppercase;
				display:block;
				background-repeat:no-repeat;
				background-position:left top;
			}
			header nav ul li a:hover {
				color:#3abfff;
			}
			header nav ul li.current a {
				color:#fff;
				background-image:url(../images/nav-act-left.png);
			}
				header nav ul li a span {
					display:block;
					padding:0 16px 0 15px;
					background-repeat:no-repeat;
					background-position:right top;
				}
				header nav ul li.current a span {
					background-image:url(../images/nav-act-right.png);
				}
					header nav ul li a span span {
						padding:38px 7px 28px 8px;
						background-repeat:repeat-x;
						background-position:left top;
					}
					header nav ul li.current a span span {
						background-image:url(../images/nav-act.png);
					}
header dl.buttons {
	position:absolute;
	left:6px;
	bottom:26px;
	letter-spacing:-1px;
}
	header dl.buttons dt {
		color:#182024;
		font-size:34px;
		line-height:1.2em;
		padding:9px 14px 0 0;
	}
	header dl.buttons dt,
	header dl.buttons dd {
		float:left;
	} 
	header dl.buttons dd {
		font-size:30px;
		text-transform:uppercase;
		margin-right:20px;
		padding:0;
	}
	header dl.buttons dd:last-child {
		margin:0;
	}
		header dl.buttons dd a {
			text-decoration:none;
			color:#fff;
			display:block;
			background:url(../images/button-left.png) no-repeat left top;
		}
		header dl.buttons dd a:hover {
			color:#94df20;
		}
			header dl.buttons dd a span {
				display:block;
				padding:0 55px 0 20px;
				background:url(../images/button-right.png) no-repeat right top;
			}
				header dl.buttons dd a span span {
					background:url(../images/button-tail.png) repeat-x left top;
					padding:17px 0 13px 0;
				}

/*===== content =====*/
section#content .bottom {
	background:url(../images/cont-bot-tail.gif) repeat-x center bottom;
	height:8px;
}
#page1 section#content .cont-top {
	background-image:url(../images/1page-cont-bg-top.png);
}
section#content .cont-top {
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(../images/cont-bg-top.png);
}
section#content .cont-bot {
	background:url(../images/cont-bg-bot.png) no-repeat center bottom;
}
#content .column-indent {
	margin-left:-1px;
}
#content h5,
#content p,
#content dl,
#content .list1 li {
	text-shadow:1px 1px #f0eff2;
}

/*===== Sidebar =====*/
aside .inside {
	padding-left:19px;
}
aside .col-1 {
	width:711px;
	margin-right:9px;
}
	aside .col-1 .col-1 { width:144px; margin-right:110px;}
	aside .col-1 .col-2 { width:145px; margin-right:88px;}
	aside .col-1 .col-3 { width:101px;}
aside .col-2 {
	width:219px;
}
aside h2 {
	color:#fff;
	font-size:30px;
	padding-top:3px;
	margin-bottom:27px;
	text-transform:none;
}

/*===== footer =====*/
footer .inside {
	padding:9px 18px 0 18px;
}
footer a {
	color:#fff;
	text-decoration:none;
}
footer a:hover {
	text-decoration:underline;
}


/*----- forms -----*/

#search-form fieldset {
	float:left;
	padding-right:75px;
}
#search-form h2,
#search-form span {
	float:left;
}
#search-form h2 {
	width:105px;
	margin:0;
}
#search-form span {
	width:206px;
	height:42px;
	background:url(../images/input-bg1.gif) no-repeat left top;
}
#search-form input {
	background:none;
	border:none;
	width:186px;
	padding:14px 10px 14px 10px;
	color:#fff;
}

#contacts-form fieldset {
	padding-top:9px;
}
#contacts-form span {
	width:219px;
	height:50px;
	display:block;
	background:url(../images/input-bg2.gif) no-repeat left top;
}
#contacts-form span.txt-area {
	height:180px;
	background:url(../images/textarea-bg.gif) no-repeat left top;
	margin-bottom:17px;
}
#contacts-form input,
#contacts-form textarea {
	background:none;
	border:0;
}
#contacts-form input {
	width:189px; 
	vertical-align:top;	
	line-height:1.2em;
	color:#989898;
	padding:14px 15px 14px 15px;
}
#contacts-form textarea { 
	width:189px; 
	height:167px; 
	overflow:auto;
	color:#989898;
	padding:13px 15px 0 15px;
}
#contacts-form a.submit {
	font-size:13px;
	line-height:1.2em;
	color:#fff;
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none;
	padding:7px 15px 6px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:2px 2px 5px #0f0f0f;
	-moz-box-shadow:2px 2px 5px #0f0f0f;
	-webkit-box-shadow:2px 2px 5px #0f0f0f;
	behavior: url(js/PIE.html);
	position:relative;
	background:url(../images/button-tail1.gif) repeat-x left top;
}
#contacts-form a.submit:hover {
	background:#0636ff;
}

#feedback-form {
	width:260px;
}
	#feedback-form span {
		height:50px;
		width:260px;
		display:block;
		background-repeat:no-repeat;
		background-position:left top;
	}
	#feedback-form span.text {	
		background-image:url(../images/input-bg3.png);
	}
	#feedback-form span.txt-area {
		background-image:url(../images/textarea-bg1.png);
		height:250px;
		margin-bottom:39px;
	}
	#feedback-form input,
	#feedback-form textarea {
		background:none;
		border:none;
		text-shadow:1px 1px #e9e9e9;
	}
	#feedback-form input {
		padding:14px 15px 14px 15px;
		width:230px;
	}
	#feedback-form textarea { 
		width:230px; 
		height:238px; 
		overflow:auto;
		padding:13px 15px 0 15px;
	}
	#feedback-form a.submit {
		font-size:13px;
		line-height:1.2em;
		color:#fff;
		display:inline-block;
		text-transform:uppercase;
		text-decoration:none;
		padding:7px 15px 6px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		box-shadow:2px 2px 5px #0f0f0f;
		-moz-box-shadow:2px 2px 5px #0f0f0f;
		-webkit-box-shadow:2px 2px 5px #0f0f0f;
		behavior: url(js/PIE.html);
		position:relative;
		background:url(../images/button-tail1.gif) repeat-x left top;
	}
	#feedback-form a.submit:hover {
		background:#0636ff;
	}

/*==========================================*/
 
/*--- SLIDER ---*/    
#slider-wrap {
	height:481px;
	background:url(../images/slider-bg.jpg) no-repeat left bottom;
	position:absolute;
	left:0;
     top:116px;
}
#slideshowHolder {
	width:960px;
	height:437px;
	overflow:hidden;
}
