@charset "utf-8";
#wrapper {
	text-align: left;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	padding-top: 15px;
	border: thin none #000;
	padding-bottom: 15px;
}
h1 {
	font-family: Helvetica, sans-serif;
	font-size: 24px;
	color: #000;
}

a:link {color: #000000; text-decoration: underline; }
a:active {
	color: #000;
	text-decoration: underline;
}
.newslink {
	color: #F9FF00;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #F9FF00;
	text-decoration: none;
}

#content {
	text-align: left;
	height: auto;
	width: 960px;
	background-repeat: repeat-y;
	border-right-width: thin;
	border-right-style: none;
	border-right-color: #000;
	border-left-width: thin;
	border-left-style: none;
	border-left-color: #000;
	border-top-style: solid;
	border-bottom-style: none;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-color: #000;
}
#footer {
	clear: inherit;
	height: 20px;
	width: 960px;
	float: left;
	text-align: center;
}
#navigation {
	text-align: left;
	float: left;
	height: 300px;
	width: auto;
	background-color: #FFFFFF;
	border: 0px none #FFFFFF;
	margin-left: 10px;
	text-decoration: none;
	padding-top: 10px;
}
#navigation2 {
	text-align: center;
	float: left;
	height: 20px;
	width: auto;
	background-color: #FFFFFF;
	border: 0px none #FFFFFF;
	margin-left: 90px;
	text-decoration: none;
	filter: Alpha(Opacity=10%);
	margin-top: 80px;
	font-size: small;
	vertical-align: bottom;
}
#twitter {
	height: auto;
	width: 355px;
	float: left;
	clear: none;
	padding-right: 5px;
}

#showcase {
}

#nav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 100px;
	text-decoration: none;
}
#nav li {
	margin-bottom: 2px;
	width: 80px;
	text-decoration: none;
}
#nav a {
	color: #000;
	display: block;
	width: 85px;
	padding-left: 10px;
	background-color: #FFFFFF;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #000;
	text-decoration: none;
}
#nav a:hover {
	color: #000000;
	text-decoration: none;
	border-left: 5px solid yellow;
	background-color: #FFFFFF;
	width: 100px;
}

#nav2 {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 100px;
	text-decoration: none;
	display: inline;
	text-align: center;
	vertical-align: bottom;
}
#nav2 li {
	margin-bottom: 2px;
	width: 80px;
	text-decoration: none;
	display: inline;
	text-align: center;
	vertical-align: bottom;
}
#nav2 a {
	color: #000;
	display: inline;
	width: 95px;
	padding-left: 10px;
	background-color: #FFFFFF;
	border-left-width: 5px;
	border-left-style: none;
	border-left-color: #EDEDED;
	text-decoration: none;
	border-bottom-width: 5px;
	border-bottom-style: none;
	border-bottom-color: #000;
	text-align: center;
	vertical-align: bottom;
	padding-right: 10px;
}
#nav2 a :selected {
	color: #000;
	display: inline;
	width: 85px;
	padding-left: 10px;
	background-color: #FFFFFF;
	border-left-width: 5px;
	border-left-style: none;
	border-left-color: #EDEDED;
	text-decoration: none;
	border-bottom-width: 5px;
	border-bottom-style: none;
	border-bottom-color: #000;
	text-align: center;
	vertical-align: bottom;
}
#nav2 a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	width: 100px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: yellow;
	text-align: center;
	vertical-align: bottom;
}
#nav2 a:active {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FF0;
}


#leftcol {
	float: left;
	height: 220px;
	width: 600px;
}
#rightcol {
	text-align: left;
	float: right;
	height: 220px;
	width: 250px;
}



#midcontent {
	height: auto;
	width: 960px;
	border: thin none #000;
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", sans-serif;
}
#lowercontent {
	height: 230px;
	width: 960px;
	float: left;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	margin-bottom: 10px;
	border-right-style: none;
	border-left-style: none;
	background-color: #000;
	color: #CCC;
}
#lower_news {
	height: 240px;
	width: 570px;
	padding-left: 10px;
	float: left;
	margin-right: 20px;
	color: #CCC;
	font-size: small;
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", sans-serif;
}
#lower_news_image {
	float: right;
	height: auto;
	width: 250px;
}

#lower_news a {
	color:ffffff
}

#lower_news a:hover {
	color:#FF0
}


	
#header {
	height: 100px;
	width: 960px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
}
body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight: 300;
	font-size: x-small;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #FFFFFF;
	background-attachment: scroll;
	background-image: url(images/body_bg_1.jpg);
	background-repeat: repeat-x;
}
#center {
	float: left;
	height: 300px;
	width: 600px;
	border-left-width: thin;
	border-left-style: none;
	border-left-color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}
#news {
	text-align: left;
	float: left;
	height: auto;
	width: 346px;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 10px;
	padding-left: 5px;
	border-right-width: thin;
	border-right-style: none;
	border-right-color: #000;
	border-left-width: thin;
	border-left-style: none;
	border-left-color: #000;
	border-top-style: none;
	border-bottom-style: none;
	padding-right: 5px;
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-size: small;
}
.special_link {
	font-size: small;
	text-decoration: none;
	color: #000;
}
.intro_text {
	font-size: small;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
}
#servicetext {
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	text-decoration: none;
	float: left;
	height: 300px;
	width: 600px;
}
#ratestext {
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	text-decoration: none;
	float: left;
	height: 240px;
	width: 960px;
	font-size: small;
	margin-top: 5px;
}
.rates {
	font-size: small;
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", sans-serif;
}
#paymenttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	float: left;
	height: auto;
	width: 620px;
}
#abouttext {
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	text-decoration: none;
	float: left;
	height: auto;
	width: 590px;
	padding-bottom: 10px;
	font-size: small;
	padding-right: 10px;
}

#tittle {
	vertical-align: bottom;
	float: right;
	height: 100px;
	width: 600px;
}
#slider {
	width: 600px; /* important to be same as image width */
	height: 300px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	border: thin none #000;
}

#sliderContent {
	width: 600px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
	list-style-type: none;
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderImage span {
	position: absolute; /* important */
	left: 0;
	width: 374px;
	background-color: #000;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	color: #fff;
	display: none; /* important */
	top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 13px;   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.sliderImage span a {
	color: #FFF;
}

.sliderImage span a visited {
	color:#FFF;
}
	

.clear {
   clear: both;
}
rates {
	font-size: small;
}
#share {
	text-align: center;
	float: left;
	height: 20px;
	width: auto;
	background-color: #FFFFFF;
	border: 0px none #FFFFFF;
	margin-left: 110px;
	text-decoration: none;
	filter: Alpha(Opacity=10%);
	margin-top: 80px;
	font-size: small;
	vertical-align: bottom;
}

/*{{{ general playlist settings, light gray */
.playlist {

	position:relative;
	overflow:hidden;	 	
	height:285px !important;
}

.playlist .clips {	
	position:absolute;
	height:20000em;
}

.playlist, .clips {
	width:200px;	
}

.clips a {
	background:url(/img/global/gradient/h80.png);
	display:block;
	background-color:#fefeff;
	padding:12px 15px;
	height:46px;
	width:195px;
	font-size:12px;
	border:1px outset #ccc;		
	text-decoration:none;
	letter-spacing:-1px;
	color:#000;
	cursor:pointer;
}

.clips a.first {
	border-top-width:1px;
}

.clips a.playing, .clips a.paused, .clips a.progress {
	background:url(/img/playlist/light.png) no-repeat 0px -69px;
	width:225px;
	border:0;
}
	
.clips a.progress {
	opacity:0.6;		
}

.clips a.paused {
	background-position:0 0;	
}

.clips a span {
	display:block;		
	font-size:11px;
	color:#666;
}

.clips a em {
	font-style:normal;
	color:#f00;
}	

.clips a:hover {
	background-color:#f9f9fa;		
}

.clips a.playing:hover, .clips a.paused:hover, .clips a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/


/*{{{ petrol colored */

.clips.petrol a {
	background-color:#193947;
	color:#fff;
	border:1px outset #193947;
}

.clips.petrol a.playing, .clips.petrol a.paused, .clips.petrol a.progress {
	background:url(/img/playlist/dark.png) no-repeat 0px -69px;
	border:0;
}

.clips.petrol a.paused {
	background-position:0 0;	
}

.clips.petrol a span {
	color:#aaa;
}

.clips.petrol a em {
	color:#FCA29A;
	font-weight:bold;
}	

.clips.petrol a:hover {
	background-color:#274D58;		
} 

.clips.petrol a.playing:hover, .clips.petrol a.paused:hover, .clips.petrol a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/


/*{{{ low version */

.clips.low a {	
	height:31px;
}

.clips.low a.playing, .clips.low a.paused, .clips.low a.progress {
	background-image:url(/img/playlist/light_small.png);
	background-position:0 -55px;
}

.clips.low a.paused {
	background-position:0 0;	
}


/*}}}*/


/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(/img/playlist/arrow/up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;		
}

a.go.down {
	background-image:url(/img/playlist/arrow/down.png);	
}

.petrol a.go {
	background-image:url(/img/playlist/arrow/up_dark.png);		
}

.petrol a.go.down {
	background-image:url(/img/playlist/arrow/down_dark.png);		
}

a.go.disabled {
	visibility:hidden;		
}

/*}}}*/#newsvideo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	float: left;
	height: 430px;
	width: 800px;
}
videolink {
	color: #FF0;
}
#midcontent_news {
	height: auto;
	width: 960px;
	border: thin none #000;
	padding-bottom: 20px;
}
#newsvideo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	float: left;
	width: 960px;
	text-align: left;
	height: 200px;
}
#news_articles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	float: left;
	height: 430px;
	width: 600px;
	text-align: left;
}