body {color: #333; background: #fff;}
#wrap {background: url(../images/bg-wrap.png) repeat-y; width: 1024px; margin: 0 auto;}

/************************************************************************CONTENT************************************************************************/
  
  /* Content */
#content {overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
	
	/* Main */
#main {background: #fff; width: 610px; position: relative; float: left;}/*see ie.css for fixes*/
#main h1 {background: url(../images/logo-home.png) no-repeat; width: 215px; height: 575px; position: absolute; left: 0; top: 40px; text-indent: -9999px;}
#main h2 {background: url(../images/bg-welcome.png) no-repeat; width: 324px; height: 217px; margin: 0 0 0 245px; position: relative; top: 150px; text-indent: -9999px;}
 
 /* Sidebar */
#sidebar {background: #1c1c1c; width: 212px; padding-bottom: 130px; position: relative; float: left;}
#sidebar ul#nav {width: 1024px; margin: 50px 0 0 55px;}
#sidebar ul#nav li {width: 275px; height: 82px; margin: 5px 0 5px 0; display: block; position: relative; border: 1px solid #155ba2;}
#sidebar ul#nav li a {width: 275px; height: 82px; display: block; text-indent: -9999px; outline: none;}
#sidebar ul#nav li a.readMore {background-image: url(../images/bg-readMore.png); width: 84px; height: 82px; display: block; position: absolute; top: 0; left: 190px;}
#sidebar ul#nav li a.readMore:hover {background-position: 0 -82px;}
#sidebar ul#nav li#lnkAboutMe {background: url(../images/bg-nav-aboutMe.jpg) no-repeat;}
#sidebar ul#nav li#lnkContactMe {background: url(../images/bg-nav-contactMe.jpg) no-repeat;}
#sidebar ul#nav li#lnkContactMe a.readMore {background-image: url(../images/bg-readMore.png); width: 84px; height: 81px; display: block; position: absolute; top: 0px; left: 190px;}
#sidebar ul#nav li#lnkContactMe a.readMore:hover {background-position: 0 -82px;}
#sidebar ul#nav li#lnkBlog {background: url(../images/bg-nav-blog.jpg) no-repeat;}
#sidebar ul#nav li#lnkBlog a.readMore {background-image: url(../images/bg-readMore.png); width: 84px; height: 82px; display: block; position: absolute; top: 0; left: 190px;}
#sidebar ul#nav li#lnkBlog a.readMore:hover {background-position: 0 -82px;}
#sidebar ul#nav li#lnkFeaturedWork {background: url(../images/bg-nav-featuredWork.jpg) no-repeat;}
#sidebar ul#nav li#lnkFeaturedWork a.readMore {background-image: url(../images/bg-readMore.png); width: 84px; height: 82px; display: block; position: absolute; top: -1px; left: 240px;}
#sidebar ul#nav li#lnkFeaturedWork a.readMore:hover {background-position: 0 -82px;}
#sidebar ul#nav li#lnkTutorials {background: url(../images/bg-nav-tutorials.jpg) no-repeat;}
#sidebar ul#nav li#lnkTutorials a.readMore {background-image: url(../images/bg-readMore.png); width: 84px; height: 82px; display: block; position: absolute; top: 0; left: 190px;}
#sidebar ul#nav li#lnkTutorials a.readMore:hover {background-position: 0 -82px;}

/************************************************************************FOOTER************************************************************************/
#footer {background: url(../images/bg-footer.png) no-repeat; position: relative;}
#footer p {background: url(../images/bg-footer-dont_ask.png) no-repeat; width: 890px; height: 43px; position: absolute; bottom: 10px; text-indent: -9999px;}