@import url(content.css);

body {
    background: url("../img/body_bg.jpg") repeat-x;
    font-family: Georgia, "MS Trebuchet", sans-serif;
}

body.small {
    background: url("../img/body_bg_small.jpg") repeat-x;
}

h1, h2, h3, h4 {
    color: #333;
}

img {
    vertical-align: bottom
}

strong {
    font-weight: bold;
}

#header {
    position: relative; top: 14px;
    height: 41px;
}

div.search-form {
    text-align: right;
}

ul.portal-actions {
    position: relative; left: 15px;
}

ul.portal-actions li {
    font-size: 93%;
    display: inline;
    color: white;
    font-style: italic;
}

ul.portal-actions li a,
ul.portal-actions li a:visited {
    text-decoration: none;
    color: white;
}

ul.portal-actions li a:hover {
    text-decoration: none;
    color: black;
}

input.search {
    color: #aaa;
}

input.search_button {
    border: none;
    height: 19px;
    width: 21px;
    background: url("../img/searchbox_left.jpg") right no-repeat;
    color: transparent;
    vertical-align:middle;
}

input.search {
    background: url("../img/searchbox_right.jpg") right no-repeat;
    width: 200px;
    height: 19px;
    border: none;
    vertical-align:middle;
}

/* Top image */
#image {
    background: url(../img/image_top.jpg) no-repeat;
    height: 298px;
}

#image .top-image-wrapper {
    position:relative; top:11px;
    padding-left: 14px;
}

div.scrollable-top {
    float:left;
    position:relative;
    overflow:hidden;
    width: 900px;
    height: 279px;
}

div.scrollable-top div.items {
    width:20000em;
    position:absolute;
    clear:both;
}

div.scrollable-top div.item {
    float: left;
    width: 900px;
    height:279px;
}

div.header-navi-left,
div.header-navi-right {
    cursor: pointer;
}

#image h1 {
    font-size: 150%;
    padding-bottom: 10px;
    color: white;
}

#image p {
    font-size: 120%;
}

#image a,
#image a:visited {
    color: black;
}

#image a:hover {
    color: white;
}

#image ul {
    font-size: 120%;
    padding: 10px 0;
}

#image li {
    list-style: square inside;
    line-height: 1.5em !important;
}

div.header-navi-left {
    float: left;
    background: url(../img/header_navi_left.jpg) no-repeat;
    width: 40px;
    height: 279px;
}

div.header-navi-left.disabled {
    background: url("../img/header_navi_left_light.jpg") no-repeat;
}

.header-description {
    float:left;
    background: url(../img/header_description.jpg) no-repeat;
    width: 288px;
    height: 279px;
}

.header-image {
    float: left;
    background: url(../img/header_image.jpg) no-repeat;
    width: 612px;
    height: 279px;
}

.header-navi-right {
    float: left;
    background: url(../img/header_navi_right.jpg) no-repeat;
    width: 40px;
    height: 279px;
}

div.header-navi-right.disabled {
    background: url("../img/header_navi_right_light.jpg") no-repeat;
}

/* Tabs */
#tabs ul {
    margin: 0;
    padding: 0;
}

#tabs li {
    display: inline;
}

#tabs li a {
    float: left;
    height: 0;
    padding-top: 40px;
    overflow: hidden;
    border-bottom: none;
    background-image: url(../img/menu.jpg); background-repeat: no-repeat;
}

#tab1 a { width: 179px; background-position: 0px 0;}
#tab2 a { width: 162px; background-position: -179px 0;}
#tab3 a { width: 163px; background-position: -341px 0;}
#tab4 a { width: 163px; background-position: -504px 0;}
#tab5 a { width: 163px; background-position: -667px 0;}
#tab6 a { width: 176px; background-position: -830px 0;}

#tab1 a:hover { background-position: 0px -40px; }
#tab2 a:hover { background-position: -179px -40px; }
#tab3 a:hover { background-position: -341px -40px; }
#tab4 a:hover { background-position: -504px -40px; }
#tab5 a:hover { background-position: -667px -40px; }
#tab6 a:hover { background-position: -830px -40px; }

#tab1 a.selected { background-position: 0px -40px; }
#tab2 a.selected { background-position: -179px -40px; }
#tab3 a.selected { background-position: -341px -40px; }
#tab4 a.selected { background-position: -504px -40px; }
#tab5 a.selected { background-position: -667px -40px; }
#tab6 a.selected { background-position: -830px -40px; }

#content,
#footer,
#colophon {
    position: relative; top: -40px;
}

#content .container {
    background-color: white;
    background: url("../img/content_bg.jpg") left repeat-y;
}

.left-slot {
    padding-right: 55px;
}

.content ul,
.content ol,
.content p {
    padding: 5px 0;
}

.content {
    font-family: Verdana, sans-serif;
    font-size: 93%;
    color: #666;
    padding-left: 20px;
}

.content a {
    color: #cc6600;
    font-style: italic;
    text-decoration: none;
}

.content a:hover {
    border-bottom: 1px solid #cc6600;
}

.content p {
    line-height: 1.5em;
}

.content h1 {
    font-size: 182%;
}

.content h2 {
    font-size: 153.9%;
    padding-top: 10px;    
}

.content h3 {
    font-size: 123.1%;
    padding-top: 10px;    
}

.content h1,
.content h2,
.content h3 {
    font-family: Georgia, "MS Trebuchet", sans-serif;
    font-style: italic;
}

.content ul {
    margin-left: 15px;
}

.content ol li {
    list-style: decimal outside;
}

.content ul li {
    list-style: square outside;
    line-height: 1.5em !important;
}

.content .search-form {
    padding: 10px 0;
}

.content ol.search-results-items {
    padding-left: 2em;
}


.left-slot {
    border-right: 1px solid #ebebeb;
}

ul.breadcrumbs {
    list-style-type: none;
    padding: 0 0 20px 0;
    margin: 0;
}

ul.breadcrumbs li {
    display: inline;
}

.breadcrumbs {
    color: #cc6600;
    font-size: 93%;
    font-family: Georgia, "MS Trebuchet", sans-serif;
}

.breadcrumbs a {
    font-weight: normal;
}

.breadcrumbs .separator,
.breadcrumbs .label {
    color: #333;
}

/* Template: Testimonials */
.testimonial {
    padding: 20px 0;
}

.testimonial.with-border {
    border-bottom: 1px solid #ebebeb;
}

/* Template: References */
.reference {
    font-size: 93%;
    padding: 20px 0;    
}

.reference h2 {
    padding: 0;
}

.reference.with-border {
    border-bottom: 1px solid #ebebeb;
}

.reference-box {
    width: 288px;
    height: 166px;
    background: url("../img/box_reference.jpg") no-repeat;
    margin-right: 20px;
}

.reference-box img {
    padding: 15px 0 0 13px;
}

.reference-box div.link {
    padding: 12px 0 0 22px;
}

.reference-box a {
    font-weight: bold;
    font-family: Georgia, "MS Trebuchet", sans-serif !important;
}

.reference-text {
    padding-left: 10px;
}

.reference-image:hover {
    border: none !important;
}


#footer {
    font-size: 85%;
    font-style: italic;
}

#footer .container {
    background: url("../img/footer_bg.jpg") left top no-repeat;
    height: 105px;
}

#footer a,
#footer a:visited {
    color: #666;
    text-decoration: none;
}

#footer a.selected,
#footer a:hover {
    color: #cc6600;
    text-decoration: none;
}

#footer ul {
    width: 993px;
    position: relative; left: 15px; top:63px;
}

#footer li {
    float: left !important;
    width: 163px;
    text-align:center;
}

#colophon {
    text-align: center;
    font-style: italic;
    padding: 10px 0;
}

#colophon a {
    color: #cc6600;
    text-decoration: none;
}

#colophon a:hover {
    border-bottom: 1px solid #cc6600;
}

/* portlets */
.portlet {
    font-family: Georgia, "MS Trebuchet", sans-serif;
    font-style: italic;
    padding-bottom: 20px;
}

.portlet a {
    color: #333;
    text-decoration: none;
}

.portlet a:hover {
    color: #cc6600;
}

.portlet p {
    padding: 5px 0;
    line-height: 1.5em;
}

div.portlet-header {
    font-size: 123.1% !important;
    color: #cc6600;
    font-weight: bold;
    padding-bottom: 5px !important;
    border-bottom: 1px solid #ebebeb;
}

.navigation-portlet li {
    padding: 4px 0;
    border-bottom: 1px solid #ebebeb;
}

.navigation-portlet a {
    background: url("../img/arrow.jpg") 0 5px no-repeat;
    padding-left: 8px;
}

.navigation-portlet a:hover,
.navigation-portlet .current a {
    background: url("../img/arrow_current.jpg") 0 5px no-repeat;
    color: #cc6600;
}

.navigation-portlet .level-3 {
    padding-left: 20px;
}

.pages-portlet .portlet-body,
.random-portlet .portlet-body,
.text-portlet .portlet-body {
    font-size: 93%;
    color: #444;
}

.pages-portlet .portlet-body {
    padding-top: 0.5em;
}

.pages-portlet .portlet-date {
    text-align: right;
}

.blog-portlet .blog-tag-cloud,
.blog-portlet .blog-archive {
    padding-top: 10px;
}

/* scrollable */
div.scrollable {
    position:relative;
    overflow:hidden;
    width: 300px;
    height:200px;
}

div.scrollable ul {
    padding: 0;
    margin: 0;
}

div.scrollable div.items {
    width:20000em;
    position:absolute;
    clear:both;
}

div.scrollable div.items div {
/*    float: left;*/
    width: 300px;
    height:200px;
}

/* Contact Form */
.contact-form label {
    font-weight: bold;
}

.contact-form .error {
    color: red;
}

.contact-form ul {
    margin: 0;
}

.contact-form li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.contact-form .field {
    margin: 10px 0;
}

.contact-form input[type="text"] {
    margin-top: 4px;
    width: 300px;
}

.contact-form textarea {
    margin-top: 4px;
    width: 90%;
}

.forohfor {
    font-weight: bold;
}