#viewport{
float:left;
	width: 701px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	height: 432px;
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
	padding: 0px;
	font-size:85%;
	position:relative
}
#viewport div{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
	padding: 0px;
}
#viewport div div.view{

	width: 220px; /* Defines the size of inner element */
	height: 425px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	background-color:#fff;
	/* Cosmetic */
	margin: 0 15px 5px 0 ;
	padding: 0;
	
border:1px solid #ccc
	
}

#viewport div div.view.double{
	width: 457px;
}

#viewport .go_blog{float:right;font-size:90%;background:#549c5e;color:#FFF;padding:3px 10px;cursor:pointer}
#viewport  .title {background:#378642;color:#FFF;padding:4px 20px;cursor:pointer}
#viewport  .date {;width:100%padding:0px;margin:0px;text-align:right;color:#777;font-size:80%;width:197px}

#viewport .lastest_blog{padding:5px 10px 10px 10px;}
#viewport .lastest_blog h4{
border-bottom:1px solid #ccc;margin-bottom:1px
}


/* Cosmetic */
#viewportPrevious, #viewportNext,#viewportStop{
	cursor: pointer;
	margin-bottom:5px
}
#xviewportPrevious{float:left;margin-right:17px}
#xviewportNext{float:right;}
#viewportStop{position:relative;left:-4px;margin-bottom:10px}
#xviewport p:first-letter {
 font-size: 3em;margin-right:3px;margin-left:9px;
 font-family: "Edwardian Script ITC", "Brush Script MT", cursive;
 }
 #xviewport p:first-line { line-height: 100%; }


 
 

	#homeSlideshow h2 span {		
		background: #fddd07;
		box-shadow: 10px 0 0 #fddd07, -10px 0 0 #fddd07;		
	}
	#content .project.small .inside{
		background-color: #fddd07;
	}
	#homeSlideshow .sequence-preloader .circle {
		fill: #fddd07 !important;
	}	


#mainNav ul a, #mainNav ul li.sfHover ul a { color: #8f8f8f !important;	}
	#mainNav ul li.current a,
	#mainNav ul li.current-cat a,
	#mainNav ul li.current_page_item a,
	#mainNav ul li.current-menu-item a,
	#mainNav ul li.current-page-ancestor a,
	#mainNav ul li.current-post-ancestor a,	
	.single-post #mainNav ul li.current_page_parent a,
	#mainNav ul li.current-category-parent a,
	#mainNav ul li.current-category-ancestor a,
	#mainNav ul li.current-portfolio-ancestor a,
	#mainNav ul li.current-projects-ancestor a {
		color: #000000 !important;		
	}
	#mainNav ul li.sfHover a,
	#mainNav ul li a:hover,
	#mainNav ul li:hover {
		color: #000000 !important;	
	}
	#mainNav ul li.sfHover ul a:hover { color: #000000 !important;}	
	
	
#crchomenews {
  
  width: 300px;
  padding: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 18px;
  background-color: #f5fffa;
  border: #d0f0c0 1px solid;
}