@charset "utf-8";
/* CSS Document */
body 
{
background: #f4f3f3;
margin: 0; 
padding: 0;
text-align: center; 
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
font-family: Georgia, "Times New Roman", Times, serif;
color:#3c8cb7;
}
* {outline:none}
/*general*/
img {border:none}
h1 {
	color:#175475;
	font-weight:100;
	font-size:1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top:0px;
}
h2 {
	color:#2380B1;
	font-weight:100;
	font-size:1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:1em;
}
h3 {
	color:#175475;
	font-weight:400;
	font-size:2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:1em;
}
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color:#9F8C22;
	line-height:1.5em;
}
#container {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width: auto;
	height: auto;
	margin-bottom:0px;
}
#leftCol {
	float:left;
	width:95%;
	background:url(images/bg_left.png) no-repeat;
	margin-left:0px;
	position:relative;
	height: auto;
	margin-bottom:0px;
}
#header {   
    position:relative;
	float:left;
    width:100%;
	height:auto;
}
#logo {
	float:left;
	position:relative;
	top:0px;
	left:2.5em;
	width:775px;
	height:auto;
	text-align:left;
	}
#contact {
	float:left;
	position:relative;
	top:80px;
	margin-left:90px;
	width:auto;
	height:auto;
	font-size:0.8em;
	}
a:link {color:#3c8cb7; text-decoration:none; outline:none}
a:active {color:#3c8cb7; text-decoration:none}
a:visited {color:#3c8cb7; text-decoration:none}
a:hover {color:#fff; background:#3c8cb7; text-decoration:none}

.blue {color:#3c8cb7;}
#home {
	float:left;
	position:relative;
	margin-top:0px;
	left:4em;
	width:720px;
	}
.homecone {
	float:left;
	position:relative;
	top:45px;
	padding-right:25px;
	}
.homeimages {
	float:left;
	padding-right:15px;
	}
.homebeans {
	float:left;
	width:auto;
	position:relative;
	top:45px;
	}
#home2 {
	float:left;
	width:auto;
	position:relative;
	left:4em;
	top:0px;
	}
.homenecklace {
	float:left;
	position:relative;
	top:0px;
	margin-left:30px;
	padding-right:25px}
.homestar {
	float:left;
	position:relative;
	top:25px;
	left:35px;
	}
.homebracelet {
	float:left;
	position:relative;
	top:0px;
	left:80px;
	margin-right:0;
	}
.buyearrings {
	float:left;
	width:auto;
	position:relative;
	top:0px;
	left:35px;
	margin-right:0;
	}
#Nav ul {
	float:left;
	width:99%;
	margin: 10px 0 0 25px;
	z-index:5;
	font-size:0.9em;
	}
#Nav li{
	list-style-type:none;
	display:inline;
	padding:0 20px 0 0;
	text-align:center
	}
#Nav li, #Nav a {
	float:left;
	height:38px;
	display:block;
	padding:0;
	font-size:1em;
	color:#c0aa29;
    } 
.homeLink a:hover{  
	background:url(images/peapod.png) no-repeat;
	color:#3c8cb7;
    } 
.homeLink{
	width:85px;
	height:38px;
    } 
.homeLink a:link{
	margin-left:20px;
    } 
.aboutLink a:hover{   
	background:url(images/dandi_sm.png) no-repeat;
	color:#3c8cb7;
    } 
.aboutLink{
	width:95px;
	height:38px;
    } 
.aboutLink a:link{
	margin-left:30px;
    } 
.lookLink a:hover{   
	background:url(images/honesty.png) no-repeat;
	color:#3c8cb7;
    } 
.lookLink{
	width:125px;
	height:38px;
    } 
.lookLink a:link{
	margin-left:25px;
    } 
.tabletopLink a:hover{   
	background:url(images/swirly_sm.png) no-repeat;
	color:#3c8cb7;
    } 
.tabletopLink{
	width:175px;
	height:38px;
    } 
.tabletopLink a:link{
	margin-left:25px;
    } 
.buyLink a:hover{   
	background:url(images/star_anais_sm.png) no-repeat;
	color:#3c8cb7;
    }
.buyLink{
	width:175px;
	height:38px;
    } 
.buyLink a:link{
	margin-left:30px;
    } 
.friendsLink a:hover{   
	background:url(images/peapod_sm.png) no-repeat;
	color:#3c8cb7;
    }
.friendsLink{
	width:125px;
	height:38px;
    } 
.friendsLink a:link{
	margin-left:25px;
    } 
.helloLink a:hover{   
	background:url(images/dandi_sm2.png) no-repeat;
	color:#3c8cb7;
    }
.helloLink{
	width:125px;
	height:38px;
    }
.helloLink a:link{
	margin-left:25px;
    } 
/*home*/
#welcome {
	float:left;
	position:relative;
	height:auto;
	margin:0 0 0 0;
	left:4em;
	width:100%;
	text-align:left;
	font-size:0.9em;
	}	
#welcometxt {
	float:left;
	position:relative;
	height:auto;
	margin:0 0 0 0;
	left:0em;
	width:65%;
	}
#rssFeed {
	margin-left:50px;
	width:300px;
	float:left;
	list-style:none;
	text-align:left;
	font-size:0.8em;
}
#rssFeed h2{
	margin-left:0em;
	float:left;
}
#rssFeed li {
	list-style:none;
	}
#rssFeed ul {
	border-style:#666666 1px dashed;
	}
.hr1 {
	border-style:#666666 1px dashed;
	}
/*about*/
#about {
	float:left;
	position:relative;
	margin-top:0px;
	text-align:left;
	font-size:0.9em;
	left:4em;
	width:500px;
	}
/*friends*/
#friendsh1 {
	float:left;
	position:relative;
	height:auto;
	margin:0 0 0 0;
	text-align:left;
	left:4em;
	width:50%;
	}
#friends {
	float:left;
	position:relative;
	margin-top:0px;
	text-align:left;
	font-size:0.9em;
	left:4em;
	width:90%;
	}
.friendsCol {
	float:left;
	position:relative;
	margin-top:0px;
	margin-left:5px;
	margin-right:15px;
	margin-bottom:1px;
	width:30%;
	display:inline;
	border-top:#666666 1px dashed;
	}
.friendsCol2 {
	float:left;
	position:relative;
	margin-top:0px;
	margin-left:5px;
	margin-right:7px;
	margin-bottom:1px;
	width:30%;
	display:inline;
	}
/*gallery*/
#galleryPopup {
	float:left;
	position:relative;
	margin-top:-15px;
	text-align:left;
	font-size:0.9em;
	left:100px;
	width:332px;
	height:308px;
	}
#gallery {
	float:left;
	position:relative;
	margin-top:0px;
	left:4em;
	font-size:0.9em;
	color:#333333;
	border:none;
	height:auto;
	}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: #175475;
text-decoration: none;
background-color:#FFFFFF;
}
.thumbnail{ 
border: none;
text-decoration:none;
height:160px
}

.thumbnail span img{ /*CSS for enlarged image*/
border: none;
padding: 2px;
text-decoration:none;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -340px;
left: 500px; /*position where enlarged image should offset horizontally */
z-index: 50;
color:#175475;
}

.thumbnail1 span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: #175475;
text-decoration: none;
background-color:#FFFFFF;
}
.thumbnail1{ 
border: none;
text-decoration:none;
height:160px
}

.thumbnail1 span img{ /*CSS for enlarged image*/
border: none;
padding: 2px;
text-decoration:none;
}
.thumbnail1:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -300px;
left: 500px; /*position where enlarged image should offset horizontally */
z-index: 50;
color:#175475;
}
.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: #175475;
text-decoration: none;
background-color:#FFFFFF;
}
.thumbnail2{ 
border: none;
text-decoration:none;
height:160px
}
.thumbnail2 span img{ /*CSS for enlarged image*/
border: none;
padding: 2px;
text-decoration:none;
}
.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -200px;
left: 500px; /*position where enlarged image should offset horizontally */
z-index: 50;
color:#175475;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: #175475;
text-decoration: none;
background-color:#FFFFFF;
}
.thumbnail3{ 
border: none;
text-decoration:none;
height:160px
}
.thumbnail3 span img{ /*CSS for enlarged image*/
border: none;
padding: 2px;
text-decoration:none;
}
.thumbnail3:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -50px;
left: 500px; /*position where enlarged image should offset horizontally */
z-index: 50;
color:#175475;
}
.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: #175475;
text-decoration: none;
background-color:#FFFFFF;
}
.thumbnail4{ 
border: none;
text-decoration:none;
height:160px
}
.thumbnail4 span img{ /*CSS for enlarged image*/
border: none;
padding: 2px;
text-decoration:none;
}
.thumbnail4:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 50px;
left: 500px; /*position where enlarged image should offset horizontally */
z-index: 50;
color:#175475;
}
#gallery a:link {text-decoration:none; outline:none}
#gallery a:active {text-decoration:none}
#gallery a:visited {text-decoration:none}
#gallery a:hover {background:none; text-decoration:none}

#headContact {
	float:left;
	width:85%;
	height:auto;
	position:relative;
	margin: 0 0 15px 0;
	left:4em;
	font-size:0.9em;
	color:#333333;
	text-align:left;
	border-top:#666666 1px dashed;
}
#footer {
	float:left;
	width:85%;
	height:auto;
	position:relative;
	margin: 8px 0 5px 0;
	left:4em;
	font-size:0.9em;
	color:#333333;
	text-align:left;
	border-top:#666666 1px dashed;
}
#credit {
	float:right;
	width:300px;
	height:auto;
	position:relative;
	margin-top:-15px;
	padding: 0;
	color:#333333;
	font-size:0.8em;
	text-align:right;
}
#credit a {text-decoration:none; color:#333333; outline:none}
#credit a:hover {color:#fff; background:#3c8cb7; text-decoration:none}