@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(http://fonts.googleapis.com/css?family=Pontano+Sans);

/*
YUI 3.7.3 (build 5687)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssfonts { display: none; }
/*
END YUI
*/

html {
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #8f8f8f;
    font-style: normal;
    text-align:center;
font-size:14px;
}

b,
strong {
    font-weight: bold;
}

em {
    font-style:italic;
}

a {
    outline: 0;
    color: #dd0600;
}

a:hover {
    text-decoration:none;
}

a:visited {
    color: #dd0600;
}

li {
    line-height:21px;
}

p {
    margin-bottom:14px;
	margin-top:0;
    line-height:20px;
}


h1 {
    font-weight: normal;
    font-size: 239%;
    color: #131313;
    line-height: 32px;
    margin-bottom:15px;
	margin-top:0;
    padding-bottom:12px;
    background:url('/themes/trikisobuses/images/HeadingOneBg.png') no-repeat center bottom;
    font-family:'Pontano Sans';
}

h2 {
    font-weight: normal;
    font-size: 167%;
    color: #131313;
    line-height: 22px;
    margin-bottom:12px;
	margin-top:0;
}

h3 {
    font-weight: bold;
    font-size: 153.9%;
    line-height: 20px;
	margin-top:0;
}

h4 {
    font-weight: bold;
    font-size: 138.5%;
    line-height: 18px;
	margin-top:0;
}


.module-content ul {
    padding-left:40px;
	margin-bottom:6px;
    list-style:disc;
}

.module-content ul li {
    font-size:108%;
}

.module-content ul li li {
    font-size:100%;
}

.module-content img.right {
    float:right;
    padding:0 0 20px 20px;
}

/**************************************************************************/
/*                               LAYOUT                                  */
/**************************************************************************/

div#Background {
    background:url('/themes/trikisobuses/images/BgTile.jpg') repeat-x left top #ffffff;
}

div#Container {
    width:998px;
    margin:0px auto;
    text-align:left;
    position:relative;
}

div#Header {
    position:relative;
    padding-top:51px;
}

    div#Header .logo-contact-us {
        position:absolute;
        top:23px;
        left:9px;
        width:202px;
        height:402px;
        padding:19px;
        padding-top:31px;
        background:url('/themes/trikisobuses/images/LogoFormBg.jpg') no-repeat left top;
        z-index:100;
    }

        div#Header .logo-contact-us form {
            padding:15px 14px 10px 14px
        }

            div#Header .logo-contact-us form h2 {
                color:#ffffff;
                font-weight:normal;
                font-size:239%;
                font-family:'Roboto Condensed';
            }

            div#Header .logo-contact-us form label.error {
                color:#fff;
                margin-bottom:3px;
                display:inline-block;
            }

            div#Header .logo-contact-us form input.text {
                width:161px;
                height:17px;
                border:none;
                padding:6px;
                color:#5c5c5c;
                margin-bottom:3px;
                background:url('/themes/trikisobuses/images/FormTextBoxBg.png') no-repeat left top;
            }

            div#Header .logo-contact-us form input.button {
                width:173px;
                height:34px;
                background:url('/themes/trikisobuses/images/ButtonSubmit.png') no-repeat left top;
                border:none;
                float:none;
                text-align:left;
                font-size:131%;
                padding:0 15px;
                font-weight:normal;
            }

            div#Header .logo-contact-us form textarea {
                width:161px;
                height:46px;
                padding:6px;
                border:none;
                color:#5c5c5c;
                margin-bottom:3px;
                background:url('/themes/trikisobuses/images/FormTextBoxBg.png') no-repeat left top;
                overflow:hidden;
            }

    div#Header .slider {
        background:url('/themes/trikisobuses/images/LogoSliderBgTile.png') repeat-y center top;
        height:392px;
        padding:4px 9px 5px 9px;
        padding-left:259px;
        position:relative;
        z-index:50;
    }

        div#Header .slider ul {
            width:720px;
            height:392px;
            overflow:hidden;
        }

        div#Header .slider .controls {
            position:absolute;
            bottom:30px;left:276px;
            width:285px;
            height:9px;
            z-index:200;
        }

            div#Header .slider .controls span {
                width:9px;
                height:9px;
                margin-right:10px;
                background:url('/themes/trikisobuses/images/SliderControlsDot_o.png') repeat-y center center;
                display:inline-block;
                *display: inline;
                zoom: 1;
                cursor:pointer;
            }

            div#Header .slider .controls span:HOVER,
            div#Header .slider .controls span.activeSlide {
                background:url('/themes/trikisobuses/images/SliderControlsDot_x.png') repeat-y center center;
            }

div#Feature {

}

    div#Feature h2 {
        color:#131313;
        font-size:239%;
        font-weight:normal;
        line-height:30px;
        margin-bottom:12px;
        font-family:'Pontano Sans';
    }

    div#Feature h3 {
        color:#131313;
        font-size:182%;
        font-weight:normal;
        line-height:24px;
        font-family:'Pontano Sans';
    }
        div#Feature h3 span {
            color:#dd0600;
            font-weight:bold;
        }

    div#Feature .inner {
        position:relative;
        background:url('/themes/trikisobuses/images/FeatureBgTile.png') repeat-y center top;
        padding:9px;
        padding-left:283px;
        height:269px;
    }

        div#Feature .inner .call-us {
            background:url('/themes/trikisobuses/images/FeatureLeftBg.jpg') no-repeat left top;
            position:absolute;
            top:-10px;left:9px;
            width:173px;
            height:230px;
            padding:40px 47px 33px 33px;
        }

        div#Feature .inner table.feature {

        }

            div#Feature .inner table.feature td img {
                background:url('/themes/trikisobuses/images/ImageShadowBottom.png') no-repeat center bottom;
                padding-bottom:21px;
                margin-bottom:0px;
            }

div#login-panel {
    width:400px;
}

div#MainSearch {
    text-align:right;
    width:400px;
    float:right;
}

div#Wrapper {

}

div#Content {
    width:950px;
    min-height:300px;
    margin:0 9px;
    padding:30px 15px;
    border-bottom:4px solid #e60000;
}

div#PaneExtra1 {
    width:980px;
    margin:0 9px;
    padding:15px 0px;
}

    div#PaneExtra1 p {
        font-size:100%;
    }


    div#PaneExtra1 .left {
        float: left;
        width:690px;
        padding:7px 0;
    }

    div#PaneExtra1 .right {
        float: right;
        width:290px;
    }

    div#PaneExtra1 ul.social-media {
        display:block;
        text-align:right;
    }

        div#PaneExtra1 ul.social-media li {
            margin-left:5px;
            display:inline-block;
            *display: inline;
            zoom: 1;
        }

div#PaneExtra2 {
    display:none;
}

div#MainMenu {
    position:absolute;
    top:0px;right:27px;
    width:732px;
    height:51px;
	z-index: 999;
}

div#Footer {
    text-align:center;
    background:url('/themes/trikisobuses/images/FooterBgTile.png') repeat-x left top #17181a;
    height:436px;
}

    div#Footer .google-map {
        padding-top:44px;
    }

    div#Footer .bottom {
        padding:20px 0;
        font-size:100%;
        color:#777777;
        margin:0 auto;
        width:980px;
    }

        div#Footer .bottom a {
            color:#777777;
        }

        div#Footer .bottom a:HOVER {
            text-decoration:none;
        }

        div#Footer .bottom .rights {
            float:left;
            text-align:left;
        }

        div#Footer .bottom .plug {
            float:right;
            text-align:right;
        }


/**************************************************************************/
/*                               CONTENT                                  */
/**************************************************************************/

/**************************************************************************/
/*                              MAIN MENU                                 */
/**************************************************************************/

div#MainMenu {
}

div#MainMenu .menu ul {
    text-align:right;
	padding:0;
	margin:0;
}

div#MainMenu .menu ul li {
    position:relative;
    margin-left:40px;
    display:inline-block;
    *display: inline;
    zoom: 1;
}


div#MainMenu .menu ul li.top-node {
    margin-left:0px;
}

div#MainMenu .menu a {
    color:#ffffff;
    text-decoration:none;
    display:inline-block;
    font-size:131%;
}

div#MainMenu .menu a:HOVER,
div#MainMenu .menu a.menuSelected {
    border-top:4px solid #dd0600;
}

div#MainMenu .menu > ul > li > span > a {
    padding:18px 4px 4px 4px;
    height:18px;
    white-space:nowrap;
    font-family:'Roboto Condensed';
}

div#MainMenu .menu div.menudropdown ul li a {
    padding:4px;
    width:172px;
    border-bottom:1px solid #ffffff;
}

div#MainMenu .menu ul li:HOVER > div.menudropdown {
    display:block; 
}

div#MainMenu .menu div.menudropdown {
    display:none;
    position:absolute;
    top:25px;left:0;
    z-index:9999;
}

div#MainMenu .menu ul ul li div.menudropdown {
    top:0px;left:180px;
}