@charset "utf-8";

/* set the font for the site */
* { 
	margin:0px;
	padding:0px; 
	xfont-family:Arial, Helvetica, Arial, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
}

/* set the colours for the text and background */

html {
	overflow-y:scroll;
}

body, html {
	color:#b3b9ba;
	background:#FFF;
	text-align:center;
	font-size:12px;
}

/* -- Defaults for headings, bulletpoints form required and paragraphs -- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix {display: block;}
/* End hide from IE-mac */

IMG {
   border: none;
}

H1, H2, H3, H4, H5, H6 {
	font:bold 22px Arial, Helvetica, sans-serif;
	padding:20px 9px 9px;
	display:block;
	margin:0;
	padding:0
}

H2 {
	font-size:18px;
}

H3 {
	font-size:16px;
}

H4 {
	font-size:15px;
}

H5 {
	font-size:14px;
}

H6 {
	font-size:13px;
}



p {
	padding:10px 0px 0px 0px;
}

a {
	text-decoration:none;
	color:#555555;
}

a:hover {
	color:#000;
}

.none {
  display:none;
}


/* This holds the content, change it's width to whatever is needed */

.wrap {
	width:655px;
	height:520px;
	margin:20px auto;
	text-align:center;
	background:#FFF;
}
.wrap2 {
	width:955px;
	height:520px;
	margin:20px auto;
	text-align:center;
	background:#FFF;
}




.mainMenu   {
  width: 695px; 
}
.mainMenu2   {
  width: 955px; 
}

.mainMenu ul li {
  display:inline;
  list-style:none outside none; 
  font-size:14px;
  font-weight:300;
  line-height:32px;
  text-transform: uppercase;
}

.mainMenu ul li a {
  border:0 none;
  font-size:14px;
  font-style:normal;
  font-weight:300;
  line-height:32px;
  text-transform: uppercase;
}

.mainMenu ul li a:hover,
.homeSection .mainMenu  ul li.homeNav a,
.galleryFrontSection .mainMenu  ul li.galleryNav a,
.XgalleryCategorySection .mainMenu  ul li.galleryNav a,
.artistsStatementSection .mainMenu  ul li.experienceNav a,
.testimonialsSection .mainMenu  ul li.testimonialsNav a,
.materialsSection .mainMenu  ul li.materialsNav a,
.contactsSection .mainMenu  ul li.contactNav a
{
  background: #b3b9ba;  
  color: #ffffff;
}






.logo {
  xdisplay: none;
  background: #FFFFFF;
  color: #80a0a8;
  font-size:64px;
  font-style:normal;
  font-weight:300;
  height: 60px;
  width:695px;
  Xpadding: 30px 0px 25px 0px;
  padding: 10px 0px 25px 0px;
}
.logo2 {
  width: 955px;
}


.davidParker {
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  position: relative;
  top: 272px;
  left: 0px;
  color: #293d4d;
  color: #3b4685;
  xtext-transform: none;

}
.davidParker span {
  color: #FFFFFF;
  color: #e9eaeb;
  text-transform: uppercase;
}
.handmadeJewellery {
  color: #e9eaeb;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  display: inline;
  position: relative;
  top: 298px;
  left: 0px;
  xtext-transform: none;
}





.homePage {
  background: #99A5A7;
  background: url("../images/davidparker-jewellery.jpg");

  color: #FFFFFF;
  font-size:14px;
  font-style:normal;
  font-weight:bold;
  height:410px;
  padding: 0px;
  text-transform: uppercase; 
  width:695px;
}





.galleryPage {
  border-color: #99A5A7;
  border-style: solid;
  border-width: 1px;
  color: #FFFFFF;
  font-size:14px;
  font-style:normal;
  font-weight:bold;
  text-transform: uppercase; 
  width:955px;
  min-height:390px;

}

.galleryWrap {
	top:120px;
	left:60px;
	position: relative;
	height:210px;
	width:840px;
	overflow-x:auto;
	overflow-y:hidden;
  text-transform: none; 
  font-weight: lighter; 
}
.galleryContainer {
	height:133px;
	width:1955px;
}





.galleryPage span {
  margin: 5px;
  padding: 1px 1px 1px 1px;
}


.galleryPage span a {
  margin: 1px 2px 3px 60px;
  padding: 1px 2px 3px 4px;
}

.galleryPage span.firstOne a {
  margin: 1px 2px 3px 0px;
  padding: 1px 2px 3px 4px;
}

.galleryPage a img {
  border-color: #99A5A7;
  border-style: solid;
  border-width: 1px;
}
.galleryPage a:hover {
  background: #99A5A7;  
}



.galleryMenu {
  background: #99A5A7;
  border-color: #99A5A7;
  border-style: solid;
  border-width: 1px;

  color: #FFFFFF;
  height:30px;
  width:905px;
  Xwidth: 100%;
  padding-left: 50px;
}

.galleryMenu ul {
  list-style:none outside none; 
  margin: 0;
  padding: 0;
}

.galleryMenu ul li {
  Xdisplay:inline;
  width: 140px;
  margin-left: 2px;
  margin-right: 3px;
  text-align: center;
  float: left;
}
.galleryMenu ul li:first {
  margin-left: 0px;
  margin-right: 0px;
}


.galleryMenu ul li a {
  border:0 none;
  color: #FFFFFF;
  font-size:14px;
  font-style:normal;
  font-weight:300;
  line-height:30px;
  Xpadding: 0px 35px;
  text-transform: uppercase;
}

.galleryMenu ul li a:hover {
  background: #99A5A7;  
}







.galleryImages {
  top:120px;
  position: relative;
  color: #FFFFFF;
  height:30px;
  width:955px;
}


.galleryImages ul li {
  display:inline;
  list-style:none outside none; 
}

.galleryImages ul li a {
  color: #FFFFFF;
  font-size:14px;
  font-style:normal;
  font-weight:300;
  line-height:30px;
  padding: 0px 5px;
  text-transform: uppercase;
}

.galleryImages ul li a img {
  border-color: #99A5A7;
  border-style: solid;
  border-width: 1px;
}
.galleryImages ul li a:hover {
  background: #99A5A7;  
}

/* description text */
.galleryContainer a span {
	position:absolute; 
	top:130px;
}
.galleryContainer a span span {
	position:absolute; 
	top:0px;
	left:-138px;
	width:125px;
	color: #AAB6B6;
}





.artistsStatementPage {
  border-color: #99A5A7;
  border-style: solid;
  border-width: 1px;
  color:#90999b;
  font-size:18px;
  font-style:normal;
  font-weight:300;
  height:1150px;
  padding: 20px 20px 0px 20px;
  text-transform: none; 
  width:655px;
  text-align: left;
}



.testimonialsPage {
  border-color: #99A5A7;
  border-style: solid;
  border-width: 1px;
  color:#90999b;
  font-size:14px;
  font-style:normal;
  font-weight:300;
  height:820px;
  padding: 20px 20px 0px 20px;
  text-transform: none; 
  width:655px;
  text-align: left;
}



.contactsPage {
  border-color: #99A5A7;
  border-style: solid;
  border-width: 1px;
  color:#90999b;
  font-size:20px;
  font-style:normal;
  font-weight:300;
  height:390px;
  padding: 20px 20px 0px 20px;
  text-transform: none; 
  width:655px;
  text-align: left;
}


.materialsPage {
  border-color: #99A5A7;
  border-style: solid;
  border-width: 1px;
  color:#90999b;
  font-size:28px;
  font-style:normal;
  font-weight:300;
  height:390px;
  padding: 20px 20px 0px 20px;
  text-transform: uppercase; 
  width:655px;
  text-align: center;
}


.metalsPage {
  border-color: #99A5A7;
  border-style: solid;
  border-width: 1px;
  color:#90999b;
  font-size:14px;
  font-style:normal;
  font-weight:300;
  height:890px;
  padding: 20px 20px 0px 20px;
  text-transform: none; 
  width:655px;
  text-align: left;
}
.stonesPage {
  border-color: #99A5A7;
  border-style: solid;
  border-width: 1px;
  color:#90999b;
  font-size:21px;
  font-style:normal;
  font-weight:300;
  height:390px;
  padding: 20px 20px 0px 20px;
  text-transform: none; 
  width:655px;
  text-align: left;
}


div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 155px;
	width: 955px;
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 110px;
	/* max width here, for users without javascript */	
	width: 15500px;	
	padding: 15px 0 0 15px; 
	/* removing default styling */
	margin: 0;
	background: url('http://www.davidparkerjewellery.com.au/styles/navigation.png');		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #fff;
}


div#nyroModalWrapper {
border:4px solid #99A5A7;
}
/*
.testimonialsPage .quote  {
	position: relative;
	top: 0px;
	left: -9px;
	font-size: 28px;	
	line-height: 10px;	
}
*/

.leftRight {
	display:none;
	width: 300px;
	position: relative;
	top: 120px;
	left: 325px;
}
.leftLink {
	float: left;
}
.rightLink {
	float: right;
}

.bees {
	color:#d3d9da;
	float: right;
	position: absolute;
	bottom: 2px;
	right: 2px;
}

.bees a {
	color:#d3d9da;
}