/*******************slider***********************/

div#slider
{
	width:100%;
	height:400px;
	background-color:#0072bb;
	color::#fff;
}

/*******************project***********************/

div#projectContent
{
	width:100%;
	height:400px;
	text-align:center;
	margin:0 auto;
}

div#project
{
	width:65%;
	padding-right:5%;
	height:90%;
	display:block;
	text-align:center;
	float:right;
}

div.boxHeader
{
	width:100%;
	height:35px;
	padding-top:15px;
	text-align:right;
	font-size:1.8em;
	margin-bottom:20px;
	border-bottom:solid 2px #c02c44;
	font-weight:bold;
	color:#c02c44;
}

.projectGrid-block {
	width: 100%;
	height: 100%;
}

.projectGrid-block h2 {
	font-size: 1em;
	margin: 0px;
}

.grid-block {
	width: 214px;
	height: 150px;
	position: relative;
	float: left;
	margin:2px;
}

.grid-block img{
	width: 214px;
	height: 150px;
}

.grid-block h4 {
	font-size: .9em;
	color: #333;
	background: #f5f5f5;
	margin: 0;
	padding: 10px;
	border: 1px solid #ddd;
}

.caption {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: default;
	background: url(../images/slider_caption_bg.png) repeat;
}

.caption h3, .caption p {
	color: #fff;
	margin: 45px 20px 20px 20px;
	font-size:1.2em;
}

.caption p {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 20px 15px;
}

.caption a.learn-more {
	padding: 8px;
	background: #8dc73f;
	color: #fff;
	font-size:1em;
	-moz-border-radius: 2px;
	text-decoration: none;
	-moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

/*******************news***********************/

div#news
{
	width:30%;
	height:90%;
	display:block;
	text-align:center;
	float:right;
}

.jcarousel-container 
{
    position: relative;
}

.jcarousel-clip 
{
	height:310px;
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	direction: rtl;
	font-family:Tahoma, Geneva, sans-serif;
}

.jcarousel-list 
{
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
	z-index: 1;
}

.jcarousel-list li,
.jcarousel-item 
{
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    height: 56px !important;
	font-weight:normal;
	background:none;
	padding:10px 0px;
	border-bottom:1px solid #C9C9C9;
}

.jcarousel-item h4
{
	text-align:right;
	font-size:1.1em;
	color:#0072bb;
	margin:0px;
	line-height:1.5em;
	-moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-jcarousel-next" and "jcarousel-jcarousel-prev".
 */
.jcarousel-next 
{
    z-index: 3;
    display: none;
}

.jcarousel-prev 
{
    z-index: 3;
    display: none;
}

.jcarousel-prev,
.jcarousel-next		
{
	width:7px;
	height:16px;
	overflow:hidden;
	outline:none;
	cursor:pointer;
}
				
.jcarousel-prev	{float:left;}

.jcarousel-next	{float:right;}

.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover
{ /*Style for "disabled" jcarousel-previous or jcarousel-next link*/
	cursor:default;
}
				
.jcarousel-next-disabled, .jcarousel-next-disabled:hover
{ /*Style for "disabled" jcarousel-previous or jcarousel-next link*/
	cursor:default;
}
				
/* ----------------------------------scroller ----------------------------------------------*/

.newsJcarousel h2 
{
	font-size: 1em;
	margin: 0px;
}
				
.newsJcarousel
{
	width:100%;
	float:right;
	position:relative;
	overflow:hidden;
}
				
.newsJcarousel p
{
	margin:0;
	padding:0.6em 0 2em 0;
	font-size:1.1em;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:1.9em;
	color:#373737;
	text-align:right;
}
.newsJcarousel img			
{
	float:right;
	margin-top: 3px;
	margin-left:15px;
}
				
.newsJcarousel hr		
{
	position:relative;
	overflow:hidden;
	height:1px;
	border-top:1px solid #C9C9C9;
}
				
.slider		
{
	width:22px;
	height:16px;
	overflow:hidden;
	position:absolute;
	top:23px;
	right:130px;
}

/* ---------------------------------- Homepage Slider ----------------------------------------------*/

.jcarousel-prev	{background:url(../images/slider_btn.png) 0 -16px no-repeat;}
.jcarousel-next	{background:url(../images/slider_btn.png) 100% -16px no-repeat;}
.jcarousel-prev:hover, .selected jcarousel-prev	{background:url(../images/slider_btn.png) 0 -16px no-repeat;}				
.jcarousel-next:hover, .selected jcarousel-next	{background:url(../images/slider_btn.png) 100% -16px no-repeat;}
.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover{ background:url(../images/slider_btn.png) 0 0 no-repeat;}
.jcarousel-next-disabled, .jcarousel-next-disabled:hover{ background:url(../images/slider_btn.png) 100% 0 no-repeat;}