Design template for node views

Hello everybody,
I created content type our team have field (image, username, job position, job office). so, I created contents (our team 1, our team 2, ...). I created listing views staff_our_team with :
Filters:
Node: Type = Staff our team
Node: Published Yes
Node translation: Language = Current user's language
Fields:
Content: Staff staff_photo_small image
Menu: Link path Link path
Node: username
Content: Job title Default
Content: Office Default
I created node-staff_our_team.tpl.php and node-staff_our_team_listing.tpl.php. so, I created folder templates/staff_our_team in my theme. so I created views-view-fields--staff-listing.tpl.php and views-view-unformatted--staff-listing.tpl.php in staff_our_team folder. I inserted my css for our team to style.css. so, I write view-unformatted--staff-listing.tpl.php as:
foreach ($rows as $id => $row)
{
$last = ($id == count($rows)-1) ? ' last' : '';
print '';
print $row;
print '';
}
The list of rows display with default simple view template of drupal.
I want Default view template to display a list of rows with my template, which I created below. How do I write staff_our_team folder for that. (staff_our_team folder have 2 file: views-view-fields--staff-listing.tpl.php and views-view-unformatted--staff-listing.tpl.php)
I created ourteam.html and ourteam.css file with content (below) for html test ok:
ourteam.html:
title
location
Description
ourteam.css:
.ourteam
{
width:auto;
height:auto;
float:left;
margin:0px;
}
.ourteam .content
{
width:auto;
float:left;
margin-left:19px;
margin-right:4px;
}
.ourteam .none
{
background-image:url(none.gif);
}
.ourteam h3
{
font-size:1.2em;
font-weight:bold;
color:#9c0a0d;
margin:0px;
}
.ourteam .location
{
margin-top:0px;
}
.ourteam .img
{
width:65px;
height:65px;
float:left;
font-weight:bold;
margin-bottom:20px;
padding:0px;
text-align:center;
}
Thanks,