/*	CSS Document 
 *	Author: Tashreek Jackson
 *	Overview: Stylesheet for component styles etc.	
*/

/********************Grid-controls********************/

ul#grid-control{
	float:right;
    padding:0;
    margin:0;
    list-style:none;
    width:115px;
    height:27px;
	margin:44px 0 0 0;
}

ul#grid-control li{
    float:left;
}

ul#grid-control li a{
    display:block;
    height:27px;
    text-indent: -9999px;
}

ul#grid-control li a:hover, ul#grid-control li a:focus {
    background-position:0 -27px;
}

ul#grid-control li a.active {
    background-position:0 -27px;
}

a#text{
    width:58px;
    background:url(../images/controls/text.gif) no-repeat 0 0;
}

a#images{
    width:57px;
    background:url(../images/controls/images.gif) no-repeat 0 0;
}

.grid-button{
	float:left;
	margin:197px 0 0 0;
	width:30px;
}

.grid-button a{
	display:block;
	width:30px;
	height:50px;
	text-indent:-9999px;
}


.grid-button a#prev{
	background:url(../images/controls/prev.gif) no-repeat;
}

.grid-button a#prev:hover{
	background:url(../images/controls/prev-over.gif) no-repeat;
}

.grid-button a#next{
	background:url(../images/controls/next.gif) no-repeat;
}

.grid-button a#next:hover{
	background:url(../images/controls/next-over.gif) no-repeat;
}

span.desc{
	display:block;
	background:url(../images/controls/read-more.png) no-repeat;
	position:absolute;
	top:9px;
	left:9px;
	padding:16px 0 0 10px;
	overflow:hidden;
	width:100%;
	height:100%;
	color:#a3a3a3;
	float:left;
}

.desc h2{
	width:250px;
}

.desc p{
	width:240px;
}