/*	Less Framework 3
	by Joni Korpi
	http://lessframework.com	
	Edited by: Mustafa Alyousef
*/

/*	Resets
	------	*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/*	Typography presets
	------------------	*/


.normal, 
body,
#content h3 {
	font: 12px Tahoma, Helvetica Neue, Helvetica, Trebuchet MS, Arial, Verdana, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
	text-shadow: 1px 1px 1px rgba(0,0,0,.1); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,.1);
}

.small {
	font-size: 13px;
	line-height: 18px;
}

img.alignleft {float:left;padding:0;margin:0 15px 10px 0;display:inline;}
img.alignright{float:right;padding:0;margin:10px 10px 10px 0px;display:inline;}

abbr,
acronym{
	border-bottom: 1px dotted;
	cursor: help;
	font-variant: small-caps;
}
address,
cite,
em,
i{
	font-style: italic;
}
a {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	-moz-transition: color .3s linear;
	text-decoration: none;
	outline: none;
}
a:active,
a:focus {
	text-decoration: underline;
}

.container {
	width: 1002px;
	margin: 0 auto;
	overflow: hidden;
}
	#content {
		width: 720px; /* 5 columns */
		float: left;
		overflow: hidden;
	}
	
	.headerMain{
			height: 180px;
			width: 1000px;
			background-color: white;
		    background: url("images/headerTop.png") no-repeat top #ffffff;
		    border-left: #e2e2e2 solid 1px;
		    border-right: #e2e2e2 solid 1px;
		}
		.topLinks{
			padding: 12px 460px 0 220px;
			margin: 0;
		}
		
		
		.lang{
		    margin:0;
		    color:#e2e2e2;
		    height:auto;
		    width:auto;
		    float: left;
		    font-family:Tahoma;
		    font-size: 14px;
		}
		
		.snetwork{
		    margin:0;
		    height:auto;
		    width:260px;
		}
		

		.logos{
			width: 1000px;
			height: 120px;
			margin: 70px 620px;
		}
		
		.spons{
			float: right;
		}
		
		#sicon ul{list-style: none;height:19px;margin:0;}
		#sicon li{list-style: none;float:right;text-align:center; height:19px; display: inline;}
		#sicon li ul{ display:none;}
		#sicon li a{
		color:#ffffff;
		cursor:pointer;
		float:right;
		height:19px;
		list-style:none outside none;
		display:block;
		}
		#sicon li a:hover{
			background-position: bottom;
		}
		#sicon .FB{
			background: url(images/facebookIcon.png) no-repeat top;
			width: 19px;
		}
		#sicon .TW{
			background: url(images/twitterIcon.png) no-repeat top;
			width: 18px;
			padding-right: 15px;
		}
		#sicon .YO{
			background: url(images/youtubeIcon.png) no-repeat top;
			width: 19px;
		}

		.menu{
			width: 1002px;
			height: 42px;	
		    background: url("images/menuBackground.png") no-repeat left bottom #ffffff;
		}
		
		
		
		#nav ul{list-style: none;height:42px;margin:0;}
		#nav li{list-style: none;float:left;text-align:center; height:42px; display: inline;}
		#nav li ul{ display:none;}
		
		#nav li a{
		color:#ffffff;
		cursor:pointer;
		float:right;
		height:42px;
		list-style:none outside none;
		display:block;
		}
		
		#nav li a:hover{
			background-position: center;
		}
	
		#nav .index{
			background: url(images/buttons/index.png) no-repeat center top;
			width: 94px;
		}
		#nav .news{
			background: url(images/buttons/news.png) no-repeat top;
			width: 96px;
		}
		#nav .about{
			background: url(images/buttons/about.png) no-repeat top;
			width: 96px;
		}
		#nav .gallery{
			background: url(images/buttons/gallery.png) no-repeat top;
			width: 96px;
		}
		#nav .info{
			background: url(images/buttons/info.png) no-repeat top;
			width: 96px;
		}
		#nav .live{
			background: url(images/buttons/live.png) no-repeat top;
			width: 96px;
		}
		#nav .thanks{
			background: url(images/buttons/thanks.png) no-repeat top;
			width: 96px;
		}
		#nav .contact{
			background: url(images/buttons/contact.png) no-repeat top;
			width: 96px;
		}
		
		#nav .current, #nav li a:active{
		background-position: bottom;
		}
		
		
		h2.news{
			-moz-border-radius: 30px 30px 0 0;
			-webkit-border-radius: 30px 305px 0 0;
			border-radius:30px 30px 0 0;
			-moz-border-radius: 30px 30px 0 0;
		    background: url("images/newsHeader.png") repeat-x scroll left top;	
		    height: 36px;
		}
		
		h2.post{
		    font: 24px Arial;
			color:#848484;
			font-weight:bold; 
			border-bottom: 1px solid #D8D8D8; 
			padding-left: 5px;
			margin-left:15px;
			margin-right:15px;
			padding-top:10px;
		}
		
		.newsH{
		    font-family: Tahoma;
			font-size: 21px;
			color: #a7a7a7;
		    padding: 5px 30px;
		}	
		
		h2.counter{
			-moz-border-radius: 30px 30px 0 0;
			-webkit-border-radius: 30px 305px 0 0;
			border-radius:30px 30px 0 0;
			-moz-border-radius: 30px 30px 0 0;
		    background: url("images/counter.png") repeat-x scroll left top;	
		    height: 36px;
		}

		.counterBG{
			width: 99%;
			-moz-border-radius: 30px;
			-webkit-border-radius: 30px;
			border-radius:30px;
			-moz-box-shadow: 0 3px 2px #ddd;
			-webkit-box-shadow:0 3px 2px #ddd;
			box-shadow:0 3px 2px #ddd;
		    background: url("images/counterBG.png") repeat-x left bottom #FFFFFF;
		    border: #ccc solid 1px;
		    margin-bottom: 15px;
			min-height:350px;	
		}

		
		h2.twitter{
			-moz-border-radius: 30px 30px 0 0;
			-webkit-border-radius: 30px 305px 0 0;
			border-radius:30px 30px 0 0;
			-moz-border-radius: 30px 30px 0 0;
		    background: url("images/twitter.png") repeat-x scroll left top;	
		    height: 36px;
		}
		
		.text_twitter{
			font-size: 12px;
			font-family: Tahoma;
			color: #939292;
			padding:10px 5px 20px;
			line-height: 17px;

		}
		.aTweet{
		background: url("images/twitterBG.png") repeat-x scroll left bottom;
		height: 61px;
		width: 100%;
		}
		
		h2.follow{
			-moz-border-radius: 30px 30px 0 0;
			-webkit-border-radius: 30px 305px 0 0;
			border-radius:30px 30px 0 0;
			-moz-border-radius: 30px 30px 0 0;
		    background: url("images/follow.png") repeat-x scroll left top;	
		    height: 36px;
		}
		.text_box{
			padding:5px 10px 10px 15px;
			color:#939292;
		    font-family:Tahoma;
		    font-size: 12px;
		}
		.text_inside p{
			color:#939292;
		    font-family: Arial;
		    font-size: 16px;
			line-height: 20px;
			text-align: justify;
			/* text-indent: 25px; */
			padding-bottom:8px;
		}
		
		ol.d {
			list-style-type:lower-alpha;
			padding-left:15px;
			padding-top:10px;
		}
		
		.text_inside_head {
			padding-left:70px;
			padding-right:90px;
		    font-family: Arial;
			color:#437db3;
			font-size:11pt;
			line-height: 20px;
			text-align: justify;
			padding-bottom:8px;
		}
		.deeptext{
			line-height:25px;
			text-align:left;
			color:#437db3;
			font-family:Arial;
			font-size: 16px;
			font-weight:normal;
			padding: 20px 0px 20px 20px;
		}
		
		.text_inside not{
			color:#939292;
		    font-family: Arial;
		    font-size: 16px;
			line-height: 20px;
			text-align: left;
			/* text-indent: 25px; */
			padding-bottom:8px;
		}
		.text_box_post{
			padding:5px 30px 20px;
			color:#939292;
		    font-family:Tahoma;
		    font-size: 12px;
		    background: url("images/break.png") repeat-x bottom;	
		}
		
		.footer{
			text-align: center;
			color:#b6b6b6;
		    font-family:Tahoma;
		    font-size: 14px;
		    width: 700px;
		}
		
		.more{
			font-family:Tahoma;
			font-size: 14px;
			color: #58a4cc;
		}
		.featured-thumbnail{
			float: left;
			padding: 20px 20px 0 70px;
		}
		
		.main{
			width: 99%;
			-moz-border-radius: 30px;
			-webkit-border-radius: 30px;
			border-radius:30px;
			-moz-box-shadow: 0 3px 2px #ddd;
			-webkit-box-shadow:0 3px 2px #ddd;
			box-shadow:0 3px 2px #ddd;
		    background: url("images/post-bg.png") repeat-x left bottom #FFFFFF;
		    border: #ccc solid 1px;
		    margin-bottom: 15px;
			min-height:320px
		}
		
		.main{
			width: 99%;
			-moz-border-radius: 30px;
			-webkit-border-radius: 30px;
			border-radius:30px;
			-moz-box-shadow: 0 3px 2px #ddd;
			-webkit-box-shadow:0 3px 2px #ddd;
			box-shadow:0 3px 2px #ddd;
		    background: url("images/post-bg.png") repeat-x left bottom #FFFFFF;
		    border: #ccc solid 1px;
		    margin-bottom: 15px;
			min-height:320px
		}
		
		.mainNews{
			width: 99%;
			-moz-border-radius: 30px;
			-webkit-border-radius: 30px;
			border-radius:30px;
			-moz-box-shadow: 0 3px 2px #ddd;
			-webkit-box-shadow:0 3px 2px #ddd;
			box-shadow:0 3px 2px #ddd;
		    background: url("images/post-bg.png") repeat-x left bottom #FFFFFF;
		    border: #ccc solid 1px;
		    margin-bottom: 15px;
			min-height:300px
		}
		
		.twitter2{
			width: 99%;
			-moz-border-radius: 30px;
			-webkit-border-radius: 30px;
			border-radius:30px;
			-moz-box-shadow: 0 3px 2px #ddd;
			-webkit-box-shadow:0 3px 2px #ddd;
			box-shadow:0 3px 2px #ddd;
		    background:#f1f1f1;
		    border: #ccc solid 1px;
		    margin-bottom: 15px;
			min-height:320px
		}
		
		.mainSingle{
			width: 99%;
			-moz-border-radius: 30px;
			-webkit-border-radius: 30px;
			border-radius:30px;
			-moz-box-shadow: 0 3px 2px #ddd;
			-webkit-box-shadow:0 3px 2px #ddd;
			box-shadow:0 3px 2px #ddd;
		    background: url("images/post-bg.png") repeat-x left bottom #FFFFFF;
		    border: #ccc solid 1px;
		    margin-bottom: 15px;s
			min-height:300px;
		}
		.mailList{
			margin-top:20px;
			background: url("images/mailListBG.png") center top no-repeat;
			height: 77px;
			
		}		
		
	#sidebar {
		width: 250px; /* 3 columns */
		float: right;
		overflow: hidden;
	}



::selection {
	background: #a9c9f8;
}
::-moz-selection {
	background: #a9c9f8;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}



/*FOOTER*/
.copyrEN{
		    margin:0;
		    height:auto;
		    width:auto;
		    float: left;
		    font-family:Tahoma;
		    font-size: 12px;
		    padding-top: 5px;
		}
.foot{
		    margin:0;
		    width:260px;
		    float: right;
		}
#foot ul{list-style: none;height:32px;margin:0;}
		#foot li{list-style: none;float:right;text-align:center; height:32px; display: inline;}
		#foot li ul{ display:none;}
		#foot li a{
		color:#ffffff;
		cursor:pointer;
		float:right;
		height:32px;
		list-style:none outside none;
		display:block;
		}
		#foot li a:hover{
			background-position: bottom;
		}
		#foot .homeICON{
			background: url(images/homeICON.png) no-repeat top;
			width: 35px;
		}
		#foot .fbICON{
			background: url(images/fbICON.png) no-repeat top;
			width: 59px;
			padding-right: 30px;
		}
		#foot .tweetICON{
			background: url(images/tweetICON.png) no-repeat top;
			width: 42px;
			padding-right: 20px;
		}
		#foot .sendICON{
			background: url(images/sendICON.png) no-repeat top;
			width: 35px;
			padding-right: 30px;
		}

#searchwrapper {
width:206px; /*follow your image's size*/
height:24px;/*follow your image's size*/
background-image:url(images/searchBG.png);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:9px;
position:relative; /*important*/
}
 
#searchwrapper form { isplay:inline ;}
 
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
font-family:Tahoma;
font-size: 12px;
color: #afafaf;
top:0px;
left:10px;
width:195px;
height:24px;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
right:10px;

}


#mailwrapper {
top:45px;
padding:0px;
margin:9px;
position:relative; /*important*/
}
 
#mailwrapper form { display:inline ; }
 
.mailbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
font-family:Tahoma;
font-size: 12px;
color: #afafaf;
top:4px;
left:35px;
width:195px;
height:24px;
}
 
.mailbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:3px;
right:1px;

}


/*--Main Container--*/
.main_view {
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	margin-bottom: 15px;
	height:218px;	width: 715px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}

.windowF {
	margin-bottom: 15px;
	height:auto;	width: auto;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 1px; right: -7px;
	width: 150px; height:25px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 14px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px 10px;
	width:25px;
	text-decoration: none;
	background: url(images/slider/n.png)no-repeat top;
}
.paging a.active {
	background: url(images/slider/c.png) no-repeat center top;
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}