﻿/** Copyright (C) 2009 Trellis Corp. All rights reserved. This code may not be used without written permission of Trellis Corp. **/

	* {
		padding: 0px;
		position: relative;
		overflow: hidden;
		}
		body {
		position:fixed;
		height: 100%;
		font-family:Segoe UI, Arial, Helvetica, Sans;
		color:Black;
        font-size:16pt; 
        left: 0px;
        top: 0px; 
		}
		#loginContactButtons {
        position: fixed;
        top: 0px;
	    left: 0px;
	    width: 206px;
	    height: 48px;
	    }	 
		#loginButton {
	    position: fixed;
	    top: 0px;
	    left: 0px;
	    width: 134px;
	    height: 48px;
	    color: white;
	    font-size: 70%;
	    font-weight: normal;
	    text-align: center;
	    padding-top:15px;
	    background-color: rgb(37,86,138);
	    }
	    #loginButton:hover, #contactButton:hover {
	    background-color: rgb(81,117,166);
	    text-decoration: underline;
	    }
	    #contactButton  {
	    position:fixed;
	    top: 0px;
	    left: 134px;
	    width: 153px;
	    height: 48px;
	    color: white;
	    font-size: 70%;
	    text-align: center;
	    font-weight:normal;
	    padding-top:15px;
	    background-color: rgb(37,86,138);
	    }
        #primaryNav {
        position: fixed;
        top: 0px;
	    left: 287px;
	    width: 1008px;
	    height: 48px;
	    }	    	    
	    #homeButton, #homeButtonHover {
	    position:fixed;
	    top: 0px;
	    left: 287px;
	    width: 105px;
	    height: 48px;
	    background-image: url("../images/trellisAnnivImages/navShift_01.png");
	    background-position: 0px 0px;
	    }
	    #homeButton:hover, #homeButtonHover {
	    background-position: 0px -48px;
	    }
	    #techButton, #techButtonHover {
	    position:fixed;
	    top: 0px;
	    left: 392px;
	    width: 106px;
	    height: 48px;
	    background-image: url("../images/trellisAnnivImages/navShift_02.png");
	    }
	    #techButton:hover, #techButtonHover  {
	    background-position: 0px -48px;
	    }
	    #productsButton, #productsButtonHover {
	    position:fixed;
	    top: 0px;
	    left: 498px;
	    width: 126px;
	    height: 48px;
	    background-image: url("../images/trellisAnnivImages/navShift_03.png");
	    }
	    #productsButton:hover, #productsButtonHover {
	    background-position: 0px -48px;
	    }
	    #servicesButton, #servicesButtonHover {
	    position:fixed;
	    top: 0px;
	    left: 624px;
	    width: 113px;
	    height: 48px;
	    background-image: url("../images/trellisAnnivImages/navShift_04.png");
	    }
	    #servicesButton:hover, #servicesButtonHover {
	    background-position: 0px -48px;
	    }
	    #clientsButton, #clientsButtonHover {
	    position:fixed;
	    top: 0px;
	    left: 737px;
	    width: 109px;
	    height: 48px;
	    background-image: url("../images/trellisAnnivImages/navShift_05.png");
	    }
	    #clientsButton:hover, #clientsButtonHover {
	    background-position: 0px -48px;
	    }
	    #aboutButton, #aboutButtonHover {
	    position:fixed;
	    top: 0px;
	    left: 739px;
	    width: 162px;
	    height: 48px;
	    background-image: url("../images/trellisAnnivImages/navShift_06.png");
	    }
	    #aboutButton:hover, #aboutButtonHover {
	    background-position: 0px -48px;
	    }
	    #navFillerBlue {
	    position:fixed;
	    top: 0px;
	    left: 901px;
	    right: 4px;
	    height: 48px;
	    background-color:blue;
	    background-image: url("../images/trellisAnnivImages/navFillerBlue.png");
	    }
	    #navFinisher {
	    position:fixed;
	    top: 0px;
	    right: 4px;
	    height: 95px;
	    width: 3px;
	    background-image: url("../images/trellisAnnivImages/navFinisher.png");
	    }
	    #accentPhoto {
	    position:fixed;
	    left: 0px;
	    top: 48px;
	    width: 287px;
	    height: 187px;
	    }
	    #accentPanel {
	    position:fixed;
	    left: 0px;
	    top: 235px;
	    bottom: 134px;
	    width: 287px;
	    background-image: url("../images/trellisAnnivImages/accentFiller.png");
	    }
	    #sidebar {
	    position: absolute;
	    padding-top: 20px;
	    padding-left: 20px;
	    padding-right: 35px;
	    padding-bottom: 35px;
	    font-size:12pt;
	    color: white;
	    }
	    #logoTop {
	    position:fixed;
	    bottom: 48px;
	    height: 86px;
	    width: 287px;
	    left: 0px;
	    background-image: url("../images/trellisAnnivImages/logoTop.png");
	    }
	    #logoBottom {
	    position:fixed;
	    bottom: 0px;
	    height: 48px;
	    width: 287px;
	    left: 0px;
	    background-image: url("../images/trellisAnnivImages/logoBottom.png");
	    }
	    #navRed {
	    position:fixed;
	    left: 287px;
	    top: 48px;
	    height: 48px;
	    right: 4px;
	    background-image: url("../images/trellisAnnivImages/navFillerRed.png");
	    }
	    #navMenu {
	    position: fixed;
	    left: 290px;
	    top: 35px;
	    }
	    #sendButton {
	    	height:30px;
	    	width: 200px;
	    	color: White;
	    }
	    #pageArea {
	    position:fixed;
	    top: 96px;
	    left: 287px;
	    bottom: 48px;
	    right: 4px;
	    background-color: white;
	    }
	    #pageName {
	    font-size: 22pt;
   	    padding-left: 30px;
	    padding-right: 35px;
        padding-top: 5px;
	    }
	    #pageDesc {
	    font-size: 18pt;
	    padding-left: 30px;
	    padding-right: 35px;
	    }
	    #contentArea {
	    position:fixed;
	    left: 287px;
	    top: 96px;
	    right: 4px;
	    bottom: 78px;
	    overflow: auto;
	    }
	    #parisOutput {
	    padding-top: 20px;
	    padding-left: 30px;
	    padding-right: 35px;
	    padding-bottom: 35px;
	    }
	    #legalPrivacyButtons {
        position: fixed;
        left: 287px;
	    bottom: 0px;
	    width: 240px;
	    height: 33px;
	    }	 
	    #legalButton {
	    position:fixed;
	    left: 287px;
	    bottom: 0px;
	    width: 120px;
	    height: 33px;
	    font-size: 70%;
	    text-align: center;
	    padding-top:15px;
	    background-color: rgb(37,86,138);
	    color: rgb(200,200,230);
	    cursor: pointer;
	    }
	    #legalButton:hover, #privacyButton:hover {
	    text-decoration: underline;
	    }
	    #privacyButton {
	    position:fixed;
	    left: 407px;
	    bottom: 0px;
	    width: 135px;
	    height: 33px;
	    font-size: 70%;
	    text-align: center;
	    padding-top:15px;
	    background-color: rgb(37,86,138);
	    color: rgb(200,200,230);
	    cursor: pointer;
	    }
	    .headline {
	    font-size: 110%;
	    font-weight: bold;
	    color: rgb(26,48,91);
	    }
	    
	    .trellisBlueBk {
	    background-color: rgb(37,86,138);
	    }
	    .trellisBlue {
	    color: rgb(37,86,138);
	    }
	    .lightBlue {
	    color: rgb(99,128,173);
	    }
	    .darkBlue {
	    color: rgb(26,48,91);
	    }
	    .lightBlueBk {
	    background-color: rgb(81,117,166);
	    }
	    .bold {
	    font-weight: bold;
	    }
	    a:link, a:visited {
	    color: rgb(207,31,33);
	    text-decoration: none;
	    font-weight: bold;
	    }
	    a:hover {
	    color: rgb(37,86,138);
	    text-decoration: underline;
	    }
	    a.menu:link, a.menu:visited {
	    color: white;
	    padding-left: 25px;
	    padding-right: 25px;
	    padding-top: 15px;
	    font-weight: normal;
	    text-decoration: none;
	    }
	    a.sidebar:link, a.sidebar:visited {
	    color: rgb(200,200,230);
	    text-decoration: none;
	    }
	    a.menu:hover, a.sidebar:hover {
	    text-decoration: underline;
	    }
	    ul {
	    font-size: 90%;
	    list-style-type: square;
	    margin: 5px;
	    padding: 5px;
        overflow: visible;	    
	    }
	    li {
	    margin: 5px;
	    padding: 5px;
	    overflow: visible;
	    }
	    .liHead {
	    font-weight:bold;
	    color: rgb(37,86,138);
	    font-size: 100%;
	    }
	    .italic 
	    {
	    	font-style:italic;
	    }
	    input, textarea 
	    {
	    	width:400px;
	    }
	    img 
	    {
	    	border: 0px;
	    }
	    
	

