/* Copyright (c) 2009 Yamen Elasadi (YamenElasadi@hotmail.com || http://loanmodificationmadesimple.net)
 * Thanks and Credits go to jQuery for making my life easier.
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 * Should be Compitable with all browsers:  Tested with FireFox, IE 7 & beta test.  Did not test with ie 6
 */


A:active {
	outline: none;
}
:focus {
	-moz-outline-style: none;
}


.wrap #testimonials{
	margin:10px 0px 20px 0px;
	padding:0px;
	width:1012px;
	height:284px;
	border:0px black dashed;
	position:relative;
	display:block;
	float:left;
	background:#ab5500;
}
* html #testimonials{ /*IE6 hack*/
width: 100%;
}

#leftest{
	margin:0px;
	padding:0px;
	float:left;
	left:0px;
	top:0px;
	width:105px!important;
	height:284px!important;
}
.lefttest{
	background:url('../images/testimonials.png') no-repeat left top;
	width:105px;
	height:284px;
	float:left;
}



/* outmost wrapper element, containing all elements  */
#scrollable {
	text-align:left!important;
	background-color:#b15b06;
	border:0px solid #000;
	padding:0px;
	width:903px;
	height:282px;
	/*-moz-border-radius:5px!important; /* Not compitable with ie */
	float:left;
	margin-top:2px;
}


/* navigator */
div.navi {
	position:relative;
	top:0px;
	left:0px;
	float:left;
	margin-left:0px;
	width:253px;
	height:282px;
	border:0px blue solid;
	background:/*efefef*/#b15b06;
}


/* items inside navigator */
div.navi div {
	width:253px;
	height:60px;
	float:left;
	margin:0px;
	background:url('../images/test-name1.png') no-repeat 0 0;     
	cursor:pointer;
	top:-70px!important;
	font:18px/24px bold small-caption Georgia, Berling Antiqua, Frutiger Linotype;
	letter-spacing:0.01em;
}

div.navi div:hover {
	background-position:0 -70px; 
	color:white;    
}

div.navi div.active {
	background-position:0 -139px; 
	color:white;  
} 	

/* container for the scrollable items */
div.items {
	height:275px;	
	float:left;
	width:620px !important;
	border:0px white solid; /* adjust to 1px to see margins when working */
	margin-left:20px;
}

/* single item */
div.items a {
	display:inline;
	float:left;
	margin-right:0px;
	width:600px;
	height:250px!important;
	background:transparent/*#c97f27*/;
	font: 14px/28px Georgia, Berling Antiqua, Frutiger Linotype;
	letter-spacing:0.01em;
	color:#000;
	text-decoration:none;
	text-align:justify!important;
	cursor:pointer;
	clear:both;
}

.name{
	text-align:right; margin-left:325px; color:white; font-weight:bold;
}

.padding{
	padding:10px!important;
}

.firstltr{
	text-transform:uppercase; color:white; font:30px/10px Georgia, Berling Antiqua, Frutiger Linotype; overflow:visible;
}

/*
a:first-letter{text-transform:uppercase; color:red; font:36px/10px Georgia, Berling Antiqua, Frutiger Linotype; overflow:visible;}
li:first-letter{text-transform:uppercase; color:red; font:36px/10px Georgia, Berling Antiqua, Frutiger Linotype; overflow:visible;}

div.items ul{
	list-style:none;
	left:0px;
	float:left;
	text-align:left;
	margin:0px;
	padding:0px;
}
div.items li {
	display:inline;
	float:left;
	margin-right:0px;
	width:600px;
	height:250px;
	background:transparent;
	font: 18px/28px Georgia, Berling Antiqua, Frutiger Linotype;
	letter-spacing:0.01em;
	color:#000;
	text-decoration:none;
	text-align:justify!important;
	cursor:pointer;
}

div.items li:hover {
	color:#999;	
}

div.items li.active {
	background-position:0;		
	color:#555;
	cursor:default;
	background:#fff;
}