@charset "utf-8";
/* CSS Document */

html, body {

	height:100%;
	margin:0;
	position:relative;

}

html {background: url(../includes/bg-main.jpg); }

body {
	background:url(../includes/bg-main.jpg) repeat center 0px;
	min-width:980px;

}

a { font-family:Arial, Helvetica, sans-serif; color: #00CCFF; text-decoration: none;}
a:hover { font-family:Arial, Helvetica, sans-serif; color: #006699; text-decoration: none;}

ul, li .general {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

p {
	line-height: normal;	
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#990000;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #003366;
}

#container {
	width:980px;
	margin: auto;

}

#navigation {
	width: 540px;
	float: right;
	height:41px;
	margin-top:45px;
	
}


#header {
	width: 980px;
	height:126px;
	position:relative;
	background:url(../includes/header.jpg) no-repeat;

}

.logo {
	width: 386px;
	height:126px;
	float:left;
}

.time {
	width: 250px;
	height:20px;
	float:right;
	margin-right: 25px;
	margin-top: 20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0099CC;
	font-size: 15px;
	font-weight: bold;
}

#mid-content {
	width: 980px;
	height: 362px;
	position: relative;
	background:url(../includes/mid-content.jpg)	 no-repeat;
}

#mid-content2 {
	width: 980px;
	height: 50px;
	position: relative;
	background:url(../includes/mid-content.jpg)	 no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 20px;
}

#mid-lt {
	width: 360px;
	height: 317px;
	float: left;
	margin-left: 25px;
	margin-top:20px;
}

#mid-lt2 {
	width: 980px;
	height: 317px;
	float: left;
	margin-top:20px;
}



.mid-lt-top {
	width:360px;
	height:122px;
	position: relative;
}

.mid-lt-bot {
	width:351px;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12.5px;
}


#mid-rt {
	width: 531px;
	height: 309px;
	float: right;
	margin-right: 10px;
	margin-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* -----------------------*/


#content-body {
	width: 980px;
	float: left;
	background:#FFFFFF url(../includes/content-bg.png) no-repeat;
}

#left-container {
	width: 584px;
	float: left;
	margin-left: 26px;
	margin-top:20px;
}



.products {
	width: 584px;
	height: 278px;
	background:url(../includes/products.png) no-repeat;
	float:left;
	margin-bottom: 20px;

}

.workshops{
	width: 584px;
	height: 628px;
	background:url(../includes/workshop-bg.png) no-repeat;
	float:left;
	margin-bottom: 20px;

}

.main-article{
	width: 554px;
	background: #FFFFFF ;
	float:left;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 20px;

}

.preview{
	width: 584px;
	height: 628px;
	background:url(../includes/preview_tracks.png) no-repeat;
	float:left;
	margin-bottom: 20px;

}


.news-lg{
	width: 584px;
	height: 628px;
	background:url(../includes/news-bg.png) no-repeat;
	float:left;
	margin-bottom: 20px;

}


.event-lg{
	width: 584px;
	height: 628px;
	background:url(../includes/event-bg.png) no-repeat;
	float:left;
	margin-bottom: 20px;

}


.workshops-text {
	width: 515px;
	margin-left: 20px;
	margin-top:45px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:	#000000;	

}

.news-events {
	width: 584px;
	height: 290px;
	background:url(../includes/news_and_events.png) no-repeat;
	float:left;
}

.new-readmore {
	width: 500px;
	height: 30px;
	float:right;
	margin-right: 40px;
	margin-top:5px;
}
.news {
	width: 515px;
	margin-left: 20px;
	margin-top:5px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:	#000000;	

}


.news a {text-decoration:none; color:#006699;}
.news a:hover {text-decoration: none; color: #FF9900;}

#right-container {
	width: 344px;
	float: right;
	margin-right: 10px;	
	margin-top:20px;

}
.testimonials {
	width: 344px;
	float:right;
	background: url(../includes/testimonials.png) no-repeat;

}

.trackinfo {
	width: 344px;
	height: 520px;
	float:right;
	background: url(../includes/track_information.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;

}


.testimonial-readmore {
	width: 250px;
	height: 15px;
	float:right;
	margin-right: 15px;
	margin-top:10px;
}

.testimonial-text {
	width: 310px;
	margin-left: 20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:	#000000;	
}

ul .article-text {font-family: Arial, Helvetica, sans-serif; }

.article {
	width: 344px;
	background:#FFFFFF url(../includes/articles-header.jpg) no-repeat;
	margin-bottom:10px;
}

.article-text {
	width: 315px;
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	font-size: 12px;
	padding-right: 15px;	
	padding-top:15px;
}

.article-text a{
	color:#003366; text-decoration:none;
}
.article-text a:hover{
	color: #0066CC; text-decoration:none;
}


.follow {
	width: 174px;
	height:111px;
	float:right;
}

#footer {
	width: 980px;
	height: 58px;
	background:url(../includes/footer.jpg) no-repeat;
	float:left;
}

.footer {
	width: 480px;
	margin-top:22px;
	margin-right: 10px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}

.footer a {
	font-family: Arial, Helvetica, sans-serif ;
	text-decoration: none;
	color: #FFFFFF;
}

.footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #0099FF;
	text-decoration: none;
}