/* ----- import styles ----- */
@import url("header.css"); 
@import url("content.css"); 
@import url("footer.css"); 

/* ----- all defaults ----- */
* { margin: 0px; padding: 0px; }

/* -------------------- html & body styles -------------------- */
html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; border: 0px; border-width: 0px; outline: 0px; text-align: left; }
body { font: 12px/14px 'arial'; color: #687885; background: #fff url("/img/m-bg.gif") repeat-x; }

/* ----- headers style ----- */
h1 { font: bold 12pt/40px 'trebuchet ms'; }
h2 { font-size: 12pt; line-height: 28px; }
h3 { font: bold 14px/32px 'Trebuchet MS'; color: #fff; text-align: center; text-transform: uppercase; margin-bottom: 10px; }
h4 { font-size: 9pt; line-height: 20px; }
h5 { font-size: 8pt; line-height: 16px; }
h6 { font-size: 7pt; line-height: 14px; }

/* ----- table style ----- */
table { border-collapse: collapse; border-spacing: 0px; border-width: 0px; }
td, th { vertical-align: top; }

/* ----- list style ----- */
dl, ul, ol { margin: 0px; padding: 0px; list-style-type: none; }

/* ----- other default ----- */
a { color: #687885; text-decoration: none; }
a:link, a:visited  { outline: none; }
a:hover, a:active { outline: none; }
*:focus { outline: 0px; }
strong { font-weight:bold; }
em { font-style: italic; }
img { border: 0px; border-width: 0px; vertical-align: top; }

/* ----- forms default ----- */
input { border: 0; color: #687885; background-color: transparent; }

/* ----- clear ----- */
.clear { clear: both; font-size: 0pt; line-height: 0px; height: 0px; }
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }

/* -------------------- MAIN -------------------- */
#main { width: 100%; min-width: 1000px; max-width: 1280px; min-height: 100%; position: relative; margin: 0 auto; z-index: 1; }