Views and nested views

can anyone please advice me how can I make my $stateProvider??

Here is a sample which I made:


$stateProvider
    .state('sidemenu', {
      url: "/menu",
      abstract: true,
      templateUrl: "tmpl/side-menu.html"
    })
    .state('sidemenu.main', {
      url: "/main",
      views: {
        'mainContent' :{
          templateUrl: "tmpl/main.html"
        }
      }
    })
      .state('sidemenu.main.list', {
      url: "/list/:listID",
      views: {
        'mainContent' :{
          templateUrl: "tmpl/list.html"
        }
      }
    })
        .state('sidemenu.main.list.details', {
      url: "/details/:itemID",
      views: {
        'mainContent' :{
          templateUrl: "tmpl/details.html"
        }
      }
    })
	.state('sidemenu.profile', {
      url: "/profile",
      views: {
        'mainContent' :{
          templateUrl: "tmpl/profile.html"
        }
      }
    })
	.state('sidemenu.settings', {
      url: "/settins",
      views: {
        'mainContent' :{
          templateUrl: "tmpl/settings.html"
        }
      }
    })
	

Thanks in advance