/*-----------------------------------------------------------------------------------*/
/*	Start Global CSS
/*-----------------------------------------------------------------------------------*/

body{
	background-image:url(../images/page-bg.jpg);
	background-position:top left;
	background-repeat:repeat;
	background-color:#476990;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#ffffff;
	padding:0px;
	margin:0px;
	text-align:center;
}

img{
	border:0;
}

a{
	border:0;
	text-decoration:none;
	outline:none;
}

.container{
	width:900px;
	margin:0px auto;
	text-align:left;
}

.clear{
	clear:both;
}

/*-----------------------------------------------------------------------------------*/
/*	Main Content
/*-----------------------------------------------------------------------------------*/

#main-content{
	background-image: url(../images/main-bg.jpg);
	background-position: center -40px;
	background-repeat: no-repeat;
	min-height: 400px;
	padding: 250px 0 0 0;
}

#main-content h1{
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	font-style: italic;
	border-top: 1px dashed #2a4564;
	border-bottom: 1px dashed #2a4564;
	padding: 30px 0px;
	margin: 0 0 0px 0;
}

#main-content p{
	line-height:22px;
	margin:0 0 20px 0;
	color:#CFE8FF;
	text-indent:20px;
}

#left{
	float:left;
	width:370px;
	margin:0 40px 0 0;
}

#right{
	float:left;
	width:370px;
}

/*-----------------------------------------------------------------------------------*/
/*	Browser List
/*-----------------------------------------------------------------------------------*/

#browser-wrapper{
	border-top:1px dashed #2a4564;
	border-bottom:1px dashed #2a4564;
	margin:15px 0 0 0;
	padding:15px 0px;
}

.browser{
	margin: 0 40px 0 0;
	padding: 0px;
	outline: 0px;
}
.browser-last{
	margin:0 0px 0 0;
	padding:0px;
	outline:0px;
}

#upgrade{
	text-align:center;
	margin:15px 0 0 0;
}

.contactIcon {
	width:540px;
	height:387px;
	display:block;
	background:url(../images/main-bg1.png) no-repeat top left;
	margin:-50px 0 0 0;
	cursor:pointer
}

.events{background:url(../images/events.png); width:190px; height:180px;}
.events:hover{background:url(../images/events-c.png); width:190px; height:180px;}



/* shake CSS Starts */
@keyframes shake {
0% {
transform: translate(2px, 1px) rotate(0deg);
}
10% {
transform: translate(-1px, -2px) rotate(-1deg);
}
20% {
transform: translate(-3px, 0px) rotate(1deg);
}
30% {
transform: translate(0px, 2px) rotate(0deg);
}
40% {
transform: translate(1px, -1px) rotate(1deg);
}
50% {
transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
transform: translate(-3px, 1px) rotate(0deg);
}
70% {
transform: translate(2px, 1px) rotate(-1deg);
}
80% {
transform: translate(-1px, -1px) rotate(1deg);
}
90% {
transform: translate(2px, 2px) rotate(0deg);
}
100% {
transform: translate(1px, -2px) rotate(-1deg);
}
}
@-moz-keyframes shake {
0% {
-moz-transform: translate(2px, 1px) rotate(0deg);
}
10% {
-moz-transform: translate(-1px, -2px) rotate(-1deg);
}
20% {
-moz-transform: translate(-3px, 0px) rotate(1deg);
}
30% {
-moz-transform: translate(0px, 2px) rotate(0deg);
}
40% {
-moz-transform: translate(1px, -1px) rotate(1deg);
}
50% {
-moz-transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
-moz-transform: translate(-3px, 1px) rotate(0deg);
}
70% {
-moz-transform: translate(2px, 1px) rotate(-1deg);
}
80% {
-moz-transform: translate(-1px, -1px) rotate(1deg);
}
90% {
-moz-transform: translate(2px, 2px) rotate(0deg);
}
100% {
-moz-transform: translate(1px, -2px) rotate(-1deg);
}
}
@-webkit-keyframes shake {
0% {
-webkit-transform: translate(2px, 1px) rotate(0deg);
}
10% {
-webkit-transform: translate(-1px, -2px) rotate(-1deg);
}
20% {
-webkit-transform: translate(-3px, 0px) rotate(1deg);
}
30% {
-webkit-transform: translate(0px, 2px) rotate(0deg);
}
40% {
-webkit-transform: translate(1px, -1px) rotate(1deg);
}
50% {
-webkit-transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
-webkit-transform: translate(-3px, 1px) rotate(0deg);
}
70% {
-webkit-transform: translate(2px, 1px) rotate(-1deg);
}
80% {
-webkit-transform: translate(-1px, -1px) rotate(1deg);
}
90% {
-webkit-transform: translate(2px, 2px) rotate(0deg);
}
100% {
-webkit-transform: translate(1px, -2px) rotate(-1deg);
}
}
.shake {
	_display:block;
}
.shake:hover, .shake:focus {
	animation-name: shake;
	animation-duration: 0.8s;
	transform-origin:50% 50%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-name: shake;
	-moz-animation-duration: 0.8s;
	-moz-transform-origin:50% 50%;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-name: shake;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}