/******************************************************************************
TYPOGRAPHY
******************************************************************************/


@font-face {
    font-family: 'delicious_smallcapsregular';
    src: url('font/delicious-smallcaps-webfont.eot');
    src: url('font/delicious-smallcaps-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/delicious-smallcaps-webfont.woff') format('woff'),
         url('font/delicious-smallcaps-webfont.ttf') format('truetype'),
         url('font/delicious-smallcaps-webfont.svg#delicious_smallcapsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'delicious_heavyregular';
    src: url('font/delicious-heavy-webfont.eot');
    src: url('font/delicious-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/delicious-heavy-webfont.woff') format('woff'),
         url('font/delicious-heavy-webfont.ttf') format('truetype'),
         url('font/delicious-heavy-webfont.svg#delicious_heavyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aniversregular';
    src: url('font/anivers-regular-webfont.eot');
    src: url('font/anivers-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/anivers-regular-webfont.woff') format('woff'),
         url('font/anivers-regular-webfont.ttf') format('truetype'),
         url('font/anivers-regular-webfont.svg#aniversregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aniversbold';
    src: url('font/anivers-bold-webfont.eot');
    src: url('font/anivers-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/anivers-bold-webfont.woff') format('woff'),
         url('font/anivers-bold-webfont.ttf') format('truetype'),
         url('font/anivers-bold-webfont.svg#aniversbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/******************************************************************************
GENERAL COLORS
******************************************************************************/

div.val, input.val {display:none;}

body{
	background:#be0814;
	color:#636363;
	font-family:'aniversregular', Georgia, Helvetica, sans-serif; 
	font-size:1em;
	line-height:1.75em; 
	font-weight:normal;
}

h1{
	font-family:'delicious_heavyregular', Georgia, Helvetica, sans-serif; 
	line-height:1.5em;
	margin:1em 0 .25em 0;
	padding:0;
	text-align:center;
	font-size:2em;
	color:#000;
} 

h2{
	font-family:'delicious_smallcapsregular', Georgia, Helvetica, sans-serif; 
	line-height:1.5em;
	margin:.25em 0 .5em 0;
	padding:0;
	text-align:center;
	font-size:1.1em;
	color:#000;
} 


h3{
	font-family:'delicious_heavyregular', Georgia, Helvetica, sans-serif; 
	line-height:1.5em;
	margin:1em 0 .25em 0;
	padding:0;
	text-align:left;
	font-size:2em;
	color:#000;
} 


a,
a:visited,
a:active,
a:hover{color:#0099ff;}
a:hover{ text-decoration:none;}

a.buttonlink{ 
	background:#5ec79e; 
	border-radius:7px; 
	color:#fff;
	display:block;
	float:left; 
	margin:10px 15px 10px 0; 
	padding:10px;
	text-decoration:none;
}

a.buttonlink:hover{
	background:#887dc2;
}

.whiteelement{
	background:#fff;
}

.greyelement{
	background:#ededeb;
	color:#000;
}


  
/******************************************************************************
BASIC LAYOUT / STRUCTURE
******************************************************************************/

*{	box-sizing:border-box;
	-moz-box-sizing:border-box;}

.wrapper{
	width: 96%; 
	margin: 0 auto;
}

header{
}

a#banner{ 
	text-align:center;
	width:100%;
	min-height:190px;
	max-height:190px;
	background:url(images/logo_phone.jpg) top center no-repeat;
	display:block;
	text-decoration:none;
}	

p{ 
margin:0 0 1.5em;
}





/******************************************************************************
HOME
******************************************************************************/


#banner2,
#desktopnav,
#desktopnav-left,
#desktopnav-right,
#homeboxes,
#desktop_folder,
#home_contactbar_desktop
 {
	display:none;
}

ul#quicklinks {
	width: 95%;
	list-style-type: none;
	padding:2em 0 3em 0;
	margin:0 auto;
}


ul#quicklinks li {
	margin: 0 0 0.25em 0;
}

ul#quicklinks li a {
	width: 100%; 
	display: inline-block;
	padding: 1em 0 1em 0; 
	color: #c00a16;
	text-decoration:none;
	background: #e4e4e2;
	text-align:center;
	text-transform:uppercase;
	font-family:'delicious_smallcapsregular', Georgia, Helvetica, sans-serif;
	font-size:1.4em; 

}

ul#quicklinks  li a:hover {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.08);
}

ul.homelist {
	width: 70%;
	list-style-type: none;
	padding:1.5em 0 2.5em 0;
	margin:0 auto;
}


ul.homelist li {
	margin: 0 0 0.25em 0;
	display: block;
	padding: 1em 0 1em 0; 
	text-align:center;
	border-bottom:1px solid #d9d9d7;
}

ul.homelist > li:last-child {
	border-bottom: none; /* Removed bottom border from last list item. */
}


#home_folder {
	text-align:center;
}

#facebook {
	text-align:center;
	margin:2.5em 0 2.5em 0;
}

#home_folder p.wider {
	margin:3em 0 4em 0;
}

#mobile_folder a {
	border-radius:6px;
	padding:0.7em 3em;
	background:#c71a24;
	color:#ededeb;
	text-decoration:none;
	text-transform:uppercase;
	font-family:'delicious_smallcapsregular', Georgia, Helvetica, sans-serif;
	font-size:1.2em;
}

#home_folder a:hover {
	color:#fff;
}

#home_coordinates {
	text-align:center;
	color:#ededeb;
}

#home_coordinates h1 {
	color:#fff;
}

/******************************************************************************
RESPONSIVE IMAGES
******************************************************************************/

img	{ 
	max-width:100%; 
	height:auto;
}

/******************************************************************************
NAVIGATION / DROPDOWN MENU
******************************************************************************/



/******************************************************************************
GRID ELEMENT VERTICAL SPACING - MOBILE VERSION
******************************************************************************/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-bottom:1px;
}

/******************************************************************************
FOOTER
******************************************************************************/

footer{  
	background:#7d1117;
	color:#ededeb;
	text-align:center;
	padding:1.5em 0 0 0;
}

footer a{  
	color:#ededeb;
	text-decoration:none;
}

footer a:hover{  
	color:#fff;
}



/******************************************************************************
CLEARFIX FLOAT
******************************************************************************/

.clearfix:before, .clearfix:after { 
	content: ""; display: table; 
}

.clearfix:after { 
	clear: both; 
}

.clearfix { 
	zoom: 1; 
}



/******************************************************************************
SLIDEBARS
******************************************************************************/


#sb-site {
	padding: 1px;
	background:#be0814;
}

.sb-slidebar {
	padding: 1px;
	color: #fff;
}

.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}

.sb-toggle-left {
	display:block;
	font-size:1.3em;
	text-align:center;
	padding:0.75em;
	background:#a10812;
	margin-bottom:0.75em;
	text-transform:uppercase;
	color:#fff;
	
}

.sb-menu {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.sb-menu li {
	width: 100%;
	padding: 0;
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */
	border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */
}

.sb-menu > li:first-child {
	border-top: none; /* Removes top border from first list item.. */
}

.sb-menu > li:last-child {
	border-bottom: none; /* Removed bottom border from last list item. */
}

.sb-menu li a {
	width: 100%; 
	display: inline-block;
	padding: 1em; 
	color: #f2f2f2;
	text-decoration:none;
}

.sb-menu li a:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.05); /* Will lighten any background colour you set. */
}

/* Borders */
.sb-left .sb-menu li a {
	border-left: 3px solid transparent;
}

.sb-left .sb-menu li a:hover {
	border-left: 3px solid #be0814; 
}

.sb-right .sb-menu li a {
	border-right: 3px solid transparent;
}

.sb-right .sb-menu li a:hover {
	border-right: 3px solid #be0814; 
}