/*_____________________________________________ Start - Global Styles _____________________________________________*/

* {
	outline: none;
}
 
.jCarouselLite {
	overflow: hidden;
	position: relative;
	visibility: visible;
	z-index: 2;
	width: 960px;
	left: 0px;
}
/*_____________________________________________ Start - Projects - jCarousel _____________________________________________*/

#jCarousel .carousel {
	padding: 0px;
	margin: 0px;
	position: relative;
}
#jCarousel .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
	float: left;
}
#jCarousel .carousel a.prev {
	position: absolute;
	z-index: 199;
	left: 249px;
	top: 216px;
	height: 23px;
	text-decoration: none;
	background-image: url(../images/imageNavLeft.gif);
	background-repeat: no-repeat;
	overflow: visible;
	width: 23px;
}
#jCarousel .carousel a.next {
	position: absolute;
	z-index: 200;
	left: 723px;
	top: 216px;
	width: 23px;
	height: 23px;
	overflow: visible;
	text-decoration: none;
	background-image: url(../images/imageNavRight.gif);
	background-repeat: no-repeat;
	 
}
#jCarousel .carousel a.next:hover {
	background-image: url(../images/imageNavRight.gif);
}
#jCarousel .carousel a.prev:hover {
	background-image: url(../images/imageNavLeft.gif);
}
#jCarousel .carousel a:hover, #jCarousel .carousel a:active {
	border: none;
	outline: none;
}
#jCarousel .carousel .jCarouselLite {
	border: 0px none black;
	float: left;
	background-color: #ffffff;
	/* Needed for rendering without flicker */
        position: relative;
	visibility: hidden;
	left: -5000px;
}
#jCarousel .carousel ul {
	margin: 0;
	padding: 0px;
	width: 2890px;
	list-style-type: none;
	position: relative;
	z-index: 1;
	left: -1530px;
}
#jCarousel .carousel li {
	overflow: hidden;
	float: left;
}
#jCarousel .carousel li img,  #jCarousel .carousel li p {
	background-color: #fff;
	width: 495px;
	height: 236px;
	margin: 0px;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}
/*_____________________________________________ End - Projects - jCarousel _____________________________________________*/

            



/*_____________________________________________ Start - Utility classes _____________________________________________*/

/* Default classes for clearing float, also clearing the end without presentational markup*/
.clear {
	clear: both;
}
.cLeft {
	clear: left;
}
.cRight {
	clear: right;
}
.cEnd {
	/* clear fix without presentational markup. Mostly use .cEnd class for the float container. But when lotta containers
    in one selector, add it directly here like #propertyEntry div */
        display: inline-table;
	/* Hides from IE-mac \*/
        height: 1%;
	display: block;/* End hide from IE-mac */
    }
html>body .cEnd {
	height: auto;
}
.cEnd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Default classes for floating elements left or right */    
.fNone {
	float: none;
}
.fLeft {
	float: left;
}
.fRight {
	float: right;
}
/* Default classes for hiding and showing elements */    
.hide {
	display: none;
}
.block {
	display: block;
}
.inline {
	display: inline;
}