/* @override http://mhp.rubious.co.uk/css/style.css */

/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} /* remember to define focus styles! */ :focus {} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;
} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;}
/* END CSS RESET */

body {font: 100% Helvetica, Verdana, Arial, sans-serif;background: url(../images/background-stripe2.jpg) top left repeat-x #f5d03a;background-attachment:fixed;margin: 0; padding: 0;text-align: center;color: #ffffff;letter-spacing:0px}

/* alternative body 

body {background: url(../images/background-stripe.png) top left repeat-x #000; }

*/

body p {margin-bottom:18px;line-height:24px;}

#wrapper{width:840px;margin:0 auto;margin-top:0px}
#container {width: 840px;background: #000000;margin: 0 auto;;border: 1px solid #555;text-align: left;padding:10px;}
#header {background: transparent;padding: 0 00px 0 00px;width: 860px;height:100px;	margin:0 auto;position:relative;}
#header h1 {background:url(../images/mhp-text.png) top right no-repeat transparent; width:340px;height:45px;position:absolute;right:0px;bottom:0px;}
#header h1 img{display:none;}

#mainContent {padding: 20px 20px;background: #000000;clear:both;position:relative;}

div.innerContent{ width:340px;font-size:14px;line-height:24px; text-align:left;}
#footer {padding: 0 10px;clear:both;float:left;}
#footer p {margin: 0;padding: 10px 0;font-size:12px;color:#000;text-shadow:#e0a60a 1px 1px 4px}
#footer p a {text-shadow:none}
h2{letter-spacing:0px;margin:0 0 20px 0; font-size:20px;}
h2.slogan {text-shadow: #666 2px 2px 5px;font-size:24px;}

#nav ul{padding: 2px 0;margin-left: 0;border-bottom: 1px solid #555;text-align:left;position:absolute;bottom:-1px;left:0px}
#nav ul li{line-height:24px; list-style: none;margin: 0;display: inline; letter-spacing:3px;font-size:14px;}
#nav ul li a{padding: 10px 1em 7px 1em;margin-left: 0px;border: 1px solid #555;border-bottom: none;background: #333;text-decoration: none;}
#nav ul li a:link { color: #fff; }
#nav ul li a:visited { color: #eee; }
#nav ul li a:hover{color: #fff;background: #444;border-color: #666;}
#nav ul li.selected a{background: #000;border-bottom: 1px solid #000;}


a {color:#ddd;padding-bottom:1px;background:#333;padding:5px;}
a:hover{color:#eee;background:#444;}


#shuffle {padding: 0; margin:  0 0px 0 0;  float:right;position:relative; left:-50px; background:url(../images/paper.png) center center no-repeat transparent;width:290px;height:400px;} 
#shuffle div { padding: 10px; border:  1px solid #ccc;  background-color: #fff;  width:  244px; height: 344px; margin-left:10px;margin-top:18px;}
#shuffle div a{padding:0;}
#shuffle div a span{display:none;}
#shuffle div a:hover span {display:block;position:absolute;bottom:10px;left:10px;background: rgba(255, 255, 255, 0.8);width:244px;height:30px;font-size:20px;font-weight:bold;text-shadow: #ccc 2px 2px 3px;padding-top:10px;text-align:center}
#shuffle img {width:244px;height:344px;display:block;}
#shuffle span{color:#000;font-size:12px;}

#screen {padding: 0; margin:  0 0px 0 0;  float:right;position:relative; background:url(../images/imac.jpg) center center no-repeat transparent;width:400px;height:400px;}

#screen div { padding: 0px; background-color: #000;  width:  336px; height: 212px;  margin-left:32px;margin-top:47px;}
#screen div a{padding:0;}
#screen div a span{display:none;}
#screen div a:hover span {display:block;position:absolute;bottom:0px;left:00px;background: rgba(255, 255, 255, 0.8);width:336px;height:30px;font-size:20px;font-weight:bold;text-shadow: #ccc 2px 2px 3px;padding-top:10px;text-align:center}
#screen img {width:336px;height:212px;display:block;}
#screen span{color:#000;font-size:12px;}

div.two_columns {width:100%;float:left;clear:both;margin-bottom:30px;}
div.column_1{width:250px;float:left;}
div.column_2{width:500px;float:left;padding-top:10px;}
div.two_columns ul li{margin-bottom:8px; line-height:22px;font-size:14px;}

h2 em{font-size:15px; font-style:normal;display:block;padding-top:5px;}


div.map {float:right}
div.map a {font-size:12px;float:right}
div.map iframe {border:1px solid #333;padding:2px;margin-top:45px;}
ul.emails-list {margin: 18px 0 45px 0;}
ul.emails-list li {width:300px;position:relative;margin-bottom:10px;}
ul.emails-list li a {background:none;padding:5px 0px;text-decoration:none;}
ul.emails-list li a span{position:absolute;right:0px;top:0px;text-align:left;width:150px;display:block;text-decoration:underline}
p.telfax strong {display:inline-block;width:45px;}

div.online-offline {position:absolute; bottom:10px; right:60px; width:336px; text-align:center;}

@media print {

body {background:none;background-color:#fff;color:#000;}
#container {background: #fff;border: 1px solid #555;}

#header h1 {width:340px;height:45px;position:absolute;right:0px;bottom:0px;}
#header h1 img{display:block;}

#mainContent {background: #fff;}
#footer {background:#fff;}
#nav ul{display:none;}
a {color:#000;background:#fff;}
/*a:link:after,
a:visited:after {
  content: " (Link: " attr(href) ") ";
  font-size: 90%;
}*/

}