@charset "utf-8";
body {
	font-size: small; /* ~~ Using keywords as a base font size offers a simple, easy to grasp method of sizing text that permits user resizing. percentages can than be used on other elements giving a certian level of precision...containers, h1, h2...etc   ~~ */
	font-family: source-sans-pro, sans-serif;
	margin: 0;
	padding: 0;
	background: #FBF4E5;
	margin: 0;
	padding: 0;
	color: #827a68;
}
/* ~~ Element/tag selectors ~~ */

ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 1.1em;
}
p {
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 1.5em;
	word-spacing: 0.2em;
}
blockquote {
	line-height: 1.5em;
	word-spacing: 0.2em;
}
h1 {
	font-size: 130%;
	font-family: georgia, sans-serif;
	color: #827a68;
}
h2 {
	font-size: 130%;
}
h3 {
	font-size: 120%;
}
ul li {
	font-size: 100%;
}
a img {
	border: none;
}
a:link {
	color: #827a68;
	text-decoration: none;
}
a:visited {
	color: #827a68;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
	color: #eab05b;
}
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 1200px;
	max-width: 1200px;
	min-width: 780px;
	margin: 0 auto;
	font-size: 120%;
}
.header {
	background: url(../images/phoenix-jewelers-head.png) no-repeat left top;
	width: 100%;
	height: 130px;
	border-bottom: 1px #c2b8a6 solid;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.00);
	position: relative;
}
/* ~~ Site Navigation ~~ */

.main-system-nav {
	font-family: georgia, sans-serif;
	font-size: 80%;
	margin: -27px 0px 0px 0px;
	width: 100%;
	color: #827a68;
}
.menu {
	float: right;
	width: 61%;
}
.main-system-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-system-nav li {
	padding: 0px 36px 10px 0px;
	margin: 0;
	float: left;
	text-align: center;
	display: block;
	position: relative;
	border: none;
}
.main-system-nav li.nav-item1 {
	width: 10%;
}
.main-system-nav li.nav-item2 {
	width: 7%;
}
.main-system-nav li.nav-item3 {
	margin-top: 15px;
}
.main-system-nav li.nav-item4 {
	margin-top: 15px;
}
.main-system-nav li.nav-item5 {
	margin-top: 15px;
}
.main-system-nav li a {
	text-decoration: none;
	display: block;
	color: #827a68;
}
.main-system-nav a {
	text-decoration: none;
	display: block;
	color: #827a68;
}
.main-system-nav a:hover {
	text-decoration: underline !important;
	display: block;
	color: #eab05b;
}
.main-system-nav li:hover .drop {
/* Background color and gradients */
   
	
}
.main-system-nav li:hover .dropdown_3columns {
	left: -1px;
	top: auto;
}
.mega-arrow {
	position: relative;
	top: 0;
	z-index: 3001;
}
.dropdown_3columns {
	margin-top: 10px;
	margin-left: -747px;
	float: left;
	position: absolute;
	left: -999em; /* Hides the drop down */
	text-align: left;
	padding: 10px 5px 15px 5px;
	background: #F0DFC6;
	border-top: none;
	z-index: 1;
	width: 1191px;
	display: inline;
	text-decoration: underline !important;
}
.drop_col_3 {
	float: right;
	margin-right: 385px;
	margin-top: -11px;
	text-align: center;
}
.drop_col_3 a {
	text-decoration: underline !important;
}
.row1, .row2 {
	padding-bottom: 5px;
}
.col_3 li {
	display: inline;
}
nav.breadcrumb {
	font-family: georgia, sans-serif;
	font-size: 80%;
	margin: 16px 0px 0px 170px;
	width: 100%;
	float: left;
}
nav.breadcrumb ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav.breadcrumb li {
	padding: 0px 16px 0px 0px;
	margin: 0;
	float: left;
}
nav.breadcrumb li.nav-item1 {
	width: 10%;
}
nav.breadcrumb li.nav-item2 {
	width: 7%;
}
nav.breadcrumb li.nav-item3 {
	margin-top: 15px;
}
nav.breadcrumb li.nav-item4 {
	margin-top: 15px;
}
nav.breadcrumb li.nav-item5 {
	margin-top: 15px;
}
nav.breadcrumb li a {
	color: #eab05b;
}
.phoenix-jewlers-logo {
	margin: 0;
	padding: 32px 0px 0px 168px;
	display: block;
	width: 201px;
	height: 78px;
}
.media {
	margin: 0 auto;
	width: 100%;
	display: block;
	background-color: #ffffff;
	float: left;
}
.content {
	padding: 10px 0;
	margin: 0 auto;
	font-size: 100%;
	width: 100%;
	background-color: #ffffff;
	float: left;
}
/*.content a, section a {
	color:#827a68;
	text-decoration: underline;
}*/


.contact-us-today a {
	text-decoration: underline;
}
.section1 a {
	text-decoration: underline;
}
.section1 {
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	width: 50%;
	margin-left: 305px;
}
.section1 h1 {
	background: url(../images/welcome-phoenix-jewelers.png) no-repeat left top;
	margin-left: 15px;
	text-indent: -99999px;
}
.content ul, .content ol {
	padding: 0 15px 15px 40px;
}
.gallery {
	width: 74%;
	margin: 0 auto;
	text-align: left;
}
/*.gallery h1 {
	background: url(../images/header-phoenix-jewelers-custom-gallery.png) no-repeat 50% 50%;
	text-indent: -999999px;
}*/
.gallery, .gallery-int {
	margin-top: 100px;
}
.gallery h2 {
	font-family: georgia, sans-serif;
	font-size: 120%;
	margin: 0;
	text-align: center;
}
.gallery figcaption {
	padding-left: 26px;
	padding-right: 20px;
}
.gallery figcaption h2 {
	font-family: source-sans-pro, sans-serif;
}
.gallery-col1 {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
.gallery-col2 {
	float: right;
	width: 50%;
	margin-bottom: 20px;
}
.gallery-col3 {
	float: left;
	margin-left: 100px;
	margin-top: 37px;
}
.gallery-col4 {
	float: right;
	width: 54%;
	/*margin-right: 56px;*/
}
.gallery-col4 h1 {
	background: url(../images/header-phoenix-jewelers.png) no-repeat left top;
	margin-left: 15px;
	text-indent: -99999px;
	margin-top: 0;
	margin-bottom: 0;
}
.gallery-col4 blockquote {
	border-top: #827a68 1px solid;
	border-bottom: #827a68 1px solid;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 57px 20px 20px -14px;
}
.gallery-col4 #blockquote-bck {
	background: url(../images/phoenix-jewelers-decoration-bck.png) no-repeat 50% 50%;
	width: 500px;
	height: 270px;
	overflow: hidden;
}
.gallery-col4 .contact-us {
	background: url(../images/header-phoenix-jewelers-contact-us.png) no-repeat left top;
	margin-left: 15px;
	text-indent: -99999px;
	margin-top: 0;
	margin-bottom: 0;
}
.gallery-col4 .services {
	background: url(../images/header-phoenix-jewelers-services.png) no-repeat left top;
	margin-left: 15px;
	text-indent: -99999px;
	margin-top: 0;
	margin-bottom: 0;
}




/*.gallery-col4 .todays-features {
	background: url(../images/header-phoenix-jewelers-todays-features.png) no-repeat left top;
	margin-left: 15px;
	text-indent: -99999px;
	margin-top: 0;
	margin-bottom: 0;
}*/

.gallery .coming-soon {
	background: url(../images/header-coming-soon.png) no-repeat 50% 50%;
	margin-left: 15px;
	text-indent: -99999px;
	margin-top: 0;
	margin-bottom: 0;
}

/*.gallery .custom {
	background: url(../images/header-phoenix-jewelers-custom.png) no-repeat 50% 50%;
	margin-left: 15px;
	text-indent: -99999px;
	margin-top: 0;
	margin-bottom: 0;
}*/
/*.gallery .exclusives {
	background: url(../images/header-phoenix-jewelers-exclusives.png) no-repeat 50% 50%;
	margin-left: 15px;
	text-indent: -99999px;
	margin-top: 0;
	margin-bottom: 0;
}*/
/*.gallery .past-to-future {
	background: url(../images/header-phoenix-jewelers-past-to-future.png) no-repeat 50% 50%;
	margin-left: 15px;
	text-indent: -99999px;
	margin-top: 0;
	margin-bottom: 0;
}*/
/*.gallery .todays-features {
	background: url(../images/header-phoenix-jewelers-todays-features.png) no-repeat 50% 50%;
	margin-left: 15px;
	text-indent: -99999px;
	margin-top: 0;
	margin-bottom: 0;
}*/
.hours {
	border-top: #827a68 1px solid;
	border-bottom: #827a68 1px solid;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 57px 20px 20px -14px;
}
.hours .our-hours {
	background: url(../images/header-phoenix-jewelers-our-hours.png) no-repeat left top;
	margin-left: 15px;
	text-indent: -99999px;
	margin-top: 13px;
	margin-bottom: 0;
}
.hours p {
	font-size: 120%;
}
.services-quote p {
	font-size: 120%;
}
.hours p em {
	font-size: 80%;
}
span.give-us-a-call {
	text-decoration: underline;
	margin-left: 2px;
}
.shout-out {
	text-align: center;
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
}
.shout-out span {
	padding-left: 20px;
	margin: 0;
}
.shout-out span.give-us-a-call {
	text-decoration: underline;
	margin-left: -20px;
}
.shout-out a {
	text-decoration: none;
}
.shout-out img {
	padding-left: 5px;
}
.shout-out .email-icon {
	vertical-align: middle;
	margin-left: -5px;
}
.shout-out .facebook-icon {
	vertical-align: middle;
}
/* ~~ The footer ~~ */
footer {
	font-family: georgia, sans-serif;
	background: #fffff;
	background: url(../images/phoenix-jewelers-footer.png) no-repeat left top;
	width: 100%;
	height: 284px;
	border-top: 1px #c2b8a6 solid;
	float: left;
}
#footer-container {
	margin: 0 auto;
}
footer span img {
	padding-left: 2px;
	padding-right: 2px;
}
footer p {
	text-align: center;
	margin-top: 20px;
}
.footer-nav {
	font-family: georgia, sans-serif;
	font-size: 80%;
	margin-top: 150px;
}
.footer-nav ul {
	list-style: none;
	margin-top: 20px;
	padding: 0;
	width: 100%;
	text-align: center;
}
.footer-nav ul li {
	display: inline-block;
}
.footer-nav li {
	padding: 0px 36px 0px 0px;
	margin: 0;
}
.footer-nav li.nav-item1 {
	width: 10%;
}
.footer-nav li.nav-item2 {
	width: 7%;
}
.footer-nav li.nav-item3 {
	margin-top: 15px;
}
.footer-nav li.nav-item4 {
	margin-top: 15px;
}
.footer-nav li.nav-item5 {
	margin-top: 15px;
}
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.pull-left {
	float: left;
	padding-right: 10px;
}
.pull-right {
	float: right;
	padding: 5px;
}