﻿/* --- [ BASIC ] ------------------------------------------*/
    html {
	    background: #fff;
	    margin:0
    }

    body {
	    margin:0;
        background:#fff;
        font-family:Verdana,Trebuchet MS,Tahoma,Arial,Sans-Serif;
	    color: #333;
	    font-size:10pt;
    }  

/* --- [ page layout ] ------------------------------------*/

    #container {
	    position:relative;
	    width: 798px;
	    height: 600px;
        margin: 10px auto;
        background: #fff;
	    border: solid 1px #666;
    }

    html>body #container {
	    min-width:798px;
	    height:auto;
	    min-height:600px;
    }

    .header { 
	    display:block; 
	    width:798px;
	    height:80px;
	    margin:0;
	}
    
    html>body .header { 
	    min-width:798px;
	    min-height:80px;
    }
    .header img { 
	    display:block; 
	    width:320px;
	    height:80px;
	    margin:0;
	}
    .header-home { background:#fff url('../images/banners/home.jpg') top right no-repeat; }
    .header-paper { background:#fff url('../images/banners/speciality-paper.jpg') top right no-repeat; }
    .header-digital { background:#fff url('../images/banners/digital-media.jpg') top right no-repeat; }
    .header-envelopes { background:#fff url('../images/banners/envelopes.jpg') top right no-repeat; }
    .header-contact { background:#fff url('../images/banners/contact.jpg') top right no-repeat; }

/* --- [ main navigation ] --------------------------------*/
    .navigation { 
	    display:block; 
	    width:798px;
	    height:35px;
	    margin:0;
	    background:#666;
	}
    
    html>body .navigation { 
	    min-width:798px;
	    min-height:35px;
    }
    
    .navigation-holder { 
	    display:block; 
	    width:763px;
	    margin:0 0 0 35px;
	}

    .navigation ul { display:inline; list-style-type:none; }
    .navigation li { display:block; margin:0; float:left; }

    .navigation a { display:block; padding:8px 10px; font-family:Arial; font-weight:bold; font-size:10pt; color:#fc3; text-decoration:none; }
    .navigation a:visited { color:#fc3; text-decoration:none; }
    .navigation a:hover, .navigation a:active { color:#f93; text-decoration:none; }

    .navigation a.active { display:block; padding:8px 10px; font-family:Arial; font-size:10pt; color:#f93; text-decoration:none; }
    .navigation a.active:visited { color:#f93; text-decoration:none; }
    .navigation a.active:hover, .navigation a.active:active { color:#f93; text-decoration:none; }

/* --- [ wraps and columns ] ------------------------------*/
    .content-wrap {width:798px; height:485px; margin:0px auto; clear:both; }
    .content-left {width:600px; margin:40px 99px 0 99px; text-align:left; float:left;  }
    .content-right {width:0; margin:0; text-align:center; float:right; }

/* --- [ footer ] -----------------------------------------*/
    #footer { position:absolute; z-index:10; width:798px; left:0px; top:567px; text-align:center; }
    #footer p { margin:10px 0 0 0; color:#fff; font-family:Arial; font-size:9pt; font-weight:bold; }
    #footer a { color:#fff; }
    .footer-home { background:#fff url('../images/footers/home.jpg') bottom left no-repeat; }
    .footer-paper { background:#fff url('../images/footers/speciality-paper.jpg') bottom left no-repeat; }
    .footer-digital { background:#fff url('../images/footers/digital-media.jpg') bottom left no-repeat; }
    .footer-envelopes { background:#fff url('../images/footers/envelopes.jpg') bottom left no-repeat; }
    .footer-contact { background:#fff url('../images/footers/contact.jpg') bottom left no-repeat; }


/* --- [ HEADINGS AND BLOCK ELEMENTS ] --------------------------------------*/
	h1, h2, h3, h4, h5, h6 { 
        font-family:Verdana,Trebuchet MS,Tahoma,Arial,Sans-Serif;
	}
	
	h1 {
		font-weight: bold;
		font-size: 12pt;
		color: #666;
		margin: 0 0 15px 0;
	}
	h2 {
		font-weight: bold;
		font-size: 14pt;
		color: #390;
		margin: 0 0 10px 0;
	}
	h3 {
		font-size: 12pt;
		margin: 12px 0px 10px 0px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-style: italic;
		color: #f90;
		font-weight: bold;
	}
	
	p {
		margin: 0 0 15px 0;
	}


/* --- [ IMAGES ] ----------------------------------------*/
    img { border:0px; }

/* --- [ LINKS ] -----------------------------------------*/
    a { color: #666; text-decoration:none; }
    a:visited { color: #666; text-decoration:none; }
    a:hover { color: #666; text-decoration:underline; }
    a:active { color: #666; text-decoration:underline; }


/* --- [ MISC CLASSES ] ----------------------------------*/
    .clear	{clear:both;}

