/* CSS Document */

/* CSS Document */




html, body {
	height: 100%;
}		
body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(../images/top.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#wrapper {
	width: 960px;
	margin-top: 0px;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}
#branding {
	height: 93px;
}
.logo {
	float: left;
}







#top_nav {
	width: 550px;
	float: right;
	padding-top: 60px;
}

#top_nav ul{
	padding: 0;
	margin: 0;
}
#top_nav ul li{
	display: inline;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 48px;
}
#top_nav ul li a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 17px;
	font-weight: normal;
	padding-top: 14px;
	padding-bottom: 0;
	height: 29px;
} 
#top_nav ul li a:hover, #top_nav ul li a:focus{
	color: #59c7d5;
}
#top_nav ul li a.active {
	color: #59c7d5;
}






#content {
	clear: both;
	padding-right: 9px;
	padding-left: 34px;
	background-image: url(../images/content_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}





/* ----------- Home Tab Area --------------*/

.tabs {
	text-align: left;
	margin: 0px;
	padding-top: 80px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



ul.tabNavigation {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	display: block;
	}
ul.tabNavigation li{
	list-style: none;
	float:left;
	margin: 0px;
	padding: 0px;
}

ul.tabNavigation a{

}



/* ----------- Button Analytics --------------*/
.nav_one a {
	background-image: url(../images/analytics.png);
	display: block;
	text-align: left;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	color: #58c6d4;
	height: 55px;
	width: 166px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 150px;
	display:none;
}


.nav_one a:hover, .nav_one a.selected{
	background-image: url(../images/analytics.png);
	display: block;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
	height: 205px;
	width: 166px;
	background-repeat: no-repeat;
	background-position: left -205px;
	display:none;

}

/* ----------- Button Analytics --------------*/
.nav_two a {
	background-image: url(../images/analytics.png);
	display: block;
	text-align: left;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	color: #58c6d4;
	height: 55px;
	width: 136px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	padding-top: 150px;
	margin-right:41px;

}
.nav_two a:hover, .nav_two a.selected{
	background-image: url(../images/analytics.png);
	display: block;
	text-align: left;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
	height: 55px;
	width: 136px;
	padding-left:30px;
	background-repeat: no-repeat;
	background-position: left -205px;
	padding-top: 150px;
	margin-right:41px;
}
/* ----------- Button Insight --------------*/
.nav_three a {
	background-image: url(../images/insight.png);
	display: block;
	text-align: left;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	color: #58c6d4;
	height: 55px;
	width: 122px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 150px;
	margin-right:41px;

}
.nav_three a:hover, .nav_three a.selected{
	background-image: url(../images/insight.png);
	display: block;
	text-align: left;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
	height: 55px;
	width: 122px;
	background-repeat: no-repeat;
	background-position: left -205px;
	padding-top: 150px;
	margin-right:41px;
}
/* ----------- Button Web --------------*/
.nav_four a {
	background-image: url(../images/web.png);
	display: block;
	text-align: left;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	color: #58c6d4;
	height: 55px;
	width: 130px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 150px;
	margin-right:41px;

}
.nav_four a:hover, .nav_four a.selected{
	background-image: url(../images/web.png);
	display: block;
	text-align: left;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
	height: 55px;
	width: 130px;
	background-repeat: no-repeat;
	background-position: left -205px;
	padding-top: 150px;
	margin-right:41px;
}
/* ----------- Button surveys --------------*/
.nav_five a {
	background-image: url(../images/surveys.png);
	display: block;
	text-align: left;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	color: #58c6d4;
	height: 55px;
	width: 149px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 150px;
	margin-right:41px;

}
.nav_five a:hover, .nav_five a.selected{
	background-image: url(../images/surveys.png);
	display: block;
	text-align: left;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
	height: 55px;
	width: 149px;
	background-repeat: no-repeat;
	background-position: left -205px;
	padding-top: 150px;
	margin-right:41px;
}
/* ----------- Button visualization --------------*/
.nav_six a {
	background-image: url(../images/visualization.png);
	display: block;
	text-align: left;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	color: #58c6d4;
	height: 55px;
	width: 130px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 150px;


}
.nav_six a:hover, .nav_six a.selected{
	background-image: url(../images/visualization.png);
	display: block;
	text-align: left;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	color: #555555;
	height: 55px;
	width: 130px;
	background-repeat: no-repeat;
	background-position: left -205px;
	padding-top: 150px;

}










        


div.tabs > div {
	padding: 0px;
	margin-top: 0px;
}
.inner_tabs {
	width: 757px;
}

#first, #second, #third, #fourth, #fifth, #sixth {

}
#first {
	clear: both;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 0px;
	width: 830px;

}
#second {
	clear: both;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 0px;
	width: 830px;
}

#third {
	clear: both;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 0px;
	width: 830px;
}
#fourth {
	clear: both;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 0px;
	width: 830px;
}
#fifth {
	clear: both;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 0px;
	width: 830px;
}
#sixth {
	clear: both;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 0px;
	width: 830px;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #555555;
	padding-bottom: 24px;
}
h2 {
	font-size: 30px;
	font-weight: bold;
	color: #555555;
	padding-bottom: 24px;
}
p {
	font-size: 14px;
	color: #555555;
	padding-bottom: 15px;
}
strong {
	font-weight: bold;
}

.blue {
	color: #59c6d4;
}

#innerpage_column {
	padding-top: 43px;
	padding-left: 30px;
	width: 838px;
}















.push {
	height: 50px; /* .push must be the same height as .footer */
}
#footer {
	clear: both;
	width: 100%;
	height: 50px;
}
#special {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #6d6e71;
}

#footer_middle {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#footer_middle p {
	font-size: 10px;
	color: #6d6e71;
	padding-top: 3px;
}
#myInput{
	font-family : Arial, Helvetica, sans-serif;
	background-image: url(images/);
	background-color : #FFF;
	border: 1px solid #59c6d4;
	font-size : 12pt;
	font-weight: normal;
	color : #474646;
}