Duda de expresión por Dreamweaver

Que tal bandita, estoy incursionando en el mundo jQuery y estoy orientando algunas cosas con éste, todo iba bien hasta que tuve que flotar un elemento a la izquierda, lo cual me forzó a acomodar el centro con un condicional de margen si la pantalla del usuario tiene menos de 1000px el codigo mas lógico para mi fue este:

Código Javascript :

// JavaScript Document
$(document).ready(function(){
// Posiciones
     $(window).resize(function(){
// Aquí posiciono mi contenedor a la mitad de la pantalla
        $('#cont-products').css({
// Acá necesito el resultado de la comparación que se hace de la pantalla...
// Este es el conflicto, Dreamweaver arroja error de sintaxis
           if($(window).width()>1000){
              margin-left: 400+'px';
           }
           'left': ($(window).width()/2-$('#cont-products').width()/2) + 'px'
        });
        });
   $(window).resize();
});

Y bien cuando corro la pagina todo va bien, me respeta el condicional sin broncas y todo funciona de maravilla pero mis exploradores son los mas recientes y mi duda es si lo exprese bien o si llegara a tener problemas, no se me confundió mucho el maldito Dreamweaver

Hay si olvide escribir las comillas que delimitan 'margin-left'

Código Javascript :

// JavaScript Document
$(document).ready(function(){
// Posiciones
     $(window).resize(function(){
// Aquí posiciono mi contenedor a la mitad de la pantalla
        $('#cont-products').css({
// Acá necesito el resultado de la comparación que se hace de la pantalla...
// Este es el conflicto, Dreamweaver arroja error de sintaxis
           if($(window).width()>1000){
              'margin-left': 400+'px';
           }
           'left': ($(window).width()/2-$('#cont-products').width()/2) + 'px'
        });
        });
   $(window).resize();
});

Ayuda