/* 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:url(../images/body-bg.gif) 0 0 #f11f24;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.0626em;
	color:#fff;
}
html { min-width:993px;}
html, body { height:100%;}



/* Global Structure ============================================================= */
#main {
	margin: 0 auto;
	position: relative;
	width: 993px;
	font-size:.8125em;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 993px;
}

	/* Header */
	header{
		height:139px;
		overflow:hidden;
		background:url(../images/line-hor.gif) 0 100% repeat-x;
		position:relative;
	}
	
	/* Content */
	section#content {
		padding:19px 0 25px 0;
		min-height:550px;
	}
	
	/* Footer */
	footer{
		background:url(../images/line-hor.gif) 0 0 repeat-x;
		padding:20px 0 50px 0;
	}




/* Left & Right alignment */

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

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

.alignright { text-align:right;}
.aligncenter { text-align:center;}
.iButton { float: right; display: none; width: 44px; height: 27px; background: url(../images/iButton.png) no-repeat; margin-top: 11px;margin-right:5px; }
.wrapper { 
	width:100%;
	overflow:hidden;
}

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }



/*---- tailings ----*/
.tail-top { background:url(../images/tail-top.gif) left top repeat-x;}

/*----- form defaults -----*/
input, select, textarea { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

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

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:17px;}
.p1 { margin-bottom:8px;}
.p2 { margin-bottom:17px;}
.p3 { margin-bottom:26px;
}


/*----- txt, links, lines, titles -----*/
a {
	color:#fff; 
	outline:none;
}

h1 {
	font-family:Impact, Impact, Charcoal, sans-serif;
	font-size:30px;
	line-height:1.2em;
	font-weight:normal;
	width:100%;
	overflow:hidden;
	text-transform:uppercase;
	margin-bottom:16px;
}
	h1 span {
		background:url(../images/star.gif) no-repeat 0 6px;
		padding:0 25px 0 38px;
		float:right;
	}
h2 {
	font-family:Impact, Impact, Charcoal, sans-serif;
	font-size:24px;
	line-height:1.2em;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
	font-weight:normal;
	padding-bottom:12px;
	margin-bottom:17px;
}
h3 {
	font-size:22px;
	line-height:24px;
	font-weight:normal;
	margin-bottom:7px;
}
h4 {
	font-size:1em;
}

.link1 { 
	background:url(../images/marker.gif) no-repeat 0 8px;
	padding:0 0 0 20px;
	font-size:22px;
	line-height:1.2em;
	color:#fff;
	text-decoration:none;
}
.link1:hover {
	text-decoration:underline;
}




/*==================boxes====================*/
.box {
	background:#ff1018;
	width:100%;
}
.box:hover { background:#d91920;}
	.box .left-top-corner {background:url(../images/left-top-corner.gif) no-repeat left top;}
		.box:hover .left-top-corner {background:url(../images/left-top-corner1.gif) no-repeat left top;}
		
	.box .right-top-corner {background:url(../images/right-top-corner.gif) no-repeat right top;}
		.box:hover .right-top-corner {background:url(../images/right-top-corner1.gif) no-repeat right top;}
	
	.box .left-bot-corner {background:url(../images/left-bot-corner.gif) no-repeat left bottom; width:100%;}
		.box:hover .left-bot-corner {background:url(../images/left-bot-corner1.gif) no-repeat left bottom;}
		
	.box .right-bot-corner {background:url(../images/right-bot-corner.gif) no-repeat right bottom;}
		.box:hover .right-bot-corner {background:url(../images/right-bot-corner1.gif) no-repeat right bottom;}
		
	.box .inner { 
		padding:23px 23px 23px 23px;
	}


.box-alt {
	background:#ff1018;
	width:100%;
}
	.box-alt .left-top-corner {background:url(../images/left-top-corner2.gif) no-repeat left top;}
		
	.box-alt .right-top-corner {background:url(../images/right-top-corner2.gif) no-repeat right top;}
	
	.box-alt .left-bot-corner {background:url(../images/left-bot-corner2.gif) no-repeat left bottom; width:100%;}
		
	.box-alt .right-bot-corner {background:url(../images/right-bot-corner2.gif) no-repeat right bottom;}
		
	.box-alt .inner { 
		padding:18px 6px 23px 18px;
	}


.address { 
	float:left;
}
	.address dt {
		margin-bottom:17px;
	}
	.address dd { 
		clear:both;
		text-align:right;
	}
	.address dd.last {
		padding-top:17px;
	}
		.address dd span { 
			float:left;
			padding-right:25px;
		}
		.address dd a {
			font-weight:bold;
		}
		


.departments { 
	margin-top:-17px;
}
	.departments dt {
		font-weight:bold;
		padding-top:17px;
	}
	.departments dd { 
		clear:both;
		text-align:right;
	}
	.departments dd.last {
		text-align:left;
	}
		.departments dd span { 
			float:left;
			padding-right:10px;
		}
		.departments dd a {font-weight:bold;}



/*===== header =====*/
header .logo {
	position:absolute;
	left:0;
	top:50px;
	background:url(../images/logo.png) no-repeat 0 0;
	width:407px;
	height:76px;
}
header .slogan {
	position:absolute;
	left:220px;
	top:54px;
	font-size:20px;
	line-height:1em;
	width:150px;
}

header nav {
	position:absolute;
	right:8px;
	top:0;
}
	header nav ul {
		padding:0;
	}
		header nav ul li {
			float:left;
			padding:0 0 0 5px;
			background:none;
			text-transform:none;
			font-weight:normal;
		}
			header nav ul li a {
				float:left;
				font-size:22px;
				line-height:1.2em;
				width:127px;
				padding:25px 0 25px 0;
				text-align:center;
				font-family:Impact, Impact, Charcoal, sans-serif;
				text-decoration:none;
				color:#fff;
			}
			header nav ul li a:hover, header nav ul li a.current {
				background:url(../images/nav-bg.gif) no-repeat 0 0;
			}

/*===== content =====*/
#content .inside {
	padding:20px 0 10px 0;
}
	
	article {padding:0 0 60px 0;}
	article.last {padding-bottom:0;}
	
	
	ul {padding-bottom:17px;}
	ul li {
		background:url(../images/arrow1.gif) no-repeat 0 2px;
		padding:0 0 3px 26px;
		text-transform:uppercase;
		font-weight:bold;
	}
	
	.social-services {
		padding:0 0 5px 0;
		width:100%;
		overflow:hidden;
	}
		.social-services li {
			float:left;
			padding:0 0 0 10px;
			background:none;
			vertical-align:top;
		}
		.social-services li.first {
			padding-left:23px;
		}
	
	.news {padding:0;}
	.news li {
		background:none;
		padding:0;
		text-transform:none;
		font-weight:normal;
	}
		.news dt {font-weight:bold;}
		.news dt strong {color:#ffc742;}

	
	
	.works {padding:0 0 5px 0; width:100%; overflow:hidden;}
	
	.works li {
		padding:0;
		display:inline;
		margin:0 10px 10px 0;
		background:none;
		text-transform:none;
		font-weight:normal;
		float:left;
		position:relative;
	}
		.works li div {
			width:242px;
			height:243px;
			background:url(../images/work-wrap.png) no-repeat 0 0;
			position:absolute;
			left:0;
			top:0;
			font-size:15px;
			line-height:1.2em;
			color:#1b1b1b;
			display:none;
			font-weight:bold;
		}
		.works li:hover div {
			display:block;
		}
			.works li div a.work-link {
				position:absolute;
				left:0;
				top:0;
				width:230px;
				height:187px;
			}
			.works li div a.zoom {
				display:block;
				background:url(../images/zoom.png) no-repeat 0 0;
				font-size:20px;
				color:#fff;
				text-decoration:none;
				width:71px;
				height:24px;
				text-align:center;
				position:absolute;
				right:12px;
				top:4px;
			}
			.works li div em {
				position:absolute;
				display:block;
				left:12px;
				top:5px;
				font-style:normal;
				color:#FFFFFF;
			}
			.works li div div {
				background:url(../images/textbg.jpg) no-repeat 0 0;
				width:230px;
				height:33px;
				position:relative;
				top:202px;
				left:6px;
			}
	
	
	.testimonials {
		padding:0;
	}
	.testimonials li {
		padding:5px 0 15px 0;
		background:url(../images/quotes.gif) no-repeat 0 0;
		font-weight:normal;
		text-transform:none;
		width:100%;
		overflow:hidden;
	}
		.testimonials li a {
			float:right;
			font-weight:bold;
		}

/*===== footer =====*/
footer a {
	color:#fff;
	text-decoration:none;
}
	footer a:hover {
		text-decoration:underline;
	}


/*----- forms -----*/
#search-form {
	position:absolute;
	right:17px;
	top:96px;
	background:url(../images/search-bg.gif) no-repeat 75px 0;
}
	#search-form fieldset {
		border:none;
		display:inline;
	}
		#search-form input.text {
			width:215px;
			padding:0 5px 2px 5px;
			border:none;
			background:none;
			font-size:16px;
			color:#fff;
			margin-right:9px;
			position:relative;
			top:-4px;
		}
		#search-form input.submit {
			background:url(../images/submit.gif) no-repeat 0 0;
			width:35px;
			height:35px;
			border:none;
			position:relative;
			cursor:pointer;
		}
		
		#search-form span {
			font-size:20px;
			display:inline-block;
			line-height:26px;
			padding-right:8px;
		}
		

#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:47px;
		overflow:hidden;
		background:url(../images/input-bg.gif) no-repeat 0 0;
	}
		#contacts-form input {
			width:391px;
			padding:3px 16px 2px 16px;
			background:none;
			border:none;
			color:#fff;
		}
		#contacts-form .textarea-wrap {
			height:176px;
			overflow:hidden;
			margin-bottom:20px;
			background:url(../images/textarea-bg.gif) no-repeat 0 0;
		}
		#contacts-form textarea {
			width:391px;
			padding:3px 16px 2px 16px;
			background:none;
			border:none;
			color:#fff;
			height:170px;
			overflow:auto;
		}
		#contacts-form .button {
			float:right;
			margin-left:25px;
		}

/*==========================================*/
.altMenu { position: absolute; display: none; /*top: 30px;*/ font-size: 11px; width: 150px; padding-top: 6px; left: 60%; margin-left: -100px; text-align: left; z-index: 9999; }
.altMenu > li { background: url(../images/menu_us.png);	font-family:Impact,Impact,Charcoal,sans-serif; font-size:12px; font-weight:normal;
 }
.altMenu > li:first-child { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; }
.altMenu > li:last-child { -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; }
.altMenu > li:first-child a {  text-decoration:none; }
.altMenu > li:last-child a {  text-decoration:none;}
.altMenu > li:hover {  background: url(../images/menu_s.png); text-decoration:none; }
.altMenu > li a { display: block; padding: 6px 5px 6px 15px; color: #ffffff; text-decoration:none;  background: url(../images/elements/control/rightArrow.png) no-repeat 14px 14px; }

.altMenu li ul { background: #4a4a4a; }
.altMenu li ul li a { text-decoration:none; border-top: 1px solid #555555; border-bottom: 1px solid #3d3d3d; padding-left: 42px; background-position: 28px 14px; }
.altMenu li ul li:hover { text-decoration:none; color: #dadada; background: #4c4c4c; }
.altMenu a.active { background-color: #525252; text-decoration:none; }

@media only screen and (min-width: 993px)  {
.altMenu { display: none!important; }
}
@media only screen and (max-width: 993px)  {
html { min-width:200px;}
html, body { height:100%;}

.iButton { display: block; }

/* Global Structure ============================================================= */
#main {
	margin: 0 auto;
	position: relative;
	font-size:.8125em;
	width:100%;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
}

	/* Header */
	header{
		height:139px;
		overflow:hidden;
		background:url(../images/line-hor.gif) 0 100% repeat-x;
		position:relative;
		width:100%;
	}
	
	/* Content */
	section#content {
		padding:19px 0 25px 0;
	}
	
	/* Footer */
	footer{
		background:url(../images/line-hor.gif) 0 0 repeat-x;
		padding:20px 0 50px 0;
	}




/* Left & Right alignment */

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

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

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

.wrapper { 
	overflow:hidden;
}

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }



/*---- tailings ----*/
.tail-top { background:url(../images/tail-top.gif) left top repeat-x;}

/*----- form defaults -----*/
input, select, textarea { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
figure img { 
	margin:0 18px 0 0; 
	float:left;
}
.img-box { 
	overflow:hidden; 
	padding-bottom:18px;
}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:17px;}
.p1 { margin-bottom:8px;}
.p2 { margin-bottom:17px;}
.p3 { margin-bottom:26px;
}


/*----- txt, links, lines, titles -----*/
a {
	color:#fff; 
	outline:none;
}

h1 {
	font-family:Impact, Impact, Charcoal, sans-serif;
	font-size:30px;
	line-height:1.2em;
	font-weight:normal;
	overflow:hidden;
	text-transform:uppercase;
	margin-bottom:16px;
}
	h1 span {
		background:url(../images/star.gif) no-repeat 0 6px;
		padding:0 25px 0 38px;
		float:right;
	}
h2 {
	font-family:Impact, Impact, Charcoal, sans-serif;
	font-size:24px;
	line-height:1.2em;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
	font-weight:normal;
	padding-bottom:12px;
	margin-bottom:17px;
}
h3 {
	font-size:22px;
	line-height:24px;
	font-weight:normal;
	margin-bottom:7px;
}
h4 {
	font-size:1em;
}

.link1 { 
	background:url(../images/marker.gif) no-repeat 0 8px;
	padding:0 0 0 20px;
	font-size:22px;
	line-height:1.2em;
	color:#fff;
	text-decoration:none;
}
.link1:hover {
	text-decoration:underline;
}




/*==================boxes====================*/
.box {
	background:#ff1018;
}
.box:hover { background:#d91920;}
	.box .left-top-corner {background:url(../images/left-top-corner.gif) no-repeat left top;}
		.box:hover .left-top-corner {background:url(../images/left-top-corner1.gif) no-repeat left top;}
		
	.box .right-top-corner {background:url(../images/right-top-corner.gif) no-repeat right top;}
		.box:hover .right-top-corner {background:url(../images/right-top-corner1.gif) no-repeat right top;}
	
	.box .left-bot-corner {background:url(../images/left-bot-corner.gif) no-repeat left bottom;}
		.box:hover .left-bot-corner {background:url(../images/left-bot-corner1.gif) no-repeat left bottom;}
		
	.box .right-bot-corner {background:url(../images/right-bot-corner.gif) no-repeat right bottom;}
		.box:hover .right-bot-corner {background:url(../images/right-bot-corner1.gif) no-repeat right bottom;}
		
	.box .inner { 
		padding:23px 23px 23px 23px;
	}


.box-alt {
	background:#ff1018;
}
	.box-alt .left-top-corner {background:url(../images/left-top-corner2.gif) no-repeat left top;}
		
	.box-alt .right-top-corner {background:url(../images/right-top-corner2.gif) no-repeat right top;}
	
	.box-alt .left-bot-corner {background:url(../images/left-bot-corner2.gif) no-repeat left bottom;}
		
	.box-alt .right-bot-corner {background:url(../images/right-bot-corner2.gif) no-repeat right bottom;}
		
	.box-alt .inner { 
		padding:18px 6px 23px 18px;
	}


.address { 
	float:left;
}
	.address dt {
		margin-bottom:17px;
	}
	.address dd { 
		clear:both;
		text-align:right;
	}
	.address dd.last {
		padding-top:17px;
	}
		.address dd span { 
			float:left;
			padding-right:25px;
		}
		.address dd a {
			font-weight:bold;
		}
		


.departments { 
	margin-top:-17px;
}
	.departments dt {
		font-weight:bold;
		padding-top:17px;
	}
	.departments dd { 
		clear:both;
		text-align:right;
	}
	.departments dd.last {
		text-align:left;
	}
		.departments dd span { 
			float:left;
			padding-right:10px;
		}
		.departments dd a {font-weight:bold;}



/*===== header =====*/

header .slogan {
	position:absolute;
	left:220px;
	top:54px;
	font-size:20px;
	line-height:1em;
}

header nav {
	position:absolute;
	right:8px;
	top:0; display:none;
}
	header nav ul {
		padding:0;
	}
		header nav ul li {
			float:left;
			padding:0 0 0 5px;
			background:none;
			text-transform:none;
			font-weight:normal;
		}
			header nav ul li a {
				float:left;
				font-size:22px;
				line-height:1.2em;
				padding:25px 0 25px 0;
				text-align:center;
				font-family:Impact, Impact, Charcoal, sans-serif;
				text-decoration:none;
				color:#fff;
			}
			header nav ul li a:hover, header nav ul li a.current {
				background:url(../images/nav-bg.gif) no-repeat 0 0;
			}

/*===== content =====*/
#content .inside {
	padding:20px 0 10px 0;
}
	
	article {padding:0 0 60px 0;}
	article.last {padding-bottom:0;}
	
	
	ul {padding-bottom:17px;}
	ul li {
		background:url(../images/arrow1.gif) no-repeat 0 2px;
		padding:0 0 3px 26px;
		text-transform:uppercase;
		font-weight:bold;
	}
	
	.social-services {
		padding:0 0 5px 0;
		overflow:hidden;
	}
		.social-services li {
			float:left;
			padding:0 0 0 10px;
			background:none;
			vertical-align:top;
		}
		.social-services li.first {
			padding-left:23px;
		}
	
	.news {padding:0;}
	.news li {
		background:none;
		padding:0;
		text-transform:none;
		font-weight:normal;
	}
		.news dt {font-weight:bold;}
		.news dt strong {color:#ffc742;}

	
	
	.works {padding:0 0 5px 0; overflow:hidden;}
	
	.works li {
		padding:0;
		display:inline;
		margin:0 10px 10px 0;
		background:none;
		text-transform:none;
		font-weight:normal;
		float:left;
		position:relative;
	}
		.works li div {
			height:243px;
			background:url(../images/work-wrap.png) no-repeat 0 0;
			position:absolute;
			left:0;
			top:0;
			font-size:22px;
			line-height:1.2em;
			color:#1b1b1b;
			display:none;
		}
		.works li:hover div {
			display:block;
		}
			.works li div a.work-link {
				position:absolute;
				left:0;
				top:0;
				height:187px;
			}
			.works li div a.zoom {
				display:block;
				background:url(../images/zoom.jpg) no-repeat 0 0;
				font-size:20px;
				line-height:28px;
				color:#fff;
				text-decoration:none;
				height:28px;
				text-align:center;
				position:absolute;
				right:12px;
				bottom:11px;
			}
			.works li div em {
				position:absolute;
				display:block;
				bottom:11px;
				left:12px;
				font-style:normal;
			}
	
	
	
	.testimonials {
		padding:0;
	}
	.testimonials li {
		padding:5px 0 15px 0;
		background:url(../images/quotes.gif) no-repeat 0 0;
		font-weight:normal;
		text-transform:none;
		overflow:hidden;
	}
		.testimonials li a {
			float:right;
			font-weight:bold;
		}

/*===== footer =====*/
footer a {
	color:#fff;
	text-decoration:none;
}
	footer a:hover {
		text-decoration:underline;
	}


/*----- forms -----*/
#search-form {
	position:absolute;
	right:17px;
	top:96px;
	background:url(../images/search-bg.gif) no-repeat 75px 0;
}
	#search-form fieldset {
		border:none;
		display:inline;
	}
		#search-form input.text {
			padding:0 5px 2px 5px;
			border:none;
			background:none;
			font-size:16px;
			color:#fff;
			margin-right:9px;
			position:relative;
			top:-4px;
		}
		#search-form input.submit {
			background:url(../images/submit.gif) no-repeat 0 0;
			height:35px;
			border:none;
			position:relative;
			cursor:pointer;
		}
		
		#search-form span {
			font-size:20px;
			display:inline-block;
			line-height:26px;
			padding-right:8px;
		}
		

#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:47px;
		overflow:hidden;
		background:url(../images/input-bg.gif) no-repeat 0 0;
	}
		#contacts-form input {
			padding:3px 16px 2px 16px;
			background:none;
			border:none;
			color:#fff;
		}
		#contacts-form .textarea-wrap {
			height:176px;
			overflow:hidden;
			margin-bottom:20px;
			background:url(../images/textarea-bg.gif) no-repeat 0 0;
		}
		#contacts-form textarea {
			padding:3px 16px 2px 16px;
			background:none;
			border:none;
			color:#fff;
			height:170px;
			overflow:auto;
		}
		#contacts-form .button {
			float:right;
			margin-left:25px;
		}

}
@media only screen and (max-width: 407px)  {
header .logo {
	position:absolute;
	left:0;
	top:30px;
	background:url(../images/logo_s.png) no-repeat 0 0;
	width:407px;
	height:76px;
}
}
