@media screen, projection {


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

body {
    background: white url('img/bg.jpg') top left repeat-x;
}

#container {
    width:100%;
}

#wrapper {
    position:relative;
    margin:0 auto;
    text-align:left;
/*width:740px;*/
    width:940px;
    background:transparent url('img/shadow.jpg') top left no-repeat;
}

#pagecontent {
    position:relative;
    left:30px;
/*width:680px;*/
    width:880px;
    background-color: white;
}

#bottomshadow {
    position:relative;
    left:0px;
/*width:740px;*/
    width:940px;
    height:80px;
    background:white url('img/shadow-bottom.jpg') top left no-repeat;
}



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

.text {
    color: #777777;
    font-size : 11px;
    line-height : 17px;
}

.more {
    color: #555555;
    display : inline;
    background: transparent url('img/arrow.gif') 30px 5px no-repeat;
    padding-right : 12px;
    font-size : 10px;
}

.more:hover {
    color : #ff8800;
    text-decoration : none;
}

.navlinks {
    color: #333333;
    display : block;
    background: transparent url('img/arrow.gif') 0px 5px no-repeat;
    padding : 3px 0px 3px 12px;
    font-size : 10px;
    text-align : left;
}

.navlinks:hover {
    color : #999999;
    text-decoration : none;
}

/*------ DIVIDER -------*/

#headerdivider {
    width:880px;
    height: 5px;
    background-color: #6a5d5d;
    clear:both;
}

#promodivider {
    width:880px;
    height: 2px;
    background-color: #6a5d5d;
    clear:both;
}

#menudivider {
    width:880px;
    height: 2px;
    background-color: #6a5d5d;
    clear:both;
}

#breadcrumbdivider {
    width:880px;
    height: 1px;
    background-color: #e9e9e9;
    clear:both;
}

#navdivider {
    width:880px;
    height: 1px;
    background-color: #e9e9e9;
    clear:both;
}

#footerdivider {
    width:880px;
    height: 2px;
    background-color: #6a5d5d;
    clear:both;
}

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

#header {
    position:relative;
    width:880px;
    height: 80px;
}

#headerflash {
    position: relative;
    width:330px;
    height:75px;
    margin-top: 10px;
    background : none;
    /*background:transparent url('img/dummy-headerflash.jpg') top left no-repeat;*/
    float:left;
}

#contactcardholder {
    position: relative;
    width:440px;
    float:right;
}

#contactcard {
    margin-top: 8px;
    padding: 0px 0px 0px 10px;
    border-left: solid 1px #eeeeee;
    text-align: right;
}

#contactcardcompany {
    font-weight: bold;
    font-size: 9px;
}

#contactcardaddress {
    color : #bbbbbb;
    font-size: 9px;
}

#headernav {
    padding-top: 20px;
    font-size: 10px;
    text-align: left;
    color : #cccccc;
}

#headernav a {
    color : #999999;
    text-decoration: none;
    display:inline;
    padding: 0px 3px 0px 3px;
}
 
#headernav a:hover {
    color : #000000;
    text-decoration: none;
}
 

/*------ PROMO -------*/

#promo {
    margin-top: 3px;
    margin-bottom: 3px;
    height: 159px;
    background : none;
    /*background : transparent url('img/dummy-promoflash.jpg') top left no-repeat;*/
}


/*------ SMALLHEADER -------*/

#smallheader {
    margin-top: 3px;
    margin-bottom: 3px;
    height: 46px;
    background : none;
    /*background : transparent url('img/dummy-promoflash.jpg') top left no-repeat;*/
}

/*------ MENU -------*/

#menu {
    height: 50px;
    background : none;
    /*background : transparent url('img/dummy-menu.jpg') top left no-repeat;*/
}

/*------ BREADCRUMBS -------*/

#breadcrumb {
    padding : 5px 0px 5px 0px;
    font-size : 10px;
    color : #dddddd;
}

#breadcrumb a {
    color : #666666;
    text-decoration : none;
    display : inline;
    padding : 0px 3px 0px 3px;
}

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


/*------ CONTENT -------*/

#leftpanel {
    display: block;
    width : 430px;
    float : left;
    margin : 10px 0px 10px 0px;
}

#rightpanel {
    display: block;
    width : 440px;
    border-left : solid 1px #e9e9e9;
    float : right;
    margin : 10px 0px 10px 0px;
}

#leftpaneltext {
    padding : 0px 0px 30px 0px;
    text-align : justify;
}

#rightpaneltext {
    padding : 0px 0px 30px 10px;
    text-align : justify;
}

.h1 {
    font-size : 11px;
    text-decoration : none;
    font-weight : bold;
    text-transform : capitalize;
    display : block;
    padding : 0px;
    color: #000000;
    clear : both;
}

.h1:hover {
    color : #999999;
    text-decoration : none;
}

.h2 {
    font-size : 11px;
    text-decoration : none;
    display : block;
    padding : 10px 0px 3px 0px;
    clear : both;
    /*color : #e9993b;*/
    /*color : #ff8a00;*/
    color : #ff8a00;
    font-weight : bold;
}

.h2:hover {
    color : #ffcc66;
    text-decoration : none;
}

#content hr {
    width : 400px;
    height : 1px;
    display : block;
    margin : 10px 10px 10px 10px;
    border-top : solid #e9e9e9 1px;
    border-left : none;
    border-right : none;
    border-bottom : none;
    clear : both;
}

#howwework {
    margin-top : 10px;
    margin-bottom : 10px;
    border : solid 1px #eeeeee;
    height : 106px;
    background : transparent url('img/howwework.jpg') top right no-repeat;
}

#howweworktext {
    padding : 0px 150px 5px 5px;
}

#howwework h2 {
    font-size : 11px;
    text-decoration : none;
    display : block;
    padding : 0px 0px 3px 0px;
    clear : both;
    color : #ff8a00;
}

#mainpanel {
    display: block;
    width : 590px;
    float : left;
    margin : 10px 0px 10px 0px;
}

#navpanel {
    display: block;
    width : 280px;
    border-left : solid 1px #e9e9e9;
    float : right;
    margin : 10px 0px 10px 0px;
}

#mainpaneltext {
    padding : 0px 0px 30px 0px;
    text-align : justify;
}

#navpaneltext {
    padding : 0px 0px 30px 10px;
    text-align : justify;
}

/*------ NAV -------*/

#navcontent {
    padding : 5px 0px 5px 0px;
    font-size : 9px;
    text-align : right;
    color : #dddddd;
}

#navcontent a {
    color : #bbbbbb;
    text-decoration : none;
    display : inline;
    padding : 0px 3px 0px 3px;
}

#navcontent a:hover {
    color : #666666;
    text-decoration : none;
}


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

#footer {
    background-color : #e8e8e8;
}

#footercontent {
    padding: 5px;
}

#footercompany {
    font-weight: bold;
    font-size: 9px;
}

#footeraddress {
    color : #999999;
    font-size: 9px;
}



/*------ SITE CREDITS -------*/

#sitecredits {
    color : #aaaaaa;
    font-size : 9px;
    text-align : center;
    padding-top : 20px;
}

#sitecredits a {
    color : #aaaaaa;
    font-size : 9px;
}

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

}