/* Contact Page */
#mainContentContact {
	background-image:url(../images/contactBg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#575757;
	line-height:18px;
	}
#mainContentContact .main {
	width:674px;
	height:580px;
	padding:0px 15px;
	float:left;
	}
#mainContentContact .side {
	float:left;
	width:300px;
	height:550px;
	padding:40px 0px 10px 20px;	}
#mainContentContact a {
	color:#29b1cc;
	}
#mainContentContact h1, #mainContentContact h2 {
	margin:10px 0px;
	}


body { }
p {}
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }
#container { width: 1065px; }
#topBar { width: 1065px; height: 134px; }
#topRight { width: 823px; height: 129px; float: left; }
#logoHolder { background-image: url(../images/logo.jpg); width: 242px; height: 129px; float: left; }
#contentLeft { width: 674px; height: 580px; float: left; }

h2 {
	color:#3e575c;
	font-size:32px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	text-align:center;
	margin:80px auto 40px auto;
	}

#collectionsLeft { width: 684px; float: left; }
#contentRight { font-size: 14px; font-family: arial; line-height: 20px; width: 360px; float: left; padding-right: 10px; position:relative; }
#contentRight-green { font-size: 14px; font-family: arial; line-height: 24px; width: 640px; height: 580px; float: right; padding-right: 10px; }
#collectionsRight { font-size: 14px; font-family: arial; line-height: 20px; width: 371px;  float: right; letter-spacing: 1pt; }
.textBox { width: 360px; height: auto; margin-right: 10px; }
#menu { background-image: url(../images/ccbg.jpg); width: 823px; height: 28px; }
#menuholder { background-image: url(../images/ccbg.jpg); width: 823px; height: 28px; position:relative; }
#topFlash { width: 823px; height: 101px; }
#mainContent { width: 1065px;  min-height:600px; font-family:Arial, Helvetica, sans-serif; }
#bottomBar { color: #fff; background-color:#2b6482; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-top:15px; text-align:center; width: 1065px; height: 47px; clear: both; }

.topInfo { height:101px; width:823px; overflow:hidden; text-align:center; color:#581739; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#e0ecec;}
.dropcap {font-size:48px; font-family:Arial, Helvetica, sans-serif; float:left; padding-top:6px; padding-right:4px; height:48px; width:36px; display:block;}

.infoHolder { width:100%; height: 30px; margin: 0 auto; text-align: center; }
.buy { background-image: url(../info/images/info_01.gif); width: 170px; height: 26px; float: left; display:block; }
.buy:hover { background-image: url(../info/images/infoD_01.gif); width: 170px; height: 26px; float: left; display: block  }
.pricing { background-image: url(../info/images/info_02.gif); width: 167px; height: 25px; float: left; display: block  }
.pricing:hover { background-image: url(../info/images/infoD_02.gif); width: 167px; height: 25px; float: left; display: block  }
.mailing { background-image: url(../info/images/info_05.gif); width: 163px; height: 28px; float: left; display: block  }
.mailing:hover { background-image: url(../info/images/infoD_05.gif); width: 163px; height: 28px; float: left; display: block  }
.care { background-image: url(../info/images/info_04.gif); width: 186px; height: 27px; float: left; display: block  }
.care:hover { background-image: url(../info/images/infoD_04.gif); width: 186px; height: 27px; float: left; display: block  }
.warranty { background-image: url(../info/images/info_03.gif); width: 167px; height: 27px; float: left; display: block  }
.warranty:hover { background-image: url(../info/images/infoD_03.gif); width: 167px; height: 27px; float: left; display: block  }
.green { background-image: url(../info/images/images/goinggreen_01_01.gif); width: 186px; height: 27px; float: left; display: block  }
.green:hover { background-image: url(../info/images/images/images/goinggreenD_01_01_01.gif); width: 186px; height: 27px; float: left; display: block  }
.recentWork{ color: #698b89; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 113px; height: 25px; float: left; margin: 1px; padding-top: 7px; display: block; }
.recentWork:hover{ color: #698b89; background-color: #cdd0d0; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 113px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }
.modernFlair { color: #698b89; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 113px; height: 25px; float: left; margin: 1px; padding-top: 7px; display: block; }
.modernFlair:hover { color: #698b89; background-color: #cdd0d0; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 113px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }
.vintageElegance { color: #698b89; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 148px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }
.vintageElegance:hover { color: #698b89; background-color: #cdd0d0; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 148px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }
.classicLines { color: #698b89; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 114px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }
.classicLines:hover { color: #698b89; background-color: #cdd0d0; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 114px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }
.bandedTogeather { color: #698b89; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 153px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }
.bandedTogeather:hover { color: #698b89; background-color: #cdd0d0; background-color: #cdd0d0; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; padding-top: 7px; width: 153px; height: 25px; float: left; margin: 1px; display: block; }
.coloredGem { color: #698b89; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 200px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }
.coloredGem:hover { color: #698b89; background-color: #cdd0d0; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 200px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }
.earrings { color: #698b89; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 85px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }
.earrings:hover { color: #698b89; background-color: #cdd0d0; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 85px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }
.necklaces { color: #698b89; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 92px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }
.necklaces:hover { color: #698b89; background-color: #cdd0d0; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 92px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }
.vintageWatches { color: #698b89; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 143px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }
.vintageWatches:hover { color: #698b89; background-color: #cdd0d0; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 143px; height: 25px; float: left; margin: 1px; display: block; padding-top: 7px; }

.dropdownL {
	background-color: #cdd0d0; font-size: 14px; font-family: helvetica; text-decoration: none; text-align: center; width: 143px; float: left; margin: 1px; display: block; padding: 5px 0px;
	}


.last { color: teal; font-size: 20px; font-family: arial; width: 88px; height: 37px; float: left; display: block; text-decoration: none; }
.last:hover { color: teal; font-size: 20px; font-family: arial; width: 88px; height: 37px; float: left; display: block; text-decoration: underline; }
.next { color: teal; font-size: 20px; font-family: arial; width: 88px; height: 37px; float: right; text-decoration: none; }
.next:hover { color: teal; font-size: 20px; font-family: arial; width: 88px; height: 37px; float: right; text-decoration: underline; }
/*
.homepage {
	width: 84px;
	height: 28px;
	float: left;
	display: block;
}
.homepage:hover {
	width: 84px;
	height: 28px;
	float: left;
	display: block;
}
.collections { width: 136px; height: 28px; float: left; display: block; }
.collections:hover {  width: 136px; height: 28px; float: left; display: block; }
.designer { width: 112px; height: 28px; float: left; display: block; }
.designer:hover {  width: 112px; height: 28px; float: left; display: block; }
.process {  width: 107px; height: 28px; float: left; display: block; }
.process:hover {  width: 107px; height: 28px; float: left; display: block; }
.store {  width: 99px; height: 28px; float: left; display: block; }
.store:hover {  width: 99px; height: 28px; float: left; display: block; }
.info { width: 182px; height: 28px; float: left; display: block; }
.info:hover {  width: 182px; height: 28px; float: left; display: block; }
.contact {  width: 102px; height: 28px; float: left; display: block; }
.contact:hover {  width: 102px; height: 28px; float: left; display: block; }
*/
#nav {
	background-color: #aab2ca;
	text-align: center;
	width: 823px;
	padding: 0;
	margin: 0;
	text-align:left;
}

#nav a:link  {
	text-decoration: none;
	color: #000;
	background-color: #aab2ca;
}

#nav a:visited  {
	text-decoration: none;
	color: #000;
	background-color: #aab2ca;
}
#nav  a:hover {
	text-decoration: none;
	color: #000;
	background-color: #91a3d7;
}

#nav a:active {
	text-decoration: none;
	color: #000;
	background-color:#91a3d7;
	/* background-color: #8caab2; */
}

#nav, #nav ul {
	float: left;
	list-style: none;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#nav a {
	display: block;
	text-decoration: none;
	text-align: center;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 0;
	letter-spacing: 1px;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
	width: 90px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align:left;
	z-index:20;
}

#nav li ul li {
	width: 150px;
	text-align: left;
	margin:0;
	padding: 0;
	list-style-position: outside;
}

#nav li ul li a {
	width: 150px;
	font-size: 10px;
	margin:  0;
	padding: 10px 0 0px 0px;
	text-align:left;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}