/* CSS Document */
/************************************************************************

	Site: eROI.com
	Author:		eROI		[www.eroi.com] 

	Portfolio Listing Order:

	==============

	1 - Main Content


************************************************************************/




/***********************************************************************
	1 - MAIN CONTENT
************************************************************************/

div#content {
	width: 970px;
	/*background: #e6e6e6;*/
        background: url(/uploads/images/bg_subpageport.gif) repeat-y top left !important;	
border: none;
}

div#leftContent {
	width: 605px;
margin-left: 7px;
padding: 10px 0 10px 10px;
}

div#copyArea {
	width: 585px;
	float: left;
	margin: 0;
	padding: 0;
	background: #fff !important;
	color: #6f6f6f;
}

div#copyArea div#copy {
       width:570px;
	padding: 0 15px 20px 15px;
 
}

div#copy p, div#copy ul, div#copy ol {
	margin-bottom: 1em;
}

div#featured {
	width: 575px;
	margin: 0 auto;
	padding: 14px 0;
}
div#featured img {
       width:565px;
       height:295px;
       padding:4px;
       border:1px solid #d7d7d7;
}
div#featured ul {
	width: 585px;
	list-style-type: none;
	padding-left: 1px;
}

div#featured ul li {
	float: left;
        background-color:#FFF;
        padding:1px;
	border: 2px solid #cecece;
	text-align: center;
        margin-top:10px;
        margin-right:5px;
	cursor:pointer;
}

div#featured ul li span{
	display:block;
        background-color:#cecece;
        border:1px solid white;
	text-align: center;
        padding:3px;
        color:#FFF;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
}


div#copyArea h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #5e5e5e;
	font-weight: normal;
	padding-bottom: 0;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 10px;

}

img.seeitonline {
	border: 0;
	display: block;
	float: right;
	margin: 15px 0 0 0;
}

div#copysidebar {
	width: 190px;
	float: right;
	padding: 0 0 10px 0;
}

div.detailbox {
	width: 180px;
	margin: 0 0 3px 10px;
	border: 1px solid #d1d1d1;
}
div.detailbox .divider {
       height:1px;
       border-bottom:1px solid #d9d9d9;
       width:140px;
       margin:0 0 0 20px;
}
div.detailbox h3 {
	padding: 5px 0 0 5px;
}
div.detailbox h3#h_productsused {
	background: url(../uploads/images/h_productsused.gif) no-repeat bottom right;
	width: 93px;
	height: 13px;
}
div.detailbox h3 span {
	margin-left: -9999px;
}
div.detailbox img {
        display:block;
        padding:  10px 0 10px 40px;
        border:0px;
}

div.servicesused img {
	border: 0;
	padding: 5px 5px 5px 7px;
}

div.servicesused ul {
list-style-type: none;
color: #0076a3;
}

div.servicesused ul li {
background: url(/uploads/images/bullet_services.gif) no-repeat left;
background-position: 0 5px;
padding-left: 8px;
font-size:11px;
}