/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,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,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%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }


body {
    background:#e7e9e9 url(images/body-bg.png) repeat-x;
    color:#242c36;
    font-family:"Arial", Sans-serif;
    font-size:13px;
}

p {
    margin:0 0 2% 0;
    text-align: justify;
}

h1 {
    font-family:"Trebuchet MS", Sans-serif;
}

h3 {
    font-size:28px;
    margin:0 0 15px;
    padding-left:10px;
}

h3 a {
    text-decoration:none;
}

a, a:visited {
    color:#0088cc;
}

a:hover {
    color: #5f6469;
}


#page {
    width:940px;
    margin:0 auto;
}

/* ========= Header Section */
#header {
    position:relative;
    height:97px;
}
#logo {
    position:absolute;
    top:32px;
    left:31px;
}
#logo-definition {
    position:absolute;
    top:19px;
    left:375px;
}
#lang-select {
    position:absolute;
    top:18px;
    right:32px;
}
#lang-select li {
    float:left;
}
#lang-select li a {
    text-decoration:none;
    font-weight:bold;
}
#lang-select li a span {
    margin:2px 5px;
    text-decoration:underline;
    font-size:11px;
}
#lang-select li a.active span {
    margin:0;
    padding:2px 5px;
    text-decoration:none;
    background:#787d7f;
    color:#ffffff;
}
#icons {
    position:absolute;
    top:21px;
    right:100px;
}
#icons li {
    float:left;
    margin:0 0 0 25px;
}
#top-menu {
    position:absolute;
    right:32px;
    top:60px;
}
#top-menu li {
    float:left;
    margin:0 0 0 7px;
}
#top-menu li.divider {
    background:#bbbebf;
    width:1px;
    height:17px;
}
#top-menu li a {
    font-family:"Trebuchet MS", Sans-serif;
    font-weight:bold;
    text-decoration:none;
}
/* ========= End of Header Section */


/* ========= Banner Section */
#banner {
    position:relative;
    background:url(images/banner-bg.png) no-repeat;
    width:940px;
    height:232px;
    color:#ffffff;
}
#banner .frame {
    position:absolute;
    top:0;
    left:0;
}
#banner .content {
    position:absolute;
    top:23px;
    left:340px;
    width:520px;
    font-family:"Trebuchet MS", Sans-serif;
    font-style:italic;
}
 .hide{
 display:none;
}
#banner .content h2 {
    font-size:30px;
}
#banner .content p {
    font-size:18px;
    padding:15px 0 0;
}
font.blue {
    color:#23c9ff;
}
#banner .button {
    display:inline-block;
}
#banner .button a {
    text-decoration:none;
}
#banner .button a span {
    background:url(images/banner-button-left.png) no-repeat left !important;
    background:url(images/banner-button-left.gif) no-repeat left;
    display:inline-block;
    height:42px;
}
#banner .button a span span {
    background:url(images/banner-button-right.png) no-repeat right !important;
    background:url(images/banner-button-right.gif) no-repeat right;
    display:inline-block;
    height:42px;
    margin:0 0 0 50px;
    padding:0 15px 0 0;
    line-height:38px;
    font-size:15px;
    font-style:normal;
    font-weight:bold;
    color:#ffffff;
}

/* ========= End Banner Section */

/* ========= Anim - Banner Section */
div.rotator { position: relative;  }
      div.navigation { position: absolute; z-index:100; top: 10px; right: 20px; }
      div.navigation div.current, div.navigation a { width: 8px; height: 3px; margin: 0 2px 0 ; float: left; overflow: hidden; }
      div.navigation a:hover { text-decoration: none; }
      div.navigation div.current { background: #0088CC; }
      div.navigation a { display: block; background: #ccc; }

/* ========= End Anim - Banner Section */
/* ========= Main Section */
#main {
    float:left;
    margin:3px 0 5px 0;
}
/* ========= Main Menu Section */
#main-menu {
    float:left;
}
#main-menu ul {
    padding:0 0 0 30px;
}
#main-menu ul li {
    float:left;
    margin:0 1px;
}
#main-menu ul li a {
    text-decoration:none;
    float:left;
}
#main-menu ul li a span {
    background:url(images/main-menu-left.png) no-repeat left;
    display:inline-block;
    height:32px;
}
#main-menu ul li a span span {
    background:url(images/main-menu-right.png) no-repeat right;
    display:inline-block;
    height:32px;
    margin:0 0 0 8px;
    padding:0 18px 0 10px;
    font-size:15px;
    font-family:"Trebuchet MS", Sans-serif;
    font-weight:bold;
    line-height:33px;
    color:#ffffff;
    text-transform:uppercase;
}
#main-menu ul li a.active span,
#main-menu ul li a:hover span {
    background:url(images/main-menu-active-left.png) no-repeat left;
}
#main-menu ul li a.active span span,
#main-menu ul li a:hover span span {
    background:url(images/main-menu-active-right.png) no-repeat right;
    color:#0088cc;
}
/* ========= End of Main Menu Section */


/* ========= Brochure section */
#brochure {
    float:right;
    margin-right:97px;
    padding:3px 0 0 3px;
}
/* ========= End of Brochure Section */


/* ========= Content Section */
#content {
    position:relative;
    overflow:hidden;
    float:left;
    width:940px;
}
#content .wrapper-a {
    width:940px;
    float:left;
}
#content .wrapper-b {
    width:940px;
    float:left;
}
/* Testimonials styling */
#testimonial-container {
    position:relative;

}

#testimonial-content {
    position:absolute;
}
#testimonial-content div {
    /*position:absolute;*/
}
#testimonial-content cite {
    margin:3px 0 0 0;
}
/* Sidebar stykes */
.sidebar .hor-divider {
    width:100%;
    height:2px;
    background:url(images/sidebar-hor-divider.png) repeat-x;
}


ul.bullet li,
a.bullet, ul.sub-bullet li,
a.sub-bullet, ul.active_bullet li, a.active_bullet, ul.active_sub-bullet li, a.active_sub-bullet{
    background:url(images/bullet.png) no-repeat 0px 5px;
    padding-left:18px;
    display:inline-block;
    text-align:left;

}
ul.sub-bullet li,
a.sub-bullet,
ul.active_sub-bullet li, a.active_sub-bullet{
     background:url(images/sub-bullet.png) no-repeat 0px 5px;
     margin-left:25px;
}

ul.bullet li {
    padding-bottom:15px;
}

a.bullet:hover, ul.active_bullet li, a.active_bullet {
    background:url(images/bullet_active.png) no-repeat 0px 5px;
}

a.sub-bullet:hover, ul.active_sub-bullet li, a.active_sub-bullet {
    background:url(images/sub-bullet_active.png) no-repeat 0px 5px;

}

ul.active_bullet li, a.active_bullet, ul.active_sub-bullet li, a.active_sub-bullet {
    color: #5f6469; 
}

/* Home Page specifil styles */
#content h2 {
    font-size:19px;
    margin:0 0 12px 0;
    font-family:"Trebuchet MS", Sans-serif;
}
#content.home {
    background:url(images/content-cup-home.png) no-repeat top;
    padding-top:15px;
}
#content.home .wrapper-a {
    background:url(images/content-foot-home.png) no-repeat bottom;
    padding-bottom:10px;
}
#content.home .wrapper-b {
    background:url(images/content-bg-home.png) repeat-y top;
}
#content.home .body {
    width:483px;
    padding:25px 45px;
    float:left;
}
#content.home h1 {
    font-size:28px;
    margin:0 0 15px 0;
}
#content.home .sidebar {
    width:285px;
    padding:0px 35px;
    float:right;
}
#content.home .body .hor-divider {
    background:url(images/content-hor-divider.png) repeat-x;
    width:100%;
    height:1px;
    margin:30px 0;
}
#content.home .body .column.left {
    float:left;
    padding:0 25px 0 0;
    width:215px;
}
#content.home .body .column.right {
    float:right;
    padding:0 0 0 30px;
    width:210px;
    background:url(images/content-body-right-col-bg.png) no-repeat left;
}
#content.home .sidebar .hor-divider {
    margin:30px 0;
}
.intro {
    font-size:15px;
}
.news-list .item {
    float:left;
    width:100%;
    margin-bottom:20px;
}
.news-list .item h3 {
    font-size:15px;
    font-weight:bold;
    margin:0 0 15px;
    padding-left:48px;
    margin-bottom:5px;
}
.news-list .item .date {
    float:left;
    width:33px;
    text-align:center;
}
.news-list .item .content {
}
.news-list .item .date .day {
    font-size:20px;
}
.news-list .item .date .month ,
.news-list .item .date .year {
    font-family:"Tahoma", Sans-serif;
    font-size:9px;
}
/* Interior page specific styles */
#content.interior {
    background:url(images/content-cup-interior.png) no-repeat top;
    padding-top:15px;
}
#content.interior .wrapper-a {
    background:url(images/content-foot-interior.png) no-repeat bottom;
    padding-bottom:10px;
}
#content.interior .wrapper-b {
    background:url(images/content-bg-interior.png) repeat-y top;
}
#content.interior .body {
    width:630px;
    padding:10px 30px;
    float:right;
}
#content.interior h1 {
    font-size:28px;
    margin:0 0 15px 0;
    background:url(images/header-bg.png) repeat-x bottom left;
    padding-left:10px;
}
#content.interior h2 {
    font-size:15px;
    padding-left:10px;
    margin-top:20px;
    font-weight:bold;
}
#content.interior .sidebar {
    float:left;
    padding:25px 20px 25px 30px;
    width:200px;
}
#content.interior .body .hor-divider {
    background:url(images/content-hor-divider.png) repeat-x;
    width:100%;
    height:1px;
    margin:30px 0;
}
#content.interior .sidebar .hor-divider {
    margin:5px 0;
}
#content.interior .sidebar a {
    font-weight:bold;
    text-decoration:none;
}
#content.interior ul {
    list-style-type:square;
    padding-left:30px;
    margin:10px 0px;
}
#content.interior ul li {
    margin:5px 0;
}
/* Contact page specific styles */
#content.contact {
    background:url(images/content-cup-contact.png) no-repeat top;
    padding-top:15px;
}
#content.contact .wrapper-a {
    background:url(images/content-foot-contact.png) no-repeat bottom;
    padding-bottom:10px;
}
#content.contact .wrapper-b {
    background:url(images/content-bg-contact.png) repeat-y top;
}
#content.contact .body {
    width:340px;
    padding:10px 30px;
    float:left;
}
#content.contact .body p {
    margin-left:10px;
}
#content.contact h1 {
    font-size:28px;
    margin:0 0 15px 0;
    background:url(images/header-bg.png) repeat-x bottom left;
    padding-left:10px;
}
#content.contact h2 {
    font-size:15px;
    padding-left:10px;
    margin-top:20px;
    font-weight:bold;
}
#content.contact .sidebar {
    float:right;
    padding:10px 35px 25px 30px;
    width:470px;
}
#content.contact .body .hor-divider {
    background:url(images/content-hor-divider.png) repeat-x;
    width:100%;
    height:1px;
    margin:20px 0;
}
#content.contact .sidebar .hor-divider {
    margin:5px 0;
}
#content.contact .sidebar a {
    font-weight:bold;
    text-decoration:none;
}
#content.contact ul {
    list-style-type:square;
    padding-left:30px;
    margin:10px 0px;
}
#content.contact ul li {
    margin:5px 0;
}
/* Contact form styles */
label {
    display:inline-block;
    width:95px;
}
.textfield {
    display:inline-block;
    width:335px;
}
label,
.textfield {
    margin-bottom:5px;
}
.textarea {
    width:435px;
}
div#contact-form-container {
    margin:20px 0;
}
/* ========= End of Content Section */

/* ========= Footer styles */
#footer * {
    color:#515861;
    margin-bottom: 20px;
}
#copyright {
    float:left;
    margin:10px 0 0px 40px;
}
#contact-info {
    float:right;
    margin:10px 40px 0px 0;
}
#contact-info li {
    float:left;
    margin-left:10px;
}
#contact-info li.separator {
    color:#90969c;
}
#contact-info a.skype {
    background:url(images/skype-gray.gif) no-repeat left;
    padding-left:20px;
}


.par
{
   margin: 10px 0px;
   overflow: hidden;
}

.par img
{
   width: 305px;
   margin: 10px 20px;
}

#devCycle p
{
   /*font-size: 14pt;	*/
}
/* ========= End of Main Section */