/* Tags
****************************************************************/

a {
	outline: none;
	border-width: 0px;
	cursor: pointer;
}

a img {
	outline: none;
	border-width: 0px;
}


html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 14px;
	background: url(../images/bg.jpg) transparent center 0px repeat;
}

div {
	border: 0px solid red;
}

/* Main Classes
****************************************************************/

.center {
	position: relative;
	margin: 0 auto;
}

.directions {
	width: 1000px;
}


.clear {
	clear: both;
}

.eater {
	width: 100%;
	height: 100%;
	position: relative;
}


/* Main ID
****************************************************************/

#all {
	width: 100%;
	margin: 0px auto;
}

/******** Head ********/
#header {
	position: relative;
	/*float: left;*/
	min-width: 980px;
	width: 100%;
	margin: 0 0px;
	height: 304px;
	background: url(../images/header.jpg) transparent center top no-repeat;
}

.head {
	width: 1000px;
	height: 100%;
	border: 0px solid red;
}


#header_left,
#header_right {
	position: relative;
	float: left;
	width: 300px;
	height: 199px;
}

/*#header_left {
	background: url(../images/header_left.jpg) transparent center top no-repeat;
}

#header_right {
	background: url(../images/header_right.jpg) transparent center top no-repeat;
}  */

#top_sites {
	position: absolute;
	left: 680px;
	top: 80px;
	width: 170px;
	height: 140px;

	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
    list-style: none;
    padding-top: 6px;
    padding-left: 20px;

}


#top_sites a,
#top_sites a:visited {
	display: block;
	width: 90%;
	line-height: 18px;
	margin-top: 0px;

	color: black;
	text-decoration: none;
	border-bottom: 1px dotted #000000
}

#top_sites a:hover {
	color: #bd27d3;
}
#top_sites ul{
  list-style: none;
  margin: 0;
  padding: 0;

}

#top_sites li{
  background: url(../images/star.jpg) 0px 7px no-repeat;
  padding-left: 16px;
  margin-bottom: 2px;
}
#top_sites li:hover{
  background: url(../images/star_hover.jpg) 0px 7px no-repeat;
}


#menu {
	position: absolute;
	left: 211px;
	top: 259px;
	width: 565px;
	height: 24px;

	/*border: 1px solid red;*/
}

#menu a{
  display: block;
  float: left;
  height: 24px;
  text-align: center;
  font: 16px/22px Verdana;
	color: #ff46b7;
  text-decoration: none;
  font-weight: bold
}
#menu a:hover {
   color: #FFFFFF;
   background: url(../images/link.jpg) repeat-x #000000;

}

#menu a.link1{
  width: 102px;
  margin-left: 4px;
}
#menu a.link2{
  width: 117px;
  margin-left: 2px;
}
#menu a.link3{
  width: 117px;
  margin-left: 2px;
}
#menu a.link4{
  width: 120px;
  margin-left: 2px;
}
#menu a.link5{
  width: 97px;
  margin-left: 2px;

}
#menu a.link5:hover{
  background: url(../images/link_end.jpg) right #000000
}
#menu a.link1:hover{
  background: url(../images/link_home.jpg) left #000000

}




/******** Center ********/
#wrapper {
	width: 100%;
	height: 531px;
}


/******** Footer ********/
#footer {
	/*position: relative;*/
	margin: 40px 0 0 0;
	width: 100%;

    color: black;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;

	background: url(../images/footer_line.jpg) bottom repeat-x;
    height: 112px;
  line-height: 15px
}
#footer img{
  position: absolute;
  right: 0;
}


#footer span {
	color: #ff46b7;

}

#footer_bottom {
	position: relative;
	background-color: #f0bde0;
	width: 100%;
	bottom: 0px;
}

#footer_bottom img {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 482px;
	height: 112px;
}


/* Classes
****************************************************************/

.block {
	position: relative;
	width: 100%;
}

div.caption {
	position: absolute;
	width: 568px; /* 568 */
	height: 47px; /* 67 */
	margin: 0 auto;
    left: 50%;
    margin-left:-284px;
	padding: 10px 0px;
	top: -25px;

	/*left: 352px;
	top: 20px;
	width: 300px;
	height: 30px;*/

	text-align: center;

    background: url(../images/block_caption.png) transparent center top no-repeat;
  	line-height: 40px;
}


a.bookmark {
	position: absolute;
	left: 20px;
	top: 0px;
	width: 208px; /* 248 */
	height: 35px; /* 51 */

	padding: 8px 20px;

	color: #ff46b7;
	font-family: Tahoma;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;

	background: url(../images/bookmark.png) transparent left top no-repeat;
}


/* Specifications
****************************************************************/

/******** Thumbs ********/
.thumbs {
	margin: 0 auto;
}



.thumbs a img {
	border: 2px solid #b49dac;
	margin: 4px;

}
.size_240x180 a img{
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 1px;
 width: 240px;
 height: 180px;
 background-image: url(../images/thumb_240x180.jpg);

}


.size_180x240 a img{
 margin-bottom: 2px;
 margin-top: 1px;
 margin-left: 1px;
 margin-right: 1px;
 width: 180px;
 height: 240px;
 background-image: url(../images/thumb_180x240.jpg);
}

.thumbs a img:hover{
  border: 2px solid #000000
}


.size_180x240{
  text-align: center
}




.size_240x180 {
  text-align: center
}



/******** Galleries ********/
.galleries {
	margin: 0 auto;
    width: 992px;
    padding-bottom: 10px;
}

.galleries a,
.galleries a:visited {
	display: block;
	position: relative;
	float: left;
	margin: 2px;

	width: 240px;

	color: black;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

.galleries a:hover {
	color: #ff46b7;
}


/******** Galleries ********/
.top {
	margin-top: 50px;
	padding-top: 0px;
	height: 40px; /* 24-padding-top */

	font-size: 22px;
	font-weight: bold;
	text-align: center;
	background: url(../images/block_top.png) transparent left top no-repeat;

}
.right{
  	background: url(../images/block_top.png) transparent right top no-repeat;
    height: 100%;
    width: 50%;
    float: right;

}


.content {
	background: url(../images/block_middle.png) left top repeat-y #ffffff;
    width: 100%;
    height: 100%;
}
.content_r{
	background: url(../images/block_middle_r.png) right top repeat-y;
    width: 100%;
    height: 100%;
}


.bottom {
	height: 16px;
	background: url(../images/block_bottom.png) transparent left top no-repeat;
    width: 100%
}
.bottom_r {
	height: 16px;
	background: url(../images/block_bottom.png) #ffffff right top no-repeat;
    width: 50%;
    float: right;
}

.top_bf {
	margin-top: 50px;
	padding-top: 0px;
	height: 40px; /* 24-padding-top */

	font-size: 22px;
	font-weight: bold;
	text-align: center;
	background: url(../images/bestfriends_top.png) transparent left top no-repeat;

}
.right_bf{
  	background: url(../images/bestfriends_top.png) transparent right top no-repeat;
    height: 100%;
    width: 50%;
    float: right;

}


.content_bf {
	background: url(../images/block_middle.png) left top repeat-y #f0bde0;
    width: 100%;
    height: 100%;
}
.content_r_bf{
	background: url(../images/block_middle_r.png) right top repeat-y;
    width: 100%;
    height: 100%;
}


.bottom_bf {
	height: 16px;
	background: url(../images/bestfriends_bottom.png) transparent left top no-repeat;
    width: 100%
}
.bottom_r_bf {
	height: 16px;
	background: url(../images/bestfriends_bottom.png) transparent right top no-repeat;
    width: 50%;
    float: right;
}

.blocks25 {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;

	font-weight: bold;
}

.blocks25 li {
   /*	list-style: decimal; */
	margin: 0;
	padding: 0;
	/*text-align: center; */
}


/* Design
****************************************************************/


.item{
  margin: 0 auto
}

.promo_block{
  width: 1000px;
  height: 250px;
  margin: 0 auto;
  margin-top: 100px;
}
.promo_block .item{
  width: 400px;
  height: 200px;
  margin-left:56px;
  margin-right:35px;
  float: left;
  position: relative;
  background: url(../images/promo_back.png) center repeat-y
}


.promo_block h3{
  background:url("../images/promo_title.png") no-repeat scroll 0 0 transparent;
  display:block;
  height:64px;
  left:50%;
  margin-left:-197px;
  position:absolute;
  top:-72px;
  //top:-62px;
  width:400px;
  text-align: center;
  font: bold 18px/65px Verdana
}

.promo_block img{
  float: left;
  margin-left: 40px;
  margin-top: 20px;
  margin-right: 10px;

}

.promo_block p{
  padding-right: 40px;
  padding-left: 10px;
  font-size: 14px
}
.promo_block .cost{
  display: block;
  background: #FF46B7;
  font-style: italic;
  font-weight: bold;
  font-size: 24px;
  float: left;
  margin-top: 5px;
}
.promo_bookmark{
  background: url(../images/promo_bookmark.png) no-repeat;
  position: absolute;
  left: 50%;
  width: 337px;
  height: 54px;
  display: block;
  margin-left: -169px;
  bottom: -50px;
  font: bold 22px/40px Verdana;
  color: #FF46B7;
  text-align: center;
  text-decoration: none;
}

#emo
{
  text-align: center;
  width:690px;
  position: relative;
  margin: 0 auto;
  margin-top: 45px;
  font-weight: bold;
}