/************************************************************************
-) Slider: only the following lines are necceassary for slider styling,
   rest of the css file styles the demo page
*************************************************************************/
.aviaslider{ 
height:388px; 	/*this changes the height of the image slider*/
width:844px;
overflow: hidden;
position: relative;
background: #fff;
}

.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}

.js_active .aviaslider li, .js_active .aviaslider .featured { display:none; }

.aviaslider img, .aviaslider a img, .aviaslider a
{
    border: none;
    text-decoration: none;
}

.slidecontrolls
{
    margin: 20px auto 0 auto;
    position: relative;
    float: left;
}

    .slidecontrolls a
    {
        height: 20px;
        width: 18px;
        display: block;
        cursor: pointer;
        background: transparent url(../images/layout/controlls.gif) center bottom no-repeat;
        float: left;
        outline: none;
    }

.slidecontrolls a:hover, .slidecontrolls .active_item { background: transparent url(../images/layout/controlls.gif) center top no-repeat; }

.feature_excerpt
{
    width: 610px;
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 14px 15px;
    font-size: 11.5px;
    line-height: 1.5em;
    cursor: pointer;
    background: #000;
    color: #fff;
}

    .feature_excerpt strong
    {
        display: block;
        font-size: 15px;
        padding-bottom: 3px;
    }

/************************************************************************
Small Reset
*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p,input,select,legend,textarea { margin:0; padding:0; }


/************************************************************************
BASIC CONTAINERS
*/
body
{
    font-size: 13px;
    font-family: Arial, Helevtica, Verdana, san-serif;
    line-height: 23px;
    position: relative;
}

.wrapper_fullwidth
{ /*div for perfect centering of large scale background images*/
    width: 100%;
    position: relative;
    z-index: 1;
    height: 40px;
    clear: both;
    font-size: 10px;
    color: #fff;
}

.center
{ /*center content area */
    position: relative;
    margin: 0 auto;
    width: 844px;
}


#main
{ /*main area, contains all content and sidebars*/
    float: left;
    position: relative;
    width: 100%;
    padding-top: 40px;
    float: left;
    padding-bottom: 40px;
}

.content
{
    position: relative;
    float: left;
    width: 340px;
    overflow: hidden;
}

.fullwidth .content
{
    width: 100%;
    padding: 0;
    margin: 0;
    background: transparent none;
}

.sidebar
{
    position: relative;
    width: 300px;
    float: left;
    overflow: hidden;
}

.fullwidth .sidebar { display:none; }

/************************************************************************
HEADER
*/
.logo, .logo a
{
    position: relative;
    margin: 28px auto;
    width: 283px;
    height: 110px;
    text-indent: -9999px;
}

div .logo a
{
    position: absolute;
    background: transparent url(../images/layout/logo.gif) top left no-repeat;
    z-index: 3;
    top: 0;
    left: 0;
    margin: 0;
    outline: none;
}

.wrapper_fullwidth a
{
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    display: block;
    float: left;
    line-height: 40px;
}

.wrapper_fullwidth a:hover { color:#999; }

.tw { background: transparent url(../images/layout/tw.gif) center left no-repeat; padding:0 0 0 25px; margin-right:20px; }

.fb { background: transparent url(../images/layout/fb.gif) center left no-repeat; padding:0 0 0 25px; }

.wrapper_fullwidth .kat { float:right; color:#777; }

/**********************************************************
CONTENT
*/
#main a img { border:none; }

#main a:hover img { opacity:0.7; }

.sidebar ul
{
    list-style-position: outside;
    list-style-type: none;
}

#main h2, #main h3
{
    display: block;
    width: 310px;
    height: 55px;
    text-indent: -9999px;
}

#heading_examples { background: transparent url(../images/layout/header_e.png) center left no-repeat; }

#heading_features { background: transparent url(../images/layout/header_f.png) center left no-repeat;
}

#heading_browser { background: transparent url(../images/layout/header_bs.png) center left no-repeat; }

#heading_docs { background: transparent url(../images/layout/header_dd.png) center left no-repeat; }

.content { color:#666; }

.content ul{ padding-bottom:30px; }

.content ul li{ list-style-position: inside; }

#download
{
    display: block;
    width: 290px;
    height: 90px;
    background: transparent url(../images/layout/download.jpg) top left no-repeat;
    text-indent: -9999px;
    position: relative;
    left: -4px;
    outline: none;
}

#download:hover { background: transparent url(../images/layout/download.jpg) bottom left no-repeat; }

#bottom{font-size: 11px; color:#aaa;}

#bottom a{float:none; display:inline;}


/**********************************************************
NAVIGATION
*/
#TopNavigation .RadMenu .rmText
{
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 0 12px 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
#TopNavigation .RadMenu .rmLink
{
    color: #FFFFFF;
    float: left;
    outline: 0 none;
    padding: 10px 0 12px !important;
    text-shadow: 1px 1px #3E362F;
    margin: 0;
}
#TopNavigation .RadMenu_Sitefinity .rmHorizontal .rmItem a.rmLink .rmText {
    border: 0px solid transparent;
}
#TopNavigation .RadMenu_Sitefinity .rmHorizontal .rmItem {
    padding: 0;
}
#TopNavigation .RadMenu .rmFocused, 
#TopNavigation .RadMenu .rmItem .rmExpanded
{
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px #3E362F;
    text-transform: uppercase;
}

#TopNavigation .RadMenu .rmGroup,
#TopNavigation .RadMenu.rmGroup, 
#TopNavigation .RadMenu .rmMultiColumn, 
#TopNavigation .RadMenu .rmGroup .rmVertical {
    background: none repeat scroll 0 0 #9A9087;
    border: 0 none;
    padding: 0;
}
#TopNavigation .RadMenu .rmGroup .rmText { text-transform: capitalize; }
#TopNavigation .RadMenu .rmGroup .rmLink:hover
{
	color: #4f4f4f;
	text-shadow: 1px 1px transparent;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	background-color: #E4DBD3;

}
/**********************************************************
NAVIGATION
*/
#Search {
    display: inline;
    float: right;
    margin-top: 2px;
    padding-left: 7px;
}

.sfsearchBox {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.sfsearchBox .sfsearchTxt {
    background: url("/assets/images/search-frame.jpg") no-repeat scroll left top transparent;
    border: 0 none;
    display: inline;
    float: left;
    font-size: 0.9em;
    height: 17px;
    margin: 0;
    padding: 1px 25px 1px 10px;
    width: 85px;
}

#Search .sfsearchSubmit {
    background: url("/assets/images/button-search.jpg") no-repeat scroll left top transparent;
    border: 0 none;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 0;
    height: 17px;
    margin-left: -25px;
    margin-top: 1px;
    width: 18px;
}

#FeaturedContent h2 { letter-spacing: normal; }

#FeaturedContent #LargeContent a {color: #EDF2F4;}
#FeaturedContent .listContent ul {
     list-style: none outside none;
    margin: 0;
}
#FeaturedContent .listContent ul li {padding: 0; margin-bottom: 5px;}
#FeaturedContent .listContent ul li a {
    background: none repeat scroll 0 0 #B6C1CD ;
    padding: 10px 20px;
    color: #3A3A3B;
    text-decoration: none;
    font-size: 14px;
    display: block;
    text-transform: uppercase;
}

#FeaturedContent .listContent ul li a:hover {
    background: none repeat scroll 0 0 #9A9087;
}

#FeaturedContent .articleContent #LargeContent .articleContent table {
    width: 592px;
}
#FeaturedContent .articleContent #LargeContent .articleContent table td {padding: 5px 7px;}
#FeaturedContent .articleContent #LargeContent .articleContent table ._season {
    background-color: #9A9087;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
    color: #FFFFFF;
}

#FeaturedContent .articleContent #LargeContent .articleContent table ._toptitle {
background-color: #3D5961;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}

#FeaturedContent .articleContent #LargeContent .articleContent table ._darkblue {
    background: none repeat scroll 0 0 #B6C1CD;
    color: #3A3A3B;
    font-weight: bold;
    text-align: center;
}

#FeaturedContent .articleContent #LargeContent .articleContent table .lightblue {
    background: none repeat scroll 0 0 #EDF2F4;
    color: #3A3A3B;
    text-align: center;
    font-weight: bold;
}


#FeaturedContent .articleContent #LargeContent .articleContent table ._lefttitle {
    text-align: left;
    text-transform: uppercase;
}

.articleList .listTitle h3 {
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    text-shadow: 1px 1px #5C7B8B;
    text-transform: uppercase;
}