/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) repeat-x #4f4f54; font-family: Arial, Helvetica, sans-serif; }
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

#container{ position:relative;   padding:0px 0px 0px 0px; margin-top:10px; margin-left:auto; margin-right:auto; width:619px; }
#container2 { position:relative;   padding:0px 0px 0px 0px; margin-top:-10px; margin-left:auto; margin-right:auto; width:619px; }

:root #header img {  position:absolute; top:0px; left:330px; margin:-2px 0px 0px 0px;}

#header img {  position:absolute; top:0px; left:330px; margin:-10px 0px 0px 0px;}
 #logo {  width:327px; height:58px; margin:-10px 0px 0px 0px; padding:0px; background:url(../images/logo.gif) no-repeat #ffffff; }

#logo {  width:327px; height:63px; margin:-10px 0px 0px 0px; padding:0px; background:url(../images/logo.gif) no-repeat #ffffff; }
#header_port_area { text-align:center; position:relative; width:100%; height:270px; background:url(../images/header_port_area.jpg) no-repeat left;}
#main {  width:100%; margin:0px 0px 0px 0px; }
#coming_soon {position:relative; width:100%; height:270px; background:url(../images/coming_soon.gif) no-repeat left;}
#coming_soon2 {position:relative; width:100%; height:270px; background:url(../images/coming_soon2.gif) no-repeat left;}
#logo2 {  width:407px; height:49px; margin:284px 0px 0px 0px; padding:0px; background:url(../images/logo2.gif) no-repeat #ffffff; }
#lang_nav {margin:30px 0px 0px 0px;}
#cont {margin-right:auto; margin-left:auto; width:500px;}

.white {color:#ffffff;}

#content_main  { width:574px; background:url(../images/content.jpg) #47464B no-repeat;  margin:0px 0px 0px 0px; padding:40px 10px 0px 30px; float:right;  min-height:208px; height:auto !important;   height:208px;}
#content_main2  { width:574px; background:url(../images/content.jpg) #47464B no-repeat;  margin:0px 0px 0px 0px; padding:40px 10px 0px 30px; float:right;  min-height:208px; height:auto !important;   height:208px;}
.name {color:#ffffff; font-weight:bold; margin:-10px 0px 0px 0px;}
.company {font-style:italic; color:#ffffff;}
#colleft { width:262px; color:#FFC20E; font-size:11px; float:left; }
#colleft2 { width:266px; color:#FFC20E; font-size:11px; float:left; }
#colright2{ width:290px; color:#FFC20E; font-size:11px; float:right; margin:0px 10px 0px 0px; }
#colright{ width:262px; color:#FFC20E; font-size:11px; float:right; margin:0px 10px 0px 0px; }
#below_footer {position:relative;  margin:1px auto 0px auto; padding:0px; }
#below_footer p {color:#626267; margin-top:0px; padding:0px 0px 0px 43px; font-size:10px;}

#col3 { width:515px; color:#FFC20E; font-size:11px; float:left;  }

#col3 ul {color:#ffffff; }

#lang {width:80px; position:absolute; top:345px; left:-66px; text-align:center; font-size:14px; font-family: helvetica, arial;}
#lang a {color:#a3925a; text-decoration:none; text-align:center; margin:10px 0px 10px 0px;}
#lang p {margin:0px 0px 4px 0px;}
#flash_content {width:307px; float:left;}
.flash_area {margin:0px 0px 4px 0px;}
#footer { position:relative; width:615px; background:url(../images/footer.jpg) no-repeat center; height:52px; margin:0px 0px 0px 5px; padding:0px; }
.clear { clear:both; }
/*--------------------------------------gallery------------------------------------------------------*/
# content_gallery  { width:580px;  float:right;  margin:0px 10px 0px 0px; padding:0px; min-height:300px; height:auto !important;   height:300px;}
/*--------------------------------------news------------------------------------------------------*/
# content_news  { width:580px;  float:right;  margin:0px 10px 0px 0px; padding:0px; min-height:300px; height:auto !important;    height:300px;}


a.rollover {text-decoration:none;}
a:hover.rollover {text-decoration:none;}
/*------------------------------------ nav-----------------------------------------------------------*/
#nav { width:100%; height:42px; position:relative; z-index:10; background:url(../images/nav_area.jpg) no-repeat center; margin:0px 0px 0px 3px; padding:0px 0px 0px 0px; text-align:right; }
#nav a { margin:0px 0px 1px 0px;  color:#ffffff; float:left; font-weight:normal; font-size:11px;}
#nav a:hover {}
#nav p{margin:0px 0px 0px 75px;}
html>body #sub_nav { width:599px; height:26px;  position:absolute;  z-index:12; left:-38px; top:364px; background:url(../images/sub_nav.jpg)  no-repeat left;  margin:0px 0px -50px 50px; padding:0px 0px 0px 0px; text-align:right; }
:root #sub_nav { width:599px; height:26px;  position:absolute;  z-index:12; left:-38px; top:373px; background:url(../images/sub_nav.jpg)  no-repeat left ;  margin:0px 0px -50px 50px; padding:0px 0px 0px 0px; text-align:right; }
*html #sub_nav { width:599px; height:26px;  position:absolute;  z-index:12; left:-38px; top:363px; background:url(../images/sub_nav.jpg)  no-repeat left;  margin:0px 0px -50px 50px; padding:0px 0px 0px 0px; text-align:right; }
#sub_nav { width:599px; height:26px;  position:absolute;  z-index:12; left:-38px; top:373px; background:url(../images/sub_nav.jpg)  no-repeat left ;  margin:0px 0px -50px 50px; padding:0px 0px 0px 0px; text-align:right; }

*html #sub_nav a { margin:0px -4px 1px -1px; padding:0px; z-index:1;  color:#ffffff;  font-weight:normal; font-size:11px;}
#sub_nav a img {margin:0px; padding:0px;}
 #sub_nav a { text-align:right; margin:0px 0px 2px -4px; padding:0px;  color:#ffffff;  font-weight:normal; font-size:11px;}

#yellow_list {color:#E8B501;}
#yellow_list li {color:#E8B501;}
#yellow_list li a {color:#E8B501;}
#yellow_list li a:hover {color:#ffffff; text-decoration:none;}

#sub_nav a:hover {}
#sub_nav p{margin:0px 0px 0px 0px;}
.bord_right {border-right:3px solid #ffffff;}

/*------------------------------------- General Text & Colours & backgrounds---------------------------------------*/



h1{ font-size:20px; background:url(../images/h1_ico.jpg) no-repeat #ff6319; height:43px; color:#ffffff; font-weight:normal; margin:10px 0px 10px 0px; padding:16px 0px 0px 40px; }
h2{ color:#ffffff; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3{ color:#999999; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4{ color:#CCCCCC; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

ul {  }
li {  }

a { color:#ffffff; text-decoration:none;  }
a:hover { color:#E8B501; text-decoration:underline; }

p { font-size:11px; margin:9px 0px 9px 0px; padding:0px 0px 0px 0px; font-family:Helvetica,Arial; }
#footer p { font-size:11px; color:#ffffff; font-family:Helvetica,Arial;  margin:0px 0px 0px 0px; position:absolute; bottom:18px; letter-spacing:1; left:40px; font-size:11px;}
#footer a {margin:0px; color:#ffffff; padding:0px; font-family:Helvetica,Arial; }
#footer a:hover {color:#caab4b;  text-decoration:none;}
*html.jcarousel-control {
 text-align:left;
margin:0px 0px 0px 0px;
width:500px;
}
.jcarousel-control {
margin:10px 0px -10px -50px;
float:right:
clear:both;
width:490px;
}
.jcarousel-control p img {
margin:0px 0px 0px 70px;
display:block;
vertical-align:35%;
}
.jcarousel-control img
{
vertical-align:30%;
}

body:last-child:not(:root:root) .jcarousel-control img
{
vertical-align:80%;
}

.jcarousel-control a {
    font-size: 12px;
    text-decoration: none;
	position:relative;
    padding: 0px 7px 0px 7px;
    margin: 0px 0px 0px 0px;
    color: #eee;
width:140px;
display:inline;
height:10px;
    background:url(../images/a.gif) no-repeat;
    font-weight: bold;
}

*html .jcarousel-control a {
    font-size: 12px;
    text-decoration: none;
    padding: 0px 6px 0px 6px;
    margin: 0px 0px 0px 0px;
    color: #eee;
width:140px;
display:inline;
position:relative;
z-index:5;
    background:url(../images/a.gif) no-repeat;
    font-weight: bold;
}

*html .jcarousel-control a:hover {
    text-decoration: none;
    color: #F0F6F9;
    width:140px;
    height:1px;
    background:url(../images/hover.gif)  no-repeat ;
    font-weight: bold;
position:relative;
}



.jcarousel-control a:hover {
   
    text-decoration: 
    color: #F0F6F9;

    background:url(../images/hover.gif) no-repeat;
    font-weight: bold;
position:relative;
}





.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

.jcarousel-scroll {
    margin-top: 10px;
    text-align: center;
}

.jcarousel-scroll form {
    margin: 0;
    padding: 0;
}

.jcarousel-scroll select {
    font-size: 75%;
}

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    margin-bottom: -0px;
    text-decoration: underline;
    font-size: 11px;
}
.jcarousel-control p {margin:15px 0px 0px 0px;}