/*
#------------------------------------------------------------------------
# RockWall - April Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Basic elements */
html {
	height: 100%;
}

body,
html {
	margin: 0;
	min-height: 100%;
	padding: 0;
}

body {
	background: #fff;
	color: #ddd;
	font-family: Raleway, Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 2;
	min-height: 100%;
	padding: 0;
	word-wrap: break-word;
}

a {
	-webkit-transition: background .3s cubic-bezier(.17, .67, .88, 1.25), color .2s linear;
	   -moz-transition: background .3s cubic-bezier(.17, .67, .88, 1.25), color .2s linear;
	     -o-transition: background .3s cubic-bezier(.17, .67, .88, 1.25), color .2s linear;
	        transition: background .3s cubic-bezier(.17, .67, .88, 1.25), color .2s linear;
	color: #29a3e0;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	color: #222;
}

/* containers */
#gkPage {
	margin: 100px auto;
	padding: 0;
	width: 840px;
}

#wrapper {
	background: transparent;
	padding: 0 0 30px;
}

#wrapper > div,
#wrapper > div + div + div {
	float: left;
	width: 43%;
}

#wrapper > div + div {
	float: right;
	width: 57%;
}

/* Logo  */
#gkLogo {
	-webkit-transition: background-color .3s linear;
	   -moz-transition: background-color .3s linear;
	    -ms-transition: background-color .3s linear;
	     -o-transition: background-color .3s linear;
	        transition: background-color .3s linear;
	border-bottom: 1px solid #ddd;
	display: block;
	padding: 0;
	text-indent: -999em;
	text-shadow: none;
}

#gkLogo img {
	display: block;
	margin: 0;
}

#gkLogo.cssLogo {
	background: transparent url('../../images/logo.png') no-repeat 0 0;
	height: 98px;
}

#gkLogo.text {
	color: #060606;
	display: block;
	height: auto;
	margin: 14px 0 0;
	overflow: hidden;
	padding: 10px 5px;
	text-indent: 0;
	width: auto;
}

#gkLogo.text > span {
	display: block;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	padding: 0;
}

#gkLogo.text .gkLogoSlogan {
	color: #c3c3c3;
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

/* Other elements */
h1 {
	color: #29A3E0;
	display: block;
	font-size: 260px;
	font-weight: 700;
	letter-spacing: -20px;
	line-height: 1.3;
	margin: 36px 0 0;
	text-align: right;
}

h2,
h3 {
	color: #29A3E0;
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	margin: 36px 0 0;
	text-transform: uppercase;
}

h3 {
	color: #999;
	font-size: 22px;
	font-weight:600;
	line-height: 1.2;
	margin: 18px 0;
}

@media (max-width: 920px) {
	#gkPage {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		max-width: 100%;
		padding: 20px;
	}
	
	#wrapper > div,
	#wrapper > div + div,
	#wrapper > div + div + div {
		clear: both;
		float: none;
		width: 100%;
	}
	
	h1 {
		border-bottom: 1px solid #ddd;
		font-size: 160px;
		letter-spacing: -3px;
		margin: -20px 0 10px 0;
		text-align: center;
	}
	
	h2 {
		font-size: 32px;
	}
	
	h3 {
		font-size: 22px;
	}
}

@media (max-width: 600px) {
	#gkPage {
		margin: 12px 0!important;
	}
	
	h1 {
		border-bottom: 1px solid #ddd;
		font-size: 120px;
		letter-spacing: 0;
		margin: -20px 0 10px 0;
		text-align: center;
	}
	
	h2 {
		font-size: 26px;
	}
	
	h3 {
		font-size: 18px;
	}
}