@charset "UTF-8";
/* CSS Document */



/* single item */ 
/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 950px;	 
	height:181px;
}


div.scrollable_slides {  
	position:relative;
	overflow:hidden;
	width: 400px;	 
	height:250px;
}




/* single item */ 
/* root element for the whole scrollable setup */
div.scrollableHome {  
	position:relative;
	overflow:hidden;
	width: 700px;	 
	height:370px;
}

/*	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
}

/****HOME SLIDER *****/
/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbsHome {	
	position:absolute;
	width:20000em;	
	clear:both;
}


/****POP-UP SLIDES SLIDER *****/
/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbsSlides {	
	position:absolute;
	width:20000em;	
	clear:both;
}


/* custom positioning for navigational links */
a.prev {
	margin-top:10px;
}

a.next {
	margin-top:10px;	
}



/* single item */
#thumbs div {
	float:left;
	width:280px;
	height:187px;
	color:#666666;
	cursor:pointer;
}


/* single item */
#thumbsHome div {
	float:left;
	width:700px;
	height:370px;
	color:#666666;
	cursor:pointer;
}







/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#c9d4d0;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#c9d4d0;
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:5px 0 0 0;		
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666666;	
}

#thumbs h3 em {
	font-style:normal;
	color:yellow;
}


/* style when mouse is over the item */
#thumbsHome div.hover {
	background-color:#FFFFFF;	
}

/* style when element is active (clicked) */
#thumbsHome div.active {
	background-color:#FFFFFF;
	cursor:default;
}

#thumbsHome h3, #thumbs p, #thumbs span {
	margin:5px 0 0 0;		
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666666;	
}

#thumbsHome h3 em {
	font-style:normal;
	color:yellow;
}



/* style when mouse is over the item */
#thumbsSlides div.hover {
	background-color:#FFFFFF;	
}

/* style when element is active (clicked) */
#thumbsSlides div.active {
	background-color:#FFFFFF;
	cursor:default;
}

#thumbsSlides h3, #thumbs p, #thumbs span {
	margin:5px 0 0 0;		
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#666666;	
}

#thumbsSlides h3 em {
	font-style:normal;
	color:yellow;
}





/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/arrow/left.png) no-repeat;
	float:left;
	margin:43px 5px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/arrow/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:450px;
	margin-top:0px;

	margin-bottom:10px;
width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/arrow/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

/*********TABS********/
/* tabs */
#flowtabs {  
	margin:0 !important; 
	padding:0;
	width:900px;
	height:31px !important;
		color:#6c5e55;

}

#flowtabs li { 
	color:#6c5e55;

	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* every tab uses the same background image */
#flowtabs li a { 
	display:block;
	height: 31px;  
	overflow: hidden; 
	text-indent: -999em; 
	width: 189px; 
	background: url(../images/portfolio/tabs.png) no-repeat;
	padding:0px;
	margin:0px;
}

#flowtabs a.current	{ 
	cursor:default; 
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -189px 0; }
#flowtabs #t3 			{ background-position: -378px 0; }
#flowtabs #t4 			{ background-position: -567px 0; width:192px;}
 
#flowtabs #t1:hover 	{ background-position:      0 -33px; }
#flowtabs #t2:hover 	{ background-position: -189px -33px; }
#flowtabs #t3:hover 	{ background-position: -378px -33px; }
#flowtabs #t4:hover 	{ background-position: -567px -33px; }

#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }


/* panes */
#flowpanes {
	background:transparent url(/img/home/bottom.png) no-repeat;		
	width:900px;
	height:600px;	
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#ffffff;	
	margin:0px;
}

/* h2 inside pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
}