
        #cont {
            position:relative;
            z-index:70;
            xoverflow:auto;
            xoverflow-y: scroll;
            margin: 0 auto; 
            width: 1050px;
            
            xxborder:1px solid red;            
           /* child elements abs position will be relative to this, you will lose height though if everything is abs positioned. */
        }
/*
        .box { 
        margin: 0 auto; 
        width: 1050px;
        padding: 0px;
        background: transparent; 
        padding-bottom:0px;
        font-family: "Helvetica Neue", sans-serif;
        font-weight: 400;
        text-align: center; 
        color: #333333; 
        }
*/

        a
        {
        outline: none;
        }

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

        a:visited {
        text-decoration: none;
        color: #666666;
        }
        a:hover {
        text-decoration: none;
        color: #999999;
        }
        a:active {
        text-decoration: none;
        color: #999999;

        }



        #header {
        width: 800px; /* since this element is floated, a width must be given */
        height: 80px;
        font-family: "Helvetica Neue", sans-serif;
        font-weight: 300;
        font-size:10px;
        background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
        margin-left: 0px; 
        text-align: right;
        margin-top: 30px;
        float: right;
        xxposition: absolute;
        xxleft: 440px;
        }

        #links {
        xxwidth:240px; /* since this element is floated, a width must be given */
        font-family: "Helvetica Neue", sans-serif;
        font-weight: 300;
        font-size: 12px;
        xxbackground: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
        text-align: right;
        margin-top: 0px;
        xxmargin-right: 30px;
        xxposition: absolute;
        xxtop:275px;

        }

        #leftnav {
        width:240px; /* since this element is floated, a width must be given */

        xxfont-family: "Helvetica Neue", sans-serif;
        xxtext-align:right;
        xxfont-size:48px;
        xxfont-weight: 300;
        xxcolor:#aa3333;
        xxletter-spacing: -.006em;
        xxline-height:normal;
        margin-top: 100px;
        padding-right: 10px;
        background:none;
        float: left;
        xxposition: absolute;
        xxtop:90px;

        }

        #logo {
        xxwidth:240px; /* since this element is floated, a width must be given */
        font-family: "Helvetica Neue", sans-serif;
        text-align:right;
        font-size:48px;
        font-weight: 300;
        color:#aa3333;
        letter-spacing: -.006em;
        xxline-height:normal;
        xxmargin-top: 0px;
        xxmargin-right: 0px;
        xxbackground:none;
        xxposition: absolute;
        xxtop:90px;

        }



        #nav {
        width:800px; /* since this element is floated, a width must be given */
        height: 50px;
        font-family: "Helvetica Neue", sans-serif;
        font-weight: 800;
        font-size: 30px;
        background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
        text-align: right;
        letter-spacing: -.006em;
        xxposition: absolute;
        xxtop:25px;
        color:#666;

        }

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

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

        #nav a:hover {color:#666; text-decoration:none;}

        #nav a:active {color:#666; text-decoration:none}



        #mainContent {
        font-size:21px;
        width: 800px;
        height:580px;
        margin-left: 0px;
        text-align: center;
        background-image: url(images/main_bg.png);
        float: right;
        xposition:absolute;
        xxleft: 440px;
        xxtop: 100px;
        } 


        #mainContent a:link {color: #ffffff; text-decoration:none}

        #mainContent a:visited {color: #ffffff; text-decoration:none;}

        #mainContent a:hover {color:#aaffff; text-decoration:none;}

        #mainContent a:active {color:#aaffff; text-decoration:none}

        #container2 {
        width:300px; 
        height: 530px;
        background:  url(images/main_bg.png);
        xxposition: absolute;
        margin-left: 25px;
        margin-top: 25px;
        float: left;

        }

        #container2 h1{

        xxposition: absolute;
        padding-top: 10px;
        width:300px; 
        color: #fff;
        font-family: "Helvetica Neue", sans-serif;
        font-weight: 700;
        font-size:20px;
        letter-spacing: 0em;

        }

        #ts1 {
        width:280px; 
        height: 250px;
        background-repeat:no-repeat;
        xxposition: absolute;
        margin-left: 10px;
        xxtop: 55px;

        }

		#rightcontainer {
        width:425px;
        xxbackground:  url(images/main_bg.png);
        xxposition: absolute;
        float: right;
        margin-right: 25px;
        margin-top: 13px;

        }

        #container1 {
        width:425px; 
        height: 150px;
        background:  url(images/main_bg.png);
        xxposition: absolute;
        xxfloat: right;
        xxmargin-right: 25px;
        xxmargin-top: 25px;

        }

        #container1 h1{

        xxposition: absolute;
        padding-top: 20px;
        xxwidth:425px;
        color: #fff;
        font-family: "Helvetica Neue", sans-serif;
        font-weight: 700;
        font-size:20px;
        letter-spacing: 0em;

        }

        #container1 p{
        color: #ccc;
        font-family: "Helvetica Neue", sans-serif;
        font-weight: 500;
        font-size:14px;
        letter-spacing: 0em;
        padding-left: 20px;
        padding-right: 20px;
        text-align:justify;
        xxposition: absolute;
        xxtop: 30px;
        }

/*
        #container3 {
        width:350px; 
        height: 290px;
        background:  url(images/main_bg.png);
        position: absolute;
        left: 49px;
        top: 452px;

        }

        #container3 h1{

        xxposition: absolute;
        top: 20px;
        width:475px;
        color: #fff;
        font-family: "Helvetica Neue", sans-serif;
        text-align:center;
        font-weight: 700;
        font-size:20px;
        letter-spacing: 0em;

        }


        #container3 p{
        padding: 20px;

        }

*/
        #container4 {
        width:425px; 
        height: 355px;
        background-image:  url(images/main_bg.png);
        xxposition: absolute;
        xxfloat: right;
        xxmargin-right: 25px;
        margin-top: 25px;

        }

        #container4 h1{
		padding-top: 20px;
        width:425px; 
		color: #fff;
        font-family: "Helvetica Neue", sans-serif;
        font-weight: 700;
        font-size:20px;
        letter-spacing: 0em;
        }


        #container4 p{
        color: #fff;
        font-family: "Helvetica Neue", sans-serif;
        font-weight: 500;
        font-size:14px;
        letter-spacing: 0em;
        padding-left: 20px;
        text-align:justify;
        xxposition: absolute;
        xxtop: 40px;
        }

		.clear {
		clear: both;
		}



        #mainContent_resume {
        width: 800px;
        height:900px;
        margin-left: 0px;
        background-image: url(images/main_bg.png);
        float: right;
        } 


        #mainContent_resume a:link {color: #99ffff; text-decoration:none}

        #mainContent_resume a:visited {color: #99ffff; text-decoration:none;}

        #mainContent_resume a:hover {color:#ffffcc; text-decoration:none;}

        #mainContent_resume a:active {color:#ffffcc; text-decoration:none}


        #resume {
        width:800px;
        height: 880px;
        xxposition: absolute;
        padding-top: 20px;
		padding-left: 20px;
        }


        #triangle {
        width:33px; /* since this element is floated, a width must be given */
        height: 30px;
        background-image:url(images/triangle.png);
        background-repeat:no-repeat;
        position: absolute;
        right: 440px;
        margin-top: 0px;
        } 

        #triangle2 {
        width:33px; /* since this element is floated, a width must be given */
        height: 30px;
        background-image:url(images/triangle.png);
        background-repeat:no-repeat;
        position: absolute;
        right: 305px;
        margin-top: 0px;
        } 

        #triangle3 {
        width:33px; /* since this element is floated, a width must be given */
        height: 30px;
        background-image:url(images/triangle.png);
        background-repeat:no-repeat;
        position: absolute;
        right: 115px;
        margin-top: 0px;
        } 

        #focus-stealer      { xposition: absolute; left: -9999px; }

        #stgleft {
        width:420px; 
        height: 530px;
        background:  url(images/main_bg.png);
        xposition: absolute;
        margin-left: 25px;
        margin-top: 25px;
        float: left;

        }

        #stgleft h1{
        xposition: absolute;
        margin-top: 20px;
        xxwidth:520px; 
        color: #fff;
        font-family: "Helvetica Neue", sans-serif;
        font-weight: 700;
        font-size:20px;
        letter-spacing: 0em;

        }

        #stgleft p{
        color: #ccc;
        font-family: "Helvetica Neue", sans-serif;
        font-weight: 500;
        font-size:14px;
        letter-spacing: 0.05em;
        line-height: 1.4em;
        padding-left: 20px;
        padding-right: 20px;
        text-align:justify;
        xposition: absolute;
        xxtop: 30px;
        }

        #stgleft a:link {
        color: #fff;

        }
        #stgleft a:hover {
        color: #aa3333;
        }
        #stgleft a:active {
        color: #ff5555;
        }

		#contact {
		height: 35px;
		width: 75 px;
		background-color: #000000;
		margin-left: 20px;
		margin-right: 20px;
		padding-top: 10px;
		font-family: "Helvetica Neue", sans-serif;
        font-weight: 500;
        font-size:18px;
		}

        #stgright {
        width:305px; 
        height: 530px;
        background:  url(images/main_bg.png);
        xposition: absolute;
        margin-right: 25px;
        margin-top: 25px;
        float: right;

        }

        #services {
        color: #fff;
        }

        #stgright h1{

        xposition: absolute;
        margin-top: 20px;
        xxwidth:345px;
        color: #fff;
        font-family: "Helvetica Neue", sans-serif;
        font-weight: 700;
        font-size:20px;
        letter-spacing: 0em;
        xxmargin-bottom: 10px;

        }

        #stgright .topspin-widget{
        xxpadding-top: 25px;
        margin-left: 10px;
        margin-right: 10px;
        xposition: absolute;
        xxtop: 30px;
        }
