The CSS is already generated for three different kinds of layouts and three different menu placements. Just change this line:
<tosic:BodyCssClasses runat="server" Layout="Default" Navigation="Right"/>
to whatever you want, for example:
<tosic:BodyCssClasses runat="server" Layout="Full" Navigation="Left"/>
That would then look like this (before/after):
