/*-----------------------------------------------------------------------------
Herts Signs
version:   1.0
author:    Dave Watts
email:     dj@juicylime.com
website:   http://www.juicylime.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

.lefty {
	margin: 0px 0px 0px 0px;
	float: left;
}

.righty {
	margin: 0px 20px 0px 10px;
	float: right;
}

.HCC {
	padding: 20px 0px 0px 230px;
}

.centre {
	text-align: center;
	margin: 0px 0px 0px -10px;
}

.offers {
	text-align: center;
	margin: 0px 0px 0px 50px;
}



/* Remove border around linked images */
img {
	padding:10px;
	border: none;
}

.push {
	height: 450px;
}


/* =Typography
-----------------------------------------------------------------------------*/

html {

	background: #1C1C1C  url(../images/BGGradient.jpg) repeat-x;
	height: 100%;

}

body {
	background: url(../images/BigBG.jpg) no-repeat center top;
	margin: auto;
	color: #BBBBBB;
	font-family: verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	min-width: 900px;
}

h1, h2, h3, h4 {
	padding: 0px 70px 15px 70px;
	color: #E8E8E8;
	letter-spacing: 1px;
}

h1 {
	font-size: 1.3em;
	font-weight: bold;
}

h2 {
	font-size: 1.1em;
	font-weight: bold;
}

h3 {
	font-size: 1em;
}


p	{
	padding: 0px 70px 30px 70px;
	font-size: 0.8em;
	letter-spacing: 1px;
	line-height: 1.5em;
	text-align: left;
}

.click {
	font-size: 1.2em;
	font-weight: bold;
}

blockquote {
	padding: 0px 100px 30px 100px;
	color: #ffffff;
	font-style: italic;
	font-size: 0.8em;
	letter-spacing: 1px;
	line-height: 1.5em;
	text-align: center;
}

.list {
	padding: 0px;
	margin: 0px 0px 30px 50px;
}

.list li {
	line-height: 1.5em;
	font-size: 0.8em;
	letter-spacing: 1px;
}

table {
	width: 500px;
	padding: 0;
	margin: 20px 0px 20px 20px;
	}
tr {
	vertical-align: top;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	letter-spacing: 1px;
	padding: 5px;
	color: #666666;
	text-align: left;
}


/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited{
	color: #ffffff;
	text-decoration: none;
}

a:hover, a:active{
	color: #1C1C1C;
	text-decoration: underline;
}

a:link.click{
	color: #F03;
}

a:visited.click{
	color: #F03;
}

/* =Navigation
-----------------------------------------------------------------------------*/

ul.menu{width:400px; list-style: none; padding: 30px 0px 0px 100px;}
ul.menu li{width:400px; height:22px; text-decoration:none; font-weight: bold; font-size: 1.1em;}
ul.menu li a{width:400px; height:22px; display:block; background:url(../images/bullet-normal.gif) 0px 0px no-repeat; color:#ffffff; line-height:22px; text-decoration:none; padding:0 0 0 30px;}
ul.menu li a:hover{background:url(../images/bullet-hover.gif) 0px 0px no-repeat; color:#1C1C1C; line-height:22px; text-decoration:none; padding:0 0 0 30px;}
ul.menu li.selected {width:400px; height:22px; display:block; background:url(../images/bullet-select.gif) 0px 0px no-repeat; color:#333333; line-height:22px; text-decoration:none; padding:0 0 0 30px;}



/* =Main Content
-----------------------------------------------------------------------------*/

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -450px;
}

#header1 {
	margin: auto;
	background: url(../images/HertsSignsHeader1.jpg) no-repeat center top;
	width: 900px;
	height: 400px
}

#header2 {
	margin: auto;
	background: url(../images/HertsSignsHeader2.jpg) no-repeat center top;
	width: 900px;
	height: 400px
}

#header3 {
	margin: auto;
	background: url(../images/HertsSignsHeader3.jpg) no-repeat center top;
	width: 900px;
	height: 400px
}

#header4 {
	margin: auto;
	background: url(../images/HertsSignsHeader4.jpg) no-repeat center top;
	width: 900px;
	height: 400px
}

#header5 {
	margin: auto;
	background: url(../images/HertsSignsHeader5.jpg) no-repeat center top;
	width: 900px;
	height: 400px
}

#header6 {
	margin: auto;
	background: url(../images/HertsSignsHeader6.jpg) no-repeat center top;
	width: 900px;
	height: 400px
}

#header7 {
	margin: auto;
	background: url(../images/HertsSignsHeader7.jpg) no-repeat center top;
	width: 900px;
	height: 400px
}

#header8 {
	margin: auto;
	background: url(../images/HertsSignsHeader8.jpg) no-repeat center top;
	width: 900px;
	height: 400px
}

#header9 {
	margin: auto;
	background: url(../images/HertsSignsHeader9.jpg) no-repeat center top;
	width: 900px;
	height: 400px
}

#header10 {
	margin: auto;
	background: url(../images/HertsSignsHeader10.jpg) no-repeat center top;
	width: 900px;
	height: 400px
}

#content {
	margin: auto;
	padding: 20px 0px;
	background: url(../images/HertsSignsContentBG.jpg) repeat-y;
	width: 900px;
	text-align: left;
}

#bottomimg {
	margin: auto;
	background: url(../images/HertsSignsContentBottom.jpg) repeat-y;
	width: 900px;
	height: 50px;
}

/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	background: #4A4A4A url(../images/FooterBG.jpg) repeat-x center top;
	margin: auto;
	height: 450px;
}

#footer p {
	padding: 20px 0px 0px 0px;
	text-align: center;
	font-size: 0.7em;
	color: #1C1C1C;
}