body {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	background-color: #ebebeb;
	color: #525252;
}

.h2 {
	color: #000000;
	font-size: 24px; 
	font-weight: 100; 
	font-family: "helvetica_neue_light", "helvetica_neue_ultra", Helvetica, sans-serif;
	font-style: light;
	text-shadow: 0 1.5px 0 #FFFFFF;
}

.containerFull{
	background-image: url(../images/bg_vertical.png);
	background-repeat: repeat-x;
	background-color: white;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 40px;
}

.containerFull.small{
	background-image: url(../images/bg_vertical_short.png);
}

.container {
	width: 978px;
	margin: 0 auto;
	background: none;
}

#header_background{
	background-image: url("../images/bg_header.png");
	background-repeat: no-repeat;
	background-color: black; width:100%;
	background-position-x: 50%;	
}


#fullscreendiv{
    display: block;
	
    /*set the div in the top-left corner of the screen*/
    position:absolute;
    top:0;
    left:0;
    
    /*set the width and height to 100% of the screen*/
    width:100%;
    height:100%;
    background-color: #282828;
}

.travel {
	display: none;
	}

#footer{
    width: 100%;
    height: 50px;
    float: left;
	/* -webkit-box-shadow: inset 0px 1px 15px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 1px 15px rgba(0,0,0,0.2);
	box-shadow: inset 0px 1px 15px rgba(0,0,0,0.2);
	*/
    background-image: url("../images/footer_shadow.png");
    background-repeat: repeat-x;
}

#footer .containerfooter{
	width: 978px;
	margin: 0 auto;
}

#footer .copyright{
	float: left;
	margin-top: 18px;
	font-size: 12px;
	text-shadow: 0 1px 1px #ffffff;

	behavior: url(assets/js/PIE.php);
}

.footer-contact{
	float: right;
	margin-top: 18px;
	font-size: 12px;
	text-shadow: 0 1px 1px #ffffff;

	behavior: url(assets/js/PIE.php);
}

.footer-contact a {
	color: #525252;
	font-style: normal;
	text-decoration: none;
}
.footer-contact a:hover {
	color: #000000;
	font-style: normal;
	text-decoration: none;
}

#footer .copyright a {
	color: #525252;
	font-style: normal;
	text-decoration: none;
}

#footer .copyright a:hover {
	color: #000000;
	font-style: normal;
	text-decoration: none;
}

#previews_bg{
	background-image: url(../images/lead_glare.png);
	background-repeat: no-repeat;
	background-position: top;		
}

#previews{
	height: 465px;
	background: transparent !important;
}

#previews img{
	background: transparent !important;
}

#previews p{
	background: transparent !important;
}

#workthumbs{
	height: 388px;
}

#workthumbs .title{
	margin-top: 80px;
}

#googlemap{
	height: 300px;
	margin-top: 0px;
	width: 100%;
	border: 5px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
}

#result {
	margin-bottom: 5px;
	font-weight: bold;
}

.workthumb img{
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.8);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.8);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.8);	
	margin-top: 20px;
	display: none;
}

.workthumb{
	text-align: center;
	margin-top: 20px;
	height: 255px;
	/*cursor: pointer !important;*/
}

.workthumb p{
	margin-top: 55px;
	padding-left: 10px;
	padding-right: 10px;
	color: #cdcdcd;
	text-shadow: 0px 1px 1px black;
	font-size: 15px;
	text-align: left;
	display: none;
}

.workthumb:hover p{
	display: block;

}

.workthumb:hover, .active{
	background-image: url("../images/thumb_hover_gradient.png");
}

#page_indicators { 	
	text-align: center;
}
#page_indicators a { 
	background-image: url("../images/page_indicator_inactive.png");
	background-repeat: no-repeat;
	margin-left: 10px;
	
}
#page_indicators a.activeSlide { 
	background-image: url("../images/page_indicator_active.png");
	background-repeat: no-repeat;
}
#page_indicators a:focus { 
	background-image: url("../images/page_indicator_active.png");
	background-repeat: no-repeat;
}

#pageindicator_nav{
	height: 10px;
	width: 10px;
}


#header_logo{
	height: 82px;
	text-align: left;
	margin-top: 23px;
	margin-left: -5px;
	margin-right: 5px;
}

#menu{
	margin-top: 65px;
	height: 40px;
}

#menu .navigation {
	float: right;
}

#menu .navigation li {
	display: inline;
	padding: 0;
	margin: 0;
	margin-left: 10px;
}

#menu .navigation li a {
	/*border: 1px solid black;*/
	padding: 5px 20px 5px 20px;
	
	
}

#menu .navigation li a{
	text-decoration: none;
	color: #d7d7d7;
	font-family:Verdana;
	font-size: 15px;
	font-weight: normal;
	display: inline-block;
	text-shadow: 0 -1px 1px black;
}

#menu .navigation li a:hover {
		
	background: #434347;
	color: white;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,1);
	box-shadow: inset 0px 1px 3px rgba(0,0,0,1);	
}


#menu .navigation .active{
	position: relative;
	
	background: #434347;
	color: white;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,1);
	box-shadow: inset 0px 1px 3px rgba(0,0,0,1);	
	
	behavior: url(assets/js/PIE.php);
}

.seperator {
	height: 30px;
}

.input_field{
	height: 10px;
	width: 150px;
	margin-top: 15px;
	font-weight: bold;
	font-color: #000000;
	float: left;
	font-size: 10pt;
}

.input {
	width: 150px;
	height: 23px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin-top: 3px;

}
.grijs{
	color: #bcbcbc;
}

@font-face { 
	font-family: "helotica_neue_ultra"; 
	src: url('../font/HelveticaNeueUltraLight.ttf');
}

@font-face {
	font-family: "helvetica_neue_light";
	src: url('../font/HelveticaNeueLight.ttf')
}
form {
	width: 306px;
}

/* Company ------------------------------------------------------------ */

.vacature{
	background-color: #cccccc;
	-webkit-border-radius: .8em;
	-moz-border-radius: .8em;
	border-radius: .8em;

	
	padding: 30px;
	margin-bottom: 20px;
	
}


.vacature p{
	margin-top: 20px;
	font-size: 14px;
	color: #414141;
}

.vacature div{
	color: #414141;
}

.textcolumn h2 {
	color: #000000;
	font-size: 24px; 
	font-weight: 100; 
	font-family: "helvetica_neue_light", "helvetica_neue_ultra", Helvetica, sans-serif;
	font-style: light;
	text-shadow: 0 1px 0 #FFFFFF;
}

.textcolumn-right h2 {
	color: #000000;
	font-size: 24px; 
	font-weight: 100; 
	font-family: "helvetica_neue_light", "helvetica_neue_ultra", Helvetica, sans-serif;
	font-style: light;
	text-shadow: 0 1px 0 #FFFFFF;
	text-align: left;
}

.contentcolumn .vacature h2{
	color: #952f47;
	font-size: 24px; 
	font-weight: 100;
	font-family: "helotica_neue_light", "helvetica_neue_ultra", Helvetica, sans-serif;
	font-style: normal;
	text-shadow: none;
}

.vacature .read_more{
	margin-top: 10px;
	color: #4782ac;
	text-decoration: none;
	font-size: 14px;
/* 	text-shadow: 0 1px 1px white; */
	cursor: pointer !important;
	
	behavior: url(../js/PIE.php);
}

.vacature ul li{
	margin-left: 30px;
	margin-top:10px;
}

#facebook-widget {
	float: right;
	text-align: center;
	width: 162px;
	padding: 10px 15px 10px 45px;
	margin-top: 20px;
}

.twtr-hd {
	display:none;
}


#twitter-widget {
	float: right;
	width: 202px;
	padding: 10px;
	margin-top: 10px;
	background-color: #d0d0d0;

	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
}
#twitter-widget .title {
	color: #ffffff;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	padding: 9px 9px 3px 9px;
}
#twitter-widget .title p {
	font-weight: normal;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}
#twitter-widget .title a {
	color: #ffffff;
}
#twitter-widget .title a:hover {
	color: #952F47;
	text-decoration: none;
}

#submenu{
	background-color: #d0d0d0;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	padding-bottom: 15px;
}

#submenu .navigation {
	
}

#submenu .navigation li {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 10px;
	margin-top: 15px;
}

#submenu .navigation li a {
	/*border: 1px solid black;*/
	padding: 5px 20px 5px 20px;
	width: 162px;
	
}

.red{
	color: #952f47;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	top: -1px;
}

#submenu .navigation li a{
	text-decoration: none;
	color: #414141;
	font-family:"Lucida Grande", Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
	/* text-shadow: 0 -1px 1px black; */
}

#submenu .navigation li a:hover {
		
	background: #ffffff;
	color: #952f47;
	
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;	
	
/*
	background: #272727;
	color: white;
	-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.9);
	-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.9);
	box-shadow: inset 0 1px 4px rgba(0,0,0,.9);	
*/
	
}


#submenu .navigation .active{
	position: relative;
	
	background: white;
	color: #952f47;
	
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	
/*
	background: #272727;
	color: white;
	-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.9);
	-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.9);
	box-shadow: inset 0 1px 4px rgba(0,0,0,.9);	
	
	behavior: url(assets/js/PIE.php);
*/
}

#page_indicators{
	margin: 0 auto;
}

.pageindicator{
}

.pageindicators ul{
	list-style-type:none;
	padding: 0;
	margin: 0;
}

.pageindicators li{
	display: inline;
	padding: 0;
	margin: 0;
	margin-right: 10px;	
}

#text_columns_home{
	margin-top: 20px;
}

#text_customers {
	width:780px;
	text-align: center;
	margin: 0 auto;
}
#text_customers p {
	margin-top: 10px;
}

#text_customers h2{
	color: #000000;
	font-size: 24px; 
	font-weight: 100; 
	font-family: "helvetica_neue_light", "helvetica_neue_ultra", Helvetica, sans-serif;
	font-style: light;
	text-shadow: 0 1.5px 0 #FFFFFF;
}

.read_more {
	color: #952f47;
	text-decoration: none;
}
.suiker_img{
	width: 100%;
	background-image: url(../images/contact.png);
	height: 390px;
	background-repeat: no-repeat;
	background-position: center; 
}
.suiker_background{
	width: 100%
	height: 470px}

#text_columns_home p{
	padding-top: 20px;
}

#award{
	margin-top: 40px;	
	text-align: center;
}

#award p{
	margin-top: 5px;
}

#award img{
	margin-left: 15px;
}

#awardframe{
	color: #952f47;
	vertical-align:bottom;
	text-align: center;
	text-shadow: 0 1px 1px white;
	
	display: inline-block;
	border: 1px solid #a7a7a7;
	background-color: #e9e9e9;
	width: 640px;
	padding: 5px;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: inset  0 1px 2px white;
	-moz-box-shadow: inset  0 1px 2px white;
	box-shadow: inset  0 1px 2px white;
	
}

.contactlist li {
	margin-left: 25px;
}

#title_our_company{
	margin-top: 60px;
	margin-bottom: 78px;
}

#title_clients{
	margin-top: 60px;
	margin-bottom: 75px;
}
#title_work{
	margin-top: 60px;
	margin-bottom: 75px;
}

#newslist{
	list-style: none;
}

#newslist a{
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}

#newslist a:hover{
	color: #952f47;
	text-decoration: none;
	border-bottom: 1px dotted #952f47;
}

#newslist li{
	margin-top: 10px;
	margin-bottom: 30px;
}

#newslist a.read_more{
	color: #952f47;
	text-decoration: none;
	font-size: 13px;
	text-shadow: 0 1px 1px white;
	border-bottom: none;
	behavior: url(../js/PIE.php);
}

#newslist a.read_more:hover{
	color: #000000;
	text-decoration: none;
	font-size: 13px;
	text-shadow: 0 1px 1px white;
	border-bottom: none;
	behavior: url(../js/PIE.php);
}

.grid9 h2{
	color: #000000;
	font-size: 24px; 
	font-weight: 100; 
	font-family: "helvetica_neue_light", "helvetica_neue_ultra", Helvetica, sans-serif;
	font-style: light;
	text-shadow: 0 1.5px 0 #FFFFFF;
}

#newslist .title{
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-shadow: 0 1px 1px white;
	
	behavior: url(../js/PIE.php);
}

#newslist a.title:hover{	
	color: #ac4444;
	text-decoration: none;
}

#newslist cite{
	clear: left;
	display: block;
	font-style: normal;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#newslist cite em{
	text-transform: uppercase;
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
	color: #9f9f9f;
	text-shadow: 0 1px 1px white;
	
	behavior: url(../js/PIE.php);
}

#newslist cite .date{
	color: #4782ac;
	margin-left: 20px;
	font-weight: bold;
	text-shadow: 0 1px 1px white;
	
	behavior: url(../js/PIE.php);
}

.textcolumn{
	text-align: left;
}
.textcolumn-right{
	text-align: right;
}

h1{
	font-family: "helvetica_neue_light", Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	font-style: light;
	font-weight: 100;
	text-shadow: 0 1.5px 0 #FFFFFF;
}

.contentcolumn{
	margin-top: 10px;
}
.notitle{
	margin-top: 35px;
}
.contentcolumn p{
	margin-top: 10px;
	margin-bottom: 10px;
}

.breakline {
	margin: 10px 0px 10px 0px;
}

.planbutton {
	margin-top: 18px;
}

.contentcolumn h2{
	color: #000000;
	font-size: 24px; 
	font-weight: 100; 
	font-family: "helvetica_neue_light", "helvetica_neue_ultra", Helvetica, sans-serif;
	font-style: light;
	text-shadow: 0 1px 0 #FFFFFF;
}
.contentcolumn h3{
	color: #000000;
	font-size: 14px;
}
.contentcolumn h4{
	color: #666666;
	font-size: 10px;
	font-weight: normal;
}

.contentcolumn a{
	color: #525252;
	text-decoration: none;
}

.travel{
	font-family: Helvetica,sans-serif;
    font-size: 14px;
	color: #525252;
	margin-top: 20px;
	float: left;
}

.travel h2{
	color: #000000;
	font-size: 24px; 
	font-weight: 100; 
	font-family: "helvetica_neue_light", "helvetica_neue_ultra", Helvetica, sans-serif;
	font-style: light;
	text-shadow: 0 1px 0 #FFFFFF;
	margin-bottom: 10px;
}

.contentcolumn a:hover{
	color: #525252;
	text-decoration: underline;
}


.containerFull.small h1 {
	color: #FFFFFF;
	font-size: 40px; 
	font-weight: 100; 
	font-family: "helvetica_neue_ultra", Helvetica, sans-serif;
	text-shadow: 0 1.5px 0 #000000;
	}

.list {
	margin-left: 20px;
}
.list ul{
	margin-left: 40px;
}


#text_columns_home .os td{
	height: 80px;
	text-align: center;
	vertical-align:middle;
}

#text_columns_home .os td img{
	margin-left: 10px;
	margin-right: 10px;
}



ul#screenshots{
	margin-top: 3px;
}

#screenshots li img{
	width: 95px;
	border: 4px solid white;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
}

#screenshots li img.two{
	width: 210px;
}

#screenshots li{
	margin-left: 2px;
	margin-top: 10px;
	list-style: none;
	float: left;
}

#screenshots li.first{
	margin-right: 10px;
}

#bg_images_in_white{
	background-image: url(../images/bg_clients.png);
	background-repeat: no-repeat;
	min-height: 400px;
}

#images_in_white{
	width:100%; margin-top:21px; margin-left:7px;float:left;
	margin-bottom: 30px;
}


#images_in_white div {
	float: left;
	border-bottom: 1px solid #e7e7e7;	
	text-align: center;
	vertical-align: middle;
}


#images_in_white div div{
	width:240px; height: 136px; 
	/* background-color: rgba(255,0,0,0.3); */
	float:left;
	border-right: 1px solid #e7e7e7;	
	border-bottom: none;
	/* cursor: pointer !important;	 */
}

#images_in_white.work div div{
	border: none;
	width: 321px;;
/* 	background-color: rgba(255,0,0,0.1); */
}
#images_in_white.work div{
	border: none;
}
/*

#images_in_white div div:hover{
	background-color: rgba(100,100,100,0.3);
}
*/

#images_in_white div.lastrow {
	border-bottom:none;	
}

#images_in_white div.lastcolum{
	border-right: none;
}



/* WORK ------------------------------------------------------------ */

.work-case-box {
	height: 296px;
	background-image: url(../images/bg_work_case.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;	
}

a.no_underline{
	text-decoration: none;
}

a .work-case-box:hover h2{
	/* color:#AC4444; */
	color: rgba(1,1,1, 0.75);
}

.work-container {
	margin-top: 17px;
}

.work-case-description {
	width: 254px;
	margin: 0px 26px 18px 26px;
}
	
.work-case-image {
	width: 254px;
	margin: 24px 26px 18px 26px;
	height: 114px;
}

.work-case-image .overlay{
	position: absolute;
	width: 254px;
	background-color: none;
	height: 114px;
}

a .work-case-box:hover .overlay{
	background-color: rgba(0,0,0,0.15);
}

.work-case-box h2 {
	color: #000000;
	font-size: 14px; 
	font-weight: bold;
	margin-bottom: 5px
	font-family: "helvetica_neue_light", "helvetica_neue_ultra", helvetica, sans-serif;	
}

/*
.work-case-box h3 {
	font-size: 14px;
	color: #508EC3;
	margin-bottom: 3px;
	font-family: "helvetica_neue_light", "helvetica_neue_ultra", helvetica, sans-serif;
}
*/
.work-case-box h3 {
	font-size: 14px;
	color: #508ec3;
	font-weight: normal;
	margin-bottom: 3px;
}

.work-case-box p {
	font-size: 14px;
	color: #575757;
	margin-bottom: 18px;
}

.listcol p {
	margin-top: 26px;
}


.true-hosting-button {
	margin-left: 1px;
}

.socialicon {
	margin: 10px 10px 0px 0px;
}

.list2{
	margin-left: 30px;
}

/* CSS3 BUTTONS ------------------------------------------------------------ */

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	width: 120px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button2 {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 0em .55em;
	width: 120px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	float: right; 
}

.maps_button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	padding: 0px 10px 10px 20px;
	width: 80px;
	float: right;
		 
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.lightgrey {
	color: #525252;
	border: solid 1px #a5a5a5;
	background: #b1b1b1;
	text-shadow: 0 1px 1px rgba(255,255,255,0.7);
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#b1b1b1));
	background: -moz-linear-gradient(top,  #dddddd,  #b1b1b1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#b1b1b1');
}

.lightgrey:hover {
	background: #a6a6a6;
	text-decoration: none !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#a6a6a6));
	background: -moz-linear-gradient(top,  #cccccc,  #a6a6a6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#a6a6a6');
}

.lightgrey:active {
	color: #5b5b5b;
	background: -webkit-gradient(linear, left top, left bottom, from(#b1b1b1), to(#dddddd));
	background: -moz-linear-gradient(top,  #b1b1b1,  #dddddd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1b1b1', endColorstr='#dddddd');
}


.grey {
	color: #f3f3f3;
	border: solid 1px #505050;
	background: #525252;
	background: -webkit-gradient(linear, left top, left bottom, from(#9c9c9c), to(#525252));
	background: -moz-linear-gradient(top,  #9c9c9c,  #525252);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c9c9c', endColorstr='#525252');
}

.grey:hover {
	background: #525252;
	background: -webkit-gradient(linear, left top, left bottom, from(#8d8d8d), to(#464646));
	background: -moz-linear-gradient(top,  #8d8d8d,  #464646);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d8d8d', endColorstr='#464646');
}

.grey:active {
	color: #d7d7d7;
	background: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#8d8d8d));
	background: -moz-linear-gradient(top,  #464646,  #8d8d8d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646', endColorstr='#8d8d8d');
}


.blue {
	color: #e1f5fe;
	border: solid 1px #0c5c95;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#63b0e6), to(#4782AC));
	background: -moz-linear-gradient(top,  #63b0e6,  #4782AC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b0e6', endColorstr='#4782AC');
}

.blue:hover {
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#48a4e6), to(#2e78ac));
	background: -moz-linear-gradient(top,  #48a4e6,  #2e78ac);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#48a4e6', endColorstr='#2e78ac');
}

.blue:active {
	color: #c7e8ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#4782AC), to(#63b0e6));
	background: -moz-linear-gradient(top,  #4782AC,  #63b0e6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4782AC', endColorstr='#63b0e6');
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}