@charset "UTF-8";
/* CSS Document */

body {
background:#000 url(../images/bg_body.jpg) top left no-repeat;
font-family:Arial;
font-size:12px;
color:#fff;
}

#logo {
width:143px;
height:50px;
float:left;
margin-top:45px;
text-indent:-5000px;
background:url(../images/homelogo.gif) no-repeat;
}
#logo a {
	display:block;
	width:183px;
	height:50px;
}
#navContainer {
font-family:Arial, Helvetica, sans-serif;
float:left;
height:165px;
margin:45px 0 0 10px;
width:250px;
}

#wrapper {
width:500px;
float:left;
margin:45px 0 0 20px;
}

#wrapper img {
border:#959ca1 solid 3px;
margin-bottom:10px;
}

h1 {
font-size:1.8em;
margin-bottom:20px;
}

h2{
font-size:1.3em;
line-height:1.4em;
margin-bottom:20px;
}

h3 {
font-size:1.083em;
color:#959ca1;
margin-bottom:5px;
}

h4{
margin-bottom:5px;
border-top:#333 solid 1px;
padding-top:15px;
font-size:1.3em;
color:#959ca1;
}


/*begin homne page*/
#caption {
width:500px;
float:left;
margin:45px 0 0 50px;
}

#hsflash {
clear:left;
width:100%;
height:260px;
}

#news {
clear:both;
background-color:rgba(0,0,0,0.5);
height:30px;
margin-bottom:1px;
}

.barTitle {
padding:10px 0 0 20px;
float:left;
font-size:0.90em;
font-weight:bold;
width:80px;
color:#ced2d4;
}

.barContent {
float:left;
margin-top:10px;
color:#ced2d4;
font-size:0.90em;
}

#contact {
clear:both;
background-color:rgba(8,10,13,0.5);
height:30px;
}
/*end of home page*/


/*begin inside page*/
#wrapper .context {
float:left;
xxmargin-right:20px;
width:230px;
}

#wrapper p {
margin-bottom:25px;
line-height:17px;
}

#wrapper .context ul li {
margin:0 0 5px 20px;
line-height:17px;
list-style:disc;
}

#wrapper .contright {
clear:right;
width:230px;
float:right;
margin-right:3px;
}

#wrapper .contright ul li {
margin:0 0 5px 20px;
line-height:17px;
list-style:disc;
}

#navigate {
clear:both;
width:230px;
margin:20px 0 30px 0;
float:left;
}

#navigate img{
border:0;
opacity:0.2;
filter:alpha(opacity=20);
}
/* end of inside page */


/*case study list*/
#alphaList {
	text-align:center;
	margin-bottom:30px;
}
.alpha {
  float:left;
  font-weight:bold;
  width:20px;
  text-align:center;
  padding:4px;
}
.alphaSelected {
	color:#fff;
}

#casestudylist img{
margin:0 5px 5px 0;
border:0;
}

#supplierlist{
 clear:both;
 height:300px;
}

#supplierlist img{
border:0;
position: relative; 
top: 24%;
}

#supplierlist .supplier{
width:158px;
height:50px; 
float:left;
text-align:center;
margin:2px;
background-color:#FFFFFF;
}

.tab2{
float:left;
padding:20px 5px 15px 5px;
width:90px;
margin:0 5px 5px 0;
background:#000;
}

.tab1{
clear:both;
background:#000;
padding:20px 5px 15px 5px;
width:195px;
}
/*end of case study list*/


/*contact page*/
#feedform fieldset{
border:none;
}

#feedform label{
font-weight:bold;
color:#959ca1;
}

#feedform input, #feedform textarea {
border:1px solid #999;
background:none;
font-size:0.9em;
color:#fff;
padding:2px;
}

#feedform input {
height:18px; width:200px;
border:0;
border:#999 solid 1px;
}

#feedform textarea {
	font-family:Arial, Helvetica, sans-serif;
	width:200px;
}

#feedform dt{
margin-top:5px;
width:70px;
height:25px;
display:block;
}

#feedform dd {
width:160px;
}

/*end of contact page*/

a {
	color:#999;
}
a:hover {
	color:#fff;
}

/* begin footer */

#footer{
clear:both;
height:50px;
font-size:0.9em;
color:#d3cdcd;
border-top:#3b4b54 solid 1px;
padding-top:20px;
/*opacity:0.2;
filter:alpha(opacity=20);*/
}

#footer ul, #footer li {
display:inline;
padding:10px;
}

#footer a{
color:#d3cdcd;
}

/*#footer a:hover{
opacity:0.6;
filter:alpha(opacity=60);
}*/

/* end of footer*/

.clear {
	clear:both;
}