/*---Eric Meyer Reset----*/

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p,
a,font, img,b, u, i, center, ol, ul, li, {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}


/*----Body Styles----*/
body {
background-image: url(../images/bgs/bg2.gif);
background-repeat: repeat;
font: normal 13px "Trebuchet MS";
line-height: 19px;
/*margin: 0px;*/
position:relative;
text-align: center;
}



/*#home {
background-image: url(../images/bgs/1.png);
background-repeat: repeat;
font: normal 13px "Trebuchet MS";
line-height: 19px;
margin-top: 0px;
}*/

#tour {
font: normal 13px "Trebuchet MS";
line-height: 19px;
background-image: url(../images/bgs/bg2.gif);
background-repeat: repeat;
margin: 0px;
position:relative;
text-align: center;
}


/*#authors {
background-image: url(../images/bgs/3.gif);
background-repeat: repeat;
font: normal 13px "Trebuchet MS";
line-height: 19px;
margin-top: 0px;
}*/


#men {
background-image: url(../images/bgs/4.png);
background-repeat: repeat;
font: normal 13px "Trebuchet MS";
line-height: 19px;
margin-top: 0px;
}


/*----Links----*/

a {
color: #c35105;
}

a:hover {
color: #B4C4C4;
}


/*----containers-----*/

#containerHome{
background-color: white !important;
background-image: url(../images/background-home.gif);
background-position: 0px 8px;
background-repeat: no-repeat;
margin: 0px auto;
padding-top: 8px;
padding-bottom: 2px;
text-align: left;
width: 980px;
}


#containerElastic{
margin: 8px auto;
width: 980px;
border: 1px white dotted;
}



#backgroundHomeR{
float: right;
background-image: url(../images/background-home-right.gif);
background-repeat: no-repeat;
width: 22%;
height: 203px;
border: 1px red solid;
}


#containerTour{
background-color: white !important;
background-image: url(../images/background-tour.gif);
background-position: 2px 8px;
background-repeat: no-repeat;
border: 1px white dotted;
margin: 0px auto 0px;
padding-top: 8px;
position: relative;
text-align: left;
width: 980px;

}


#containerTour h2 {
background-image: url(../images/the-grand-tour.gif);
background-repeat: no-repeat;
margin: 76px auto;
text-indent: -9999px;
width: 392px;
height: 125px;
}

#containerTour h3 {
background-image: url(../images/a-visual-perigrination-with-detours.gif);
background-repeat: no-repeat;
text-indent: -9999px;
margin: 0px auto;
width: 441px;
height: 14px;
}


#containerSights{
background-color: white !important;
background-image: url(../images/background-sights.gif);
background-position: 0px 8px;
background-repeat: no-repeat;
margin: 0px auto;
padding-top: 8px;
width: 980px;
border: 1px white dotted;
}


#containerSights h2 {
background-image: url(../images/the-sights.gif);
background-repeat: no-repeat;
text-indent: -9999px;
margin: 160px auto 18px;
width: 216px;
height: 55px;
}


#containerSights h3 {
background-image: url(../images/click-here-for-sample-text.gif);
background-repeat: no-repeat;
margin: 23px auto -16px;
text-indent: -9999px;
width: 133px;
height: 66px;
}



#containerAuthors{
background-color: white !important;
background-image: url(../images/background-authors.gif);
background-position: 0px 8px;
background-repeat: no-repeat;
margin: 0px auto;
padding-top: 8px;
width: 980px;
border: 1px white dotted;
}


#containerAuthors h2 {
background-image: url(../images/your-authors-title.gif);
background-repeat: no-repeat;
text-indent: -9999px;
margin: 48px auto;
width: 285px;
height: 56px;
}



#containerMen{
background-color: white !important;
background-image: url(../images/background-men.gif);
background-position: 0px 8px;
background-repeat: no-repeat;
border: 1px white dotted;
margin: 8px auto;
text-align: left;
width: 980px;
}


/*----Clears----*/

.clear {
clear: both;
height: 0px;
}

.clear12 {
clear: both;
height: 12px;
}

.clear15 {
clear: both;
height: 15px;
}

.clear18 {
clear: both;
height: 18px;
}

.clear20 {
clear: both;
height: 20px;
}

.clear25 {
clear: both;
height: 25px;
}


.clear42 {
clear: both;
height: 42px;
}




/*----First Row----*/

#printingGuy {
position: relative;
margin-top: 52px;
margin-bottom: 22px;
margin-left:auto;
margin-right:auto;
text-indent: -9999px;
border: none;
background-image: url(../images/Gordons-Press-Animated.gif);
background-repeat: no-repeat;
width: 149px;
height: 172px;
}


#dottedSeparator {
position: relative;
margin: 22px auto 0px;
background-image: url(../images/dotted-line.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 203px;
height: 4px;
}


#dottedSights {
position: relative;
margin: -53px auto 22px;
background-image: url(../images/dotted-line.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 203px;
height: 4px;
}


#dottedAuthors {
position: relative;
margin: -24px auto 22px;
background-image: url(../images/dotted-line.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 203px;
height: 4px;
}

/*----Second Row Columns----*/

#leftColumn {
position: relative;
float: left;
margin: 65px 0px 5px 27px;
width: 138px;
}

#leftColum img {
margin-bottom: 0px;
padding-bottom: 0px;
}


#leftColumn ul {
list-style-type: none;
}

#leftColumn #ding {
float: left;
position: relative;
top: -70px;
}

#leftColumn #sightsDing {
float: left;
position: relative;
top: -123px;
}

/*----NAV----*/
#leftColumn #Nav {
position: relative;
margin-top: -70px;
margin-left: 15px;
}

#leftColumn #sightsNav {
position: relative;
margin-top: -150px;
margin-left: 15px;
}

#leftColumn ul li {
margin-bottom: 6px;
padding-bottom: 0px;
}


#leftColumn #authors {
margin-top: -4px;
margin-bottom: 12px;
height: 12px;
padding: 0px;
}

#leftColumn #blog {
margin-bottom: 6px;
padding-bottom: 0px;
}


#leftColumn #buy {
margin-top: 2px;
}


#leftColumn #buyAmazon {
	margin-bottom: 10px;
margin-top: 0px;
/*margin-left: -15px;*/
}

#buyAmazon iframe {
margin-left: -15px;
margin-top: 2px;
}


@media screen and (-webkit-min-device-pixel-ratio:0){
#leftColumn #buy {margin-top: -6px;}
}



#leftColumn #home {
position: relative;
margin-top: 22px;
}

/*----Center Styles Home----*/

#centerColumn {
position: relative;
float: left;
margin: 35px 0px 0px 52px;
width: 536px;
}

#centerColumnELASTIC {
border: 1px red solid;
float: left;
position: relative;
margin: 135px 0px 0px 52px;
max-width: 536em;
width: 536px;
}

#centerColumn h2 {
display: block;
background-image: url(../images/the-handy-book-of.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 536px;
height: 45px;
}


#centerColumn h3 {
background-image: url(../images/artistic-printing.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 536px;
height: 99px;
}

#centerColumn h4 {
background-image: url(../images/a-collection-of-letterpress-examples.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 536px;
height: 101px;
}


#centerColumn h5 {
background-image: url(../images/with-specimens-of.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 197px;
height: 12px;
margin: 20px auto 17px auto;
}


#centerColumn #type {
position: relative;
float: left;
margin: 0px 8px 0px 86px;
background-image: url(../images/type.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 116px;
height: 52px;

}

#centerColumn #ornament {
position: relative;
float: left;
background-image: url(../images/ornament.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 230px;
height: 51px;
}


#centerColumn #cornerFills {
position: relative;
float: left;
margin: 0px 8px 0px 27px;
background-image: url(../images/corner-fills.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 278px;
height: 53px;
}



#centerColumn #borders {
position: relative;
float: left;
background-image: url(../images/borders.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 185px;
height: 52px;
}

#centerColumn #twisters {
position: relative;
float: left;
background-image: url(../images/twisters.gif);
background-repeat: no-repeat;
text-indent: -9999px;
margin: 0px 8px 0px 37px;
width: 199px;
height: 50px;
}


#centerColumn #wrinklers {
position: relative;
float: left;
background-image: url(../images/wrinklers.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 252px;
height: 50px;
}


#centerColumn #freaks {
background-image: url(../images/and-other-freaks-of-fancy.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 372px;
height: 70px;
margin-left: auto;
margin-right: auto;
}


#centerColumn #dougClose {
position: relative;
float: left;
background-image: url(../images/by-doug-close.gif);
background-repeat: no-repeat;
text-indent: -9999px;
margin: 0px 8px 0px 96px;
width: 145px;
height: 19px;
}

#centerColumn #angelaVoulangas {
position: relative;
float: left;
background-image: url(../images/angela-voulangas.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 206px;
height: 19px;
}


#centerColumn .bookCover {
position: relative;
margin-top: -30px;
padding: 0px;
}


#centerColumn ol {
margin: 0px;
list-style-type: decimal;
width: 536px;
}



#centerColumn ol li {
margin-bottom: 11px;
margin-left: -38px;
color: #d37f48;
}

#centerColumn ol li dd{
color: #000;
margin: 0px;
margin-left: 11px;
}

/*----centerColumn Sights----*/

#centerSights {
position: relative;
float: left;
margin: 35px 0px 0px 52px;
width: 625px;
}


#centerSights .sightsLeft{
position: relative;
float: left;
margin-right: 25px;
}

#centerSights .sightsRight{
position: relative;
float: left;
}


/*#centerSights h2 {
display: block;
background-image: url(../images/the-grand-tour.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 392px;
height: 125px;
}


#centerSights h3 {
background-image: url(../images/a-visual-perigrination-with-detours.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 441px;
height: 14px;
}  */

#centerSights h4 {
background-image: url(../images/a-collection-of-letterpress-examples.gif);
background-repeat: no-repeat;
text-indent: -9999px;
width: 536px;
height: 101px;
}



/*----Right Column----*/

#rightColumn {
position: relative;
float: left;
margin: 0px 19px 0px 21px;
width: 179px;
}

#rightColumn .menImage {
position: relative;
float: left;
margin: 0px 0px 0px 50px;
}


/*----FOOTER----*/
.footer {
margin: 26px auto 6px;
line-height: 25px;
font-size: 11px;
text-align: center;
color: #555454;
}

.footer a {
color: #555454;
text-decoration: underline;  
}