body {
	font-family: Arial, Helvetica, sans-serif;
	color: #213a79; /*223B7A  42527a*/
	font-size: 18px;
	/*text-shadow:3px 3px 15px black;*/
	-webkit-font-smoothing: subpixel-antialiased;
	/* ˆˆ font-smoothing */
	-ms-font-feature-settings: normal;
	/* ˆˆ helps with font-smoothing on IE */
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	cursor: pointer;
	text-align: left;
	
}
#ad {
	border: #d0b271 1px solid;
	display: block;
	overflow: hidden;
	width: 726px;
	height: 88px;
	transition: all 1s;
	
	
}
#banner {
	position: absolute;
	display: block;
	width: 726px;
	height: 88px;
	background-color: #FFF;
	/*	background-image: url("../images/sb.jpg");*/
	background-position: -1200px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	left: 1px;
	top: 1px;
}
.overall { height: 90px; width: 728px; position: absolute; left: 0px; top: 0px; cursor: pointer; user-select: none; border: none; opacity: 0; z-index: 100; /* change to hightest number, so overall buttonis always on top*/ }
.cta {
	position: absolute;
	/*	background-color: #223B7A;*/
background: -webkit-linear-gradient(left, #cbac69, #f9e7be, #cbac69); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #cbac69, #f9e7be, #cbac69); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #cbac69, #f9e7be, #cbac69); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #cbac69, #f9e7be, #cbac69); /* Standard syntax (must be last) */
	/* set up background gradient and animation 
  background-image: linear-gradient(#5187c4, #1c2f45);*/
	background-size: 100% 100%;
	background-position: 0px 0px;
	transition: all .5s;
}
#ad:hover .cta{
/*  Animation for hover using css animation. Code structure follows
#container:hover #element { background-color: yellow; } */
   
background-size: 300% 300%;

 
 	/*-webkit-animation: ctaOver .5s ease-in-out;  Chrome, Safari, Opera */
    /* animation: ctaOver .5s ease-in-out; Standard syntax for all other browsers */
}

#ad:hover #cta{
/*  Animation for hover using css animation. Code structure follows
#container:hover #element { background-color: yellow; } */
   
/*box-shadow: 0px 2px 5px grey;*/
    -ms-transform: scale(1.08,1.08); /* IE 9 */
    -webkit-transform: scale(1.08,1.08); /* Safari */
    transform: scale(1.08,1.08);

}

/* Chrome, Safari, Opera */
@-webkit-keyframes ctaOver {
 0% {
height:2px;
}
 100% {
height:50px;
}
}

/* Standard syntax for all other browsers */
@keyframes ctaOver {
 0% {
height:2px;
}
 100% {
height:50px;
}
}
#ctaText {
	position: relative;
	color: #223e86;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	outline: none;
	user-select: none;
/*	text-shadow: 0px 0px 0px #666;
	left: 117px;*/
	top: 6px;
	vertical-align:bottom;
	height: 28px;
	width: 110x;
	text-align: center;
	
}
#grad1 {
	top: 0px;
	left: 0px;
	z-index: 200;
	height: 2px;
	width: 300px;
	background: -webkit-linear-gradient(left, #b0996a, #ffe8b3, #b0996a); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #b0996a, #ffe8b3, #b0996a); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #b0996a, #ffe8b3, #b0996a); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #b0996a, #ffe8b3, #b0996a); /* Standard syntax (must be last) */
}
 @-moz-document url-prefix() {
	/* This only applies to FireFox, issue with text's vertical placment not matching other browsers
	use theis wrapping code to target FireFox @-moz-document url-prefix() { myClass } */
    
	#ctaText {
position: relative;
	color: #223e86;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	outline: none;
	user-select: none;
/*	text-shadow: 0px 0px 0px #666;
	left: 117px;*/
	top: 5px;
	vertical-align:bottom;
	height: 28px;
	width: 110x;
	text-align: center;
}
}

button {
/* Any properties for all button elements goes here*/
}

.noselect {
	/* Use this class if you want something unselectable -- not 100% working, needs more testing */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}