/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* HTML TAGS */
body { font-size: 62.5%; font-family: Trebuchet MS, Sans-Serif; }
p { font-size: 1.2em; color: #444; line-height: 175%; margin-bottom: 10px }
a { color: #444; text-decoration: none; }
a:active { position: relative; top: 1px; }
h1, h2, h3, h4, h5, h6 { font-family: sans-serif, Trebuchet MS; margin: 5px 0; }
h1, h2 { font-size: 22px; color: #666; margin-right: 15px; }
h3 { font-size: 14px; color: #666; margin: 25px 0 10px 0; }
h4 { font-size: 12px; }
span { color: inherit; font: inherit; }
li { display: inline; height: 100%; }
li a { text-decoration: none; }
address { background-color: #ffa; border: 4px solid #fff; padding: 1em 1em 0.3em; text-align: center; margin-bottom: 1em; }
blockquote { padding-left: 30px; margin: 5px 20px 0 0; float: left; background: url(../img/quote_up.png) top left no-repeat; }
    blockquote p { color: #fff; font-size: 14px; padding-right: 30px; padding-bottom: 5px; background: url(../img/quote_down.png) bottom right no-repeat; font-family: Sans-Serif; }
label { font: inherit; }
iframe { width: 530px; height: 335px; display: none; }
.presentation { margin: 10px auto 15px; background-color: #F2F2F2; border: none; text-align: center; }
    .presentation p { font-size: 2em; padding: 1em; }
    #noflash{ display: none; }
    
/* HEADER */
#header h1 { text-indent: -9999px; height: 0; margin: 0; }
#logo img { margin: 30px 0 5px; vertical-align: text-bottom; }
#navigation { margin-right: 1em; float: right; position: relative; z-index: 10; }
    #navMenu { position: relative; text-shadow: 0 1px 1px #fff; }
    #navMenu li { float: left; font-size: 1.4em; line-height: 2.4em; padding: 0 1em; background-color: #ddd; }
    #navMenu li a { }
    #navMenu li.nestedList > a { cursor: default; }
    #navMenu li.nestedList { position: relative; }
        #navMenu li a:hover { color: #F7941E; }
        #navMenu li a:active { position: relative; top: 1px; }
    #navMenu li ul { position: absolute; top: 2.4em; left: 0; z-index: 10; display: none; background-color: #f2f2f2; }
    #navMenu li ul li { display: block; width: 100%; float: none; white-space: nowrap; font-size: 1em; background-color: #f2f2f2; border-bottom: 1px solid #f8f8f8; border-top: 1px solid #eee; }
        #navMenu li ul li.rounded-bottom { border-bottom: none 0; }
    #navMenu li ul li a { }
        .flags { cursor: pointer; margin: 0 .2em; }

/* BASIC LAYOUT */
#vsform { border-top: solid 6px #F2F2F2; }
#container { margin-left: auto; margin-right: auto; width: 950px; position: relative; }
#content { clear: both; float: left; width: 100%; background: transparent url(../img/content_bg.png) repeat-y 0 0; position: relative; margin-top: 15px; }

.construction:hover { background: rgb(247, 148, 30); }
.roadmaintenance:hover { background: rgb(252, 47, 47); }
.piste:hover { background: rgb(190, 231, 255); }
.other:hover { background: rgb(230, 230, 230); }

/* BIG IMAGE AND OVERLAY */
.headerimage { margin-top: -5px; height: 170px; width: 940px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;  }
    .headeranywhere { background: transparent url(../img/anywhere-940.png) no-repeat 0 0; }
    .headerconstruction { background: transparent url(../img/construction_940_3.png) no-repeat 0 0; }
    .headerroadmaintenance { background: transparent url(../img/roadmaintenance_940.png) no-repeat 0 0; }
    .headerpiste { background: transparent url(../img/piste_940_2.png) no-repeat 0 0; }
    .headerdoc { background: transparent url(../img/compass_940.png) no-repeat 0 0; }
    .headerhome { background: transparent url(../img/construction_940.png) no-repeat 0 0; }
    .overlayheader { float: right; width: 350px; height: 60px; margin-top: -25px; text-align: right; position: relative; z-index: 1; }
        .overlayheader h2 { color: #393939; cursor: default; margin-top: 11px; }
        .overlaybgcolorconstruction { background: transparent url(../img/construction_overlay.png) no-repeat 0 0; }
        .overlaybgcolorroadmaintenance { background: transparent url(../img/roadmaintenance_overlay.png) no-repeat 0 0; }
        .overlaybgcolorpiste { background: transparent url(../img/piste_overlay.png) no-repeat 0 0; }
        .overlaybgcolorother { background: transparent url(../img/other_overlay_light.png) no-repeat 0 0; }

/* LEFT RIGHT SINGLE CONTENT */
#singlecontent { float: left; padding: 25px 20px 50px 35px; text-align: justify; }
#leftcontent { float: left; width: 530px; padding: 25px 20px 50px 35px; text-align: justify; }
    #leftcontent h2, #leftcontent p, #leftcontent li { text-align: left; text-shadow: 0 1px 0 #ddd; }
    #leftcontent p, #leftcontent li { font-size: 1.4em; }
    #leftcontent p a { border-bottom: 3px solid #F7941E; }
    #leftcontent p a:hover { color: #f7941e; }
    #leftcontent img { margin-bottom: 1em; }
    #leftcontent img.fullsize { border: solid 10px #f2f2f2; margin: 1em 0 2em; }
    #leftcontent p em { color: #F7941E; }
    #courses { color: #444; }
        #courses span { padding: 0 1em; background-color: #f2f2f2; font-size: 1.2em; line-height: 28px; display: inline-block; cursor: pointer; }
        #courses span { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
            #courses span:hover { background-color: #eee; }
        #courses span.activeTab { background-color: #ddd; color: #F7941E; }
        #courses div { padding: 1em; background-color: #ddd; }
        #courses ul { color: #F7941E; }
        #courses li { color: #444; }
#rightcontent { float: left; width: 300px; padding: 50px 0 25px 40px; margin-top: -35px; background: transparent url(../img/border_shadow.png) no-repeat 0 15px; min-height: 500px; }
    #leftcontent li { display: list-item; list-style: disc none outside; color: #444; margin: 5px 20px; padding: 4px 1px; }
    #leftcontent h2 { margin-bottom: 15px; }
        #leftcontent h2 em { font-weight: inherit; color: #F7941E; }
    .miniheader { text-decoration: underline; margin-bottom: 0; }
    #rightcontent h3 { text-align: center; margin: 5px 5px 25px 5px; }
    .firstparagraph { margin-top: 21px; }
    #areas { width: 100%; }
    .area, #tour { text-align: center; width: 150px; float: left; padding: 10px 10px 0px; background: rgb(242, 242, 242); margin: 10px 0 20px 0; cursor: pointer; }
        .area p { margin: 0px; color: #555555; }
        .midarea { margin-left: 10px; margin-right: 10px; }
        #tour { width: 510px; padding-bottom: 10px; }
    .contentborder { text-align: left; width: 250px; padding: 10px; background: rgb(242, 242, 242); margin: 10px 12px 20px; }
        #rightcontent .activeContent h3 { text-align: left; margin: 5px 0 10px; }
            .activeContent { clear: left; padding: 20px; height: auto; display: block; background-color: #F7941E; }
                .activeContent h3, .activeTab h3, .inactiveTab h3 { color: #393939; }
                .listitem { display: list-item; font-size: 12px; margin-bottom: 10px; margin-left: 10px; list-style: disc; }
                    .listitem:hover { color: #eee; }
            .inactiveContent { display: none; }
    #login_link, #demo_link { cursor: pointer; }
    .contactinfo { margin-bottom: 15px; }
        .contactinfo a { color: #fff; }
    .input-form p, .required-field { margin-bottom: 0; display: inline; }
    .input-text { display: block; width: 99%; height: 1.4em; border: solid 1px #ccc; text-indent: .2em; margin-bottom: .5em; resize: none; }
    .body-text { height: 4em; }
    .chkBox { display: block; margin: 1em 0; padding: .5em; border: dashed 1px #fff; }
        .chkBox input[type="checkbox"] { margin-right: 5px; }
        .chkBox label { font-size: 9px; color: #333; }
    .submit-button { float: right; }
    .brochure { position: relative; display: inline-block; }
        .brochure img { padding: 5px; background-color: #f2f2f2; display: none; position: absolute; top: -200px; }
        .brochure h3 { padding: 5px 10px; background-color: #E6E6FA; display: table; }
            .brochure a { text-decoration: none; }

/* NEWS, ABOUT, CONTACT */
#vsinfo .activeContent { }
#vsnews, #vscontact, #vsabout { float: left; width: 80px; height: 27px; padding-top: 3px; }
#vsabout { margin: 0 5px; } /* midtab */
#vscontentnews, #vscontentabout, #vscontentcontact { width: 210px; }
#vscontentnews { padding-bottom: 10px; }
div.newsItemContent strong { font-weight: bold; }
div.newsItemContent em { font-style: italic; }

.newsSubHeader { font-size: 10px; font-family: Helvetica, Trebuchet MS; }
.activeTab { background-color: #F7941E; cursor: default; }
.inactiveTab { background-color: #c0c0c0; cursor: pointer; }
    .inactiveTab:hover { background-color: #b0b0b0; }
#archiveContent { padding: 20px; width: 210px; background-color: #fff; overflow:hidden; }
    #archiveContent h3 { }
    #archiveContent p { }
    #archiveContent hr { margin: -1em 0 1em; }

#slider ul, #slider li { list-style:none; }
#slider, #slider li { width: 200px; height: 320px; overflow: hidden; display: block; }
#slider li { float: left; }
#slider a { color: #fff; }
#newsListitem {}
#newsListitem li { font-size: 12px; }
#newsListitem p { font-size: 11px; margin-bottom: 12px; color: #F7941E; }
    #newsListitem li:hover { text-decoration: underline; }
#pageNavList { display: inline-block;}
    #pageNavList li { padding: .4em .8em; margin-right: 4px; display: inline-block; }
    #pageNavList li.activePage { background-color: #F7941E; color: #fff; }
    #pageNavList li:hover{ cursor:pointer; background-color: #F7941E; }    
#rsslink{ width: 221px; text-align: right; margin-top: -12px; position:absolute;}
#mask-newsticker { overflow: hidden; }
#prevBtn a, #nextBtn a { display: inline; float: left; background-color: #f2f2f2; margin-right: 2px; padding: 5px 8px 3px; color: #555; text-decoration: none; font-size: 14px; }
#prevBtn a:hover, #nextBtn a:hover { background-color: white; }
#newsContentLink {color: #f8f8f8; display: inline; font-size: 12px; text-decoration: none; cursor: pointer;}
#newsContentLink:hover { text-decoration: underline; }
#newsPageIndex {float: left; color: #f8f8f8; margin: 7px 0 0 4px;}
#newslettersignup { color: #f8f8f8; float: right; display: inline; font-size: 12px; margin-top: 3px; text-transform: lowercase; text-decoration: none; cursor: pointer; }
#newslettersignup:hover { text-decoration: underline; }

#loginStatusMessage { color: #ff0000; }

#mc_embed_signup { width: 210px; height: 310px; position: absolute; padding: 20px; background-color: #f7941e; text-align: left; margin-top: -370px;  }
    #rightcontent input-form h3 { margin: 5px 0 10px; text-align: left; color: #393939; }
    #rightcontent h3.confirmation { line-height: 150%; margin-top: 2em; color: #fff; text-shadow: 0 0 5px #fff; text-align: center; }
    div.mce_inline_error { display: none !important; }
    .response { background-color: #ffffaa; padding: 1em; color: #555; margin-top: 1em; font-size: 1.2em; }
    
/* FOOTER */
#footer { background-color: #f2f2f2; float: right; text-align: left; margin: 12px 1% 15px 0; padding: 2em 2em 1em; display: inline; }
.p1 { line-height: 75%; color: #888; }

/* OTHER */
li.sublist { margin-left: 2em; list-style-type: square; }
.hidden { display: none; }
.pressinfo { background-color: #ccc; border: solid 10px #f2f2f2; margin-top: 3em; padding: 0 2em 1em; }
button, input[type="button"], input[type="submit"] { cursor: pointer; border: 1px solid #CCC; color: #555; text-align: center; background-color: #f2f2f2; margin: .6em .6em 0 0; }
    button:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color: #CFE5FF; }
.clear { clear: both; }
*::-moz-selection { background-color: #fff; color: #000; }
::selection { background-color: #fff; color: #000; }
.rounded-bottom { -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
.rounded-corner { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.rounded-border-bottom-left { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;  }
.rounded-border-bottom-right { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
*, button { outline: none !important; -moz-outline-style: none !important; }
.opacity { opacity: 0.95; -moz-opacity: 0.95; filter: alpha(opacity=95); }
.error { color: #ff0000; }
.gray-area { background-color: #ddd; padding: 1em; margin-bottom: 1em; }
    #leftcontent .gray-area p { text-shadow: 0 1px 0 #eee; }
.question { font-weight: bold; margin-bottom: 0; color: #F7941E; }