/* ======================================= */
/* ======================================= */


/* Ship Masters CSS */

.related_item{
padding:4px;
background-color: #e6ffda;
width:374px;
}

.related_item_event{
padding:4px;
background-color: #fff6dc;
width:374px;
}


body#news #main-contain #innerspace #main-content #col-2 #news-item-container .related_item h4 {

color:#318002;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
}

body#news #main-contain #innerspace #main-content #col-2 #news-item-container .related_item_event p a, body#news #main-contain #innerspace #main-content #col-2 #news-item-container .related_item p a {

color:#3DA003;

}


body#news #main-contain #innerspace #main-content #col-2 #news-item-container .related_item_event p a:hover, body#news #main-contain #innerspace #main-content #col-2 #news-item-container .related_item_event p a:hover {

color:#7CB278;

}


/* ======================================= */
/* ======================================= */

/* body selectors */

body{
position:relative;
background-repeat:repeat-x;
background-color:#E6E6E6;
margin:0;
padding:0;
font-family:Verdana, Helvetica, arial, sans-serif;
background-image:url(images/footer.gif);
background-repeat:repeat-x;

background-position:bottom;

}

/* end of body selectors */

/* ======================================= */
/* ======================================= */


/* start main contain */

#main-contain{
position:relative;
width:870px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
padding:0 0 0 0;
background-image:url(images/main-contain-mid.jpg);
background-repeat:repeat-y;
}

/* end of main contain */

/* start of contain divs */

#innerspace{
position:relative;
width:804px;
height:auto;
margin:0 33px 0px 33px;
padding:0 0 0 0;
}

body#front #main-contain-top,
body#news #main-contain-top,
body#links #main-contain-top,
body#contact #main-contain-top,
body#rendering #main-contain-top,
body#environment #main-contain-top,
body#products #main-contain-top,
body#tallow #main-contain-top,
body#article #main-contain-top{
position:relative;
width:870px;
height:33px;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/main-contain-top.jpg);
background-repeat:no-repeat;
}

#main-contain-foot{
position:relative;
width:840px;
height:40px;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/main-contain-foot.jpg);
background-repeat:no-repeat;
}

/* end of main contain divs */

/* ======================================= */
/* ======================================= */

body#front #main-contain #innerspace #top-bar{
position:relative;
width:804px;
height:220px;
margin:0 0 8px 0;
padding:0 0 0 0;
background-color:#00CCFF;
z-index:21;
}



/* ======================================= */
/* ======================================= */

/* start of h1 */

body#front #main-contain #innerspace h1{
position:absolute;
width:804px;
height:220px;
top:0;
left:0;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/h1-top-bar.jpg);
background-repeat:no-repeat;
z-index:1;
text-indent:-9999px;
}

/* end of h1 */


/* start of word bar */

#main-contain #innerspace #word-bar{
position:relative;
width:804px;
height:60px;
margin:0 0 8px 0;
padding:0 0 0 0;
font-family:verdana, Arial, Helvetica, sans-serif;
font-size:20px;
text-align:right;
color:#FFFFFF;
background-image:url(images/title-banner.gif);
background-repeat:no-repeat;
z-index:20;
}

/* end of end of word-bar */

/* ======================================= */
/* ======================================= */

/* start of the navigator */

#main-contain #the-navigator{
position:absolute;
width:174px;
height:256px;
top: 8px;
left: 8px;
background-image:url(images/nav-bar-0.gif);
background-repeat:no-repeat;
z-index:10;
text-indent:-9999px;
}

#main-contain #the-navigator ul{
width:174px;
height:256px;
margin:0 0 0 0;
padding:0 0 0 0;
list-style-type:none;
}

/* home */

.home a{
position:absolute;
width:170px;
height:25px;
top:15px;
left:2px;
background-image:url(images/nav-bar-0.gif);
background-position:-2px -15px;
}
body#front .home a{
position:absolute;
width:170px;
height:25px;
top:15px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -15px;
}
.home a:hover{
position:absolute;
width:170px;
height:25px;
top:15px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -15px;
}

/* news */

.news a{
position:absolute;
width:170px;
height:25px;
top:40px;
left:2px;
background-image:url(images/nav-bar-0.gif);
background-position:-2px -40px;
}
body#news .news a{
position:absolute;
width:170px;
height:25px;
top:40px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -40px;
}
.news a:hover{
position:absolute;
width:170px;
height:25px;
top:40px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -40px;
}

/* the ukra */

.the-ukra a{
position:absolute;
width:170px;
height:25px;
top:65px;
left:2px;
background-image:url(images/nav-bar-0.gif);
background-position:-2px -65px;
}

body#article .the-ukra a{
position:absolute;
width:170px;
height:25px;
top:65px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -65px;
}
.the-ukra a:hover{
position:absolute;
width:170px;
height:25px;
top:65px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -65px;
}

/* rendering */

.rendering a{
position:absolute;
width:170px;
height:25px;
top:90px;
left:2px;
background-image:url(images/nav-bar-0.gif);
background-position:-2px -90px;
}
body#rendering .rendering a{
position:absolute;
width:170px;
height:25px;
top:90px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -90px;
}
.rendering a:hover{
position:absolute;
width:170px;
height:25px;
top:90px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -90px;
}

/* environment */

.environment a{
position:absolute;
width:170px;
height:25px;
top:115px;
left:2px;
background-image:url(images/nav-bar-0.gif);
background-position:-2px -115px;
}

body#environment .environment a{
position:absolute;
width:170px;
height:25px;
top:115px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -115px;
}
.environment a:hover{
position:absolute;
width:170px;
height:25px;
top:115px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -115px;
}

/* products */

.products a{
position:absolute;
width:170px;
height:25px;
top:140px;
left:2px;
background-image:url(images/nav-bar-0.gif);
background-position:-2px -140px;
}
body#products .products a{
position:absolute;
width:170px;
height:25px;
top:140px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -140px;
}
.products a:hover{
position:absolute;
width:170px;
height:25px;
top:140px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -140px;
}

/* tallow */

.tallow a{
position:absolute;
width:170px;
height:25px;
top:165px;
left:2px;
background-image:url(images/nav-bar-0.gif);
background-position:-2px -165px;
}
body#tallow .tallow a{
position:absolute;
width:170px;
height:25px;
top:165px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -165px;
}
.tallow a:hover{
position:absolute;
width:170px;
height:25px;
top:165px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -165px;
}

/* links */

.links a{
position:absolute;
width:170px;
height:25px;
top:190px;
left:2px;
background-image:url(images/nav-bar-0.gif);
background-position:-2px -190px;
}
body#links .links a{
position:absolute;
width:170px;
height:25px;
top:190px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -190px;
}
.links a:hover{
position:absolute;
width:170px;
height:25px;
top:190px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -190px;
}

/* press */


.press a{
position:absolute;
width:170px;
height:25px;
top:215px;
left:2px;
background-image:url(images/nav-bar-0.gif);
background-position:-2px -215px;
}
body#contact .press a{
position:absolute;
width:170px;
height:25px;
top:215px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -215px;
}
.press a:hover{
position:absolute;
width:170px;
height:25px;
top:215px;
left:2px;
background-image:url(images/nav-bar-hover.gif);
background-position:-2px -215px;
}

/* end of the navigator */

/* ======================================= */
/* ======================================= */

/* start of the features tab */

#main-contain #innerspace #feat-bar{
position:relative;
width:804px;
height:200px;
margin:0 0 0 0;
padding:0 0 0 0;

}

#main-contain #innerspace #feat-bar ul{
width:820px;
height:200px;
margin:0 0 0 0;
padding:0 0 0 0;
list-style-type:none;
}

#main-contain #innerspace #feat-bar li{
position:relative;
float:left;
width:195px;
height:200px;
margin:0 8px 0 0;
padding:0 0 0 0;
background-color:#FFCC33;
}


.feat-1,
.feat-2,
.feat-3{
margin:0 0 0 0;
padding:0 0 0 0;
}

.login{
position:relative;
display:block;
width:195px;
height:200px;
top:0;
left:0;
background-image:url(images/member-login-box.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
padding:0 0 0 0;
}

.login h2{
position:absolute;
width:166px;
height:54px;
top:15px;
left:15px;
background-image:url(images/ukra-member-logo.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
padding:0 0 0 0;
text-indent:-9999px;
}

.former{
margin:5px 0 5px 0;
padding:0 0 0 0;
}

.login form{
width:160px;
padding-top:70px;
margin:0 0 0 14px;
}

input.member{
width: 160px;
height: 20px;
border: 1px solid #8D8D8D;
color: 606060;
position: relative;
background-color: white;
font-size: 10px;
margin:0 0 0 0;
padding: 1px 0 1px 5px;
}

input.rightsubmit{
width: 60px;
height: 20px;
border: 1px solid #8D8D8D;
color: 606060;
margin:0 0 0 0;
padding:0 0 0 0;
}

body#front .feat-1 h2 a{
position:absolute;
width:195px;
height:200px;
top:0;
left:0;
background-image:url(images/feature-1.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
margin:0 0 0 0;
padding:0 0 0 0;
}


body#front .feat-2 h2 a{
position:absolute;
width:195px;
height:200px;
top:0;
left:0;
background-image:url(images/feature-2.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
margin:0 0 0 0;
padding:0 0 0 0;
}

body#front .feat-3 h2 a{
position:absolute;
width:195px;
height:200px;
top:0;
left:0;
background-image:url(images/feature-3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
margin:0 0 0 0;
padding:0 0 0 0;
}


/* ======================================= */
/* ======================================= */


/* generics */

.clearfloat{
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#999999;
margin:0 0 0 0;
padding:16px 0 8px 9px;
}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#999999;
}

h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
}

p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
}

a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF9900;
}

a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}

.horizon{
width:587px;
height:20px;
background-image:url(images/horizontal-stripe.gif);
margin:0 8px 0px 8px;
padding: 0;
overflow: hidden;
}

hr{
display:block;
clear:left;
margin: -0.66em 0;
visibility:hidden;
}

/* ======================================= */
/* ======================================= */

/* start of the main content */

body#front #main-contain #innerspace #main-content{
position:relative;
width:804px;
height:400px;
margin:8px 0 0 0;
padding:0 0 16px 0;
}

/* col 1 */

/* front */
body#front #main-contain #innerspace #main-content #col-1{
position:relative;
float:left;
width:398px;
height:408px;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/home-col-1-back.png);

background-repeat:no-repeat;
}


/* col 2 */

body#front #main-contain #innerspace #main-content #col-2{
position:relative;
float:right;
width:398px;
height:408px;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:none;
}
body#front #main-contain #innerspace #main-content #col-2 #the-ukra{
position:relative;
width:398px;
height:200px;
margin:0 0 8px 0;
padding:0 0 0 0;
background-image:none;
}
body#front #main-contain #innerspace #main-content #col-2 #rss{
position:relative;
width:384px;
height:200px;
margin:0 0 0 0;
padding:7px 7px 7px 7px;
background-image:url(images/home-col-2-back.gif);
background-repeat:no-repeat;
}


/* ======================================= */
/* ======================================= */

/* front page news filter */

body#front #main-contain #innerspace #main-content #col-1 #news-container{
position:relative;
margin:0 0 0 0;
padding:0 0 0 0;
}

body#front #main-contain #innerspace #main-content #col-1 #news-container h2{
position:relative;
margin:16px 0 8px 9px;
padding:0 0 0 0;
}

body#front #main-contain #innerspace #main-content #col-1 #news-container ul{
position:relative;
margin:0 0 0 0;
padding:7px 7px 7px 7px;
list-style-type:none;
}

body#front #main-contain #innerspace #main-content #col-1 #news-container li{
position:relative;
width:376px;
height:94px;
margin:0 0 10px 0;
padding:4px 3px 3px 4px;
background-image:url(images/news-box-green.gif);
background-repeat:no-repeat;
}

body#front #main-contain #innerspace #main-content #col-1 #news-container img{
position:relative;
display:inline;
float:left;
width:94px;
height:92px;
margin: 0 7px 0 0;
padding:0 0 0 0;
}

body#front #main-contain #innerspace #main-content #col-1 #news-container .news-right{
position:relative;
width:270px;
heigth:90px;
margin: 3px 0px 3px 104px;
padding:0 0 0 0;
}

body#front #main-contain #innerspace #main-content #col-1 #news-container h3{
position:relative;
width:253px;
margin: 0 0 0 0;
padding:2px 4px 2px 0;
}

body#front #main-contain #innerspace #main-content #col-1 #news-container .news-link a{
font-size:14px;
color:#999999;
text-decoration:none;
border-bottom:solid 1px #999999;
}


body#front #main-contain #innerspace #main-content #col-1 #news-container .news-link a:hover{
font-size:14px;
color:#FF9900;
text-decoration:none;
border-bottom:solid 1px #FF9900;
}

body#front #main-contain #innerspace #main-content #col-1 #news-container p{
position:relative;
margin: 7px 7px 0 0px;
padding:0 0 0 0;

}

/*FARHAN EDIT 28/11/07*/
body#front #main-contain #innerspace #main-content #col-1 #news-container p a{
font-size:11px;
}



/* front page RSS filter */

body#front #main-contain #innerspace #main-content #col-2 #rss h2{
background-image:url(images/rss.gif);
background-repeat:no-repeat;
margin:16px 0 8px 0;
padding:7px 0 6px 40px;
}

body#front #main-contain #innerspace #main-content #col-2 #rss ul{
width:376px;
list-style-type:none;
margin:6px 0 0 0;
padding:0 0 0 0;
}

body#front #main-contain #innerspace #main-content #col-2 #rss li{
position:relative;
display:block;
width:376px;
height:20px;
}

.rss-dater{
float:left;
width:106px;
margin:5px 5px 2px 0;
border-right:1px solid;
}


/* front page The UKRA */

body#front #main-contain #innerspace #main-content #col-2 #the-ukra h2{
position:relative;
padding-left:0;
}

body#front #main-contain #innerspace #main-content #col-2 #the-ukra p{
font-size:12px;
}

/* ======================================= */
/* ======================================= */

/* footer */

#footer{
position:relative;
width:100%;
height:200px;
margin:0 0 0 0;
padding:0 0 0 0;



}

#foot-links{
width:800px;
height:100px;
margin-top:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
}

#footer ul{
position:relative;
margin:0 0 14px 0;
padding:15px 0 0 0;
}

#footer li{
position:relative;
display:inline;
margin:0 20px 0 0;
padding:0 0 0 0;
}

#footer a{
color:#FFFFFF;
text-decoration:none;
}

#footer p img{
border:0px;
}

#footer a:hover{
color:#FFFFFF;
text-decoration:underline;
}

#footer h2{
color:#FFFFFF;
height:20px;
margin:0 0 0 0;
padding:6px 0 8px 45px;
background-image:url(images/rss-blue.gif);
background-repeat:no-repeat;
}







/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */






/* alternative layout */




/* ======================================= */
/* ======================================= */

#main-contain #innerspace #top-bar{
position:relative;
width:804px;
height:110px;
margin:0 0 8px 0;
padding:0 0 0 0;
background-color:#00CCFF;
z-index:21;
}


/* ======================================= */
/* ======================================= */

/* start of h1 */

#main-contain #innerspace h1{
position:absolute;
width:804px;
height:110px;
top:0;
left:0;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/h1-top-bar.jpg);
background-repeat:no-repeat;
z-index:1;
text-indent:-9999px;
}

/* end of h1 */

/* ======================================= */
/* ======================================= */

/* start of the main content */

#main-contain #innerspace #main-content{
position:relative;
width:804px;
height:auto;
margin:8px 0 0 0;
padding:0 0 16px 0;
}



/* col 1 */

#main-contain #innerspace #main-content #col-1{
position:relative;
float:left;
width:170px;
height:408px;
margin:100px 21px 23px 0;
padding:0 0 0 10px;
}



/* col 2 */

#main-contain #innerspace #main-content #col-2{
position:relative;
float:left;
width:398px;
height:auto;
margin:18px 0 15px 0;
padding:0 0 0 0;
background-image:url(images/news-news-box-mid.gif);
background-repeat:repeat-y;
}



/* ======================================= */
/* ======================================= */
/* ======================================= */

/* article column */

#main-contain #innerspace #main-content #article-col{
position:relative;
float:left;
width:603px;
height:auto;
margin:16px 0 15px 0;
padding:84px 0 0 0;
background-image:url(images/article-col-bg.gif);
background-repeat:repeat-y;
}

#main-contain #innerspace #main-content #article-col h2{
position:absolute;
width:603px;
height:60px;
top:0;
left:0;
margin:0 0 0 0;
padding:0 0 0 0;
text-indent:-9999px;
}

#main-contain #innerspace #main-content #article-col h3{
width:auto;
margin: 14px 8px 16px 8px;
font-family: Verdana, Gill Sans MT;
font-weight: bold;
font-size: 14px;
padding:0 386px 8px 0;
border-bottom: 1px solid #BDD83C;
}

#main-contain #innerspace #main-content #article-col .article-img{

  border: 1px solid #BDD83C;
  width: 178px;
  padding: 3px;
  margin: 0 0 0 8px;
}


#main-contain #innerspace #main-content #article-col p{
  margin: 8px 8px 8px 0;
  width: 330px;
}
#main-contain #innerspace #main-content #article-col #box-x p{
  margin: 8px 8px 8px 8px;
  width: 552px;
}
#list-selector3{
  padding: 0;
  margin: 0;
  height: auto;
}


#main-contain #innerspace #main-content #article-col .widepara p{
  margin: 8px 8px 8px 8px;
  width: 545px;
}



#main-contain #innerspace #main-content #article-col p.intro{
  margin: 8px 8px 14px 8px;
  width: 550px;
  font-size: 12px;
  color: #999;
}

#main-contain #innerspace #main-content #article-col #box1,
#main-contain #innerspace #main-content #article-col #box-2.
#main-contain #innerspace #main-content #article-col #box3,
#main-contain #innerspace #main-content #article-col #box4,
#main-contain #innerspace #main-content #article-col #box5,
#main-contain #innerspace #main-content #article-col #box6,
#main-contain #innerspace #main-content #article-col #box7{
  margin: 8px 8px 14px 8px;
  width: 550px;
  
  color: #999;
}




#main-contain #innerspace #main-content #article-col #box-1,
#main-contain #innerspace #main-content #article-col #box-2,
#main-contain #innerspace #main-content #article-col #box-0,
#main-contain #innerspace #main-content #article-col #box-3,
#main-contain #innerspace #main-content #article-col #box-4,
#main-contain #innerspace #main-content #article-col #box-5,
#main-contain #innerspace #main-content #article-col #box-6,
#main-contain #innerspace #main-content #article-col #box-7,
#main-contain #innerspace #main-content #article-col #box-8,
#main-contain #innerspace #main-content #article-col #box-9,
#main-contain #innerspace #main-content #article-col #box-10,
#main-contain #innerspace #main-content #article-col #box-11,
#main-contain #innerspace #main-content #article-col #box-x{

background-image:url(images/problem-strip.gif);
background-position:center;
border:1px solid #BDD83C;
margin:8px 8px 8px 8px;
padding:8px 8px 10px 8px;


}


#main-contain #innerspace #main-content #article-col ul{
  font-size: 11px;
  color: #999;
  margin: 8px 8px 8px 8px;
  width: 280px;
  list-style-type: disc;
  position: relative;
  padding: 0;
}

#main-contain #innerspace #main-content #article-col #box-2 ul,
#main-contain #innerspace #main-content #article-col #box-0 ul,
#main-contain #innerspace #main-content #article-col .serviceslist ul{
	list-style-type:none;
  font-size: 12px;
  color:#666666;
  margin: 12px 8px 20px 40px;
  width: 500px;
	position: relative;
  padding: 0;

}

#main-contain #innerspace #main-content #article-col .list-selector3 ul{
	list-style-type:none;
  font-size: 12px;
  color:#666666;
  margin: 12px 8px 20px 40px;
  width: 500px;
	position: relative;
  padding: 0;

}
 
#main-contain #innerspace #main-content #article-col .list-selector2 ul{
	list-style-type:none;
  font-size: 12px;
  color:#666666;
  margin: 12px 8px 20px 20px;
  width: 270px;
  position: relative;
  padding: 0;
}

#main-contain #innerspace #main-content #article-col .list-selector4 ul{
	list-style-type:none;
  font-size: 12px;
  color:#666666;
  margin: 12px 8px 20px 40px;
  width: 250px;
  position: relative;
  padding: 0;
}


#main-contain #innerspace #main-content #article-col #box-2 li,
#main-contain #innerspace #main-content #article-col #box-0 li,
#main-contain #innerspace #main-content #article-col .serviceslist li{
background-image:url(images/verticle-stripe.gif);
background-repeat:repeat-y;
padding:7px 4px 7px 20px;
margin:0 0 14px 0;
font-size:11px;
border: 1px solid #BDD83C;

}

#main-contain #innerspace #main-content #article-col #box-2 li,
#main-contain #innerspace #main-content #article-col #box-0 li,
#main-contain #innerspace #main-content #article-col .list-selector2 li{
background-image:url(images/verticle-stripe.gif);
background-repeat:repeat-y;
padding:7px 4px 7px 20px;
margin:0 0 14px 0;
font-size:11px;
border: 1px solid #BDD83C;
}
  
#main-contain #innerspace #main-content #article-col ul li{
margin-top: 8px;
position: relative;
}

#main-contain #innerspace #main-content #article-col #main-img{
width: 579px;
height: 176px;
border: 1px solid #BDD83C;
padding: 3px;
margin: 0px 8px 16px 8px;
overflow: hidden;
}

#main-contain #innerspace #main-content #article-col .main-img-map{
width: 579px;
height: auto;
border: 1px solid #BDD83C;
padding: 3px;
margin: 0px 8px 16px 8px;
overflow: hidden;
}

#main-contain #innerspace #main-content #article-col #main-img img{
  padding: 0;
  margin: 0;
}

#main-contain #innerspace #main-content #article-col h2.environment{
background-image:url(images/article-col-environment.gif);
}

#main-contain #innerspace #main-content #article-col h2.energy{
background-image:url(images/energy-item-top.gif);
}

#main-contain #innerspace #main-content #article-col h2.about-us{
background-image:url(images/article-col-about-h2.gif);
}

#main-contain #innerspace #main-content #article-col h2.rendering{
background-image:url(images/article-col-rendering-h2.gif);
}

#main-contain #innerspace #main-content #article-col h2.products{
background-image:url(images/article-col-products.gif);
}

#main-contain #innerspace #main-content #article-col h2.services{
background-image:url(images/article-col-services-h2.gif);
}


#main-contain #innerspace #main-content #article-col #article-col-foot{
  width: 603px;
  height: 24px;
  background-image: url(images/article-col-foot.jpg);
}

#main-contain #innerspace #main-content #article-col #jump-table{
margin:24px 0 24px 0;
}


#main-contain #innerspace #main-content #article-col #jump-table table{
width:587px;
height:auto;
border: 1px solid #BDD83C;
margin:8px 8px 30px 8px;
padding:0 0 0 0;
border-collapse:collapse;
}

#main-contain #innerspace #main-content #article-col #jump-table caption{
font-size:14px;
font-weight:bold;
color:#33CCFF;
}

#main-contain #innerspace #main-content #article-col #jump-table td{
text-align:center;
border-right: 1px solid #BDD83C;
padding:6px;
}

#main-contain #innerspace #main-content #article-col #jump-table th{
padding:6px;
}

#main-contain #innerspace #main-content #article-col .prod-left{
width:194px;
height:auto;
float:left;
}

#main-contain #innerspace #main-content #article-col .prod-right{
width:300px;
height:auto;

margin:0 0 0 220px;
}


.tablhead{
border-bottom: 1px solid #BDD83C;
}

.tablright{
border-right: 1px solid #BDD83C;
}

#main-contain #innerspace #main-content #article-col #jump-table a{
font-size:14px;
}


/* rendering menu */
 
#main-contain #innerspace #article-col #menners{
position:relative;
width:550px;
height:auto;
margin:0 0 24px 0;
padding:0 0 0 0;
}

#main-contain #innerspace #article-col #menners a{
font-size:16px;
}

#main-contain #innerspace #article-col #menners ul{
width:580px;
height:auto;
margin:0 0 24px 8px;
padding:0 0 24px 0;
list-style-type:none;
}

#main-contain #innerspace #article-col #menners li{
position:relative;
float:left;
width:118px;
height:200px;
margin:0 8px 0 0;
padding:4px 4px 4px 4px;
border:1px solid #FF6600;
list-style-type:none;
font-size:18px;
}

#main-contain #innerspace #article-col #menners img{
position:absolute;
width:118px;
height:118px;
bottom:4px;
left:4px;
margin:8px 0 0 0;
}

.menners-1,
.menners-2,
.menners-3,
.menners-4{
margin:0 0 0 0;
padding:0 0 0 0;
}

/* ======================================= */
/* ======================================= */
/* ======================================= */





/* col 3 */

#main-contain #innerspace #main-content #col-3{
position:relative;
float:right;
width:195px;
height:auto;
margin:18px 0 0 6px;
padding:0 0 0 0;
background-image:url(images/news-events-box-mid.gif);
background-repeat:repeat-y;
}



/* news and events page events filter */


body#news #main-contain #innerspace #main-content #col-2 h2{
position:absolute;
width:398px;
height:60px;
top:0;
left:0;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/news-news-box-top.gif);
text-indent:-9999px;
}

#main-contain #innerspace #main-content #col-3 #events-container{
width:187px;
position:relative;
margin:0 0 0 0;
padding:76px 0 0 8px;
}

#main-contain #innerspace #main-content #col-3 #events-container h2{
position:absolute;
width:195px;
height:60px;
top:0;
left:0;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/news-events-box-top.gif);
text-indent:-9999px;
}

#main-contain #innerspace #main-content #col-3 #news-events-foot{
position:relative;
width:195px;
height:19px;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/news-events-box-footer.gif);
background-repeat:no-repeat;
}

#main-contain #innerspace #main-content #col-3 #events-container ul{
display:block;
list-style-type:none;
width:180px;
height:auto;
margin-left:0;
padding:0 0 10px 0;
margin-bottom:14px;
border-bottom:#BDD83C solid 1px;
}

#main-contain #innerspace #main-content #col-3 #events-container li{
display:block;
width:180px;
height:auto;
margin:0 0 7px 0;
padding:0 0 0 0;
line-height:13px;
}

.event-dater{
float:left;
width:32px;
margin:0 7px 0 0;
border-right:1px solid;
}


body#news #main-contain #innerspace #main-content #col-3 #events-container .event-right{
position:relative;
width:130px;
heigth:auto;
margin: 0 0 0 40px;
padding:0 0 0 0;
}

body#news #main-contain #innerspace #main-content #col-3 #events-container .event-right p{
position:relative;
width:130px;
height:auto;
margin: 0 0 0 0;
padding:0 0 0 0;
}

body#news #main-contain #innerspace #main-content #col-3 #events-container .event-right a{
position:relative;
margin: 0 0 0 0;
padding:0 0 0 0;
}

body#front #main-contain #innerspace #main-content #col-2 #rss li{
position:relative;
display:block;
width:376px;
height:20px;
}


/* ======================================= */
/* ======================================= */


/* news and events page news filter */

body#news #main-contain #innerspace #main-content #col-2 #news-container{
position:relative;
margin:0 0 0 0;
padding:76px 0 0 0;
}


body#news #main-contain #innerspace #main-content #col-2 #news-container ul{
position:relative;
margin:0 0 0 1px;
padding:7px 7px 7px 7px;
list-style-type:none;
}

body#news #main-contain #innerspace #main-content #col-2 #news-container li.nextier{
height:30px;
background-image:none;
}

body#news #main-contain #innerspace #main-content #col-2 #news-container li{
position:relative;
width:376px;
height:94px;
margin:0 0 10px 0;
padding:4px 3px 3px 4px;
background-image:url(images/news-box-green.gif);
background-repeat:no-repeat;
}




.end{
height:30px;
}

body#news #main-contain #innerspace #main-content #col-2 #news-container img{
position:relative;
display:inline;
float:left;
width:94px;
height:92px;
margin: 0 7px 0 0;
padding:0 0 0 0;
}

body#news #main-contain #innerspace #main-content #col-2 #news-container .news-right{
position:relative;
width:256px;
heigth:90px;
margin: 3px 7px 3px 104px;
padding:0 0 0 0;
}

body#news #main-contain #innerspace #main-content #col-2 #news-container h3{
position:relative;
width:253px;
margin: 0 0 0 0;
padding:2px 4px 2px 0;
}

body#news #main-contain #innerspace #main-content #col-2 #news-container .news-link a{
font-size:14px;
color:#999999;
text-decoration:none;
border-bottom:solid 1px #999999;
}


body#news #main-contain #innerspace #main-content #col-2 #news-container .news-link a:hover{
font-size:14px;
color:#FF9900;
text-decoration:none;
border-bottom:solid 1px #FF9900;
}

body#news #main-contain #innerspace #main-content #col-2 #news-container p{
position:relative;
margin: 7px 7px 0 0px;
padding:0 0 0 0;
}

body#news #main-contain #innerspace #main-content #col-2 #news-container #news-news-foot{
position:relative;
width:398px;
height:19px;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/news-news-box-footer.gif);
background-repeat:no-repeat;
}

/* archive */


body#news #main-contain #innerspace #main-content #col-2 h2.archive{
position:absolute;
width:398px;
height:60px;
top:0;
left:0;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/archive-item-top.gif);
text-indent:-9999px;
}




/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */



/* others features bar */

#main-contain #innerspace #main-content #col-1 .login{
position:relative;
display:block;
width:170px;
height:200px;
background-image:url(images/news-events-login.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
padding:0 0 0 0;
}

#main-contain #innerspace #main-content #col-1 .login h2{
position:absolute;
width:170px;
height:54px;
top:0px;
left:0px;
background-image:url(images/news-events-login.gif);
background-position:0 0;
background-repeat:no-repeat;
margin:0 0 0 0;
padding:0 0 0 0;
text-indent:-9999px;
}

#main-contain #innerspace #main-content #col-1 .former{
margin:5px 0 5px 0;
padding:0 0 0 0;
}

#main-contain #innerspace #main-content #col-1 .login form{
width:150px;
padding-top:70px;
margin:0 0 0 11px;
}

#main-contain #innerspace #main-content #col-1 input.member{
width: 140px;
height: 20px;
border: 1px solid #8D8D8D;
color: 606060;
position: relative;
background-color: white;
font-size: 10px;
margin:0 0 0 0;
padding: 1px 0 1px 5px;
}

#main-contain #innerspace #main-content #col-1 input.rightsubmit{
width: 60px;
height: 20px;
border: 1px solid #8D8D8D;
color: 606060;
margin:0 0 0 0;
padding:0 0 0 0;
}

#main-contain #innerspace #main-content #col-1 .feat-1 h2,
#main-contain #innerspace #main-content #col-1 .feat-2 h2,
#main-contain #innerspace #main-content #col-1 .feat-3 h2
{
position:relative;
width:160px;
height:66px;
background-image:url(images/news-events-feat-box.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
padding:5px 5px 5px 5px;
font-size:14px;
color:#999999;
}

#main-contain #innerspace #main-content #col-1 a{
font-size:14px;
color:#999999;
text-decoration:none;
border-bottom:solid 1px #999999;

padding:0 0 0 0;
}

#main-contain #innerspace #main-content #col-1 a:hover{
font-size:14px;
color:#FF9900;
text-decoration:none;
border-bottom:solid 1px #FF9900;
padding:0 0 0 0;
}

#main-contain #innerspace #main-content #col-1 ul{
width:170px;
list-style-type:none;
padding:0 0 0 0;
margin:0 0 0 0;
}

#main-contain #innerspace #main-content #col-1 li{
width:170px;
margin:0 0 8px 0;
padding:0 0 0 0;
}

#main-contain #innerspace #main-content #col-1 .feat-1, #main-contain #innerspace #main-content #col-1 .feat-2,  #main-contain #innerspace #main-content #col-1 .feat-3{
position:relative;
width:170px;
}




/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* ======================================= */



/* news item -- event item */

body#news #main-contain #innerspace #main-content #col-2 #news-item-container{
position:relative;
margin:0 0 0 0;
padding:76px 0 20px 0;
}

.padder{
padding:0 8px 0 8px;
margin:0 0 0 0;
}

body#news #main-contain #innerspace #main-content #col-2 #news-item-container img{
position:relative;
margin: 8px 0 8px 0;
padding:0 0 0 0;
}

body#news #main-contain #innerspace #main-content #col-2 #news-item-container h3{
position:relative;
width:382px;
margin: 10px 0 0 0;
padding:2px 0 10px 0;
border-bottom:#BDD83C solid 1px;
}

body#news #main-contain #innerspace #main-content #col-2 #news-item-container h4{
position:relative;
width:382px;
margin: 8px 0 8px 0;
padding:0 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF9900;
}

body#news #main-contain #innerspace #main-content #col-2 #news-item-container .news-link a{
font-size:14px;
color:#999999;
text-decoration:none;
border-bottom:solid 1px #999999;
}


body#news #main-contain #innerspace #main-content #col-2 #news-item-container .news-link a:hover{
font-size:14px;
color:#FF9900;
text-decoration:none;
border-bottom:solid 1px #FF9900;
}

body#news #main-contain #innerspace #main-content #col-2 #news-item-container p{
position:relative;
margin: 12px 7px 15px 0px;
padding:0 0 0 0;
}

body#news #main-contain #innerspace #main-content #col-2  #news-news-foot{
position:relative;
width:398px;
height:19px;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/news-news-box-footer.gif);
background-repeat:no-repeat;
}

body#news #main-contain #innerspace #main-content #col-2 h2.eventer{
position:absolute;
width:398px;
height:60px;
top:0;
left:0;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/event-item-top.gif);
text-indent:-9999px;
}


/* ======================================= */



/* other news */



#main-contain #innerspace #main-content #col-3 #other-news-container{
width:195px;
position:relative;
margin:0 0 0 0;
padding:12px 0 0 0;
border-top:solid 1px #B3B3B3;
}

#main-contain #innerspace #main-content #col-3 #other-news-container h2{
position:relative;
width:150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#999999;
margin:0 0 0 0;
padding:12px 0 8px 0;
}

#main-contain #innerspace #main-content #col-3 #news-events-foot{
position:relative;
width:195px;
height:19px;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/news-events-box-footer.gif);
background-repeat:no-repeat;
}

#main-contain #innerspace #main-content #col-3 #other-news-container ul{
list-style-type:none;
width:170px;
height:auto;
margin-left:0;
padding:0 0 0 0;
}

#main-contain #innerspace #main-content #col-3 #other-news-container li{
display:block;
width:170px;
height:auto;
margin:0 0 10px 0;
padding:0 0 16px 0;
border-bottom:1px dotted #CCCCCC;
}

.other-news{
width:170px;
margin:5px 7px 0px 0;

}


body#front #main-contain #innerspace #main-content #col-2 #rss li{
position:relative;
display:block;
width:376px;
height:20px;
}




/* ======================================= */

/* links */

body#links #main-contain #innerspace #main-content #col-2 #links-container{
position:relative;
margin:0 0 0 0;
padding:76px 0 20px 0;
}

body#links #main-contain #innerspace #main-content #col-2 h2{
position:absolute;
width:398px;
height:60px;
top:0;
left:0;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/links-box-top.gif);
text-indent:-9999px;
}

body#links #main-contain #innerspace #main-content #col-2 #links-container h3{
position:relative;
width:376px;
margin: 10px 0 10px 0;
padding:6px 0 10px 6px;
background-image:url(images/links-h3-box.gif);
background-repeat:no-repeat;
}

body#links #main-contain #innerspace #main-content #col-2 #links-container ul{
list-style-type:none;
margin:0 0 20px 30px;
padding:0 0 0 0;
}

body#links #main-contain #innerspace #main-content #col-2 #links-container li{
list-style-type:none;
margin:0 0 9px 0;
padding:3px 0 7px 35px;
background-image:url(images/bullit.gif);
background-repeat:no-repeat;
}

body#links #main-contain #innerspace #main-content #col-2  #links-container-foot{
position:relative;
width:398px;
height:19px;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/news-news-box-footer.gif);
background-repeat:no-repeat;
}


/* ======================================= */

/* contact */

body#contact #main-contain #innerspace #main-content #col-2 #contact-container{
position:relative;
margin:0 0 0 0;
padding:76px 0 20px 0;
}

body#contact #main-contain #innerspace #main-content #col-2 h2{
position:absolute;
width:398px;
height:60px;
top:0;
left:0;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/contact-box-top.gif);
text-indent:-9999px;
}

body#contact #main-contain #innerspace #main-content #col-2 #contact-container h3{
position:relative;
width:376px;
margin: 10px 0 10px 0;
padding:6px 0 10px 0;
}


body#contact #main-contain #innerspace #main-content #col-2  #contact-container-foot{
position:relative;
width:398px;
height:19px;
margin:0 0 0 0;
padding:0 0 0 0;
background-image:url(images/news-news-box-footer.gif);
background-repeat:no-repeat;
}

input.contact{
width: 134px;
height: 15px;
border: 1px solid #333333;
color:#333333;
position: absolute;
top:0;
right:20px;
background-color: white;
font-size: 10px;
padding: 1px 5px 1px 5px;
}

.contact-area{
position:relative;
height:100px;
color:#333333;
padding:0 0 0 0;
margin:0 0 0 0;
}

#contact-container textarea{
position: absolute;
width: 134px;
height: 100px;
border: 1px solid #333333;
color:#333333;
top:0;
right:20px;
background-color: white;
padding: 1px 5px 1px 5px;
}

#contact-container input{
  position: absolute;
  top:0;
  right: 20px;
  border: 1px solid #333333;
  color:#333333;
  background-color: #fff;
}

#form-container p{
width:385px;
position:relative;
padding:2px 0 2px 0;
color:#333333;
}

a.backtotop{
  text-decoration: none;
  color: #BDD83C;
}
a.backtotop:hover{
  text-decoration: none;
  color: #57B6DD;
}


#main-contain #innerspace #main-content #article-col .introbox p{
  width: 552px;
  margin: 8px 8px 8px 8px;
    font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  color: #57B6DD;
}

#main-contain #innerspace #main-content #article-col .box-2 p{
  width: 552px;
  margin: 8px 8px 8px 8px;
    font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  color: #57B6DD;
}

.prod-left h4.caption{
  border: 1px solid rgb(202, 224, 99);
  margin: 16px 0pt 8px 8px;
  padding: 8px;
  color: #57B6DD;
  width: 168px;
  font-size: 10px;
  font-weight: bold;
  line-height: 15px;
}