Background Color, Help Me

I have the avelox motus (blue) theme from webrevolution set up, but I can't find anywhere how to edit the background colour of the main site.

You can see how it looks in orange here: http://demo.webrevolution.org/joomla/avelox_motus/index.php

Here is the code:

/*
 * CSS Style for "avelox motus" Theme 
 * @author ZulloP
 * @url http://eshop.webrevolution.org
 * @email eshop@webrevolution.org
 */

#body_bg{
	background-color: #FFFFFF;
	margin: 0px;
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 11px;
	color: #838383;
}


/* THEME WIDTH
 * change the width value to modify the theme width
--------------------------------------------------------- */
.wrapper{
	width: 960px;
}


/* HEADERS
--------------------------------------------------------- */
#user8{
	background-image: url(../images/header_big.jpg);
	background-repeat: no-repeat;
	height: 323px;
	width: 960px;
}
#user9{
	background-image: url(../images/header_small.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 960px;
}


/* JOOMLA! STYLING
--------------------------------------------------------- */
a:link, a:visited {
	color: #0a89fc;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.contentheading{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 14px;
	color: #0a89fc;
	font-weight: bold;
	text-align: left;
}
.contentheading a:link, .contentheading a:visited {
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 14px;
	color: #0a89fc;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}
.contentheading a:hover {
	text-decoration: underline;
}
.contentpaneopen{
	width: 95%;
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 12px;
	color: #dadada;
	text-align: left;
}
ul {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}
ul a:link, ul a:visited{
	color: #0a89fc;
}
ul a:hover{
	text-decoration: underline;
}
.latestnews ul {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}
.latestnews li a:link, .latestnews li a:visited{
	color: #838383;
}
.latestnews li a:hover{
	text-decoration: underline;
}
.mostread ul{
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}
.mostread li a:link, .mostread li a:visited{
	color: #838383;
}
.mostread li a:hover{
	text-decoration: underline;
}
.modifydate{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 10px;
	color: #5b5c5c;
	padding-top: 15px;
}
.small{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 10px;
	color: #838383;
}
.smalldark{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 10px;
	color: #838383;
}
.createdate{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 10px;
	color: #838383;
}
.readon{}
a.readon:link, a.readon:visited {
	font-size: 11px;
	text-decoration: none;
	padding-left: 10px;
	background-image: url(../images/readon_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	height: 4px;
	width: 5px;
}
a.readon:hover {
	text-decoration: underline;
}
td.buttonheading {
	width: 32px;
}
.mosimage_caption{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 10px;
	color: #838383;
}
.sectiontableheader {
	color : #0a89fc;
	font-weight : bold;
	padding-bottom: 10px;
}
.sectiontableentry2 {
	background-color: #292929;
}
.inputbox {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #666666;
	border: 1px solid #999999;
}
.button {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #666666;
	border: 1px solid #999999;
}
.mbot{
	padding-bottom: 30px;
}
.componentheading{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 14px;
	color: #0a89fc;
	font-weight: bold;
	text-align: left;
}
table.pollstableborder td {
	text-align: left;
}
table.pollstableborder_menu td {
	text-align: left;
}


/* CUSTOM STYLING
--------------------------------------------------------- */
.top{
	background-image: url(../images/top_bg.jpg);
	background-repeat: repeat-x;
	height: 128px;
}
.user8{
	background-image: url(../images/user8_bg.jpg);
	background-repeat: repeat-x;
	height: 323px;
}
.user9{
	background-image: url(../images/user9_bg.jpg);
	background-repeat: repeat-x;
	height: 150px;
}
.content{
	background-color: #222222;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: left;
}
.footer{
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	height: 131px;
}

#logo{
	height: 81px;
	width: 389px;
	background-color: #252525;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	float: left;	
}
#extra_menu{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 10px;
	color: #474747;
	padding-top: 14px;
	padding-right: 14px;
}
#extra_menu a:link, #extra_menu a:visited{
	color: #838383;
	text-decoration: none;
}
#extra_menu a:hover{
	text-decoration: underline;
}
#toolbar{
	padding-top: 10px;
	color: #474747;
}
#toolbar a:link, #toolbar a:visited{
	color: #474747;
	text-decoration: none;
}
#toolbar a:hover{
	color: #838383;
	text-decoration: underline;
}


/* TOP MENU STYLING
--------------------------------------------------------- */
#topmenu {
	margin-top: 2px;
	font-size: 12px;
	text-align: left;
	font-family: Tahoma, Verdana, "Lucida Sans";
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	border-left-width: 1px;
	border-left-style: inset;
	border-left-color: #0a89fc;
	color: #FFFFFF;
	background-image: url(../images/topmenu_bg.jpg);
	background-repeat: repeat-x;
}
#topmenu a {
	border-right-width: 1px;
	border-right-style: outset;
	border-right-color: #0a89fc;
	color: #FFFFFF;
	padding-top: 14px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	text-decoration: none;
}
#topmenu a:hover, #topmenu a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/topmenu_bg2.jpg);
	background-repeat: repeat-x;
}
#topmenu li {
	padding: 0;
	display: inline;
	background: none;
}
#topmenu ul {
	margin: 0;
	padding: 0;
}


/* CONTENT
--------------------------------------------------------- */
#main_content{
	padding-left:32px;
	padding-right: 32px;
}
#left{
	padding-left:10px;
}
#right{
	padding-right:10px;
}


/* MODULES STYLING
--------------------------------------------------------- */
table.moduletable {
	width: 202px;
	margin-bottom: 20px;
	text-align: left;
}
table.moduletable th {
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 12px;
	font-weight: bold;
	color: #0a89fc;
	background-image: url(../images/moduletable_th_bg.jpg);
	background-repeat: repeat-x;
	height: 33px;
	width: 202px;
	padding-left: 10px;
	padding-top: 7px;
	text-align: left;
}
table.moduletable td {
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 11px;
	color: #838383;
	padding: 10px;
	background-color: #1d1d1d;
	text-align: left;
}

/* CUSTOM MODULE STYLING: _menu
--------------------------------------------------------- */
table.moduletable_menu {
	width: 202px;
	margin-bottom: 20px;
}
table.moduletable_menu th {
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 12px;
	font-weight: bold;
	color: #0a89fc;
	background-image: url(../images/moduletable_th_bg.jpg);
	background-repeat: repeat-x;
	height: 33px;
	width: 202px;
	padding-left: 10px;
	padding-top: 7px;
	text-align: left;
}
table.moduletable_menu td {
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 11px;
	color: #838383;
	background-color: #1d1d1d;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}



/* CUSTOM MODULE STYLING: _simple
--------------------------------------------------------- */
table.moduletable_simple{
	width: 202px;
	margin-bottom: 20px;
}
table.moduletable_simple th{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 12px;
	font-weight: bold;
	color: #838383;
	background-image: url(../images/user1_bg.jpg);
	background-repeat: repeat-x;
	height: 20px;
	width: 202px;
	padding-left: 10px;
	text-align: left;
}
table.moduletable_simple td{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 11px;
	color: #838383;
	padding: 10px;
	background-color: #222222;
}


/* CUSTOM MENU STYLING: _menu
--------------------------------------------------------- */
a.mainlevel_menu:link, a.mainlevel_menu:visited {
	font-size: 11px;
	font-family: Tahoma, Verdana, "Lucida Sans";
	text-decoration:none;
	color: #dadada;
	text-align: left;
	background-image: url(../images/menu_bullet.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: 10px;
	background-position: 0px 3px;
}
a.mainlevel_menu:hover {
	text-decoration: underline;
}	
a.sublevel_menu:link, a.sublevel_menu:visited {}
a.sublevel_menu:hover {}
#active_menu.sublevel_menu {}


/* MODULES
--------------------------------------------------------- */
td.padding{
	width: 50%;
}


#user1{
	padding-left: 32px;
	padding-right:10px;
	margin-bottom: 30px;
}
#user1 table.moduletable {
	width: 100%;
	margin-bottom: 0px;
}
#user1 table.moduletable th {
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 12px;
	font-weight: normal;
	color: #dadada;
	text-align: left;
	background-image: url(../images/user1_bg.jpg);
	background-repeat: repeat-x;
	height: 20px;
	width: 100%;
	padding-left: 0px;
	padding-top: 0px;
}
#user1 table.moduletable td {
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 12px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #222222;
}

#user2 table.moduletable,
#user3 table.moduletable,
#user4 table.moduletable,
#user5 table.moduletable,
#user6 table.moduletable,
#user7 table.moduletable{
	width: 98%;
	margin-bottom: 20px;
}
#user2 table.moduletable th,
#user3 table.moduletable th,
#user4 table.moduletable th,
#user5 table.moduletable th,
#user6 table.moduletable th,
#user7 table.moduletable th{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 12px;
	font-weight: bold;
	color: #0a89fc;
	background-image: url(../images/moduletable_th_bg.jpg);
	background-repeat: repeat-x;
	height: 33px;
	width: 100%;
	padding-left: 10px;
	padding-top: 7px;
	text-align: left;
}
#user2 table.moduletable td,
#user3 table.moduletable td,
#user4 table.moduletable td,
#user5 table.moduletable td,
#user6 table.moduletable td,
#user7 table.moduletable td{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 11px;
	color: #838383;
	padding: 10px;
	background-color: #1d1d1d;
}


/* FOOTER
--------------------------------------------------------- */
#footer_links{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 12px;
	color: #474747;
	padding-top: 25px;
	padding-bottom: 15px;
}
#footer_links a:link, #footer_links a:visited{
	color: #838383;
	text-decoration: none;
}
#footer_links a:hover{
	text-decoration: underline;
}
#footer_copyright, #footer_copyright a:link, #footer_copyright a:visited{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 12px;
	color: #474747;
	text-decoration: none;
}
#footer_copyright a:hover{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 12px;
	color: #474747;
	text-decoration: underline;
}
#footer_notes{
	font-family: Tahoma, Verdana, "Lucida Sans";
	font-size: 10px;
	color: #292929;
}

Code (markup):

It's not this...

(#body_bg{
	background-color: #FFFFFF;)

Code (markup):

That just edits the colour behind the template, I want to change the colour of the grey area beneath the BMW

Thanks
Ryan

 

It is in the table class content.

.content{
background-color: #222222;
padding-top: 25px;
padding-bottom: 25px;
text-align: left;
}

<td align="center" valign="top" class="content"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="wrapper">

 

Thanks a lot

You saved my sanity