body {
	background:#da4927 top center fixed no-repeat;
}

@media screen and (min-width:920px) {
	body.mud {
		background-image: url(/images/mud.jpg);
	}
	
	body.rock {
		background-image: url(/images/crushed-rock.jpg);
	}
	
	body.rocks {
		background-image: url(/images/rocks.jpg);
	}
	
	body.sand {
		background-image: url(/images/sand.jpg);
	}
	
	body.pebbles {
		background-image: url(/images/pebbles.jpg);
	}
	
	body.rust {
		background-image: url(/images/rust.jpg);
	}

}

#logo {
	vertical-align: baseline;
}
#container {
	background-color:#FFF;
	max-width:750px;
	margin:20px auto 20px;
	padding: 40px 80px;
	position: relative;
}

nav {
	position: absolute;
	top:103px;
	right:80px;
}

nav ul {
	list-style: none;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
nav li {
	float:left;
}
nav a {
	display:block;
	width:80px;
	color:#585A5C;
	font-size:.9em;
	text-decoration: none;
	text-align: center;
	margin-left:5px;
	background:url(/images/menu.png) top left no-repeat;
	
}
nav a:hover, nav a.selected {
	color:#da4927;
}
nav span {
	display:block;
	width:80px;
	height:70px;
	background: url(/images/menu.png) top left no-repeat;
	margin-bottom:5px;
	
	-moz-transition:background-position .5s ease-out;
	-webkit-transition:background-position .5s ease-out;
	transition:background-position .5s ease-out;
}
nav a:hover span {
	-moz-transition:background-position .2s ease-out;
	-webkit-transition:background-position .2s ease-out;
	transition:background-position .2s ease-out;
}

nav a.home span {
	background-position:-80px 0px;
}
nav a.home:hover span{
	background-position:-80px 60px;
}
nav a.home.selected span {
	background-position:0px 0px;
}


nav a.about span {
	background-position:-240px 0px;
}
nav a.about:hover span{
	background-position:-240px 60px;
}
nav a.about, nav a.about.selected span {
	background-position:-160px 0px;
}


nav a.equipment span {
	background-position:-400px 0px;
}
nav a.equipment:hover span{
	background-position:-400px 60px;
}
nav a.equipment, nav a.equipment.selected span {
	background-position:-320px 0px;
}


nav a.gallery span {
	background-position:-560px 0px;
}
nav a.gallery:hover span{
	background-position:-560px 60px;
}
nav a.gallery, nav a.gallery.selected span {
	background-position:-480px 0px;
}

nav a.contact span {
	background-position:-720px 0px;
}
nav a.contact:hover span{
	background-position:-720px 60px;
}
nav a.contact, nav a.contact.selected span {
	background-position:-640px 0px;
}

nav a.sale span {
	background-position:-880px 0px;
}
nav a.sale:hover span{
	background-position:-880px 60px;
}
nav a.sale, nav a.sale.selected span {
	background-position:-800px 0px;
}


#content {
	border-top:1px solid #CCC;
	margin:40px 0px 100px;
	padding:20px 0px;
	
	font-size:.9em;
	min-height: 350px;
	
	line-height: 1.5em;
}

#content ul {
	padding:0px 0px 0px 20px;
}

#content h2 {
	margin:20px 0px 5px;
}
#content h1:first-child, #content h2:first-child, #content h3:first-child {
	margin-top:0px;
}
#content p {
	margin:5px 0px 10px;
}

#content a {
	color:#da4927;
}

#footer  {
	vertical-align: bottom;
	font-size:.8em;
	color:#666;
	border-bottom: 1px solid #CCC;
	padding:10px 160px 10px 0px;
	position: relative;
	line-height:1.5em;
}

#footer img {
	position: absolute;
	bottom:-1px;
	right:0px;
}

label {
	display:block;
	overflow: hidden;
	padding:5px 5px 10px;
	max-width: 400px;
}
input, textarea {
	float:right;
	width:300px;
	border:1px solid #CCC;
	padding:5px;
}
input:focus, textarea:focus {
	background-color:#EEE;
}
textarea {
	resize: vertical;
	min-height: 100px;
}
button{
	background-color:#da4927;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0px;
	padding:5px 40px;
	color:#231F20;
	color:#FFF;
	margin:0px 10px 10px 92px;
}
button:hover {
	background-color:#666;
}

#content .gallery {
	line-height: 0px;
}

#content .gallery a {
	width:100px;
	height:100px;
	display:inline-block;
	width:20%;;
	background-position: top center;
	position: relative;
	overflow: hidden;
}

#content .gallery a .arrow {
	display:block;
	top:-15px;
	right:-15px;
	width:30px;
	height:30px;
	position: absolute;
	background:url(/images/gallery-enlarge.png) top right no-repeat;
	
	-moz-transition:top .2s ease-out, right .2s ease-out;
	-webkit-transition:top .2s ease-out, right .2s ease-out;
	transition:top .2s ease-out, right .2s ease-out;
	
	z-index: 2;
}
#content .gallery a .border {
	border:0px solid #da4927;
	display:block;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	position: absolute;
	-moz-transition:border-width .2s ease-out;
	-webkit-transition:border-width .2s ease-out;
	transition:border-width .2s ease-out;
	z-index: 1;
}
#content .gallery a:hover .border {
	border-width: 5px;
}
#content .gallery a:hover .arrow {
	top:0px;
	right:0px;
}

.required {
	color:#da4927;
}


#content .royalSlider {
	list-style-type: none;
	padding:0px;
	margin:0px;
	width:100%;
	height:330px;
}

@media screen and (max-width:920px) {
	#container {
		padding:40px 20px;
		max-width:870px;
		margin:0px;
	}
	nav {
		right:20px;
	}
}
@media screen and (max-width:768px) {
	nav {
		position:static;
		margin-top:20px;
		
	}
	nav span {
		display:none;
	}
	nav ul {
		width:100%;
	}
	nav a {
		background:none;
		line-height: 3em;
		text-align: left;
		border-bottom:0px;
		width:auto;
		padding-left:20px;
		margin-left:0px;
		border-top:1px solid #CCC;
	}
	nav a.selected {
		color:#FFF;
		background-color: #da4927;
	}
	nav li:last-of-type a {
		border-bottom:0px;
	}
	nav a:hover {
		text-decoration: underline;
	}
	
	nav li {
		float:none;
	}
	
	#content {
		margin:0px 0px 100px;
	}
	
	#container {
		padding:20px;
		min-height: inherit;
	}
}

@media screen and (max-width:640px) {
	#footer {
		padding:10px 0px 0px;
		text-align: center;
		border-top:1px solid #CCC;
		border-bottom: 0px;
	}
	#footer img {
		position: static;
		margin-top:10px;
		margin-right:10px;
	}
	#content {
		margin:0px;
	}
	input, textarea {
		width:260px;
		float:none;
		display: block;
	}
	label {
		overflow: inherit;
	}
	button{
		margin-left:0px;
	}
	#content .gallery a {
		width:25%;
	}
}

@media screen and (max-width:320px) {
	#logo {
		width:120px;
		height:auto;
	}
	#content .gallery a {
		width:50%;
	}
}

















/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/





/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
	height: 100%;
	width: 44px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}
.rsDefault.rsVer .rsArrow {
	width: 100%;
	height: 44px;
	
}
.rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsDefault.rsVer .rsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsDefault.rsHor .rsArrowRight { right: 0; top:0; }

.rsDefault .rsArrowIcn {		
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top:-16px;	
	margin-left: -16px;

	position: absolute;	
	cursor: pointer;	
	background: url('/images/rs-default.png');
	background-color: rgba(0,0,0,0.75);
	*background-color: #111;
	
	border-radius: 2px;
}
.rsDefault .rsArrowIcn:hover {
	background-color: rgba(0,0,0,0.9);
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn { background-color: rgba(0,0,0,0.4); opacity: .4; *display: none; }


/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
	position: absolute;
	z-index: 35;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: 0 auto; 
	background: #000;
	background: rgba(0,0,0,0.75);
	text-align: center;
	line-height: 18px;
	overflow: hidden;
}
.rsDefault .rsBullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	*display:inline; 
	*zoom:1;
	margin: 0 5px 1px;
	border-radius: 50%;
	background: #777;
	background: rgba(255,255,255,0.5);
}
.rsDefault .rsBullet.rsNavSelected  {
	background-color: #FFF;
}


/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
	width:20px;
	height:20px;
	background-image:url(../preloaders/preloader-white.gif);

	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}