/*
bsafe theme for B-SAFE by lydia@toast.co.nz
*/
 
/* Misc Styles and defaults 
-------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	background: transparent url(../images/bg-repeat-bottom.png) repeat bottom left;
	color: #666;
 	font-family: 'DINRegular', Trebuchet, Helvetica, sans-serif; 
	font-size: 62.5%;
	height: 100%;
	width: 100%;	
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
.clear {
	clear: both;
}
.wrapper {
	background: #fff url(../images/wrapper-repeat.png) repeat-x top left;
	padding: 40px 0;
	overflow: auto;
	width: 100%;	
}
#Breadcrumbs {
	float: right;
    font-size: 11px;
    margin-bottom: 20px;
}
#Breadcrumbs p.crumbs {
	float: right;
	font-size: 11px;
	margin-bottom: 20px;	
}
#Breadcrumbs p.crumbs a {
	background: url("../images/crumbs_arrw1.png") no-repeat center right;
	color: #bfbfbf;
	margin-right: 0;
	padding-right: 0;
	text-decoration: none;
}
#Breadcrumbs p.crumbs a:hover {
	color: #3f4b50;
	text-decoration: none;
}
footer {
	background: url(../images/footer-repeat.png) repeat-x top left;
	display: block;
	width: 100%;
}
a {
	text-decoration: none !important;
}
a img {
	border: none !important;
} 
/*
---------------------------MAIN - containers
*/

/*header*/
header{
	margin:0px auto;
	background:transparent url(../images/bg-repeat.png) repeat-x top left;
}
#header-inner{
	width:100%;
	height:157px;
	margin:0px auto;
	background:transparent url(../images/header-bg.png) no-repeat top center;
}
#header-content{
	height:157px;
	width:980px;
	margin:0px auto;
}
a#logo{
	height:157px;
	width:403px;
	float:left;
	margin-left:-20px;
	display:inline-block;
	font-size:1px;
        color:#033E7F;
	outline:0;
	background:transparent url(../images/B-Safe_brand.png) no-repeat left top;
}
a#logo:hover{
	height:157px;
	width:403px;
	background:transparent url(../images/B-Safe_brand.png) no-repeat left bottom;
}
#header-content #user-menu{
	float:right;
	width:300px;
	height:40px;
	display:inline-block;
}
#header-content a#home{
	float:right;
	display:inline-block;
	padding:7px 12px;
	margin-right:8px;
	/*border*/
	border-bottom: 1px solid #033062;
	border-left: 1px solid #033062;
	border-right: 1px solid #033062;	
	/* gradients */
	background:#033B7E;
	/* shadow */
	-moz-box-shadow:    1px 1px 0px 0px #095CB2;
	-webkit-box-shadow: 1px 1px 0px 0px #095CB2;
	box-shadow:         1px 1px 0px 0px #095CB2;
}
#header-content a#home:hover{
	/*border*/
	border-bottom: 1px solid #095CB2;
	border-left: 1px solid #095CB2;
	border-right: 1px solid #095CB2;	
	/* gradients */
	background:#044F9F;
	/* shadow */
	-moz-box-shadow:    1px 1px 0px 0px #033062;
	-webkit-box-shadow: 1px 1px 0px 0px #033062;
	box-shadow:         1px 1px 0px 0px #033062;
}
#header-content a.login{
	float:right;
	display:inline-block;
	/* text */
	font-size:14px;
	line-height:14px;
	color:#2E9CF6;
	font-family:'DINBold', Helvetica, Arial, Sans serif;
	text-transform:uppercase;
	padding:14px 12px 10px;
	text-decoration:none;
	/*border*/
	border-bottom: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;	
	/* gradients */
	background-image: linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	background-image: -o-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(242,242,242)),
		color-stop(1, rgb(252,252,252))
	);
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #FCFCFC, #F2F2F2);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(#F2F2F2));
	/* shadow */
	-moz-box-shadow:    2px 2px 0px 0px #033278;
	-webkit-box-shadow: 2px 2px 0px 0px #033278;
	box-shadow:         2px 2px 0px 0px #033278;	
}
#header-content a.login:hover{
	/* text */
	font-size:14px;
	line-height:14px;
	color:#034186;
	text-shadow:1px 1px 0px #CCC;
	/*border*/
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	/* gradients */
	background-image: linear-gradient(bottom, rgb(252,252,252) 0%, rgb(242,242,242) 100%);
	background-image: -o-linear-gradient(bottom, rgb(252,252,252) 0%, rgb(242,252,252) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(252,252,252) 0%, rgb(242,242,242) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(252,252,252) 0%, rgb(242,242,242) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(252,252,252) 0%, rgb(242,242,242) 100%);
	/* shadow */
	-moz-box-shadow:    2px 2px 0px 0px #095CB2;
	-webkit-box-shadow: 2px 2px 0px 0px #095CB2;
	box-shadow:         2px 2px 0px 0px #095CB2;	
	
}
#header-content a.my-bsafe{
	margin-right:8px;
}
/*content*/
.content{
	width:980px;
	margin:0 auto 0;
	padding-bottom:60px;
}
.home{
	padding-bottom:0;
}
/* footer */
.footer-inner{
	width:960px;
	margin:0px auto;
	padding:10px;
}
.footer-menu{
	margin-top:20px;	
	float:left;
	width:800px;
	display:inline-block;
}
.footer-inner a.brand{
	float:left;
	width:285px;
	height:53px;
	margin-top:20px;
}
.footer-menu a {
	color: #06519e;
	font-size:14px;
	font-family:'DINRegular', Helvetica, Arial, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	padding:5px 10px;
	border-right: 1px solid #06519e;
}
.footer-menu a.last{
	padding-right:0;
	border-right:none;
}
.footer-menu a.first{
	padding-left:0;
}
.footer-menu a:hover{
	color:#2E9CF6;	
}
a.call{
	margin-top:40px;
	color:#D2DBE6;
	font-size:32px;
	float:right;
	width:auto;
	display:inline-block;
	text-decoration:none;
	font-family:'DINRegular', Helvetica, Arial, sans-serif;
}
a.call:hover{
	color:#000A24;		
	text-shadow:1px 1px 1px #04478D;
}
.copyright{
	width:960px;
	float:left;
	color:#FFF;
	font-size:12px;
	margin-top:15px;
	text-align:left;
}
.copyright a {
	color: #06519e;
	float:right;
	text-align:right;
}
.copyright a:hover {
	color: #2e9cf6;	
}

/*
---------------------------HOME - styles
*/
.home .col-1{
	width:460px;
	float:left;
}
.home .col-2{
	width:500px;
	margin-left:20px;
	float:left;
}
.home-info{
	margin-bottom:20px;
}
.home-info h1 a{
	font-family: 'DINBold', Trebuchet, Helvetica, sans-serif; 
	text-decoration:none;
	color:#FFBF00;
}
.home-info h1 a:hover{
	color:#39A5FF;
}
.home-info a.more{
	background:#003477;
	padding:8px 10px 6px;
	color:#FFF;
	text-decoration:none;
	font-size:13px;
	line-height:13px;
	/* Rounded Corners */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display:inline-block;
}
.home-info a.more:hover{
	background:#39A5FF;	
}
.our-process{
	width:498px;
	height:auto;
	border:1px solid #DFDFDF;
	margin-bottom:20px;
	/* Rounded Corners */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	/*gradients*/
	background:#F2F2F2;
	background-image: linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	background-image: -o-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(242,242,242)),
		color-stop(1, rgb(252,252,252))
	);
}
.our-process a{
	padding:40px 206px 30px 20px;
	width:272px;
	text-align:left;
	display:inline-block;
	background: url(../images/process-panel.jpg) no-repeat top right;
}
.our-process a span{
	display:inline-block;
	font-family: 'DINMedium', Helvetica, Arial, sans-serif;
	color:#004D9E;
	font-size:27px;
	text-transform:uppercase;
}
.our-process a span em{
	display:inline-block;
	font-family: 'DINRegular', Helvetica, Arial, sans-serif;
	color:#2C99ED;
	font-size:16px;
	text-transform:none;
	font-style:normal;
	margin-top:12px;
	padding-left:22px;
	background: url(../images/plus.jpg) no-repeat top left;
}
.key-links{
	display:inline-block;	
}
.typography .key-links a{
	background:url(../images/button-yellow.jpg) no-repeat top left;
	width:240px;
	height:54px;
	padding-top:16px;
	display:inline-block;
	float:left;
	color:#FFF;
	font-size:20px;
	text-decoration:none;
}
.typography .key-links a em{
	color:#E3820D;
	font-size:12px;
	font-style:normal;
	display:inline-block;
	float:left;
}
.key-links a img{
	margin:6px 20px 22px 23px;
	display:inline-block;
	float:left;
}
.key-links a.contact{
}
.key-links a.login{
	margin-left:20px;
}
.typography .key-links a:hover{
	background-position:bottom left;
}
.service-panels{
	width:100%;
	height:auto;
	display:inline-block;
	margin:20px 0 20px;
	padding-top:20px;
	border-top:1px solid #F8F8F8;
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #FCFCFC, #F2F2F2);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(#F2F2F2));
	background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(250,250,250) 40%, rgb(240,240,240) 95%, rgb(235,235,235) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(250,250,250) 40%, rgb(240,240,240) 95%, rgb(235,235,235) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(250,250,250) 40%, rgb(240,240,240) 95%, rgb(235,235,235) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(250,250,250) 40%, rgb(240,240,240) 95%, rgb(235,235,235) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(250,250,250) 40%, rgb(240,240,240) 95%, rgb(235,235,235) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(255,255,255)),
		color-stop(0.4, rgb(250,250,250)),
		color-stop(0.95, rgb(240,240,240)),
		color-stop(1, rgb(235,235,235))
	);
}
.service-panels .panel{
	width:178px;
	/* Gradient background */
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #FCFCFC, #F2F2F2);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(#F2F2F2));
	/* Rounded Corners */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #DFDFDF;
	display:inline-block;
	float:left;
	margin-right:20px;
}
.service-panels .last{
	margin-right:0;
}
.service-panels .panel-inner{	
	width:176px;
	/* Rounded Corners */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #FFF;	
}
.service-panels .panel-inner h3{	
	background: url('../images/default-service.png') no-repeat top left;
}
.service-panels .panel-inner h3.fire{	
	background: url('../images/fire-service.png') no-repeat top left;
}
.service-panels .panel-inner h3.cable{	
	background: url('../images/cable-service.png') no-repeat top left;
}
.service-panels .panel-inner h3.emergency{	
	background: url('../images/emergency-service.png') no-repeat top left;
}
.service-panels .panel-inner h3.radiation{	
	background: url('../images/radiation-service.png') no-repeat top left;
}
.service-panels .panel-inner h3.onoff{	
	background: url('../images/onoff-service.png') no-repeat top left;
}
.service-panels .panel-inner h3.thermal{	
	background: url('../images/thermal-service.png') no-repeat top left;
}
.service-panels .panel-inner h3:hover{
	background-position:top right;
}
.service-panels .typography .panel a{
	padding:20px;
	display:inline-block;
	width:136px;
	min-height:45px;
	text-decoration:none;
	text-shadow:1px 1px 0px #FFF;
	font-size: 20px;
	font-style:normal;
	font-family: 'DINMedium', Trebuchet, Helvetica, sans-serif; 
	background: url('../images/shadow-1.png') no-repeat bottom center;
}
.service-panels .typography .panel a:hover{
	color:#FFBF00;
}
.service-panels .panel p{
	padding:10px 20px;
	display:inline-block;
	width:136px;
	min-height:80px;
}

/*
---------------------------ABOUT - styles
*/

.about .col-1{
	width:320px;
	float:left;
}
.about .col-2{
	width:300px;
	margin-left:20px;
	float:left;
}
.about .col-3{
	width:320px;
	margin-left:20px;
	float:left;
}
.about-info{
	margin-bottom:20px;
}
.about-info h1{
	padding:2px 0 0;
	display:inline-block;
	float:left;
	background: #4795FB;
	background-image: linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(62,138,251)),
		color-stop(1, rgb(95,180,250))
	);
}
.about-info h1 span{
	padding:14px 40px 16px 16px;
	color:#FFF;
	text-shadow:1px 1px 1px #2264F8;
	display:inline-block;
	float:left;
	border-top:2px solid #7CCCFC;
	text-transform:uppercase;
	background: url(../images/about-panel-default.png) no-repeat right center;
}
.about-info h1.orange{
	background: #F77D3D;
	background: -moz-linear-gradient(top, #FF6600, #F64600);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF6600), to(#F64600));
	
	background-image: linear-gradient(bottom, rgb(244,114,62) 6%, rgb(250,136,61) 100%);
	background-image: -o-linear-gradient(bottom, rgb(244,114,62) 6%, rgb(250,136,61) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(244,114,62) 6%, rgb(250,136,61) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(244,114,62) 6%, rgb(250,136,61) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(244,114,62) 6%, rgb(250,136,61) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.06, rgb(244,114,62)),
		color-stop(1, rgb(250,136,61))
	);
}
.about-info h1.orange span{
	border-top:2px solid #FCAE50;
	text-shadow:1px 1px 1px #F45823;
	background: url(../images/about-panel-tag.png) no-repeat right center;
}
.about-info h1.green{
	background: #A0BD2D;
	background: -moz-linear-gradient(top, #C8D55F, #A0BD2D);
	background: -webkit-gradient(linear, 0% 0%, 80% 100%, from(#C8D55F), to(#A0BD2D));
	
	background-image: linear-gradient(bottom, rgb(160,189,45) 6%, rgb(198,212,93) 100%);
	background-image: -o-linear-gradient(bottom, rgb(160,189,45) 6%, rgb(198,212,93) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(160,189,45) 6%, rgb(198,212,93) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(160,189,45) 6%, rgb(198,212,93) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(160,189,45) 6%, rgb(198,212,93) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.06, rgb(160,189,45)),
		color-stop(1, rgb(198,212,93))
	);
}
.about-info h1.green span{
	border-top:2px solid #D9E27B;
	text-shadow:1px 1px 1px #668E09;
	background: url(../images/about-panel-page.png) no-repeat right center;
}
.about-info h1.yellow{
	background: #FFB700;
	background-image: linear-gradient(bottom, rgb(255,153,0) 6%, rgb(255,204,0) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,153,0) 6%, rgb(255,204,0) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,153,0) 6%, rgb(255,204,0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,153,0) 6%, rgb(255,204,0) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,153,0) 6%, rgb(255,204,0) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.06, rgb(255,153,0)),
		color-stop(1, rgb(255,204,0))
	);
}
.about-info h1.yellow span{
	border-top:2px solid #FFDB00;
	text-shadow:1px 1px 1px #FA7A00;
	background: url(../images/about-panel-people.png) no-repeat right center;
}
.about-info a.more, 
.page a.more,
.contact a.more{
	border: 1px solid #2589E0;
	/* Rounded Corners */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#fff;
	display:inline-block;
	float:left;	
}
.about-info a.more span, 
.page a.more span,
.contact a.more span{
	display:inline-block;
	float:left;	
	padding:6px 10px;
	border:1px solid #2EA2FF;
	text-shadow:1px 1px #3386CD;
	font-size:14px;
	/* Rounded Corners */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/* Gradient background */
	background: #248AE1;
	background: -moz-linear-gradient(top, #2E9BF5, #248AE1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2E9BF5), to(#248AE1));
	text-decoration:none !important;
}
.about-info a.more:hover, 
.page a.more:hover,
.contact a.more:hover{
	border: 1px solid #248AE1;
	text-decoration:none !important;
}
.about-info a.more span:hover,
.page a.more span:hover,
.contact a.more span:hover{
	background: -moz-linear-gradient(top, #248AE1, #2E9BF5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#248AE1), to(#2E9BF5));
	text-decoration:none !important;
}
.about-info a.yellow, 
.page a.yellow,
.contact a.yellow{
	border: 1px solid #FF9E00;
}
.about-info a.yellow span, 
.page a.yellow span,
.contact a.yellow span{
	border:1px solid #FFD800;
	text-shadow:1px 1px #FF9F03;
	/* Gradient background */
	background: #FF9900;
	background: -moz-linear-gradient(top, #FFC900, #FF9900);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFC900), to(#FF9900));
	text-decoration:none !important;
}
.about-info a.yellow:hover, 
.page a.yellow:hover,
.contact a.yellow:hover{
	border: 1px solid #FF9900;
}
.about-info a.yellow span:hover,
.page a.yellow span:hover,
.contact a.yellow span:hover{
	background: #FF9900;
	background: -moz-linear-gradient(top, #FF9900, #FFC900);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF9900), to(#FFC900));
}
.about-info a.green,
.page a.green,
.contact a.green{
	border: 1px solid #8BA924;
}
.about-info a.green span,
.page a.green span,
.contact a.green span{
	border:1px solid #D9E27B;
	text-shadow:1px 1px #8CAA27;
	/* Gradient background */
	background: #A0BD2D;
	background: -moz-linear-gradient(top, #C8D55F, #A0BD2D);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C8D55F), to(#A0BD2D));
	text-decoration:none !important;
}
.about-info a.green:hover,
.page a.green:hover,
.contact a.green:hover{
	border: 1px solid #A0BD2D;
}
.about-info a.green span:hover,
.page a.green span:hover,
.contact a.green span:hover{
	background: #A0BD2D;
	background: -moz-linear-gradient(top, #A0BD2D, #C8D55F);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A0BD2D), to(#C8D55F));
}
.about-info a.orange,
.page a.orange,
.contact a.orange{
	border: 1px solid #FA883D;
}
.about-info a.orange span,
.page a.orange span,
.contact a.orange span{
	border:1px solid #FCAE50;
	text-shadow:1px 1px #F0592C;
	/* Gradient background */
	background: #F4723E;
	background: -moz-linear-gradient(top, #FA883D, #F4723E);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FA883D), to(#F4723E));
	text-decoration:none !important;
}
.about-info a.orange:hover,
.page a.orange:hover,
.contact a.orange:hover{
	border: 1px solid #F0592C;
}
.about-info a.orange span:hover,
.page a.orange span:hover,
.contact a.orange span:hover{
	background: #F4723E;
	background: -moz-linear-gradient(top, #F4723E, #FA883D);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4723E), to(#FA883D));
}
/******************************************************************************************
*********************************** DEFAULT PAGE ******************************************
********************************************************************************************/
.level1 .col-1 {
	float: left;
	width: 630px;
}
.level1 .col-2 {
	float: left;
	margin-left: 20px;
	width: 330px;
}
.mybsafe .col-1 {
	float: left;
	width: 200px;
}
.mybsafe .col-1 h2 {
	color: #ccc;
}
.mybsafe .col-2 {
	float: left;
	margin-left: 20px;
	width: 760px;
}
.page .info{
	margin-bottom:20px;
	padding:1px;
	display:inline-block;
	float:left;
	background-image: linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(62,138,251)),
		color-stop(1, rgb(95,180,250))
	);
	/* Rounded Corners */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:1px solid #3E8AFB;
}
.page .info .inner{
	padding:20px;
	border:1px solid #FFF;
	/* Rounded Corners */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.page .info  h1{
	padding:2px 0 0;
	display:inline-block;
	text-transform:uppercase;
	float:left;
	color:#FFF;
}
.page .info  p{
	color:#FFF;
}
.page .yellow{
	border:1px solid #FF9900;
	text-shadow:1px 1px #FF9F03;
	/* Gradient background */
	background: #FFB700;
	background: -moz-linear-gradient(top, #FFC900, #FF9900);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFC900), to(#FF9900));	
}
.page .green{
	border:1px solid #D9E27B;
	text-shadow:1px 1px #8CAA27;
	/* Gradient background */
	background: #A0BD2D;
	background: -moz-linear-gradient(top, #C8D55F, #A0BD2D);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C8D55F), to(#A0BD2D));
}
.page .blue{
	border:1px solid #3F8BFB;
	text-shadow:1px 1px #2060F8;
	/* Gradient background */
	background: #4898FB;
	background: -moz-linear-gradient(top, #5DB2FA, #3E8AFB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5DB2FA), to(#3E8AFB));
}
/*
---------------------------PROCESS - styles
*/
.process .col-1{
	width:320px;
	float:left;
}
.process .col-2{
	width:300px;
	margin-left:20px;
	float:left;
}
.process .col-3{
	width:320px;
	margin-left:20px;
	float:left;
}
.process .info{
	margin-bottom:20px;
	padding:1px;
	display:inline-block;
	float:left;

	/* Gradient background */
	background: #4898FB;
	background-image: linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,138,251) 0%, rgb(95,180,250) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(62,138,251)),
		color-stop(1, rgb(95,180,250))
	);
	/* Rounded Corners */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:1px solid #3E8AFB;
}
.process .col-1 .info{
	width:320px;
	float:left;
}
.process .col-2 .info{
	width:300px;
	float:left;
}
.process .col-3 .info{
	width:320px;
	float:left;
}
.process .info .inner{
	padding:20px 40px 20px 20px;
	border:1px solid #FFF;
	/* Rounded Corners */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: url(../images/arrow.png) no-repeat center right;
	text-align:left;
}
.process .info .arrowtop{
	padding:30px 20px 20px;
	background: url(../images/arrow-t.png) no-repeat top center;
}
.process .info .arrowbottom{
	text-align:center;
	padding:20px 20px 30px;
	background: url(../images/arrow-b.png) no-repeat bottom center;
}
.process .info .arrowleft{
	padding:20px 20px 20px 40px;
	text-align:right;
	background: url(../images/arrow-l.png) no-repeat center left;
}
.process .last .arrowtop,
.process .last .arrowbottom,
.process .last .arrowleft,
.process .last .arrowright{
	padding:20px 20px 20px 20px;
	text-align:center;
	background: none;
}
.process .info  h1{
	padding:2px 0 0;
	display:block;
	text-transform:uppercase;
	color:#FFF;
	font-size:18px;
	clear:both;
}
.process .info  p{
	color:#FFF;
}
.process .info{
	text-shadow:1px 1px 1px #0167FF;
}
.process .yellow{
	border:1px solid #FF9900;
	text-shadow:1px 1px #FF9F03;
	/* Gradient background */
	background: #FFB600;
	background: -moz-linear-gradient(top, #FFC900, #FF9900);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFC900), to(#FF9900));	
}
.process .green{
	border:1px solid #D9E27B;
	text-shadow:1px 1px #8CAA27;
	/* Gradient background */
	background: #AEC53E;
	background: -moz-linear-gradient(top, #C8D55F, #A0BD2D);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C8D55F), to(#A0BD2D));
}
.process .orange{
	border:1px solid #FF6435;
	text-shadow:1px 1px #FF6435;
	/* Gradient background */
	background: #FF7333;
	background: -moz-linear-gradient(top, #FEA155, #FF7333);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEA155), to(#FF7333));
}
/*
---------------------------SERVICES - styles
*/
.services .col-1{
	width:500px;
	float:left;
}
.services .col-2{
	width:460px;
	margin-left:20px;
	margin-top:32px;
	float:left;
}
.services .col-1 .content-text p{
	width:240px;
	float:left;
}
.services .col-1 .content-text h2{
	color:#FAB73E;
	font-size:22px;
	line-height:23px;
	width:500px;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom: 5px solid #FBB73E;
	display:inline-block;
	float:left;
	padding-bottom:12px;
}
.online-management{
	width:498px;
	height:auto;
	display:block;
	border:1px solid #DFDFDF;
	margin-bottom:20px;
	/* Rounded Corners */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
	/*gradients*/
	background:#FBFBFB;
	background-image: linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	background-image: -o-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 0%, rgb(252,252,252) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(242,242,242)),
		color-stop(1, rgb(252,252,252))
	);
}
.online-management a{
	padding:40px 206px 30px 20px;
	width:272px;
	text-align:left;
	display:inline-block;
	background: url(../images/online-panel.jpg) no-repeat top right;
}
.online-management a span{
	display:inline-block;
	font-family: 'DINMedium', Helvetica, Arial, sans-serif;
	color:#FF7E00;
	text-shadow:1px 1px #FFF;
	font-size:27px;
	text-transform:uppercase;
}
.online-management a span em{
	display:inline-block;
	font-family: 'DINRegular', Helvetica, Arial, sans-serif;
	color:#FF7E00;
	font-size:16px;
	text-transform:none;
	font-style:normal;
	margin-top:12px;
	padding-left:22px;
	background: url(../images/plus-orange.jpg) no-repeat top left;
}
.services .key-links{
	float:right;
	margin-bottom:20px;
}
.services .col-2 h2{
	color:#258BE2;
	font-size:22px;
	line-height:23px;
	width:460px;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom: 5px solid #258BE2;
	display:inline-block;
	float:left;
	padding-bottom:12px;
}
.services .col-2 .service{
	width:210px;
	float:left;
	display:inline-block;
	margin-right:20px;
	min-height:90px;
}
.services .col-2 .service h3{
	font-family:'DINMedium', Helvetica, Arial, sans-serif;
	font-style:normal;
	color: #258BE2;
	text-decoration:none;
	padding-left:14px;
	background: url(../images/arrow-blue.jpg) no-repeat center left;
}
/*
---------------------------CONTACT - styles
*/

.contact .col-1{
	width:500px;
	float:left;
}
.contact .col-2{
	width:440px;
	margin-left:40px;
	float:left;
}
.contact .col-2 .contact-details{
	margin-bottom:40px;	
}
.contact .col-2 .contact-details span{
	color:#666666;
	font-size:18px;
	line-height:22px;
	font-weight:normal !important;
}
.contact .col-2 .contact-details a{
	font-size:18px;	
}
.contact .col-2 .info{
	margin-bottom:15px;
	margin-top:10px;
	display:inline-block;
}
.contact .col-2 .info h3{
	font-size:16px;
	font-family: 'DINBold', Arial, Sans-Serif !important;
	font-style:normal;
	font-weight:normal;
	color:#39A5FF;
}
.contact .col-2 .yellow h3{
	color:#FFB133;
}
.contact .col-2 .orange h3{
	color:#F5743E;
}
.contact .col-2 .green h3{
	color:#A2BE2F;
}
/*
------------------------------DEFAULT LOGIN PAGE*/
.form .col-1{
	float: left;
	width: 500px;
}
.form .col-2{
	float: left;
    margin-left: 40px;
    width: 440px;
}
.form .online-management {
    width: 438px;
}
.form .online-management a {
    background: url("../images/online-panel.jpg") no-repeat scroll right top transparent;
    display: inline-block;
    padding: 40px 206px 30px 20px;
    text-align: left;
    width: 212px;
}
.form h2{
	font-family: 'DINBold', Arial, Sans-Serif !important;
	font-size:24px;
}