html,body{width: 100%;height: 100%;margin: 0;}
body{font-family: Tahoma;font-size: 11px;background: #EEE url(img/bg-noise.png);color: #555;text-align: center;}
.clear{clear: both;width: 0;height: 0;overflow: hidden;}
a{text-decoration: none;color: #71c3ce;}
a:hover{text-decoration: none;}
form{margin: 0;}
.floatLeft{float: left;}
.floatRight{float: right;}
.date{background-image: url(img/date.gif);width: 73px;height: 15px;float: left;color: #71c3ce;padding: 1px 0 0 10px;margin-right: 10px;}
.dashedLine{background-image: url(img/dashedLine.gif);height: 1px;margin: 14px 0;background-repeat: repeat-x;}
.videoSign{ background-image: url(img/videoSign.png);width: 28px;height: 20px;position: absolute;bottom: 10px;right: 10px;}
.rss{ background-image: url(img/RSS.gif);padding-right: 18px; background-repeat: no-repeat; background-position: right center;height: 14px;display: block;}

.pageContainer{text-align: left;position: relative;min-width: 1000px;}


.mainSWFContainer{ background-image: url(img/mainSWFBack.gif);height: 437px;overflow: hidden; border-bottom: 1px solid #c0c0c0;}
#mainSWF{width: 100%;height: 100%;}
.horGrad{background-image: url(img/horGrad.png);height: 19px;border-top: 1px solid #FFF;}
.horGradBot{background-image: url(img/horGradBot.png);height: 19px;margin-top: 20px;}




.pageWrapper{width: 1000px;margin: auto;overflow: hidden;}


.titleSWFCont {
    margin-bottom: 10px;
    min-height: 39px;
    padding-top: 5px;
    position: relative;
}


.titleSWF{height: 32px;width: 100%;margin: 14px 0;font-size: 32px;top: -7px;left: -3px;position: relative;overflow: hidden;color: #FFF;}
.titleSWFNew{height: 21px;font-size: 25px;margin: 0 0 2px 0;}
.titleSWFUnder{color: #838383;font-family: Arial, Helvetica, sans-serif;font-size: 10px;}
.titleDecImg{width: 43px;height: 100%;background-repeat: no-repeat;background-position: left center;position: absolute;top: 0;right: 0;}



.homeRow{}
.homeRowMargin{height: 40px;}

.homeRow .subTitle{margin-bottom: 14px;}
.homeRow .altTitle{float: left;color: #ea6e0e;padding-top: 1px;height: 15px;overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-weight: bold}
.homeRow .readMore{width: 152px;height: 16px;margin: 0;font-size: 16px;display: block;top: -4px;left: 0;}



.footerOptions{color: #a1a1a1;font-family: Arial, Helvetica, sans-serif;}
.footerOptions a{color: #a1a1a1;}
.footerOptions a:hover{color: #ea6e0e; text-decoration: none;}
.footerOptions .rss:hover{text-decoration: none;}
.footerOptions .floatRight{position: relative;top: -1px;}


..footerOptions .moveDown{background-image: url(img/scrollArrowsWhite.gif);width: 24px;height: 24x;display: block;float: left;margin-left: 5px; background-position: left bottom;cursor: pointer;display: none;}
.footerOptions .moveDownHover{background-position: left center;}
.footerOptions .moveDownDisabled{background-position: left top;cursor: default;}
.footerOptions .moveUp{background-image: url(img/scrollArrowsWhite.gif);width: 24px;height: 24px;display: block;float: left;margin-left: 5px;background-position: right bottom;cursor: pointer;display: none;}
.footerOptions .moveUpHover{background-position: right center;}
.footerOptions .moveUpDisabled{background-position: right top;cursor: default;}

.topStoryContainer{}


.footerOptions .floatRight{position: relative;top: -1px;}
.footerOptions .readMore{width: 152px;height: 16px;margin: 0;font-size: 16px;display: block;top: -4px;left: 0;}

.footerOptions .moveDown{background-image: url(img/scrollArrowsWhite.gif);width: 24px;height: 24px;display: block;float: left;margin-left: 5px; background-position: left bottom;cursor: pointer;display: none;}
.footerOptions .moveDownHover{background-position: left center;}
.footerOptions .moveDownDisabled{background-position: left top;cursor: default;}
.footerOptions .moveUp{background-image: url(img/scrollArrowsWhite.gif);width: 24px;height: 24px;display: block;float: left;margin-left: 5px;background-position: right bottom;cursor: pointer;display: none;}
.footerOptions .moveUpHover{background-position: right center;}
.footerOptions .moveUpDisabled{background-position: right top;cursor: default;}


.topStory{float: left;width: 656px;margin-right: 32px;}
.topStory .photoContainer{float: left;width: 204px;height: 160px;background-color: #333;border: 4px solid #585858;overflow: hidden;position: relative;}
.topStory .photoContainer img{height: 160px;}
.topStory .column{float: left;width: 206px;height: 168px;padding-left: 14px;line-height: 14px;overflow: hidden;}
.topStory .column b,.topStory .column strong{color: #333;font-family: Arial, Helvetica, sans-serif}
.topStory .subTitle{margin-bottom: 13px;}

.press{float: left;width: 312px;}
.press .titleSWF{left: 0;}
.press .mask{height: 348px;overflow: hidden;position: relative;}
.press .mask .movable{position: relative;}
.press .item{
	background: url(img/press.png) no-repeat;
	height: 87px;
	overflow: hidden;
	color: #FFF;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}
.press .item .item-date{
	float: left;
	width: 75px;
	height: 100%;
	text-align: center;
}

.press .item .item-date .month{
	font-size: 11px;
	height: 18px;
	padding-top: 3px;
	margin-bottom: 1px;
}

.press .item .item-date .day{
	font-size: 36px;
	height: 39px;
}

.press .item .item-date .year{
	font-size: 10px;
}

.press .item .item-title{
	width: 215px;
	float: left;
	padding: 20px 0px 0 10px;
	font-size: 12px;
}

.press .item a{
    display: block;
    height: 77px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.press .item .intro .brackets{color: #ea6e0e;}



.press .dashedLine{margin: 13px 0 14px 0;}



.multimedia{float: left;background-color: #666;height: 312px;width: 656px;margin-right: 32px;color: #FFF;}



.footer{ background-color: #1c1b1a; background-position: center top; background-image: url(img/footerBack.gif); background-repeat: no-repeat;padding-top: 40px;color: #7a7976;border-top: 1px solid #3d3d3c;}

.footer .column{float: left;width: 312px;height: 220px;line-height: 18px;position: relative;margin-right: 32px;}
.footer .column .titleSWF{height: 18px;width: 100%;margin: 0 0 9px 0;font-size: 20px;top: -6px;left: -3px;position: relative;overflow: hidden;color: #FFF;}
.footer .lastColumn{margin-right: 0;}
.footer .column b,.footer .column strong{font-weight: normal; text-decoration: underline; color: #d1d1d1;}
.footer .column a{color: #999;}
.footer .column a:hover{color: #71c3ce;text-decoration: underline;}
.footer .column .readMore{position: absolute;bottom: 0;}
.footer .column .readMore a{color: #71c3ce;display: block;float: left; background-image: url(img/footerListItem.gif); background-repeat: no-repeat; background-position: 0 8px;padding-left: 12px;}
.footer .column .readMore a:hover{text-decoration: underline;}
.footer .column ul{margin: 0;padding: 0; list-style-type: none;}
.footer .column ul li{background-image: url(img/footerListItem.gif); background-repeat: no-repeat; background-position: 0 8px;padding-left: 12px;}
.footer .column form{margin: 14px 0 0 0;display: block;height: 75px;}
.footer .column .errorMessage{color: #F00;}
.footer .column .okMessage{color: #0F0;}
.footer .column input{ background-image: url(img/footerInput.gif);width: 228px;height: 20px; padding: 7px 10px 0 10px;font-family: Tahoma, Geneva, sans-serif;font-size: 10px;color: #4c4c4c;display: block;float: left;position: relative;margin: 0 14px 0 0;border: 0;}
.footer .column .submit{width: 50px;height: 27px;float: left;display: block; background-color: #000; background-image: url(img/okBtn.gif);}
.footer .column .horSep{height: 14px;overflow: hidden;}
.footer .youtube,.footer .twitter,.footer .flickr{float: left;display: block;background-image: url(img/socialNetworks.png);height: 27px;margin-top: 14px;}
.footer .youtube{width: 68px;margin-right: 14px;}
.footer .youtube:hover{ background-position: -68px 0;}
.footer .flickr{width: 96px;background-position: 0 -27px;margin-right: 14px;}
.footer .flickr:hover{background-position: -96px -27px;}
.footer .twitter{width: 113px;background-position: 0 -54px;}
.footer .twitter:hover{background-position: -113px -54px;}

.footer .dashedLine{background-position: 0 -1px;margin-bottom: 0;margin-top: 19px;}
.footer .pageEnd{padding-bottom: 40px;}
.footer .copyright{font-size: 10px;color: #7a7976;}
.footer .footerMenuContainer{float: left;width: 700px;height: 48px;overflow: hidden;}
.footer .webDesign{float: right;padding-top: 17px;}
.footer .webDesign a{background-image: url(img/smokypixel.gif);display: block;width: 74px;height: 14px; background-position: center right;padding-left: 5px; background-repeat: no-repeat;}
.footer .copyright a{color: #7a7976;}
.footer .copyright a:hover{color: #71c3ce;text-decoration: underline;}
.footer .copyright .selected{color: #71c3ce;}



/*ARTICLE DISPLAY*/
.articleDisplay{padding: 30px 0;}
.articleDisplay .articleLeft{float: left;width: 230px;margin-right: 50px;}
.articleDisplay .articleLeft .articleTitle{margin: 20px 0 9px 0;}
.articleDisplay .articleLeft h1{font-weight: normal;color: #222;font-size: 23px;position: relative;top: -7px;left: -2px;color: #FFF;}
.articleDisplay .articleLeft .articleDate{color: #757575;margin-bottom: 15px;}
.articleDisplay .articleLeft .articleDate .time{color: #b0b0b0;}
.articleDisplay .articleLeft .articleButtons{margin-bottom: 15px;}
.articleDisplay .articleLeft .articleButtons a{display: block;width: 29px;height: 23px;float: left;background-image: url(img/article-buttons.gif);margin-right: 5px;}
.articleDisplay .articleLeft .articleButtons .floatRight a{margin-right: 0;margin-left: 5px;}
.articleDisplay .articleLeft .articleButtons .twitter{ background-position: 0 0;}
.articleDisplay .articleLeft .articleButtons .twitter:hover{ background-position: -29px 0;}
.articleDisplay .articleLeft .articleButtons .facebook{ background-position: 0 -23px;}
.articleDisplay .articleLeft .articleButtons .facebook:hover{ background-position: -29px -23px;}
.articleDisplay .articleLeft .articleButtons .mail{ background-position: 0 -46px;}
.articleDisplay .articleLeft .articleButtons .mail:hover{ background-position: -29px -46px;}
.articleDisplay .articleLeft .articleButtons .print{ background-position: 0 -69px;}
.articleDisplay .articleLeft .articleButtons .print:hover{ background-position: -29px -69px;}
.articleDisplay .articleLeft .articleButtons .fontMinus{ background-position: 0 -92px;}
.articleDisplay .articleLeft .articleButtons .fontMinus:hover{ background-position: -29px -92px;}
.articleDisplay .articleLeft .articleButtons .fontPlus{ background-position: 0 -115px;}
.articleDisplay .articleLeft .articleButtons .fontPlus:hover{ background-position: -29px -115px;}

.articleDisplay .articleLeft .articleTags{color: #71c3ce;}
.articleDisplay .articleLeft .articleTags a{color: #71c3ce;}
.articleDisplay .articleLeft .articleTags a:hover{text-decoration: underline;}
.articleDisplay .articleLeft .relArticles{}
.articleDisplay .articleLeft .relArticles h3{font-weight: bold;font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #222;}
.articleDisplay .articleLeft .relArticles .article{border-bottom: 1px solid #cfcfcf;color: #757575;padding-bottom: 10px;margin-bottom: 10px;}
.articleDisplay .articleLeft .relArticles .article a{color: #757575;}
.articleDisplay .articleLeft .relArticles .article a:hover b{color: #71c3ce;} 
.articleDisplay .articleLeft .relArticles .article b{font-weight: bold;font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #222;margin: 5px 0;}

.articleDisplay .articleRight{float: left;width: 650px;position: relative;}
.articleDisplay .articleRight .articlePhotoPlaceHolder{float: left;margin: 0px 20px 0px 0px; visibility:hidden;}
.articleDisplay .articleRight .articlePhoto{float: left;position: absolute;top: 5px;left: 0px;}
.articleDisplay .articleRight .articlePhotoCover{background-image: url(img/articlePhotoCover.png);position: absolute;width: 280px;height: 282px;top: -2px;left: -7px;}
.articleDisplay .articleRight .articleBody{line-height: 19px;color: #383838;}
.articleDisplay .articleRight .articleBody b, .articleDisplay .articleRight .articleBody strong{font-weight: bold;font-family: Arial, Helvetica, sans-serif;color: #222;}
.articleDisplay .articleRight .articleBody ul{}

.articleDisplay .articleRight .articleComments{margin-top: 20px;}
.articleDisplay .articleRight .articleComments .totalComments{}
.articleDisplay .articleRight .articleComments .totalComments .info{color: #aeaeae;}
.articleDisplay .articleRight .articleComments .comment{border-bottom: 1px solid #cfcfcf;padding-bottom: 20px;margin-top: 15px;}
.articleDisplay .articleRight .articleComments .comment .author{background-image: url(img/articleComment.png);background-repeat: no-repeat;padding-left: 42px;height: 29px;padding-top: 7px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 12px;color: #333333;}
.articleDisplay .articleRight .articleComments .comment .text{color: #757575;margin-bottom: 10px;line-height: 18px;}
.articleDisplay .articleRight .articleComments .comment .commentDate{color: #71c3ce;}
.articleDisplay .articleRight .articleComments .commentsDisclaimer{color: #9e9e9e;font-size: 10px;margin-top: 10px;}
.articleDisplay .articleRight .articleComments .commentsFooter{margin-top: 30px;}
.articleDisplay .articleRight .articleComments .commentsFooter .floatRight{padding-top: 9px;}
.articleDisplay .articleRight .articleComments .commentsFooter .floatRight b{font-weight: bold;font-family: Arial, Helvetica, sans-serif;}

.horizontalScroller{width: 678px;height: 203px;overflow: hidden;background-image: url(img/horGalleryBack.gif);margin-bottom: 20px;position: relative;left: -14px;}

.horizontalScroller .leftEdge, .horizontalScroller .rightEdge{position: absolute;background-image: url(img/horScrollerEgdes.png);width: 23px;height: 173px;top: 15px;}
.horizontalScroller .leftEdge{ background-position: -23px 0;left: 58px;}
.horizontalScroller .rightEdge{right: 58px;}

.horizontalScroller .previousArrow div{width: 100%;height: 100%;}
.horizontalScroller .previousArrow .disabled{width: 31px;height: 31px;position: absolute;top: 85px;left: 24px;background-image: url(img/horArrows.png);}
.horizontalScroller .previousArrow .active{background-position: 0 -31px;cursor: pointer}
.horizontalScroller .previousArrow .hover{background-position: 0 -62px;}
.horizontalScroller .nextArrow div{width: 100%;height: 100%;}
.horizontalScroller .nextArrow .disabled{width: 31px;height: 31px;position: absolute;top: 85px;right: 24px;background-image: url(img/horArrows.png);background-position: -31px 0;}
.horizontalScroller .nextArrow .active{background-position: -31px -31px;cursor: pointer}
.horizontalScroller .nextArrow .hover{background-position: -31px -62px;}

.horizontalScroller .mask{overflow: hidden;position: relative;top: 35px;left: 64px;width: 550px;}
.horizontalScroller .movable{position: relative;width: 6780px;height: 100%;}
.horizontalScroller .imgHolder{position: relative;width: 130px;height: 133px;float: left;margin-right: 10px;cursor: pointer;}
.horizontalScroller .imgHolder img, .horizontalScroller .imgHolder a{display: block;position: absolute;width: 122px;height: 125px;border: 0;top: 4px;left: 4px;}
.horizontalScroller .imgHolder .cover{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-image: url(img/horGalleryImgCover.png);}
.horizontalScroller .imgHolder .imgDate{color: #71c3ce;background-color: #000;-moz-opacity: 0.75;opacity: 0.75;filter: alpha(opacity = 75);width: 112px;height: 13px; padding: 2px 5px;position: absolute;left: 4px;bottom: 14px;;font-size: 10px;font-family: Tahoma, Geneva, sans-serif; border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;text-align: center;}
.horizontalScroller .imgHolder .newsPaper{width: 122px;height: 17px;position: absolute;left: 4px;top: 14px;border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;}
.horizontalScroller .empty{position: relative;width: 94px;height: 73px;float: left;margin-right: 7px;background-color: #111;}








.articleDisplay .articleRight .articleComments .addComment{padding: 0;display: block;float: left; background-image: url(img/addComment.gif); background-repeat: no-repeat;padding-left: 50px;height: 30px;padding-top: 9px;padding-left: 54px;color: #71c3ce;}
.paging{text-align: center;position: relative;top: -35px;}
.paging a{color: #404040;display: inline-block;padding: 0 7px;height: 19px;padding-top: 5px;position: relative; }
.paging a:hover{color: #71c3ce;}
.paging .currentPage{color: #71c3ce;}
.paging .previousPage{background-image: url(img/navi-arrows.jpg); background-repeat: no-repeat;width: 19px;height: 19px;padding: 0;position: relative;top: -2px;margin-right: 10px;}
.paging .previousPage:hover{background-position: 0 -19px;}
.paging .nextPage{background-image: url(img/navi-arrows.jpg); background-repeat: no-repeat;width: 19px;height: 19px;padding: 0; position: relative;background-position: 0 -38px;top: -2px;margin-left: 10px;}
.paging .nextPage:hover{ background-position: 0 -57px;}


/*	ARTICLES LIST*/
.articleList .pageTitle{padding-bottom: 30px;border-bottom: 1px solid #444;margin-bottom: 30px;}
.articleList .pageTitle .titleSWF{height: 52px;width: 100%;margin: 14px 0;font-size: 50px;top: -7px;left: -3px;position: relative;overflow: hidden;color: #FFF;}
.articleList .articleListLeft{float: left;width: 230px;margin-right: 50px;min-height: 10px;}
.articleList .articleListLeft .firstLevel{font-weight: bold;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #111;margin-bottom: 5px;display: block;}
#path b{font-weight: bold;font-family: Arial, Helvetica, sans-serif;}

.articleList .articleListLeft .firstLevel:hover, .articleList .articleListLeft .selected{color: #71c3ce;}
.articleList .articleListLeft .firstLevelChildren{border-top: 4px solid #4b4b4b;padding-top: 15px;margin-bottom: 10px;background-image: url(img/categoryArrow.gif); background-repeat: no-repeat;background-position: center top;}
.articleList .articleListLeft .firstLevelChildren a{display: block;padding-top: 4px;padding-bottom: 6px;color: #383838;margin-bottom: 1px;border-bottom: 1px solid #ffff;border-top: 1px solid #fff;border-bottom: 1px solid #cfcfcf;}
.articleList .articleListLeft .firstLevelChildren a:hover{ background-color: #4b4b4b;color: #FFF;}
.articleList .articleListLeft .firstLevelChildren .sep{height: 1px;overflow: hidden; background-color: #cfcfcf;}
.articleList .articleListLeft .firstLevelChildren .selected{background-color: #71c3ce;color: #FFF;padding-left: 10px;}

.articleList .articleListRight{float: left;width: 650px;position: relative;}
.articleList .articleListRight .article{position: relative;}
.articleList .articleListRight .article .artLeft{width: 474px;}
.articleList .articleListRight .article .articleTitle{font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 16px;color: #000;margin-bottom: 15px; height: 36px;}
.articleList .articleListRight .article .articleTitle a{color: #000;}
.articleList .articleListRight .article .articleTitle a:hover{color: #71c3ce;}
.articleList .articleListRight .article .artDate{color: #757575;}
.articleList .articleListRight .article .artDate .time{color: #b0b0b0;}
.articleList .articleListRight .article .floatLeft{padding-right: 10px;}
.articleList .articleListRight .article .arrowLink{padding-top: 0px;padding-bottom: 2px;}
.articleList .articleListRight .article{line-height: 18px;color: #383838;}
.articleList .articleListRight .article .articlePhotoPlaceHolder{float: left;margin: 0px 20px 0px 0px; visibility:hidden;width: 156px;height: 156px;}
.articleList .articleListRight .article .articlePhoto{float: left;position: absolute;top: 5px;left: 0px;width: 156px;height: 156px;}
.articleList .articleListRight .article .articlePhotoCover{background-image: url(img/articleThumbCover.png);position: absolute;width: 171px;height: 171px;top: -2px;left: -7px;}
.articleList .articleListRight .dashedLine{margin: 30px 0;}
.articleList .paging{top: 0;margin-top: 40px;padding-top: 30px;border-top: 1px solid #444;z-index:1;}
.articleList .paging-info{text-align: right;position: relative;top: -19px;z-index:0;}
.articleList .paging-info b{font-weight: bold;color: #222;font-family: Arial, Helvetica, sans-serif;}

.articleList .topPaging{position: absolute;top: -113px;width: 650px;}
.articleList .topPaging .paging{margin-top: 0;padding-top: 0;border-top: 0;}

.albumlist{
	width: 1032px
}

.albumlist .imgHolder{
	float: left;
	position: relative;
	width: 312px;
	margin-right: 32px;
	margin-bottom: 32px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	overflow: hidden;
}

.albumlist .imgHolder .img-info{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 77px;
	background: url(img/home-gallery.png) repeat-x;
	color: #cdcdcd;
	font-size: 11px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

.albumlist .imgHolder .img-info .img-info-inner{
	padding: 14px 16px 16px 16px;
}

.albumlist .imgHolder .img-info .img-date{
	font-size: 9px;
	color: #7c7c7c;
	margin-bottom: 8px;
}

.albumlist .imgHolder .img-info .img-date b{
	color: #fff;
}

.albumlist .imgHolder .img-info .img-title{
	line-height: 16px;
}

.albumlist .imgHolder .moreLink{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;	
}

.albumContainer .albumTitle{
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}

.albumContainer .img-date{
	margin-bottom: 30px;	
}

.albumContainer img{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;	
}


/*LABELS*/
.label{background-image: url(img/labels.gif);height: 13px;background-repeat: no-repeat;margin-bottom: 15px;}
.relArticlesLabel{background-position: 0 -13px;}
.artCommentsLabel{background-position: 0 -26px;}

/*ARROW LINKS*/
.arrowLink{background-image: url(img/navi-arrows.jpg); background-repeat: no-repeat;display: block;padding-left: 26px;padding-top: 2px;height: 17px;color: #71c3ce;float: left;}
.leftArrow:hover{background-position: 0 -19px;}
.rightArrow{background-position: 0 -38px;}
.rightArrow:hover{background-position: 0 -57px;}
.upArrow{background-position: 0 -76px;}
.upArrow:hover{background-position: 0 -95px;}

/*EPIKEROTITA*/
#epikerotita{margin: auto;width: 1000px;}
#epikerotita .horLabel{background-image: url(img/epikerotitaLabel.gif); background-repeat: no-repeat; background-position: center;width: 49px;height: 400px;margin: 0 28px 0 45px;float: left;}
#epikerotita .contentMask{float: left;width: 835px;margin: 25px 0;height: 350px;overflow: hidden;position:relative;}
#epikerotita .movable{position: relative;}
#epikerotita .item{width: 835px;height: 350px;overflow: hidden;margin-bottom: 30px;position: relative;}
#epikerotita .item .floatLeft{color: #FFF;width: 280px;height: 350px;line-height: 18px;position: relative;}
#epikerotita .item .floatLeft h1{visibility: hidden;}
#epikerotita .item .floatLeft .category{color: #9a9a9a;}
#epikerotita .item .floatLeft .category a{color: #9a9a9a;}
#epikerotita .item .floatLeft .category a:hover{color: #71c3ce;text-decoration: underline;}
#epikerotita .item .floatLeft .itemDate{color: #6ba8b6;}
#epikerotita .item .floatLeft .abstract{position: absolute;bottom: 0;overflow: hidden;}
#epikerotita .item .floatRight{width: 527px;height: 350px;position: relative; background-color: #FFF;}
#epikerotita .item .floatRight img, #epikerotita .item .floatRight .photoFront{width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;}
#epikerotita .item .floatRight .photoFront{background-image: url(img/epikerotitaPhotoFront.png);display: block;}
#epikerotita .navigation{height: 37px;padding-left: 122px;}
#epikerotita .navigation div{border: 1px solid #6a6a6a;color: #FFF;background-image: url(img/navButtons.png);display: block;float: left;width: 23px;height: 33px;padding-top: 2px;margin-right: 1px;text-align: center;cursor: pointer;}
#epikerotita .navigation .hover{color: #71c3ce;}
#epikerotita .navigation .selected{color: #fff;height: 34px;background-position:  0 -35px;position: relative;top: -17px;padding-top: 20px;border: 0;width: 25px;}

#epikerotita .navigation .pause{width: 43px;padding: 2px 7px 0 7px;}
#epikerotita .navigation .pause:hover{color: #71c3ce;}

.horSep{ background-image: url(img/horSep.gif); background-position: center; background-repeat: no-repeat;height: 59px;overflow: hidden;}
.artList{padding: 20px 45px;}
.artList .sep{height: 40px;}
.artList .article{}
.artList .article .artPhoto{width: 214px;height: 147px;float: left;position: relative;}
.artList .article .artPhoto img{position: relative;top: 10px;left: 10px;width: 194px;height: 127px;}
.artList .article .artPhoto .photoCover{background-image: url(img/articleListPhotoCover.png);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.artList .article .artPhoto a{display: block;position: absolute;top: 10px;left: 10px;width: 194px;height: 127px;}
.artList .article .video{background-position: left bottom;}
.artList .article .vertSep{float: left;width: 1px;height: 147px;oveflow: hidden; background-image: url(img/vertSep.gif);margin: 0 20px;}
.artList .article .abstract, .artList .article .artTitle{float: left;height: 142px;width: 307px;line-height: 18px;color: #707070;overflow: hidden;}
.artList .article .artTitle{position: relative;}
.artList .article .artTitle h1{width: 307px;height: 110px; background-color: red;visibility: hidden;margin: 0;}
.artList .article .artTitle .bottom{position: absolute;bottom: 0;color: #9a9a9a;width: 100%;}
.artList .article .artTitle .bottom .tags{color: #9a9a9a;}
.artList .article .artTitle .bottom .tags a{color: #9a9a9a;}
.artList .article .artTitle .bottom .tags a:hover{color: #000;}
.artList .article .artTitle .bottom .artDate{color: #71c3ce;}
.artList .article .artTitle .bottom .readMore{position: absolute;bottom: 0;right: 0;width: 17px;height: 17px; background-image: url(img/readMore.gif);}
.artList .article .artTitle .bottom .readMore:hover{ background-position: right top;}

.artListPaging{text-align: center;position: relative;padding: 0 45px;margin-top: 10px;}
.artListPaging a{color: #404040;display: inline-block;padding: 0 7px;height: 19px;padding-top: 5px;position: relative; }
.artListPaging a:hover{color: #71c3ce;}
.artListPaging .currentPage{color: #71c3ce;}
.artListPaging .previousPage{background-image: url(img/navi-arrows.jpg); background-repeat: no-repeat;width: 19px;height: 19px;padding: 0;position: relative;top: -2px;margin-right: 10px;}
.artListPaging .previousPage:hover{background-position: 0 -19px;}
.artListPaging .nextPage{background-image: url(img/navi-arrows.jpg); background-repeat: no-repeat;width: 19px;height: 19px;padding: 0; position: relative;background-position: 0 -38px;top: -2px;margin-left: 10px;}
.artListPaging .nextPage:hover{ background-position: 0 -57px;}

.artListPaging .paging-info{text-align: right;position: absolute;right: 46px;top: 5px;z-index:0;float: left;}
.artListPaging .paging-info b{font-weight: bold;color: #222;font-family: Arial, Helvetica, sans-serif;}


/*home page new*/

.topStoryContainer .titleSWFNew{}

.home-news{
	background: #AAA url(img/home-news.png);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	height: 320px;
	padding: 9px 16px;
	margin-bottom: 23px;
	overflow: hidden;
}


.home-news .inner{
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding-right: 1px;
}

.home-news .inner-ext{
	height: 100%;
	width: 200%;
}

.home-news .article{
	float: left;
	margin-right: 20px;
	height: 100%;
	position: relative;
	width: 195px;	
}

.home-news .article img{
	display: block;
	border: 1px solid #cccccc;
	height: 130px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin-bottom: 14px;
}

.home-news .article .art-date{
	color: #7e6530;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: -3px;
	margin-bottom: 14px;
}

.home-news .article .categ{
	color: #666;
}

.home-news .article h3{
	margin: -3px 0 14px 0;
	padding: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3c3c3c;
}

.home-news .article h3 a{
	color: #3c3c3c;
}

.home-news .article h3 a:hover{
	text-decoration: none;
}

.home-news .article p{
	margin: -3px 0 14px 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #686868;	
	margin-bottom: 14px;
}

.hor-rule{
	background: url(img/horRule.png);
	height: 2px;
	overflow: hidden;
	margin: 25px 0;
}

.home-questions{
	width: 284px;
	float: left;
	margin-right: 32px;
}

.home-questions .mask{
	height: 348px;
	overflow: hidden;
	position: relative;
}

.home-questions .mask .movable{
	position: relative;
}

.home-questions .item{
	height: 87px;
	overflow: hidden;
	color: #FFF;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;	
}

.home-questions .item .item-inner{
	background: url(img/questions.jpg) repeat-x;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	height: 57px;
	overflow: hidden;
	padding: 10px 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.home-questions .item .item-date{
	color: #c3c3c3;
	font-size: 9px;
	margin-bottom: 3px;
}

.home-questions .item h3{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #f1f1f1;
}

.home-questions .item h3 a{
	color: #f1f1f1;
}

.home-news .article h3 a:hover{
	text-decoration: none;
}

.home-gallery{
	width: 340px;
	float: left;
	margin-right: 32px;	
}

.home-gallery .home-gallery-cont{
	height: 338px;
	margin-bottom: 24px;
	overflow: hidden;
	position: relative;
	background-clip: padding-box;
	background: #CCC;
}

.home-gallery .home-gallery-cont .mask{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
}

.home-gallery .home-gallery-cont .mask .movable{
	position: relative;
	height: 100%;
	overflow: hidden;
}

.home-gallery .imgHolder{
	float: left;
	position: relative;
	width: 340px;
}

.home-gallery .imgHolder .img-info{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 77px;
	background: url(img/home-gallery.png) repeat-x;
	color: #cdcdcd;
	font-size: 12px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

.home-gallery .imgHolder .img-info .img-info-inner{
	padding: 14px 16px 16px 16px;
}

.home-gallery .imgHolder .img-info .img-date{
	font-size: 9px;
	color: #7c7c7c;
	margin-bottom: 8px;
}

.home-gallery .imgHolder .img-info .img-date b{
	color: #fff;
}

.home-gallery .imgHolder .img-info .img-title{
	line-height: 16px;

}

.home-gallery .imgHolder a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home-gallery .previousArrow{
	width: 27px;
	height: 27px;
	position: absolute;
	bottom: 45px;
	right: 33px;
}

.home-gallery .nextArrow{
	width: 27px;
	height: 27px;
	position: absolute;
	bottom: 45px;
	right: 6px;
}

.home-gallery .previousArrow div, .home-gallery .nextArrow div{
	width: 100%;
	height: 100%;
	background-image: url(img/home-gallery-arrows.png);
}



.home-gallery .previousArrow .disabled{background-position: 0 0;}
.home-gallery .previousArrow .active{background-position: 0 -27px;cursor: pointer}
.home-gallery .previousArrow .hover{background-position: 0 -54px;}

.home-gallery .nextArrow .disabled{background-position: -27px 0;}
.home-gallery .nextArrow .active{background-position: -27px -27px;cursor: pointer}
.home-gallery .nextArrow .hover{background-position: -27px -54px;}


.calendar-box{
	float: left;
	width: 312px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f1f1f1;
}

.calendar-box .calendar-cont{
	position: relative;
    height: 338px;
    margin-bottom: 24px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background: url(img/calendar-box.jpg);
	overflow: hidden;
}

.calendar-box .calendar-inner{
	padding: 24px 0 0 24px;
	position: relative;
}

.calendar-box ul, .calendar-box ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.calendar-box .monthRow{
	margin-bottom: 20px;
}

.calendar-box .month{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	width: 120px;
	height: 21px;
	line-height: 21px;
	padding-left: 10px;
}

.calendar-box .prevMonth, .calendar-box .nextMonth{
	float: left;
	width: 21px;
	height: 21px;
	background: url(img/calendar-arrows.png);
}

.calendar-box .nextMonth{
	background-position: right top;	
}

.calendar-box .prevMonth a, .calendar-box .nextMonth a{
	display: block;
	width: 100%;
	height: 100%;
}

.calendar-box .daysName{
	margin-bottom: 15px;
}

.calendar-box .daysName li {
    float: left;
    height: 24px;
    line-height: 24px;
    margin-right: 16px;
    position: relative;
    text-align: center;
    width: 24px;
	font-size: 12px;
	color: #333;
}
.calendar-box .days {
	position: relative;
    overflow: hidden;
	width: 280px;
}

.calendar-box .days .days-sep{
	position: absolute;
	width: 240px;
	height: 100%;
	min-height: 162px;
	background: url(img/calendar-days-sep.png) repeat-x 0 center;
	top: 0;
	left: -8px;
}

.calendar-box ul, .calendar-box li {
    color: #000000;
    display: block;
    font-size: 10px;
    margin: 0;
    padding: 0;
}

.calendar-box .monthDaysContainer {
	position: relative;
}

.calendar-box .days li {
    color: #fff;
    float: left;
    height: 24px;
    line-height: 24px;
    margin-bottom: 5px;
    margin-right: 16px;
    overflow: visible;
    text-align: center;
    width: 24px;
}
.calendar-box .days a {
    background-image: url("img/calendar-day.png");
    color: #FFFFFF;
    display: block;
    height: 100%;
    text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	box-shadow: 0 0 5px rgba(0,0,0,0.17);
}

.calendar-box .loading{
	position: absolute;
	top: 24px;
	right: 24px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	width: 25px;
	height: 25px;
	background: #fff url(img/calendar-loading.gif) no-repeat center center;
}


.calendar-box .dayPreview{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -312px;
	background: url(img/day-preview.png);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.calendar-box .dayPreviewContent{
	padding: 70px 16px 0 16px;
	position: relative;
	color: #666;
}

.calendar-box .dayPreview .dayPreviewCloseBtn{
    background: url("img/home-gallery-arrows.png") repeat scroll -1px -28px #666666;
    border-radius: 3px 3px 3px 3px;
    height: 25px;
    left: 16px;
    position: absolute;
    top: 24px;
    width: 25px;
	cursor: pointer;
}

.calendar-box .dayPreviewContent .calendar-entry{
	margin-bottom: 9px;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCC;
}

.calendar-box .dayPreviewContent .calendar-entry-time{
	background: #666;
	color: #efefef;
	font-size: 10px;
	padding: 0 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	display: block;
	float: left;
	margin-right: 5px;
}

.calendar-box .dayPreviewContent .calendar-entry .abstract{
	display: block;
	overflow: hidden;
	position: relative;
	
}
