/* HTML DEFAULT */
body {
	margin:0;
	background:#1E1614 url('../img/backdrop.jpg') no-repeat scroll 50% 0;
	color:#1E1515;
	font:0.75em Georgia, "Times New Roman", Times, serif;
}
body#map_window {
	background:#EAEEF0 none;
}
h1, h2, h3, h4, h5, h6 {
	margin-top:0px;
}
h3.magsx {
	margin:15px 0 -2px 0;
	color:#6D1617;
	font-size:1.65em;
}
h3.brand {
	 margin-bottom:10px;
}
p, li {
	font-size:0.95em;
	line-height:1.8;
}
p {
	margin:0 0 15px 0;	
}
span.date {
	margin:0 0 10px 0;
	font-size:0.85em;
	display:block;
}

/* LAYOUT */
#container, #footer,#columnLeft, 
#columnRight, a.lofty {
	position:absolute;
}
#header, #nav, #banner,
#content, h1.welcome a, #maps {
	position:relative;	
}
#container {
	top:20px;
	left:50%;
	margin-left:-490px;
	width:980px;
	padding:0 0 10px 0;
}
#header {
	width:980px;
	height:100px;
	border-bottom:1px solid #9C9A8D;
}
#header, h1.welcome, #body {
	background-color:#EAEEF0;
}
#nav {
	width:980px;
	height:20px;
	padding:7px 0 0 0;
	background-color:#120E0F;
}
#banner {
	width:980px;
	height:194px;
	background:#EAEEF0 url('../img/headers/header-focal.jpg') no-repeat;
	overflow:hidden;
}
#banner img {
	padding:0 0 10px 0;	
}
#content {
	width:438px;
	min-height:500px;
	height:auto !important;
	height:500px;
	background-image:url('../img/contentBack.jpg');
	padding:1px 294px 75px 248px;
}
#centre-column-link-holder {
	width: 438px;
	padding: 0;
	margin: 0;
}
#centre-column-link-holder .hmpg-link-holder {
	float: left;
	width: 219px;
	height: 235px;
	padding: 0;
	margin: 0;
}
.hmpg-link-holder a img {
	border: none;
}
#columnLeft {
	width:201px;
	height:500px;
	left:0px;
	top:0px;
	text-align: center;
	padding:4px 0 0 0;
}
#columnRight {
	width:196px;
	height:500px;
	right:0px;
	top:0px;
	padding:0 17px 0 17px;
}
#contactform #submit {
	background-color:#6D1617;
	border:none;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding:5px;
}
#contactform #submit:hover {
	background-color:#000;
	color:#fff;
	cursor:pointer;
}
#mags-x-hmpg-link {
	width: 210px;
	height: 251px;
	padding: 10px 0 0 0;
	margin: 0;
}
#mags-x-hmpg-link a img {
	border: none;
}
#footer {
	bottom:10px;
	left:17px;
	width:946px;
	height:50px;
	background-image:url('../img/footer.jpg');
	padding:0;
	font-size:0.85em;
}
#footer p {
	margin:20px 0 0 0;
}

#header h1 a, h2.welcome, h3.maillist,
h2.brands, h2.contact, h2.magsx,
h2.e404, h2.privacy, h2.legal,
h3.where, h3.street, h3.from {
	display:block;
	text-indent:-9000px;
}

/* HEADER */
#header h1 a {
	position:relative;
	top:22px;
	left:30px;
	width:274px;
	height:61px;
	background:url('../img/font-sprite.jpg') no-repeat -2px -2px;
	
}
#header img {
	position:absolute;
	right:0px;
	top:0px;
}

/* NAV */
#nav a:link, #nav a:visited {
	display:block;
	width:132px;
	float:left;
	border-left:1px solid #FFF;
	color:#FFF;
	font:bold 80% Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	text-align:center;
	text-transform:lowercase;	
}
#nav a.navFirst:link, #nav a.navFirst:visited {
	width:170px;
	border-left:none;
}

/* CONTENT */
h2.welcome {
	width:122px;
	height:38px;
	background:url('../img/font-sprite.jpg') no-repeat -2px -259px;
	margin:0 0 20px 4px;
}
h2.brands {
	width:110px;
	height:32px;
	background:url('../img/font-sprite.jpg') no-repeat -2px -107px;
	
}
h2.contact {
	width:115px;
	height:36px;
	background:url('../img/font-sprite.jpg') no-repeat -2px -67px;
	
}
h2.magsx {
	width:160px;
	height:50px;
	background:url('../img/font-sprite.jpg') no-repeat -169px -259px;
	margin:0 0 10px 4px;	
}
h2.e404 {
	width:358px;
	height:49px;
	background:url('../img/font-sprite.jpg') no-repeat -2px -206px;
	
}
h2.privacy { 
	width:203px;
	height:45px;
	background:url('../img/font-sprite.jpg') no-repeat -2px -313px;
	margin:0 0 10px 4px;
}
h2.legal { 
	width:87px;
	height:46px;
	background:url('../img/font-sprite.jpg') no-repeat -209px -313px;
	margin:0 0 10px 4px;
}
h3.where {
	width:224px;
	height:37px;
	background:url('../img/font-sprite.jpg') no-repeat -2px -363px;
	margin:10px 0;
}
h3.street {
	width:162px;
	height:40px;
	background:url('../img/font-sprite.jpg') no-repeat -2px -404px;
	margin:10px 0;	
}
h3.from {
	width:83px;
	height:32px;
	background:url('../img/font-sprite.jpg') no-repeat -169px -404px;
	margin:0 0 10px;		
}
span.escala {
	text-transform:uppercase;
}
#google_map_button {
	position:absolute;
	right:245px;
	top:7px;
}
#google_map_button img {
	border:none;
}
#map_window #map1, #map_window #map2 {
	width:500px;
	height:250px;
}
#directions_panel {
	position:absolute;
	left:515px;
	top:57px;
	width:360px;
	height:560px;
}
#directions_from p, #directions_from label {
	margin:0 0 3px 0;	
}
#directions_from #submit {
	margin:10px 0 0 0;
}
#directions_output {
	position:absolute;
	bottom:0px;
	width:360px;
	height:420px;
}
.logo_list {
	margin:0 0 10px 0;
}
.logo_list p {
	margin:0;
}
.logo_list img {
	border:none;
	width:170px;
}
.temp_cell {
	height:100px;
}

/* COLUMNLEFT */
#columnLeft h2 {
	margin:0;
}

#columnLeft img {
	margin-bottom:23px;
	border:none;
}

/* COLUMN RIGHT */
h3.maillist {
	width:189px;
	height:85px;
	background:url('../img/font-sprite.jpg') no-repeat -128px -67px;
	margin:1px 0 5px 5px;
}
#columnRight form {
	height:146px;
	border-bottom:1px solid #4D4B4A;	
}
#columnRight label, #columnRight input {
	display:block;
	float:right;
	clear:both
}
#columnRightlabel {
	margin:5px 0 0 0;
	font-size:0.85em;
}
#columnRight input.text {
	width:171px;
	height:23px;
	font-size:1.2em;
	margin:0 0 5px 0;
	padding:5px 0 0 5px;
	background-image:url('../img/form-back.jpg');
	border:1px solid #E6E7CD;
}
#columnRight input.img {
	margin:3px 3px 0 0;
}
#columnRight img.shoot {
	position:absolute;
	top:266px;
	left:25px;
	border:none;
}

/* FOOTER */
a.lofty {
	display:block;
	width:137px;
	height:23px;
	top:18px;
	right:0px;
	background:url('../img/static-logo.png') no-repeat;
}
#content a:link, #content a:visited, #content a:hover,
#footer a:link, #footer a:visited, #footer a:hover {
	color:#232111;
}

/* CONTACT */
.verify img, .verify input {
	float:left;
}
.verify input {
	margin-left:3px;
}
.error {
	color:#F00;
}
#maps {
	margin:15px 0 0 0;
}
#map1, #map2 {
	width:290px;
	height:150px;
}
#content #map1 div#copyright {
	width:150px;
	white-space:normal !important;
}
#name, #email, #phone, #comments {
	width:175px;
}

#popup_map #map1, #popup_map #map2 {
	width:500px;
	height:250px;
}

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/
.paginationstyle { /*Style for demo pagination divs*/
	width: 280px;
	text-align: left;
	padding: 2px 0;
	margin: 10px 0 0 0;
}

.paginationstyle a { /*Pagination links style*/
	padding: 0 5px;
	text-decoration: none;
	border: 1px solid #6D1617;
	color: #000;
}

.paginationstyle a:hover, .paginationstyle a.selected {
	color: #000;
	background-color: #666666;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover { /*Style for "disabled" previous or next link*/
	cursor: default;
	color: #6D1617;
	border-color: transparent;
	background-color:transparent;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
	border: 0;
	padding: 0;
}

.paginationstyle a.imglinks img{
	vertical-align: bottom;
	border: 0;
}

.paginationstyle a.imglinks a:hover{
	background: none;
}

.paginationstyle .flatview a:hover {
	color: #000;
	background-color: #666;
}

.paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
	color: #000;
	background-color: #CCC;
}