/* SCL Diamonds css */

html, body {
	color: #000;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	background: url("images/slc_diamonds_smbck2.png");
	margin: 0;
	padding: 0;
	background-attachment: fixed;
    background-position: bottom; 
	height: 100%;
}

#container {
	min-height: 100%;
	margin-bottom: -200px;
	position: relative;
}

.clearfooter {
	height: 200px;
	clear: both;
}

/* No deco on text for "a" helps remove the underline on linked images */

a { 
	text-decoration:none;
}

/* SCL Diamonds Header */

header { 
	background: url("images/slc__diamonds_skyline2.png"), url("images/slc_diamonds_sky.png");
	height: 200px;
}

header nav { 
	float: right;
	padding-top: 120px; 
	padding-right: 100px;
	position: relative; 
}

header nav ul {
	 position: relative; 
	 border-bottom: 1px #ededed solid;
}

header nav ul li {
	font-family: "Times New Roman", sans-serif;
	font-weight: bold;
	font-size: 14px;
	list-style-type: none;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 6px;
	position: relative;
	display: inline-block; 
}

header nav ul li a:link, a:visited {
	word-spacing: 50px;
	text-decoration: none;
	display: block;
	width: 150px;
	color: #000;
	padding: 5px;
	position: relative;
}

header nav ul li a:hover, a:active {
	background-color: #ededed;
	position: relative; 
}

/* SCL Diamonds index footer */

footer {	
	background: url("images/slc_diamonds_fskyline.png"), url("images/slc_diamonds_fsky.png");
	background-position: bottom;
	background-repeat: repeat-x;
	border-top: 1px #b0afaf solid;
	height: 200px;
	position: relative;
	left: 0;
	right: 0;
}
/* footer used for all other pages with bottom:0; to help keep 
the footer at the bottom of pages with lesser content for larger screens */

#footer-pages-slc-diamonds {
	background: url("images/slc_diamonds_fskyline.png"), url("images/slc_diamonds_fsky.png");
	background-position: bottom;
	background-repeat: repeat-x;
	border-top: 1px #b0afaf solid;
	height: 200px;
	position: relative;
	right: 0;
	left: 0;
	bottom: 0;
}

#fskills-slc-diamonds {
	padding-left: 200px;
	padding-right: 100px;
	float: left; 
	margin-top: 20px;
	list-style-image: url("images/slc_diamonds_bullet3.png");
	line-height: 200%;
	font-style: italic;
	position: relative; 
}

#fcontent-slc-diamonds { 
	font-size: .70em;
	font-style: italic;
	text-align: center;
	position: relative; 
	float: left;
	padding-left: 235px;
}

#fsocial-slc-diamonds {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
	border-bottom: 1px #b0afaf solid;
	position: relative; 
}

#fsocial-slc-diamonds img {
	width: 23px;
	height: 23px; 
	margin: 0px 20px;
}

#ftext-slc-diamonds {
	font-size: 26px;
	text-align: center;
	position: relative; 
}

#ftext-slc-diamonds p {
	line-height: 125%;
	margin-top: 8px;
    margin-bottom: 0;
	font-size: 14px;
	font-style: normal;
}

.fmobile-slc-diamonds { 
	display: none;
	margin-top: 8px;
	font-size: 20px;
} 

.fdesktop-slc-diamonds { 
	display: inline;
	margin-top: 8px;
	font-size: 20px;
}

#femail-slc-diamonds {
	font-size: 11px;
	font-style: italic;
	position: relative;
	padding-top: 10px;
}

#f-epic-diamonds-jonny-roxx { 
	padding-right: 225px;
	padding-left: 200px;
	float: right; 
	margin-top: 25px;
	position: relative; 
}

/* slc diamonds logo */

#slc-diamonds-logo { 
	padding-top: 120px;
	padding-left: 125px; 
	padding-right: 30px;
	position: relative; 
	float: left;
}

#slc-diamonds-logo img { 
	width: 500px;
	height: 56px; 
}

/* SCL Diamonds Index */

#homebimg-slc-diamonds {
	float: right;
	padding-left: 400px;
	padding-top: 20px;
	padding-bottom: 0;
	width: 700px;
	border-bottom: 1px #bbbbbb solid;
}

#home-img-slc-diamonds {
	padding-bottom: 50px;
	padding-top: 60px;
	padding-right: 200px;
	position: relative; 
	float: right; 
	font-style: italic;
	width: 250px; 
	font-size: 12px; 
	text-align: center;
}

#home-img-slc-diamonds img {
	width: 229px; 
	height: 153px; 
	padding-bottom: 15px;
}

#index-frame-slc-diamonds {
	padding-left: 100px;
	float: left;
	padding-top: 50px;
	padding-bottom: 50px;
}

#index-img-slc-diamonds { 
	padding-top: 30px;
	padding-bottom: 30px;
	border-right: 1px #a2a2a2 solid;
	position: relative; 
	float: left; 
}

#index-img-slc-diamonds img {
	width:163px;
	height:176px
}

/* SCL Diamonds About */

#content-frame-slc-diamonds {
	border-top: 1px #ededed solid;
	border-left: 1px #bbbbbb solid;
	margin-left: 125px;
	float: left;
	margin-top: 36px;
}

#about-img-slc-diamonds {
	padding-left: 50px; 
	padding-top: 42px; 
	position: relative; 
	float: left; 
	display: inline-block;
}

#about-img-slc-diamonds img {
	width: 225px;
	height: 300px;
	border: 1px solid black;
}

#about-sig-slc-diamonds {
	float: right;
	padding-top: 15px;
	width: 600px;
}

#about-sideimg-slc-diamonds {
	padding-right: 175px; 
	padding-top: 76px; 
	position: relative; 
	float: right; 
}

#about-sideimg-slc-diamonds img {
	width: 311px; 
	height: 325px;
}

/* SCL Diamonds Services*/

#services-list {
	float: left; 
	margin-top: 16px;
	padding-left: 25px;
	list-style-image: url("images/slc_diamonds_bullet.png");
	line-height: 275%;
	font-style: italic;
	font-size: 18px;
	position: relative; 
	font-family: "Times New Roman", sans-serif;
}

#services-img-slc-diamonds {
	margin-right: 210px;
	padding-top: 60px; 
	position: relative; 
	float: right; 
	line-height: 150%;
	width: 500px; 
	font-size: 16px; 
	font-style: italic; 
	text-align:center;
}

#services-img-slc-diamonds img {
	width: 400px; 
	height: 170px; 
	padding-bottom: 0px;
}


/* SCL Diamonds Contact */

#contact-form-container {
	border-top: 1px #ededed solid;
	border-left: 1px #bbbbbb solid;
	margin-left: 125px;
	float: left;
	margin-top: 36px;
}

#contact-java-frame {
	float: left; 
	padding-top: 30px;
	padding-left: 50px;
	position: relative;
}

#contact-form-container h1 {
	font-size: 14px;
	font-family: "times new roman", sans-serif;
	padding-left: 25px;
	padding-bottom: 10px;
}

#contact-form-container p {
	font-size: 12px;
	padding-left: 25px; 
}

label {
  float: left;
  display: block;
  width: 8em;
  padding-right: 2em;
  text-align: right;
  clear: left;
}

input, textarea {
  display: block;
  margin-bottom: 1em;
}

#contact-img-slc-diamonds {
	margin-right: 210px;
	padding-top: 100px; 
	position: relative; 
	float: right; 
	line-height: 150%;
	width: 500px; 
	font-size: 16px; 
	font-style: italic; 
	text-align:center;
}

#contact-img-slc-diamonds img {
	width: 400px; 
	height: 134px; 
	padding-bottom: 0px;		
}

/* SCL Diamonds Stores */

#stores-left-img-slc-diamonds {
	margin-left: 210px;
	margin-top: 75px; 
	position: relative; 
	float: left; 
	line-height: 175%;
	padding-right: 234px;
	border-right: 1px #bbbbbb solid;
	font-family: "times new roman", sans-serif;
	width: 500px; 
	font-size: 16px; 
	text-align:center;
}

#stores-left-img-slc-diamonds img {
	width: 350px; 
	height: 179px; 
	padding-bottom: 0px;
}

#stores-img-slc-diamonds {
	margin-right: 210px;
	margin-top: 75px; 
	position: relative; 
	float: right; 
	line-height: 175%;
	font-family: "times new roman", sans-serif;
	width: 500px; 
	font-size: 16px;  
	text-align: center;
}

#stores-img-slc-diamonds img {
	width: 400px; 
	height: 163px; 
	padding-bottom: 0px;
}

/* SCL Diamonds Classes */

.paragraph-slc-diamonds {
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 25px;
	position: relative;  
	font-family: "Times New Roman", serif;
	font-size: 20px;
	width: 720px;
	line-height: 190%;
	text-indent: 40px;
	display: inline-block;
}

.paragraph2-slc-diamonds {
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 30px;
	vertical-align: middle;
	padding-left: 25px;
	position: relative; 
	float: left; 
	color: #000;
	font-family: "Times New Roman", serif;
	font-weight: normal;
	font-size: 20px;
	text-align: left;
	width: 720px;
	line-height: 190%;
	text-indent: 40px;
	display: inline-block;
}

.slc-diamonds {
	font-family: "Times New Roman", serif;
	font-size: 21px;
}

.about-slc-diamonds {
	color: #000;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 26px;
	font-style: normal;
}

.jon-parke {
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
}

.diamonds {
	color: #000;
	font-size: 1.2em;
	text-align: center;
	position: relative; 
	margin: 0 auto; 
	min-width: 1060px; 
}

/* SLC Diamonds Slider */

.slideshow {
	position: relative;
	height: 400px;
	width: 799px;
	overflow: hidden;
	margin: 0 auto; 
}

.slide { 
	display: none; 
	position: absolute;
}

.slide.current { 
	display: block; 
}

.slider_slc_container {
	background-color: #000;
	max-height: 400px;
}

.slider_slc_container img {
	width:799px;
	height:400px;
}

/* --------------------SCL Diamonds media Q's-------------------- */

/* Responsive Testing */

@media only screen and (max-width:1680px) {

	header nav ul li a:link, a:visited {
		width: 130px;
	}
	
	header { 
		height: 190px;
	}

	header nav {
  		padding-top: 115px;
  		padding-left: 30px;
	}
	
	#slc-diamonds-logo img { 
		width: 350px;
		height: 39px; 
	}
	
	#index-img-slc-diamonds img {
		width:100px;
		height:108px
	}
	
	#home-img-slc-diamonds img {
		width: 150px; 
		height: 100px; 
		padding-bottom: 10px;
	}
	
	#home-img-slc-diamonds {
		width: 175px;
		padding-right: 100px;
	}
	
	#fcontent-slc-diamonds {
		padding-left: 100px;
	}
	
	#fskills-slc-diamonds {
		padding-left: 100px;
	}
	
	#f-epic-diamonds-jonny-roxx {
		padding-right: 100px;
	}
	
	#about-sideimg-slc-diamonds {
		padding-right: 100px;
	}
	
	#contact-form-container {
		margin-left: 100px;
	}
	
	#about-sideimg-slc-diamonds img {
		width: 200px; 
		height: 209px;
	}
	
	#content-frame-slc-diamonds {
		margin-left: 100px;
	}
	
	#about-img-slc-diamonds img {
		width: 150px;
		height: 200px;
	}
	
	#services-img-slc-diamonds {
		width: 350px;
		font-size: 12px;
		padding-right: 100px;
		margin-right: 0;
		padding-top: 100px;
	}
	
	#services-img-slc-diamonds img {
		width: 300px; 
		height: 128px; 
	}
	
	#contact-img-slc-diamonds {
		width: 400px; 
		font-size: 12px; 
		margin-right: 0;
		padding-right: 100px;
	}

	#contact-img-slc-diamonds img {
		width: 300px; 
		height: 100px; 		
	}
	
	#stores-left-img-slc-diamonds {
		border-right: none;
		margin-left: auto;
  		margin-right: auto;
  		padding-right: 0;
  		margin-top: 30px;
  		width: 300px;
  		float: none;
  	}
	
	#stores-left-img-slc-diamonds img {
		width: 275px; 
		height: 140px; 
	}
	
	#stores-img-slc-diamonds {
		margin-left: auto;
  		margin-right: auto;
  		margin-top: 30px;
  		width: 300px;
  		float: none;
	}
	
	#stores-img-slc-diamonds img {
		width: 300px; 
		height: 122px;
	}

}

@media only screen and (max-width:1525px) {

	header { 
		height: 180px;
	}
	
	header nav {
		padding-left: 35px;
		padding-right: 75px;
		padding-top: 110px;
	} 

	#slc-diamonds-logo { 
		padding-top: 115px;
		padding-left: 85px; 
	}
	
	#slc-diamonds-logo img { 
		width: 325px;
		height: 36px; 
	}
	
	.slideshow {
		width:500px;
		height:250px;
	}
	
	.slider_slc_container {
		max-height: 250px;
	}

	.slider_slc_container img {
		width:500px;
		height:250px;
	}

}

@media only screen and (max-width:1361px) {

	header nav {
		padding-left: 5px;
		padding-right: 50px;
	} 

	header nav ul li {
		font-weight: bold;
		font-size: 12px;
		text-align: center;
		letter-spacing: 3px;
	}
	
	header nav ul li a:link, a:visited {
		width: 107px;
		word-spacing: 10px;
		padding: 3px;
	}
	
	#slc-diamonds-logo { 
		padding-left: 50px; 
		padding-right: 0;
	}
	
	#index-frame-slc-diamonds {
		margin-left: auto;
  		margin-right: auto;
  		padding-left: 0;
  		width: 760px;
  		float: none;
	}
	
	#f-epic-diamonds-jonny-roxx {
		display: none;
	}
	
	#home-img-slc-diamonds {
		display: none;
	}
	
	#index-img-slc-diamonds {
		display: none;
	}
	
	#about-sideimg-slc-diamonds {
		display: none;
	}
	
	#about-img-slc-diamonds {
		display: none;
	}
	
	#content-frame-slc-diamonds {
  		border-top: none;
  		border-left: none;
  		margin-left: 0;
  		float: none;
  		margin-top: 0;
	}
	
	#services-img-slc-diamonds {
		display: none;
	}
	
	.paragraph-slc-diamonds {
		padding-left: 0;
	}
	
	.paragraph2-slc-diamonds {
		padding-top: 60px;
		padding-left: 0;
		margin-left: auto;
		margin-right: auto;
		display: block;
		float: none;
	}
	
	#services-list {
		border-top: none;
  		border-left: none;
  		margin-left: 0;
  		float: none;
  		margin-top: 0;
  		text-align: center;
  		list-style: none;
  		list-style-image: none;
	}
	
	#services-list ul{
		width: 350px;
		padding-top: 100px;
  		padding-left: 0;
  		margin-left: auto;
  		margin-right: auto;
  		margin-top: 0;
  		margin-bottom: 0;
  		float: none;
  		list-style: none;
  		list-style-image: none;
	}
	
	#contact-img-slc-diamonds {
		display: none;
	}
	
	#contact-form-container {
		border-top: none;
  		border-left: none;
  		margin-left: 0;
  		float: none;
  		margin-top: 0;
  		text-align: center;
  		list-style: none;
  		list-style-image: none;
	}
	
	#contact-java-frame {
		width: 350px;
		padding-top: 75px;
  		padding-left: 0;
  		margin-left: auto;
  		margin-right: auto;
  		margin-top: 0;
  		margin-bottom: 0;
  		float: none;
	}

}

@media only screen and (max-width:1097px) {
	
	header nav ul li a:link, a:visited {
		width: 95px;
		word-spacing: 3px;
		padding: 0;
	}
}

@media only screen and (max-width:997px) {

	header { 
		height: 200px;
		width: 100%;
	}

	header nav {
  		margin-right: auto;
  		margin-left: auto;
  		padding-left: 0;
  		padding-right: 0;
  		padding-top: 8px;
  		float: none;
  		width: 900px;
	}
	
	header nav ul {
		margin-top: 0;
		padding-top: 5px;
	}
	
	header nav ul li {
		font-size: 14px;
		letter-spacing: 5px;
	}
	
	header nav ul li a:link, a:visited {
		width: 150px;
		word-spacing: 25px;
		padding: 5px;
	}
	
	#slc-diamonds-logo { 
		margin-right: auto;
  		margin-left: auto;
  		padding-left: 0;
  		padding-top: 105px;
  		float: none;
  		width: 425px;
	}
	
	#slc-diamonds-logo img { 
		width: 425px;
		height: 47px; 
	}
	
	#fskills-slc-diamonds {
		display: none;
	}
	
	#fcontent-slc-diamonds {
		float: none;
		padding-left: 0;
	}
}

@media only screen and (max-width:900px) {

	header nav {
  		width: 750px;
	}
	
	header nav ul li {
		font-size: 12px;
	}
	
	header nav ul li a:link, a:visited {
		width: 125px;
	}
}

@media only screen and (max-width:800px) {
	
	.slider_slc_container {
		display: none;
	}
	
	#slc-diamonds-logo { 
  		padding-top: 70px;
  		width: 325px;
	}
	
	#slc-diamonds-logo img { 
		width: 325px;
		height: 36px; 
	}

	header { 
		background: url("images/slc__diamonds_skyline150.png"), url("images/slc_diamonds_sky.png");
		height: 150px;
		width: 100%;
	}
	
	header nav ul {
  		border-bottom: none;
  		margin-bottom: 0;
  		padding: 0;
	}

	header nav { 
		float: none;
		padding-top: 10px; 
		position: relative;
		width: auto;
	}

	header nav ul li {
		font-size: 14px;
		list-style-type: none;
		text-transform: uppercase;
		text-align: left;
		letter-spacing: 6px;
		position: relative; 
		display: block;
		border: 1px solid white;
	}

	header nav ul li a:link, a:visited {
		word-spacing: 0;
		text-decoration: none;
		display: block;
  		background: #f5f5f5;
		color: #000;
		padding: 10px;
		padding-left: 35px;
		position: relative;
		width: auto;
	}

	header nav ul li a:hover, a:active {
		background-color: #fff;
		position: relative; 
	}
	
	#index-frame-slc-diamonds {
		padding-top: 160px;
		height: 500px;
		padding-bottom: 0;
		width: 500px;
	}
	
	.paragraph-slc-diamonds {
		font-size: 17px;
		width: 500px;
		padding-top: 75px;
	}
	
	#content-frame-slc-diamonds {
		padding-top: 160px;
		height: 300px;
	}
	
	#contact-form-container {
		padding-top: 160px;
  		height: 100px;
	}
	
	.paragraph2-slc-diamonds {
		font-size: 17px;
		width: 500px;
		padding-top: 40px;
	}
	
	#services-list ul{
		padding-top: 80px;
	}
	
	#contact-java-frame {
		padding-top: 75px;
	}
	
	#stores-left-img-slc-diamonds {
		margin-top: 200px;
	}
	
	#stores-img-slc-diamonds {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width:650px) {

	#index-frame-slc-diamonds {
		width: 400px;
	}
	
	.paragraph-slc-diamonds {
		font-size: 14px;
		font-style: normal;
		width: 400px;
	}
	
	.paragraph2-slc-diamonds {
		font-size: 14px;
		font-style: normal;
		width: 400px;
	}
}