* {
	margin:0;
	padding:0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
}

body{
	color:#222;
	font-size:100%;
	background:#222;
}

header:after, section:after, footer:after, menu:after, ul:after, li:after, fieldset:after, div:after, article:after, aside:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

section, article, header, footer{
	display:block;
}

@font-face {
	font-family: 'Franklin';
    src: url('/fonts/franklin.woff') format('woff'),
		 url('/fonts/franklin.svg#Franklin') format('svg'),
		 url('/fonts/franklin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'UBFrutiger';
    src: url('/fonts/fruti14_1.woff') format('woff'),
		 url('/fonts/fruti14_1.svg#UBFrutiger') format('svg'),
 		 url('/fonts/fruti14_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

img{
	border:0;
}

a{
	color:#e86d00;
	text-decoration:none;
}

a:hover{
	color:#000;
	text-decoration:underline;
}

h2{
	text-transform:uppercase;
	font-size:1.3em;
	margin-bottom:10px;
	font-family: "Franklin";
}

p{
	margin:0 0 15px 0;
	line-height:1.3em;
}

q{
	font:italic 1em/1.2em Georgia, "Times New Roman", Times, serif;
}

header > div,
section > div,
footer > div{
	width:944px;
	margin:auto;
}

header{
	background:#18547b;
	padding:12px 15px;
	color:#fff;
	border-bottom:7px solid #e86d00;
}

a.logo{
	width:175px;
	height:49px;
	display:inline-block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/images/logo-alt.png) no-repeat;
	margin-right:25px;
	float:left;
}

header > div > span{
	color:#fff;
	font:bold 1em "Franklin";
	float:left;
	margin:0 10px;
	margin-top:15px;
}

header > div input[type=text]{
	float:left;
	-webkit-appearance:none;
	border-radius:5px 0 0 5px;
	border:none;
	color:#7f7f7f;
	padding:10px 8px;
	font-size:1em;
	line-height: 1.2em;
	height:19px;
	width:85px;
	margin-top:5px;
}

header > div input[type=text]:focus{
	outline:none;
}

header > div input[type=image]{
	float:left;
	margin:5px 0 0 -1px;
	-webkit-border-radius:0 5px 5px 0;
}

menu{
	display:inline;
	float:left;
}

menu li{
	display:inline-block;
	float:left;
}

menu li a{
	color:#fff;
	font-size:1.1em;
	letter-spacing:1px;
	font-family:'Franklin';
	display:inline-block;
	margin:14px 0 0 20px;
	font-weight:bold;
	padding-right:15px;
	text-transform:uppercase;
	background:url(/images/img-arrow.png) right no-repeat;
}

menu li a:hover{
	color:#80b0d1;
	text-decoration:none;
}

menu li + li a{
	margin:14px 0 0 15px;
}

nav{
	margin-top:8px;
	float:right;
}

nav a{
	display:inline-block;
	width:32px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}

nav a.twitter{
	background:url(/images/img-twitter.png)
}

nav a.fb{
	background:url(/images/img-fb.png)
}

nav a.linkedin{
	background:url(/images/img-linkedin.png)
}

nav a + a{
	margin-left:5px;
}

nav a:hover{
	background-position:bottom;
}

#top{
	background:#e86d00;
	text-align:center;
	color:#fff;
	padding:3px 0 10px;
	font-weight:bold;
	font-size:1.1em;
}

#top > div * {
	color:#fff;
}

#splash{
	background:#f7f7f7;
}

#splash div{
	background:url(/images/bg-splash.png) no-repeat center;
	width:100%;
	height:381px;
}

#splash div a:hover{
	text-decoration:none;
}

#splash div h1{
	padding-top:225px;
	text-align:center;
	font-size:2em;
	line-height:1em;
	color:#000;
	margin: auto;
	width: 450px;
	font-family:'UBFrutiger';
}

#splash div h1 strong{
	font-size: 2em;
	line-height: 1em;
	color:#18547b;
	display:block;
	font-family:'UBFrutiger';
}

#main {
	padding:30px 15px;
	background:#fff;
}

#main aside{
	float:left;
	width:268px;
	border-right:1px dotted #000;
	margin-right:25px;
}

#main h2{
	margin-bottom:5px;
}

#main aside > span{
	padding-left:77px;
	background:url(/images/icon-call-us.png) no-repeat;
	margin:0 25px 22px 0;
	min-height:57px;
	display:block;
}

#main aside > span + span{
	background:url(/images/icon-remote.png) no-repeat;
	margin:0 25px 0 0;
}

#main aside > em{
	font-style:normal;
	display:inline-block;
	margin-bottom:10px;
	font-size:0.8em;
	color:#787878;
}

#main aside > strong{
	background:#f7f7f7;
	padding:15px;
	border-radius:5px;
	display:inline-block;
	margin-bottom:10px;
	font-size:0.9em;
}

#main aside > strong cite{
	display:block;
	color:#787878;
	font-size:0.8em;
	line-height:1.4em;
	font-weight:normal;
	margin-top:5px;
}

#main aside + aside{
	width:230px;
	padding:0 15px 0 77px;
	background:url(/images/icon-knowledge.png) no-repeat;
}

#main aside + aside + aside{
	width:220px;
	background:url(/images/icon-feedback.png) no-repeat;
	padding:0 0 0 77px;
	margin:0;
	border:0;
}

#main aside p{
	margin-bottom:10px;
}

#main aside ul{
	margin:15px 0;
}

#main aside li {
	display:inline;
	float:left;
}

#main aside li a{
	display:inline-block;
	width:69px;
	height:69px;
	text-indent:-9999px;
	overflow:hidden;
}

#main aside li + li a{
	margin-left:5px;
}

#main aside li a.kb-computer{
	background:url(/images/icon-computer.png);
}

#main aside li a.kb-network{
	background:url(/images/icon-network.png);
}

#main aside li a.kb-wiring{
	background:url(/images/icon-wiring.png);
}

#main aside li a:hover{
	background-position:bottom;
}

#featured-solution{
	background:#18547b;
	padding:30px 15px;
}

#featured-solution > div{
	width:863px;
	padding:0 0 0 77px;
	background:url(/images/icon-solution.png) no-repeat;
}

#featured-solution > div > h2{
	color:#fff;
}

#featured-solution > div > a{
	float:right;
	color:#fff;
}

#featured-solution article{
	position:relative;
}

#featured-solution article + article{
	margin-top:10px;
}

#featured-solution article > img{
	position:absolute;
	top: 25px;
	left: 368px;
}

#featured-solution article > aside {
	float: left;
	width: 324px;
	margin:0;
	overflow: hidden;
	background: #fff;
	border-radius: 10px;
	padding: 20px 75px 20px 25px;
}

#featured-solution article > aside + aside {
	padding: 20px 25px 20px 75px;
	margin:0 0 0 15px;
}

#featured-solution article > aside > span{
	font-weight:bold;
	font-size:0.9em;
	color:#666;
	display:block;
	margin-bottom:7px;
}

#featured-solution article > aside > em{
	display:inline-block;
	margin-top:10px;
	font-size:0.8em;
	color:#666;
}

#featured-solution article > aside ul{
	margin:inherit;
	padding:inherit;
}

#featured-solution article > aside ul li{
	list-style:square;
}

#select-location{
	background:#f3f3f4;
	padding:30px 25px
}

#select-location h2{
	font-size:1em;
	color:#616161
}

#select-location h2 span{
	color:#222;
	display:block;
	font-size:1.7em;
	line-height:1em;
	font-family:'Franklin';
}

#select-location > div aside{
	padding-left:77px;
	background:url(/images/icon-city.png) no-repeat;
	float:left;
	width:520px;
}

#select-location > div aside > div{
	width:48%;
	float:left;
}

#select-location > div aside > div + div{
	margin-left:4%;
}

#select-location > div aside + aside{
	padding-left:77px;
	background:url(/images/icon-state.png) no-repeat;
	width:270px;
}

#select-location > div aside a{
	color:#18547b;
	font-size:0.8em;
}

#select-location > div aside a:hover{
	color:#000;
}

#select-location > div aside + aside a{
	display:inline-block;
	float:left;
	width:35px;
	height:23px;
	padding:5px 0;
	text-align:center;
	margin:0 2px 2px 0;
	background:#eaeaea;
	font-size:0.9em;
	line-height:1.7em;
}

#select-location > div aside + aside a:hover{
	background:#ddd;
	text-decoration:none;
}

#select-location > div > ul{
	clear:both;
	padding:25px 0 0;
	text-align:center;
}

#select-location > div > ul li{
	display:inline;
	float:left;
}

#select-location > div > ul img{
	margin:0 13px;
}

footer{
	padding:20px 25px;
	color:#fff;
}

footer > div p{
	text-align:center;
	font-size:0.8em;
}

footer > div a,
footer > div a:hover{
	color:#fff;
	text-decoration:underline;
}

footer > div a:hover{
	color:#ccc;
}

footer > div table{
	position:absolute;
	top:-9999px;
}