@media screen, projection {


/*------ LAYOUT -------*/

body {
    background-color : #464646;
}

/*------ LAYOUT-HEADER  -------*/

#container-header {
    width:100%;
    height: 128px;
    background : #464646 url('img/header-bg.jpg') repeat-x;
}

#wrapper-header {
    position:relative;
    margin:0 auto;
    text-align:left;
    width:750px;
    padding : 0px;
}

#content-header {
    position:relative;
    left:0px;
    width:750px;
}


/*------ LAYOUT-BODY -------*/

#container-body {
    width:100%;
    background-color : #ffffff;
}

#wrapper-body {
    position:relative;
    margin:0 auto;
    text-align:left;
    width:750px;
    background-color : #ffffff;
    padding : 0px;
}

#content-body {
    position:relative;
    left:0px;
    width:750px;
}

#contentwrap {
    position : relative;
    width: 100%;
}

#leftpanel {
    width : 354px;
    float : left;
}

#rightpanel {
    width : 354px;
    padding-left : 40px;
    float : left;
}

#centerpanel {
    width : 749px;
    float : left;
}

/*------ CLASSES ------*/

.panelcontent {
    position : relative;
    padding : 0px;
}

.thinline {
    height : 1px;
    border-top : solid 1px #e3e3e3;
    padding-bottom : 7px;
}

.thingreenline {
    height : 1px;
    border-top : solid 1px #cadc9b;
    padding-bottom : 20px;
}

.thingreenlinenobreak {
    height : 1px;
    border-top : solid 1px #cadc9b;
    padding-bottom : 0px;
}

.normal {
    position : relative;
    padding-top : 10px;
    padding-left : 20px;
}

.highlight {
    position : relative;
    padding-left : 15px;
    border-left : solid 5px #96bc32;
}

h2 {
    position : relative;
    padding-left : 15px;
    border-left : solid 5px #96bc32;
    font-weight : bold;
}

h3 {
    display : inline;
    font-weight : bold;
    color : #93be25;
    font-size : 11px;
}

h4 {
    display : inline;
    font-weight : bold;
    color : #93be25;
    font-size : 10px;
}

.ulist {
    display : inline;
    padding-left : 15px;
    background : transparent url('img/bullet.gif') no-repeat 0px 5px;
    color : #898989;
}

.ulist:hover {
    text-decoration : none;
    color : #000000;
}

.rightalign {
    text-align: right;
}

.feedbackinput {
    width : 100%;
    border-top : none;
    border-left : none;
    border-right : none;
    border-bottom : solid 1px #dddddd;
    background : #f5f5f5;
}

.feedbacktextarea {
    width : 100%;
    border-top : none;
    border-left : none;
    border-right : none;
    border-bottom : solid 1px #dddddd;
    background : #f5f5f5;
}

/*------ HEADER ------*/

#header {
    position : relative;
    height : 92px;
}

#logo {
    position : absolute;
    top : 40px;
    left : 38px;
    width : 223px;
    height : 46px;
}

#menu {
    position : relative;
    height : 36px;
    background : transparent url('img/menu-bg.jpg') repeat-x; 
}

#menu a,span {
    position: absolute;
    display : inline;
    text-indent : -5000px;
    
}

#btn-home {
    top : 0px;
    left : 0px;
    width : 85px;
    height : 36px;
    background : transparent url('img/btn-home.jpg') no-repeat top left;
}

#btn-systems {
    top : 0px;
    left : 85px;
    width : 88px;
    height : 36px;
    background : transparent url('img/btn-systems.jpg') no-repeat top left;
}

#btn-spare {
    top : 0px;
    left : 173px;
    width : 133px;
    height : 36px;
    background : transparent url('img/btn-spare.jpg') no-repeat top left;
}

#btn-support {
    top : 0px;
    left : 306px;
    width : 80px;
    height : 36px;
    background : transparent url('img/btn-support.jpg') no-repeat top left;
}

#btn-clientele {
    top : 0px;
    left : 386px;
    width : 81px;
    height : 36px;
    background : transparent url('img/btn-clientele.jpg') no-repeat top left;
}

#btn-about {
    top : 0px;
    left : 467px;
    width : 76px;
    height : 36px;
    background : transparent url('img/btn-about.jpg') no-repeat top left;
}

#btn-contact {
    top : 0px;
    left : 543px;
    width : 80px;
    height : 36px;
    background : transparent url('img/btn-contact.jpg') no-repeat top left;
}

#menu-end {
    top : 0px;
    left : 643px;
    width : 107px;
    height : 36px;
    background : transparent url('img/menu-end.jpg') no-repeat top left;
}


/*------ FOOTER ------*/

#footerlinks {
    float : left;
    color : #aaaaaa;
}

#footerlinks a {
    display : inline;
    padding : 0px 5px 0px 5px;
    color : #898989;
}

#footerlinks a:hover {
    color : #000000;
    text-decoration : none;
}

#footercopy {
    float : right;
    text-align : right;
    font-size : 9px;
    padding-bottom : 10px;
}

/*------ HOME ------*/

#home-block1 {
}

#welcome {
    font-size : 30px;
    font-weight : normal;
}

#welcome-sub {
    font-size : 12px;
    font-weight : normal;
}

.homedate {
    padding-top : 10px;
    font-weight : bold;
}


/*------ SYSTEMS ------*/

.system-thumb-sep {
    position : relative;
    float : left;
    width : 10px;
    height : 200px;
}

.system-thumb {
    position : relative;
    float : left;
    width : 240px;
    height : 200px;
    border : solid 1px #dddddd;
}

.system-thumb-content {
    position : relative;
    padding : 8px;
}

.system-thumb-readmore {
    position : absolute;
    top : 190px;
    left : 170px;
    width : 64px;
    height : 17px;
    z-index : 10;
}

/*------ SPARE PARTS ------*/

.spare-thumb-sep {
    position : relative;
    float : left;
    width : 10px;
    height : 200px;
}

.spare-thumb {
    position : relative;
    float : left;
    width : 365px;
    height : 250px;
    border : solid 1px #dddddd;
}

.spare-thumb-content {
    position : relative;
    padding : 8px;
}

.spare-thumb-content div {
    width : 150px;
    float : left;
    padding-left : 15px;
    background : transparent url('img/bullet.gif') no-repeat 0px 5px;
}

.spare-thumb-viewall {
    position : absolute;
    top : 240px;
    left : 290px;
    width : 64px;
    height : 18px;
    z-index : 10;
}

.subsys-thumb-sep {
    position : relative;
    float : left;
    width : 10px;
    height : 200px;
}

.subsys-thumb {
    position : relative;
    float : left;
    width : 170px;
    height : 180px;
    border : solid 1px #dddddd;
}

.subsys-thumb-content {
    position : relative;
    padding : 8px;
}

.subsys-thumb-content div {
    padding-left : 15px;
    background : transparent url('img/bullet.gif') no-repeat 0px 5px;
}

.subsys-thumb-viewall {
    position : absolute;
    top : 170px;
    left : 95px;
    width : 64px;
    height : 18px;
    z-index : 90;
}

.subsystemtype {
    position : relative;
    padding-top : 20px;
    padding-left : 38px;
    font-weight : bold;
    background : transparent url('img/bullet.gif') no-repeat 23px 26px;
}

table.item {
    width : 730px;
}

tr.row1 {
}

tr.row2 {
}

tr.row3 {
    height : 10px;
}

td.pic {
    width : 100px;
    padding : 3px;
}

td.model {
    width : 250px;
    padding : 3px;
}

td.size {
    width : 180px;
    padding : 3px;
}

td.price {
    width : 100px;
    padding : 3px;
}

td.unitcost {
    width : 100px;
    padding : 3px;
}

td.desc {
    padding : 3px;
}

td.order {
    font-size : 10px;
    padding : 3px;
}

.additem {
    width : 50px;
}

.item_amount {
    width : 50px;
    text-align: right;
    border-bottom : solid 1px #dddddd;
    border-top : none;
    border-left : none;
    border-right : none;
}

.ordertotal {
    width : 50px;
    text-align: right;
    border : solid 1px #dddddd;
}

.grandtotal {
    width : 100px;
    text-align: right;
    border : solid 2px #cccccc;
    font-weight : bold;
}

.orderlistempty {
    width : 100%;
    text-align: center;
    border : solid 1px #dddddd;
    height : 200px;
    
}

.ordermessage {
    width : 100%;
    text-align: center;
    border : solid 1px #dddddd;
    background-color : #eeeeee;
}


}