I am trying to build a two columned layout with a sidebar that always stays on the left side of the page with a main content area that is centered, and when the window is resized, the centered content will eventually bump up against the nav bar, but never move any further left than where it is when they touch (which would be left: 150px).  Can someone help me out?

Here is the CSS:

@charset "UTF-8";
/* CSS Document */

body,td,th {
    font-size: 16px;
    font-family: Verdana, Geneva, sans-serif;
    color: #000;
}

body {
    background-color: #FFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 15px;
    margin-bottom: 0px;
}

#nav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 150px;
    height: 10000px;
    background-color: #D61D21;
    text-align: right;
}

#nav a:link {
    color: #FFF;
    text-decoration: none;
}

#nav a:visited {
    color: #FFF;
    text-decoration: none;
}

#nav a:hover {
    color: #FFF;
    text-decoration: underline;
}

#main {
    width: 810px;
    height: 810px;
    margin: 0px auto;
}


and here is the html:

&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;title&gt;Nick Passaro Designs&lt;/title&gt;
&lt;link href="css/index.css" rel="stylesheet" type="text/css"&gt;
&lt;/head&gt;

&lt;body&gt;

    &lt;div id="nav"&gt;
        &lt;a href="index.php"&gt;&lt;img src="assets/marklogo.jpg" width="150" height="97" border="0" alt="Nick Passaro Designs"&gt;&lt;/a&gt;
        &lt;p&gt;&lt;a href="portfolio.php"&gt;PORTFOLIO&lt;/a&gt; &amp;nbsp;&lt;/p&gt;
        &lt;p&gt;&lt;a href="logos.php"&gt;LOGOS&lt;/a&gt; &amp;nbsp;&lt;/p&gt;
        &lt;p&gt;&lt;a href="print.php"&gt;PRINT&lt;/a&gt; &amp;nbsp;&lt;/p&gt;
        &lt;p&gt;&lt;a href="web.php"&gt;WEB DESIGN&lt;/a&gt; &amp;nbsp;&lt;/p&gt;
        &lt;p&gt;&lt;a href="photography.php"&gt;PHOTOGRAPHY&lt;/a&gt; &amp;nbsp;&lt;/p&gt;
        &lt;p&gt;&lt;a href="contact.php"&gt;CONTACT&lt;/a&gt; &amp;nbsp;&lt;/p&gt;
    &lt;/div&gt;

    &lt;div id="main"&gt;
        ENTER CONTENT HERE
    &lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;


Any help is greatly appreciated!


Question: Why do some programmers categorize C, Python, C++ differently? - regarding level
Answer: The line between the "low-level" and the "high-level" languages shifts from time to time.
For example:
Back in the days of UNIX, C was a high level language.
Today C doesn't have the structures like the mapping types(dictionaries), iterators etc. which today's high-level languages like Python have. So the line has shifted, and C has now fallen into the low-level group.

Low-Level Languages:
These languages are "close" to what the machine can execute (the lowest level being : Assembly Code!).
When working with these languages, the programmer has to think about the lowest level stuff like memory management.. You are close in that sense to the hardware, that you have to directly work with it.

High-level Languages:
These languages take you away from the hardware, as they manage things like memory themselves. When you work with these languages, memory is a factor(obviously), but you don't work with the hardware directly. Instead the language manages that, keeping you away (maybe higher) from the lower, hardware interface.