@charset "utf-8";
/* CSS Document */
body
{
/*background-color:#F7F7F7;*/
background-color:#000000;
margin:0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#949694;

}
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em;}
h2 { font-size: 2em;  }
h3 { font-size: 1.5em;}
h4 { font-size: 1.2em; color:#A00307; }
h5 { font-size: 1em;  }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }


blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

/*-----------main  part of the website---------------*/
#wrapper-center
{
margin:0 auto;
width:1024px;
height:auto;
}

#wrapper
{
width:1024px;
height:auto;
float:left;
}

/*logo design*/
#logo
{
width:950px;
margin:0 auto;
height:40px;
}
.logo-left
{
width: 200px;
float:left;
height:30px;
padding-top:10px;
}

.logo-right
{
padding-top:10px;
float:right;
width:350px;
height:30px;
font-size:11px;
}

#envelope
{
background:url(/images/bg1.jpg) repeat-y;
height:auto;
width:1024px;
float:left;
/*margin-top:50px;*/
}
/*------------menu-------------*/
#menu
{
background:url(/images/bg-menu.jpg) repeat-x 0 0;
width:942px;
padding-left:20px;
height:30px;
margin-left: auto;
margin-right:auto;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
cursor: pointer;
}
.menu
{
color:#808080;
text-align:center;
}
.menu-hover
{
color:#EF1820;
z-index:1000;
cursor: pointer;
text-align:center;
}
#catDynMenuSub2324
{
margin-left:40px;
}
#catDynMenuSub2326
{
margin-left:50px;
}
#catDynMenuSub2333
{
margin-left:50px;
}
#catDynMenuSub2336
{
margin-left:50px;
}
#catDynMenuSub2337
{
margin-left:50px;
}
#catDynMenuSub155013
{
margin-left:50px;
}
/*---this is for horizontal menu------------
.submenu
{
background: url(/images/bg-n.png) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#808080;
cursor:pointer;
padding-top:2px;
padding-right:2px;
padding-left:2px;
}
.submenu-hover
{
background: url(/images/bg-n.png) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
padding-top:2px;
padding-bottom:2px;
cursor: pointer;
padding-right:2px;
padding-left:2px;

}
.submenu-end
{
background: url(/images/bg-n.png) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#808080;
padding-top:2px;
padding-bottom:2px;
cursor: pointer;
padding-right:2px;
padding-left:2px;

border-right:1px solid #CCCCCC;
}
.submenu-hover-end
{
background: url(/images/bg-n.png) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
padding-top:2px;
padding-bottom:2px;
cursor: pointer;
padding-right:2px;
padding-left:2px;
border-right:1px solid #CCCCCC;

}*/
/*this is for vertical menu------------*/
.submenu
{
background: url(/images/talaveras-1.png) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
cursor:pointer;
padding-top:2px;
padding-bottom:2px;
padding-right:2px;
padding-left:5px;
text-align:left;

}
.submenu-hover
{
background: url(/images/talaveras-1r.png) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
color:#FFFFFF;
padding-top:2px;
padding-bottom:2px;
padding-right:2px;
padding-left:5px;
cursor: pointer;
text-align:left;
}
/*--------------left side menu--------------*/

/*----------------main part---------------*/
#convert-main
{
width:964px;
padding-bottom:12px;
height:auto;
margin-left: auto;
margin-right:auto;
}
#convert
{
width:940px;
padding:12px;
height:auto;
margin-left: auto;
margin-right:auto;
}
/*-----------------------banner--------------*/
#banner
{
width:964px;
height:301;
margin-bottom:10px;
float:left;
}
/*-----------content-------------*/
#content
{
width:940px;
}

/*-------------------pictures---------*/
#pics
{
width:964px;
height:150px;
margin-left:auto;
margin-right:auto;
font-family: Arial, Helvetica, sans-serif;
}
/*--------------picture of the oil company---------*/
.pics1
{
width:180px;
margin-right:8px;
background:url(/images/energy-company.jpg) no-repeat;
float:left;
}
.pics2
{
width:180px;
margin-right:8px;
background: url(/images/power-company.jpg) no-repeat;
float:left;
}
.pics3
{
width:180px;
float:left;
background: url(/images/constraction-company.jpg) no-repeat;
}

.pics4
{
width:347px;
margin-right:8px;
margin-left:15px;
float:left;

}
/*the div with red bg*/
.redbg
{
width:180px;
/*background-color:#E9212E;*/
background-color:#D5D5D5;
height:20px;
margin-top:120px;
}
.redbg-text
{
color:#000000;
font-size:11px;
text-align:center;
padding-top:2px;
font-weight:bold;
}
.redbg-top
{
width:180px;
background-color:#E9212E;
height:20px;
margin-top:0px;
}
.annauncment
{
width:170px;
margin-top:20px;
padding-left:5px;
padding-right:5px;
}
/*-----------------footer-------------*/
#footer-wrapper
{
height:auto;
width:964px;
margin-left:auto;
margin-right:auto;
}
#footer 
{
width:964px;
background:url(/images/footer1.jpg) no-repeat top;
height:auto;
float:left;
font-size:10px;

}
.footer-left  a, a:link, a: visited, a:hover, a: active 
{
color:#FFFFFF;
}
a.footer-left:links
{
color:#FFFFFF;
}
a.footer-left:hover
{
color:#FFFFFF;
}
a.footer-left:visited
{
color:#FFFFFF;
}
.footer-left
{
float:right;
padding-top:10px;
height:10px;
text-align:right;
width:250px;
cursor: pointer;
color:#FFFFFF;
}

.footer-right
{
float:right;
padding-top:10px;
height:10px;
width:250px;
cursor: pointer;
}
.bot-items
{
font-size:10px;
color: #808080;
text-decoration:none;
cursor: pointer;
}
.bot-items-hover
{
font-size:10px;
color: #808080;
text-decoration:underline;
cursor: pointer;
}
/*---------------------menu at the top------------*/

#top-menu
{
width:120px;
font-size:11px;
color: #808080;
float:left;
margin-right:10px;
margin-top:5px;
heigh:20px;
text-align:right;
}
.top-items
{
font-size:10px;
color: #808080;
text-decoration:none;
float:left;
width:60px;
height:20px;
cursor: pointer;
}
.top-items-hover
{
font-size:10px;
color: #808080;
text-decoration:underline;
float:left;
width:60px;
height:20px;
cursor: pointer;
}
/*-----------------searchbox-----------*/
.searchbox
{
float:right;
width:180px;
height:25px;
}
/*breadcrumbsssss
#breadcrumbs
{
height:10px;
padding-top:3px;
padding-left:5px;
font-size:11px;
color:#999999;
}
#breadcrumbs a:link, a:visited
{
height:10px;
padding-top:3px;
font-size:11px;
color:#999999;
}*/
.bottom-links a:visited, a:active
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#000000;
cursor: pointer;
}
.bottom-links a, a:link
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#000000;
cursor: pointer;
}

.bottom-links a:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#000000;
}

a.bottom-links:visited
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#000000;
cursor: pointer;
}