/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
@font-face {
	font-family: League-Gothic;
	src: url(../Fonts/League-Gothic.otf) format("opentype");
}
/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
/* 	body {
	height:1024px;
	line-height: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #ffffff;
	color: #393939;
	font-size: 100%;
	}*/
	header {
	min-width: 942px;
	height: 225px;
	background: url(../images/box-tail.jpg) repeat;
	}
	nav {
	min-height: 60px;
	height:60px;
	min-width: 942px;
	background: url(../images/gorm_top.gif) repeat;
	}
	footer{
	height:138px;
	background: url(../images/footer-tail.png);
	min-width: 942px;
}
	.mainfooter{
	width:1000px;
	margin:0 auto;
	}
	.copyright {
	display:block;
	padding-top: 20px;
	color: black;
	text-align:center;
	}
	.company_name {
	font-family: "League-Gothic", Courier;
	width: 500px;
	font-size: 100px;
	line-height: 87px;
	color: rgb(82, 74, 66);
	text-shadow: 2px 2px 0px #eee, 7px 7px 0px #707070;
	margin: 0px 0 0 150px;
	padding: 20px;
	float: left;
}
	.hdright {
	float:right;
	margin: 20px 60px 0 0;
	
	}
	.hdright h3 {
	color: #555555;
	font-size:120%;
	}
	.phones {
	color:#555555;
	font-size: 50px;
	line-height: 60px;
	margin: 0 auto;
	width:330px;
	}
	.social {
	margin:0 auto;
	width:540px;
	padding-top: 20px;
	}
	.social a {
	padding-right:40px
	}
	ul.nav {
	width:910px;
    margin: 0; /* ???????? ???????? ???????? */
    padding: 15px; /* ???????? ????? */
	margin:0 auto;
   }
   ul.nav li {
    display: inline; /* ?????????? ??? ???????? ??????? */
    margin-right: 40px; /* ?????? ????? */
    padding: 3px; /* ???? ?????? ?????? */
   }
   ul.nav li  a{
    color: white;
	font-size: 25px;
	font-family: "Times New Roman", Times, serif;
   }
	 ul.nav li  a:hover{
    text-decoration:none;
   }
  
  .article {
  margin-top:20px;
  margin-bottom:20px
  }
  .article img, img.article {
border-style: solid;
border-width: 1px;
border-color: #B7A971;
margin: 1em;
}
/* #Page Styles
================================================== */
#main {
margin:0px auto;
width: 937px;
font-size:0.75em;
min-width: 937px;
}

#slider {
 margin-top:20px;
 border: 5px solid rgb(143, 107, 80);
 
}
.about_us {
margin-top: 40px;
margin-bottom: 40px;
}
.align-left {
float: left;
margin: 2px 19px 0 1px;
}
.content {
padding: 40px 0 40px 0;
}
.content h2 {
font: 18px/18px 'Montserrat', Helvetica, Arial, sans-serif;
margin: 0 0 4px;
color: #ca3200;
text-transform: uppercase;
}
.stone_wrapper {
z-index: 0;
margin-top: 30px;
height: 525px;
width: 625px;
margin: 30px auto 0 auto;
}
.box_upper {
width: 293px;
height: 28px;
background: url(../images/stone_bg.jpg);
font-size: 18px;
color: #fff;
padding-top: 5px;
padding-left: 15px;
position: relative;
text-transform: uppercase;
}
.more {
width: 74px;
height: 23px;
background: url(../images/more_stone.jpg);
position: absolute;
top: 5px;
right: 5px;
}

.stone_box {
width: 308px;
height: 140px;
margin: 10px 2px;
float: left;
}
.edge_box {
width: 187px;
height: 265px;
margin: 10px 2px;
float: left;
margin-right: 110px;
}
.edge_type {
width:100%;
height:300px;
}
.stone_wrapper ul li {
padding: 0px 0 0px 13px;
background-image: url(../images/PostBullets.png);
background-repeat: no-repeat;
margin: 0.5em 0 0.5em 0;
line-height: 1.2em;
}
#gallery img {
width:200px;
height:auto;
}
.stone_gallery img {
width:160px !important;
height:auto;
}
 .faq {
 margin-top:20px;
  margin-bottom:20px;
  }  
.faq li {
padding: 0px 0 0px 13px;
background-image: url(../images/PostBullets.png);
background-repeat: no-repeat;
margin: 0.5em 0 0.5em 2.5em;
/* line-height: 2.2em; */
font-size: 18px;
}
.contact {
width: 580px;
/* margin: 15px 0 60px; */
height:200px;
margin: 0 auto;
}
#wrapper_contact {
width: 670px;
position: relative;
margin: 0 auto;
}
#wrapper_contact div {
float: left;
margin: 0 80px 50px 0;
height: 40px;
background-repeat: no-repeat;
background-position: left 4px;
padding: 0;
}
#wrapper_contact div span.bolding {
color: #000;
font-weight: bold;
}
#wrapper_contact div span {
font-family: 'futura-pt',sans-serif;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
color: #343434;
display: block;
padding:0 0 0 40px;
}
#adress {
width: 240px;
background-image: url(../images/pin.png);
}
#tel {
width: 200px;
background-image: url(../images/tel.png);
}
#mail {
width: 255px;
background-image: url(../images/write.png);
}
#hour {
width: 250px;
background-image: url(../images/time.png);
}
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	.company_name {
	
	width: 368px;
	font-size: 80px;
	
	margin: 0px 0 0 40px;
	
	}
	.hdright {
	float: right;
	margin: 20px 30px 0 0;
	}
	.phones {
	
	font-size: 40px;
	
	}

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');