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

    Output device: screen, projection

    Author:     Nuvio (www.nuvio.cz)
    Update:     2008-07-29, 18:30 GMT+1
    Version:    2.2.6 (2008-07-13, 14:28 GMT+1)

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others
        6) carrusel

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

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background-color:#fff; color:#404040}

a {color:#404040;}
a:hover {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

    #nav span {color:#DDD;}
    #nav #nav-active {color:#DD1600;}

    #tray {background-color:#BFBFBF;}
    #tray li a {color:#404040;}
    #tray li#tray-active a {background-color:#DD1600; color:#FFF;}
    #tray li a:hover {background-color:#9F9F9F; color:#FFF;}

        #search #search-input {background-color:#FFF;}
        #search #search-input input {color:#404040;}

    #footer, #footer a {color:#9f9f9f;}
    #footer a:hover {color:#404040;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top, #col-bottom, #col {background-color:#E9FAFF;}

#cols3 .col h3 {background-color:#F5F5F5; color:#DD1600;}
#cols3 .col h3 a {color:#DD1600;}
#cols3 .col h3 a:hover {color:#000;}
#cols3 .col-more {background:#F5F5F5;}

#cols2 #col-left .title h4, #cols2 #col-right h4 {color:#DD1600;}
#cols2 #col-left .title h4, #cols2 #col-left .title span {background-color:#FFF;}
#cols2 #col-left .article {color:#DD1600;}
#cols2 #col-left a:hover.article {color:#000;}
#cols2 #col-right {background-color:#F5F5F5;}
#cols2 #col-right h4 span {background-color:#F5F5F5;}
#cols2 #col-right .article {color:#DD1600;}
#cols2 #col-right a:hover.article {color:#000;}

.col span {color:#DD1600;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.high {color:#777}




/*-----------------------------------------------------------------------------------*/
/*	6.	CAROUSEL
/*-----------------------------------------------------------------------------------*/

#cWrapper ul li {
	list-style: none;
	float: left;	
}

#cWrapper .d-carousel ul li {
	background: none;
	background-color: #FFF;
	-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	padding: 15px;
	width: 175px;
}

.jcarousel-direction-rtl {
	direction: rtl;
}

.d-carousel h4 {
	margin: 5px 0 5px 0;
}

.d-carousel .jcarousel-container {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

.d-carousel .jcarousel-item {
	width: 190px;
	height: 290px;
}

.d-carousel .jcarousel-container-horizontal {
	width: 870px;
	height: 325px;
	padding: 0 45px;
}

.d-carousel.sgrid .jcarousel-container {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	height: 156px;
}

.d-carousel.sgrid .jcarousel-clip-horizontal {
	width:  870px;
	height: 156px;
}

.d-carousel.sgrid .jcarousel-item {
	width: 190px;
	height: 120px;
}

.d-carousel .jcarousel-item-horizontal {
	margin-left: 3px;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-right: 11px;
}

.d-carousel .jcarousel-next-horizontal {
	position: absolute;
	top: 149px;
	right: 0;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(../images/blog-arrows.jpg) no-repeat top right;
	-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
}

.d-carousel.sgrid .jcarousel-next-horizontal {
	position: absolute;
	top: 60px;
	right: 0;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(../images/blog-arrows.jpg) no-repeat top right;
	-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
}

.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 5px;
	right: auto;
	background-image: url(../images/blog-arrows.jpg);
}

.d-carousel .jcarousel-next-horizontal:hover {
	background-position: bottom right;
}

.d-carousel .jcarousel-prev-horizontal {
	position: absolute;
	top: 149px;
	left: 0;
	margin-left: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(../images/blog-arrows.jpg) no-repeat top left;
	-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
}

.d-carousel.sgrid .jcarousel-prev-horizontal {
	position: absolute;
	top: 60px;
	left: 0;
	margin-left: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: gray url(../images/blog-arrows.jpg) no-repeat top left;
	-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
}

.d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 5px;
	background-image: url(../images/blog-arrows.jpg);
}

.d-carousel .jcarousel-prev-horizontal:hover {
	background-position: bottom left;
}

ul.fgrid li img {
	padding:0px;
	width:170px;
	height:100px;			
}

ul .fgrid  li span 
{
	margin:0 auto;
}





/*-----------------------------------------------------------------------------------*/
/*	7.	FONT-FACE
/*-----------------------------------------------------------------------------------*/


/* Arabic font face */
@font-face {
	font-family: 'Gess';
	src: url('../fonts/gess/ge-ss-med.eot') format('eot');
	src: url('../fonts/gess/ge-ss-med.woff') format('woff');
	src: url('../fonts/gess/ge-ss-med.svg#GESSTextMedium-Medium') format('svg');
	src: local('☺'), url('../fonts/gess/ge-ss-med.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Gess-Bold';
	src: url('../fonts/gess/ge-ss-bold.eot');
	src: local('☺'), url('../fonts/gess/ge-ss-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* english font face */
@font-face {
	font-family: 'Square';
	src: local('☺'), url('../fonts/square/squaretypeB.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}