/*
-------------------------------------------------
URI: http://www.thewebsite.co.uk/
Created by AMAZE
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY / DESIGN (to be plugged in from designer-sheet

3: LAYOUT
	
4: GLOBAL ELEMENTS / CONTROLS
	
5: TEMPLATE / PAGE SPECIFIC
	
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin: 0; padding: 0; text-decoration: none; outline: none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none } table { border-collapse: collapse; border-spacing: 0 } caption, th, td, center { text-align: left; vertical-align: top } q { quotes: "" "" } font { color: inherit !important; font: inherit !important; color: inherit !important } marquee { overflow: inherit !important; -moz-binding: none } blink { text-decoration: none } nobr { white-space: normal }
/* end of import */
body {
	height: 100%;
	text-align: center;
	background-color: #332b2f;
	background-image: url(../images/scribble-bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


ul { list-style: disc outside }
ol { list-style: decimal outside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */

html { font-size: 62.5%; font-family: arial, verdana, "microsoft sans serif", helvetica, sans-serif; line-height: 1.4em; color: #000 }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 1.1em; font-family: monaco, "Lucida Console", courier, mono-space }
h1 {
	font-size: 2.4em;
	color: #fff2d4;
	margin: 0 0 12px 0;
	padding: 5px;
	line-height:1.2em;
}
h2 { font-size: 1.5em; color: #000; margin: 0 0 12px 0; padding: 5px; }
h3 { font-size: 1.4em; color: #000; margin: 0 0 12px 0; padding: 5px; }
h4 { font-size: 1.3em; color: #000; margin: 0 0 12px 0; padding: 5px; }
h5 { font-size: 1.2em; color: #000; margin: 0 0 12px 0; padding: 5px; }
h6 { font-size: 1.1em; color: #000; margin: 0 0 12px 0; padding: 5px; }
p {
	font-size: 1.7em;
	color: #fff;
	margin: 0 0 12px 0;
	padding: 0 5px;
}
a { color:#ffffff; font-size:1.8em; padding:12px 20px 12px 20px; background-color:#e31b23; }
a:hover { color:#E31B23; font-size:1.8em; padding:12px 20px 12px 20px; background-color:#FFF2D4; }
a:visited {  }
a:active {  }
ul { margin: 0 0 12px 0; font-size: 1.1em }
ol { margin: 0 0 12px 0; font-size: 1.1em }
dl { margin: 0 0 12px 0; font-size: 1.1em }
hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none }
address { font-size: 1.1em; color: #000 }
blockqoute {  }
table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc }
fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
label { font-size: 1.1em }
textarea, input[type='text'], select { border: 1px solid #000; background: #fff; font-size: 11px; color: #000 }

#CTA li {display: inline; list-style-type: none; padding-right: 20px; }

/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */
#logo { padding:30px 50px 20px; }
#contact { padding:60px }
#content {
	text-align:center;
	margin: 0 auto;
	width:45%;
}
#block {text-align:justify; color:#FFFFFF; font-size:1.4em; line-height:1.6em} 
#map {float:right; }

/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */


/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */


/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clr { overflow: hidden; clear: both; height: 1px; margin-top: -1px }
.la { text-align: left }
.ra { text-align: right }
.ca { text-align: center }
.fl { float: left }
.fr { float: right }
.vt { vertical-align: top }
.vm { vertical-align: middle }
.vb { vertical-align: bottom }
.nb { border: 0 none }