/* everything is constructed with a single background image */

body {
background-image:url(../images/metal55.jpg);
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#d0d0d0;
padding:0px;
margin:0px;
overflow: hidden;
}


a {color:#B2D5E7; text-decoration:underline;}
a:visited {color:#64A9CB}
a:hover {color: #64A9CB; text-decoration:underline;}
a:active { color:#ffffff;}

h2 {
font-size: 11px;
text-transform:uppercase;
border-bottom:1px dotted #707070;
width: 540px;
padding:0px 0px;
margin:0px;
font-size:20px;
font-family:Calibri; }


#container {
float: left;
width: 1024px;
height:100%;
margin-bottom: 0px;
margin-left: 18%;
margin-right: auto;
margin-top: 0;
background-color: transparent;
overflow:hidden;

}

/* ----------banner for logo-------------- */
#banner {
position:relative;
background-color: transparent;
padding: 0px;
margin-top: 1%;
margin-bottom: 3%;
margin-left: -8px;
height: 100%;
}

#banner img {padding:0px 0px;}


/* -----------footer--------------------------- */

#footer {
   background-color:#111111;
   background: rgba(17,17, 17, 0.9);
   position:absolute;
   bottom:0px;
   margin-bottom:0px;
   padding:0 0 0 0;
   left:0;
   width:100%;
   height:80px;   /* Height of the footer */

     }



#footer-box {
width:900px;
bottom: 10px;
margin-left: 13%;
margin-right: auto;
padding:0px;
text-align:left;
height: 100%;
color:#666666;

}



/* root element for tabs */
#flowtabs {

	/* dimensions */
	width:900px;
	/*height:31px !important;*/
	/*margin:0 !important;*/
	padding:0;
    float: left;
    height:100%;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: auto;
    margin-top: -1%;
    background-color: transparent;


   	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li {
	float:left;
	margin:0;
	padding:0;
	text-indent:0;
	list-style-type:none;
    height: 15px;
}

/* a- tag inside single tab */
#flowtabs li a {
	/*background: url(/tools/img/tabs/blue_panes.jpg) no-repeat;  */
   /*background-color: #0000ff;   */
	display:block;
    height: 3px;
	width: auto;
	padding-bottom: 12px;
    padding-left: 10px;
    padding-right:10px;
	margin-left:10px;
    margin-right:10px;

	/* font decoration */
	color:#999999;
	font-size:10px;
    font-weight: bold;
	line-height:20px;
	text-align:center;
	text-decoration:none;
    border: solid 1px transparent;
    outline: none;

}

/* adjust the background image position on each tab
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -189px 0; }
#flowtabs #t3 			{ background-position: -378px 0; }
#flowtabs #t4 			{ background-position: -567px 0; width:192px;}
*/
/* mouseover state */
#flowtabs a:hover 		{ color:#fff;}

/*
#flowtabs #t1:hover 	{ background-position:      0 -33px; }
#flowtabs #t2:hover 	{ background-position: -189px -33px; }
#flowtabs #t3:hover 	{ background-position: -378px -33px; }
#flowtabs #t4:hover 	{ background-position: -567px -33px; }
*/

/* currently selected tabs */
#flowtabs a.current		{
      cursor:default;
      color:#fff;
      border-left: solid 1px #fff;
	  border-right: solid 1px #fff ;
      }
/*
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }
*/

/* panes */
#flowpanes {
	/*background: url(/tools/img/tabs/blue_panes.jpg) no-repeat 0 -100px;*/
    background: transparent;
    float: left;
	width:900px;
	height:580px;
    margin-left: 0;
    margin-right: auto;


}


/* single pane */
#flowpanes div {
	display:none;
	color:#fff;
	margin:20px 5px;

}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:18px;
}

#flowpanes a {
	color:#cc9;
	font-size:11px;
}

#flowpanes p, #flowpanes samp {
	color:#ccc;
}

#flowpanes .narrow {
	padding-right:160px;
}


/*contact box*/


#contact-area {
	width: 550px;
	margin-top: 55px;
	margin-left: 0px;


}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 300px;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	color:#FFFFCC;
	margin: 0px 0px 3px 0px;
	border: 0px solid #ccc;
	background-color:#000000;
	filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

#contact-area textarea {
	height: 120px;
	overflow:hidden;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 0px solid #900;
	background-color:#6699CC;
	color:#000;
	overflow:hidden;
}

#contact-area input.submit-button {
	width: 100px;
	float: left;
	margin-left:115px;
}

label {
	float: left;
	text-align: right;
	margin-right: 5px;
	width: 100px;
	padding-top: 5px;
	font-size: 0.8em;
}


#contactleft {
	float: left;
	width: 200px;
	padding: 0px;
	margin-top: 10px;
	margin-left: 0px;
	height: auto;
	text-align:left;
	background-color:#222222;


}


#contactleft dd { width: auto;  margin-left:-45px; text-align:left; padding: 5px; font-size: 0.8em; }
#contactleft dt { float:left; width: auto; }
#contactleft dl { width:100%; float:left;}

#contactleft img { text-align: left; float:left; margin-right:4px; margin-top:1px; padding: 5px;}

#content2 {
background-color: transparent;
padding: 0px;
margin-left: 30%;
margin-right: 0px;
margin-top: 1%;
}

#left2 {
position:relative;
float: left;
width: 100px;
margin: 0px;
padding: 0px;
margin-top: 10px;

}

#container3 {
width: 900px;
float: left;
height:80%;
margin-bottom: 0px;
margin-left: 1%;
margin-right: auto;
margin-top: 1%;
background-color: transparent;
overflow:hidden;


}