/*GLobal CSS Styles*/
@font-face 
{
    font-family: Ebrima;
    src: url('fonts/ebrima.ttf') format("truetype");
    src: local(Ebrima), url('fonts/ebrima.ttf') format('truetype');
}

/*DeskTop Styles*/

#wrap
{
	height:100%;
	width:960px;
	background-color: #FFF;
	margin:auto;
}

/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	#wrap
	{
		width:800px;
	}
}

/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	#wrap
	{
		width:500px;
	}
}


#middle
{
	width:960px;
	border-spacing: 4px;
	padding: 3px;
	background-color: #EEEEEE;
	font-family:Ebrima,Arial;
}
/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	#middle
	{
		width:800px;
	}
}

/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	#middle
	{
		width:500px;
	}
}
#heading
{
	text-align: center;
}
#slideshow 
{
	height: 220px;
	width:460px;
	float: left;
	/*position: absolute;*/
	border: 1px green solid;
	overflow: hidden;
	/*border-radius*/
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	#slideshow
	{
		width:794px;
		position:relative;
	}
}
/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	#slideshow
	{
		width:460px;
		position:relative;
	}
}
#info
{
	height: 220px;
	width: 490px; /*normally 50%*/
	float: left;
	color: #666666;
	font-family: Ebrima;
	font-size: 11px;
	border: 1px green solid;
	padding: 3px;
	padding-left: 10px;
	border-spacing: 4px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 3px;
}

/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	#info
	{
		width:792px;
		position:relative;
		margin-top:5px;
		padding-top: 5px;
	}
}
/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	#info
	{
		width:494px;
		height:180px;
		position:relative;
		padding-top: 5px;
		margin-top:5px;

	}
}
#info2 
{
	height:150px;
	font-family: Ebrima,Verdana;
	font-size: 11px;
	color: #666666;
	border: 1px green solid;
	clear:both;
	padding: 3px;
	padding-left: 10px;
	border-spacing: 4px;
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.under 
{
	text-decoration: underline;
}
#serviceagents
{
	width:952px;
	height:350px;
	margin:auto;
	font-family: Ebrima,Verdana;
	font-size: small;
	background-color: #C0C0C0;
	border: 1px green solid;
	padding: 3px;
	border-spacing: 4px;
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	clear:both;
}
/*Tablet Styles*/
@media screen and (min-width:501px) and (max-width:800px) {
	#serviceagents 
	{
		width:794px;
	}
}

/*Mobile Styles*/
@media screen and (min-width:50px) and (max-width:500px) {
	#serviceagents 
	{
		width:490px;
	}
}

#column 
{
	height: 300px;
	color: #666666;
	width: 50%;
	font-family: Ebrima;
	font-size: 11px;
	background-color: #EEEEEE;
	float:left;
}
#column2 
{
	height: 300px;
	color: #666666;
	width: 50%;
	font-family: Ebrima;
	font-size: 11px;
	background-color: #EEEEEE;
	float:right;
}
ul
{
	list-style:inside;
}
.bottom
{
	text-align: center;
}

footer 
{
	margin-bottom:5px;
}