/* ##### Resetting default styles ##### */

@import url('reset.css');

/* ##### Typography ##### */

@import url('typography.css');

/* ##### Forms ##### */

@import url('forms.css');

/* ##### Icons ##### */

@import url('icons.css');

/* ##### Tables ##### */

@import url('tables.css');

/* ##### Colors and backgrounds #### */

body {
	color:#000000; /* Main text color */
	background-color:#000000; /* Main background color */
	background-image: url(../images/background.jpg ); /* Main background image */
}

a {
	color:#186f0a; /* Global link text color */
	text-decoration:none;
}

a:hover, a:active {
	text-decoration:underline;
}

#logo {
	background-color: none; /* Logo and tagline background color */
}

.tagline {
	color:#69cfff; /* Tagline font color */
}

#content, address, #dialpad {
	background-color:#ffffff; /* Content background color */
}

#menu a {
	color:#ffffff; /* Menu item font color */
	background-color:#5ab816; /* Menu item background color */
	border-bottom-color:#51a514; /* Menu item separator color */
}

#menu a:hover, #menu a:active {
	color:#ffffff; /* Menu item over font color */
	background:#51a514; /* Menu item over background color */
}

address.graphyc a, #dialpad a, #callnow a, #desktop a, #social-footer a {
	color:#ffffff; /* Graphyc buttons text color */
}

#footer {
	color:#ffffff; /* Footer text color */
	text-shadow:0.1em 0.1em #000000; /* Footer text shadow color and position */
}

/* ##### Page setup ##### */

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

body {
	background-position:bottom;
	background-attachment:fixed;
	background-repeat:repeat-y;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
}

#page {
	margin:0.5em;
	padding-bottom:0.5em;
}

#header {
}

#content, address {
	padding:0.1em 1em;
}

#content img {
	width:100%;
	height:auto;
}

#footer {
	padding:0.5em 1em;
	font-size:0.75em;
	text-align:center;
}

#logo, #menu, #content, address, #footer, #dialpad {
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	margin-bottom:0.5em;
}

#content address {
	padding:0;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	margin:0;
	border:0;
}

#content address h2, #content address h3 {
	margin:0;
	line-height:1.2em;
}

/* ##### Attributes ##### */

#logo {
	text-align:center;
	padding:0 0 0.8em 0;
}

#logo img {
	width:100%;
	max-width:640px;
}

.tagline {
	font-size:0.875em;
}

address {
	overflow:hidden;
	text-align:center;
	font-style:normal;
	padding-bottom:0.5em;
}

/* ##### Menu ##### */

#menu {
}

#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	border-radius:8px;
}

#menu ul li {
	margin:0;
	padding:0;
}

#menu a {
	display:block;
	font-size:1em;
	line-height:2.4em;
	padding:0 1em;
	font-weight:bold;
	border-bottom-style:solid;
	border-bottom-width:0.1em;
	text-decoration:none;
	background-size:auto 100%;
	-moz-background-size:auto 100%;
	-webkit-background-size:auto 100%;
	background-image:url(../images/arrow-right.png);
	background-repeat:no-repeat;
	background-position:right;
}

#menu a:hover, #menu a:active {
	background-image:url(../images/arrow-right-active.png);
	background-repeat:no-repeat;
	background-position:right;
}

#menu ul li:first-child a {
	border-top-left-radius:0.5em;
	border-top-right-radius:0.5em;
	-moz-border-top-left-radius:0.5em;
	-moz-border-top-right-radius:0.5em;
	-webkit-border-top-left-radius:0.5em;
	-webkit-border-top-right-radius:0.5em;
}

#menu ul li:last-child a {
	border:0;
	border-bottom-left-radius:0.5em;
	border-bottom-right-radius:0.5em;
	-moz-border-bottom-left-radius:0.5em;
	-moz-border-bottom-right-radius:0.5em;
	-webkit-border-bottom-left-radius:0.5em;
	-webkit-border-bottom-right-radius:0.5em;
}

/* ##### DIALPAD MENU ##### */

#dialpad {
	overflow:hidden;
	padding:1em 1em 0.3em 0.4em;
}

#dialpad .pad-align {
	width:23em;
	margin:0 auto;
}

#dialpad a {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	border-style:solid;
	border-width:0.1em;
	border-radius:0.3em;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	font-size:0.7em;
	font-weight:bold;
	width:8.8em;
	height:8.8em;
	padding:0;
	margin:0 0 1.3em 0.9em;
}

#dialpad a img {
	width:auto;
	height:4.2em;
	margin:1em 0;
}

/* ##### ADDRESS ##### */

address.graphyc a {
	text-align:center;
	display:block;
	border-style:solid;
	border-width:0.1em;
	border-radius:0.3em;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	font-size:1em;
	line-height:2em;
	text-decoration:none;
	margin-bottom:0.8em;
}

address .social a {
	display:inline-block;
	width:2em;
	height:1.8em;
	line-height:2em;
	padding:0;
	margin-left:0.4em;
	margin-right:0.4em;
}

address {
	font-size:1em;
	line-height:3em;
}

address span {
	display:inline-block;
	padding:0 0.3em;
}

/* ##### SOCIAL BUTTONS IN FOOTER */

#social-footer {
	margin-bottom:0.2em;
	overflow:hidden;
	text-align:center;
	font-style:normal;
	font-size:1em;
	line-height:3em;
}

#social-footer a, #desktop a {
	text-align:center;
	border-style:solid;
	border-width:0.1em;
	border-radius:0.3em;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	font-size:1em;
	line-height:2em;
	text-decoration:none;
	display:inline-block;
	width:2em;
	height:1.8em;
	line-height:2em;
	padding:0;
	margin-left:0.4em;
	margin-right:0.4em;
}

/* ##### DESKTOP VERSION button ###### */

#desktop {
	width:100%;
	text-align:center;
}

#desktop a {
	text-transform:uppercase;
	font-size:0.8em;
	width:auto;
	padding:0 0.8em 0.3em 0.8em;
}

/* ##### COUPON ##### */

#content.transparent {
	background:none;
}

#content.red {
	background:#960000;
	color:#ffffff;
}

#content.green {
	background:#006400;
	color:#ffffff;
}

#content.blue {
	background:#008cb4;
	color:#ffffff;
}

#content.yellow {
	background:#ffb400;
	color:#000000;
}

#content.gray-lite {
	background:#d9d9d9;
	color:#000000;
}

#content.gray-medium {
	background:#999999;
	color:#000000;
}

#content.gray-dark {
	background:#333333;
	color:#ffffff;
}

#content.black {
	background:#000000;
	color:#ffffff;
}

#content.white {
	background:#ffffff;
	color:#000000;
}

#coupon .title.red, #coupon .subtitle.red, #coupon .text.red, #coupon .date-expire.red, #coupon .date-time.red
{color:#960000;}
#coupon .title.green, #coupon .subtitle.green, #coupon .text.green, #coupon .date-expire.green, #coupon .date-time.green
{color:#006400;}
#coupon .title.blue, #coupon .subtitle.blue, #coupon .text.blue, #coupon .date-expire.blue, #coupon .date-time.blue
{color:#008cb4;}
#coupon .title.yellow, #coupon .subtitle.yellow, #coupon .text.yellow, #coupon .date-expire.yellow, #coupon .date-time.yellow
{color:#ffb400;}
#coupon .title.gray-lite, #coupon .subtitle.gray-lite, #coupon .text.gray-lite, #coupon .date-expire.gray-lite, #coupon .date-time.gray-lite
{color:#d9d9d9;}
#coupon .title.gray-medium, #coupon .subtitle.gray-medium, #coupon .text.gray-medium, #coupon .date-expire.gray-medium, #coupon .date-time.gray-medium
{color:#999999;}
#coupon .title.gray-dark, #coupon .subtitle.gray-dark, #coupon .text.gray-dark, #coupon .date-expire.gray-dark, #coupon .date-time.gray-dark
{color:#333333;}
#coupon .title.black, #coupon .subtitle.black, #coupon .text.black, #coupon .date-expire.black, #coupon .date-time.black
{color:#000000;}
#coupon .title.white, #coupon .subtitle.white, #coupon .text.white, #coupon .date-expire.white, #coupon .date-time.white
{color:#ffffff;}

#coupon .title {
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:3.2em;
	line-height:0.9em;
	text-align:center;
	letter-spacing:-0.07em;
	color:#000000;
	margin:0.3em 0;
	-moz-text-shadow: 0 0.05em 0.1em #000000; 
	-webkit-text-shadow: 0 0.05em 0.1em #000000;
	text-shadow: 0 0.05em 0.1em #000000;
}

#coupon .subtitle {
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	color:#000000;
	margin:0.3em 0 1em 0;
}

#coupon .text {
	margin:1em 0;
	padding:0 0.3em;
	color:#000000;
}

#coupon .avatar img {
	width:100%;
	height:auto;
	border-radius:0.4em;
	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
}

#coupon .timer {
	text-align:center;
	margin-bottom:1.2em;
}

#coupon .date-expire {
	color:#000000;
}

#coupon .date-time {
	font-weight:bold;
	font-size:1.4em;
	color:#000000;
}

/* ##### GALLERY ##### */
#gallery {
	padding-bottom:1em;
}

#gallery img {
	width:30%;
	height:auto;
	border:0;
	border-radius:0.4em;
	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
	box-shadow:0 0.3em 0.6em rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0.3em 0.6em rgba(0,0,0,0.5);
	-moz-box-shadow:0 0.3em 0.6em rgba(0,0,0,0.5);
	margin:0 2.8% 2.8% 0;
}

#gallery img:active {
	width:28%;
	box-shadow:0 0.1em 0.3em rgba(0,0,0,0.6);
	-webkit-box-shadow:0 0.1em 0.3em rgba(0,0,0,0.6);
	-moz-box-shadow:0 0.1em 0.3em rgba(0,0,0,0.6);
	margin:0 3.9% 4% 1%;
}

#gallery img.full_view {
	margin:0;
	width:100%;
	height:auto;
}

#gallery .description {
	font-size:0.8em;
	font-weight:bold;
	margin:1em 0.2em;
}

/* ##### BACK BUTTON ##### */

.historyback {
	height:2.2em;
	line-height:2.2em;
	background:#000;
	padding:0 0.8em;
	text-align:right;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.2em;
	background-image: linear-gradient(bottom, #000000 0%, #505050 100%);
	background-image: -o-linear-gradient(bottom, #000000 0%, #505050 100%);
	background-image: -moz-linear-gradient(bottom, #000000 0%, #505050 100%);
	background-image: -webkit-linear-gradient(bottom, #000000 0%, #505050 100%);
	background-image: -ms-linear-gradient(bottom, #000000 0%, #505050 100%);
	background-image: -webkit-gradient(linear, left bottom,	left top, color-stop(0, #000000), color-stop(1, #505050));
	-moz-box-shadow: inset 0 0 1em #000000; /* Inner shadow, same color as gradient start */
	-webkit-box-shadow: inset 0 0 1em #000000; /* Inner shadow, same color as gradient start */
	box-shadow: inset 0 0 1em #000000; /* Inner shadow, same color as gradient start */
	border-bottom:0.1em solid #333333;
}

.historyback a {
	display:block;
	color:#fff;
}

.historyback a:hover, .historyback a:active {
	text-decoration:none;
}

.historyback img {
	display:inline;
	height:0.75em;
	width:auto;
}

/* ##### CALL NOW BUTTON ##### */

#callnow {
	width:100%;
}

#callnow a {
	text-align:center;
	display:block;
	border-style:solid;
	border-width:0.1em;
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	font-size:1em;
	line-height:2em;
	text-decoration:none;
	margin-bottom:0.5em;
}

/* ##### RSS ##### */

#rss .date {
	font-size:0.8em;
	font-weight:bold;
	color:#666666;
}