div#left-col {float: left; background: #fff; width: 680px; margin-bottom: 20px}

div#right-col {float: right; width: 272px}
div#right-col div.section {background: #222; width: 272px; margin: 0 0 12px 0; padding: 0 0 10px 0; overflow: hidden}

div#full-col {float: left; background: #fff; width: 980px; margin-bottom: 20px}  /* USED ON LINKS PAGE */


h1, h2, h3, h4, h5, p, table, ul, ol {margin-left: 20px; margin-right: 20px;} /* ALTER TAGS TO HAVE MARGINS FOR THESE OTHER PAGES */

h1, h2, h3, h4, h5 {margin-top: 20px}

div#right-col h2, div#right-col h3, div#right-col h4, div#right-col p, div#right-col ul, div#right-col ol {color: #eee}




/* ------------------------------
				WEB DESIGN PAGE
----------------------------- */


div#webSiteInfo {margin: 15px 20px 20px 20px; width: 936px; height: 370px; position: relative; z-index: 10;}

div#webSiteInfo div {position: absolute; left: 0; top: 0; padding: 0; background: #fff; display: none; }
div#webSiteInfo div img {float: left; border: 1px solid #444; padding: 0; margin: 0; overflow: hidden; display: block}

div#webSiteInfo div h3 {margin-left: 660px; margin-top: 10px}
div#webSiteInfo div p {margin-left: 660px;}

div#webSiteInfo div h3.photoHead {margin-left: 580px; margin-top: 10px}
div#webSiteInfo div p.photoText {margin-left: 580px;}

div#webSiteInfo div a.viewSite {margin-left: 660px; display: block; width: 74px; height: 19px; background-repeat: no-repeat; background-image: url(/images/view-site-link.gif); background-position: left top}
div#webSiteInfo div a.viewSite span {visibility: hidden}
div#webSiteInfo div a.viewSite:hover {background-position: left bottom}
.hidediv {display: none}


/* ------------------------------
				PHOTOS PAGE
----------------------------- */


div#photosInfo {margin: 15px 20px 20px 20px; width: 936px; height: 350px; position: relative; z-index: 10;}

div#photosInfo div {position: absolute; left: 0; top: 0; padding: 0 0 20px 0; width: 936px; background: #fff; display: none; }
div#photosInfo div img {float: left; border: 1px solid #ccc; width: 636px; padding: 0; margin: 0; overflow: hidden; display: block}

div#photosInfo div h3 {margin-left: 660px; margin-top: 10px}
div#photosInfo div p {margin-left: 660px;}




/* ------------------------------
				LINKS PAGE
----------------------------- */
ul.bookInfo {margin: 20px; overflow: hidden; clear: right}
ul.bookInfo li {float: left; display: block; margin: 0 35px 0 0; padding: 0; width: 164px; background: none}
ul.bookInfo li p {margin: 0 0 0 3px}
a.view-details-link {display: block; width: 164px; line-height: 22px; margin: 5px 0 0 0; padding: 0 0 0 25px; background: url(/images/link-arrow.gif) left 1px no-repeat; font-size: 14px;}


div.links {float: left; width: 300px; padding: 0 0 30px 0}
div.links ul li a span {color: #333; font-weight: normal}