@charset "utf-8";
/* CSS Document */

body{
background: #000000 url(../images/backgrounds/page-background.jpg) repeat-x;
font: 500 12px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;

}

#content{
margin:auto;
width:975px;
background:#FFFFFF;
border:1px dotted #000000;
}


#menu
{
background:url(../images/backgrounds/menu-bg.gif) no-repeat top;
height:30px;
}

#menu ul {
padding: 4px 10px 0px 30px;

}


#menu ul li {
  display: inline;


}

#menu ul li a{
font: 600 14px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFFFFF;
padding: 6px 10px 9px 10px;
border: 1px #000000;

}

#menu a:hover
{
background:url(../images/backgrounds/menu-bg.gif) no-repeat bottom;
text-decoration:underline;
  border-right: 1px #000000;


}
#boxes{
width:100%;
margin:10px 11px;
float:left;
}

.box{
float:left;
padding: 0 4px;
width:230px;
height:230px;
text-align:center;
background: url(../images/backgrounds/box-bg.jpg) no-repeat top;
}

.box img{
border: 3px solid #000;
}

.box img:hover{
border: 3px solid #fff;
}

.box a{
color: #FFF;
text-decoration:none;
}

.box a:hover{
color: #FFF;
text-decoration:underline;}

h2{
font: 600 1.5em Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
padding:5px 0;
margin:0;
}

#dotty{
color:#000;
text-align:justify;
border:1px dotted #000000;
padding: 10px;
margin:10px 15px;
}

.fr{
float:right;}

.fl{
float:left;}

.cl{
clear:left;}

.cr{
clear:right;}

.cb{
clear:both;}

.border{
border:2px #999999;}

.width100{
width:945px;}

.width50{
width:460px;}

.top{
width:945px;
margin: 0 15px;
height:25px;
background: url(../images/backgrounds/menu-bg.gif) no-repeat top;
float:left;
}

.bottom{
width:945px;
margin: 0 15px;
height:25px;
background: url(../images/backgrounds/menu-bg.gif) no-repeat;
float:left;
clear:both;
}

	#services{
		width: 945px;
		margin:26px auto 0 auto;
		position: relative;
		background-color:#e91807;
		clear:both;
	}
	#servicescontent{
		width: 945px;
		margin: 0 auto;
		overflow: hidden;
		background: #e91807 url(../images/services_bg.jpg) bottom repeat-x;
		padding: 5px 0 10px 0;
	}
	/* sevices header */
	#services h2{
		height: 30px;
		font-size:1.5em;
		color: #fff;
		padding: 12px 0 0 40px;
		border-bottom: 1px solid #2b2e1f;
		text-align:left;
	}
	/* top rounded image */
	#services h2 span{
		position: absolute;
		display: block;
		height: 15px;
		width: 945px;
		left:0;top:0;
		font-size:0.1em;
		background: url(../images/services_top.gif) left top no-repeat;
	}
	/* bottom rounded image */
	.bottom_rounded{
		position: absolute;
		display: block;
		width: 945px;
		height: 7px;
		font-size:0.1em;
		right:0;bottom:0;
		background: url(../images/services_bottom.gif) no-repeat bottom;
	}

	/* list of services */
	.serviceslist{
		padding-left: 30px;
		float: left;
		font-size:1.3em;
		line-height:1em;
	}
	
	.serviceslist ul li{
	list-style:none;
	  display: inline;
	}
	.serviceslist li a{
		display: block;
		padding: 10px;
		width: 250px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		color: #fff;
		border-bottom:1px dotted #000;
	}
	.serviceslist li a:hover{
		color: #eee;
		background: #666;
				border-bottom:1px dotted #fff;

	}