* {
            margin: 0;
            padding: 0;
        }
body{ background: url(images/bg.jpg) top center repeat-x #ede8e0; margin:0; padding:0; font-family: Georgia, "Times New Roman", Times, serif;}

#wrapper{ width:980px; margin:0 auto; padding-top:60px;}
#logo{ width:390px; height:52px; background: url(images/logo.png) no-repeat; margin:0 auto; padding-bottom:50px;}

/* Columns */
#col-left{ width:388px; float:left;}
#col-mid{ width:275px; float:left; padding-left:25px; padding-right:25px; padding-top:38px; margin-top:18px;}
#col-right{ width:247px; float:right; padding-top:60px;}
.clear{ clear:both;}
.clear-left{ clear:left;}

/* Book */
#book-top{ width:388px; height:31px; background: url(images/book-top.png) no-repeat;}
#book{ width:393px; height:556px; background: url(images/book2.jpg) no-repeat;}
#paper{ width:322px; height:122px; background: url(images/white-paper2.jpg) no-repeat; margin-left:-34px; margin-top:13px;}

/* Pre-Order */
#pre-order{ width:247px; background: url(images/pre-order-btn.jpg) 0 0 no-repeat; height:102px; padding-top:70px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#pre-order a, #pre-order a:visited{ text-decoration:none; border:none; color:#333;}
#pre-order a:hover{ text-decoration:none; border:none; color:#777;}

#amazon{ background: url(images/amazon.jpg)  50% 0 no-repeat; padding-right:31px; width:97px;}
#amazon:hover{ background-position:  50% -56px;}
#borders{ background: url(images/borders.jpg)  50% 0 no-repeat; width:103px;}
#borders:hover{ background-position:  50% -56px;}
#barnesnoble{ background: url(images/barnes-noble.jpg)  50% 0 no-repeat; width:98px;}
#barnesnoble:hover{ background-position:  50% -56px;}
#indiebound{ background: url(images/indiebound.jpg) 50% 0 no-repeat; width:53px;}
#indiebound:hover{ background-position:  50% -56px; width:53px;}
#christian{ background: url(images/christian.jpg) 50% 0 no-repeat; width:98px;}
#christian:hover{ background-position:  50% -56px; width:98px;}

#amazon, #amazon:hover, #borders, #borders:hover, #barnesnoble, #barnesnoble:hover, #indiebound, #indiebound:hover, #christian, #christian:hover{ height:56px;}

#amazon, #borders, #barnesnoble, #indiebound, #christian{display:block; text-decoration: none; text-indent:-9999px; outline:none;}
#amazon, #borders, #barnesnoble, #indiebound, #christian{ float:left;}
#amazon a, #amazon a:visited, #borders a, #borders a:visited, #barnesnoble a, #barnesnoble a:visited, #indiebound a #indiebound a:visited, #christian a #christian a:visited{ height:56px; display:block; outline:none}
#borders, #barnesnoble, #indiebound, #christian{ float:left; padding-left:41px; padding-right:41px; border-left:#dedddb thin solid;}

/* Typography */
h2{ color:#754c24; font-style:italic; font-weight:normal; font-size:20px; line-height:1.2;}
.title{ color:#754c24; border-bottom:#d7d8d5 thin solid; border-top:#d7d8d5 thin solid; padding:16px 0; font-size:14px; margin:12px 0;}
.mainp{ color:#555555; font:Helvetica Neue, Helvetica, sans-serif; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; line-height:1.7; font-weight:normal; margin-top:17px;}
.sidep{ color:#959595; font-style:italic; font-size:12px; line-height:1.7; margin-top:17px;}

/* Footer */
#footer{ margin:30px auto 0 auto; width:820px; text-align:center;}
#footer-bot{ margin:0 auto; width:980px; padding-top:60px; color:#808080;font:Helvetica Neue, Helvetica, sans-serif; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:normal; font-size:12px; text-align:center; padding-bottom:40px;}
#footer-bot a, #footer-bot a:visited{ text-decoration:none; color:#808080;}
#footer-bot a:hover{ text-decoration:none; color:#666;}
        
        .amazon {
            position: relative;
			margin-bottom:18px;
  
        }
        .borders {
            position: relative;
			margin-bottom:18px;
       
        }
        .trigger {
            position: absolute;
        }
     
        /* Bubble pop-up */

        .popup {
        	position: absolute;
        	display: none;
        	z-index: 50;
        	border-collapse: collapse;
        }

        .popup td.corner {
        	height: 15px;
        	width: 19px;
        }

        .popup td#topleft { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-1.png); }
        .popup td.top { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-2.png); }
        .popup td#topright { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-3.png); }
        .popup td.left { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-4.png); }
        .popup td.right { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-5.png); }
        .popup td#bottomleft { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-6.png); }
        .popup td.bottom { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-8.png); }

        .popup table.popup-contents {
        	font-size: 12px;
        	line-height: 1.2em;
        	background-color: #fff;
        	color: #666;
        	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
        	}

        table.popup-contents th {
        	text-align: right;
        	text-transform: lowercase;
        	}

        table.popup-contents td {
        	text-align: left;
        	}

        tr#release-notes th {
        	text-align: left;
        	text-indent: -9999px;
        	background: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat top right;
        	height: 17px;
        	}

        tr#release-notes td a {
        	color: #333;
        }