@charset "UTF-8";
/* CSS Document */


/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 98%;
	max-width: 1024px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 760px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container_w {
	width: 100%;
	max-width: 1024px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 766px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}



/* ~~ this provides a single or multiple line indent - previously an image was used for each line indent often requiring a table as well */
.spacer {
	padding-left:25px;
	text-align:justify;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.photo {
  display: block;
  width: 170px;
  text-align:right
}

/* ~~ thie puts an invisible spacer under the title */
.title {
	font-size: 24px;
	letter-spacing:1px;
	font-family:Verdana, Geneva, sans-serif;
	text-align: left;
	height:36px
}

/* ~~ thie puts an invisible spacer over the section title */
.section {
	font-size: 24px;
	font-family:Verdana, Geneva, sans-serif;
	color:#999;
	text-align: left;
	padding-top:8px;
}

/* ~~ place the image to the left with 8px padding on the right - the buy-buttons con go below and will be centered */
.cover {
	width:114px;
	text-align: center;
	float:left;
}

/* ~~ place the text  */
.quote {
	width:175px;
	padding-left:10px;
	padding-right:15px;
	text-align: right;
}

/* ~~ place the image to the right with 8px padding on the left - the name con go below and will be centered */
.CF {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	width:80px;
	text-align: center;
	padding-left:8px; 
	float:right;
}

/* ~~ as above for lanscape orintation */
.CFL {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	width:174px;
	text-align: center;
	padding-left:8px; 
	float:right;
}

/* ~~ place the image in the center with 10px padding on the left & right - the link con go below and will be centered */
.SS {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:120px;
	text-align: center;
	padding-left:10px;
	padding-right:10px; 
	float:right; 
}

/* ~~ for larger items right of text */
.FR {
	padding-left:8px; 
	float:right;
}

/* ~~ place the image to the right with 8px padding on the left - the name con go below and will be centered */
.adv {
	width:118px;
	text-align: center;
	padding-left:8px; 
	float:right;
}

/* ~~ ~ */
.home {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	background-color:#F00;
	width:127px;
	height:25px;
	text-align:center;
	display:table;
	float:left;
}

.home_v {
  vertical-align:middle;
  display: table-cell;
}