/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

/**************** Body and tag styles ****************/
*{
	margin:0;
	padding:0;
}

body{
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
color:#303030;
background:#e8eaec;
}

a{
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{
	padding:0 0 1.6em 0;
	line-height: 1.5em;
}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

/**************** Header and navigation styles ****************/

#container{
width:779px;
margin:20px auto;
padding:1px 1px 1px 1px;
text-align:left;
background:#ffffff;
color:#303030;
border:2px solid #a0a0a0;
}

#header{
height:310px;
width:778px;
height:310px;
margin:0 1px 1px 1px;
background:url(../images/top.jpg);
color:#ffffff;
}


#header h1{
padding:35px 0 0 20px;
font-size:2.4em;
background-color:inherit;
color:#ffffff;
letter-spacing:-2px;
font-weight:normal;
}

#header h2{
margin:10px 0 0 40px;
font-size:1.4em;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal;
}


.spacer{
height:120px;
width:500px;
border:0px;
text-decoration:none;
border:0px;
}
/**************** Content styles ****************/

#content{
width:779px;
/*background: url(body_bg.jpg);*/
background-color:#e6eae4;
font-size:0.9em;
color:#686454;

}

#content h2{
	display:block;
	margin:10px 0 16px 16px;
	font-size:1.4em;
	font-weight:normal;
	letter-spacing:-1px;
	color:#505050;
	background-color:inherit;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#content table{
text-align:center;
padding:10px 10px 10px 10px;
border:4px double #F8FDF6;
}
#content td{
padding:0px 10px 0px 10px;
text-align:center;
height:20px;
border:1px solid #E6EAE4;
}

#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

/**************** Sidebar styles ****************/

#subcontent{
	float:right;
	width:268px;

/*border-right:1px solid #c0c0c0;*/


	background-color:#d3dccf;
	font-size:0.8em;
	font-weight:bold;
	color: #686454;
	line-height:1.6em;
	text-align:justify;
	background-image: url(career_%20bg.png);
}

#subcontent h2{
display:block;
margin:0 0 15px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#career{
float:left;
width:225px;
margin:0 10px auto;
background-color:#efefda;
}
#subcontent p{margin:0 0 16px 0; font-size:0.9em;}

/**************** Menublock styles ****************/

.menublock{margin:0 0 20px 8px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:10px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/

#foot{
clear:both;
text-align:center;
width:779px;
border-top:2px double #000033;
padding:5px 0;
margin:0 1px;
font-size:0.9em;
color:#D8E1F1;
background:#2b4b81;
}

#foot p{padding:0; margin:0; text-align:center;}
#foot a{color:#D8E1F1; background-color:inherit; font-weight:normal;}
#foot a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}
/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:48%;}

.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}


#man {
	background: bottom left url(pic_2.jpg) no-repeat;
	
	
}
#profile {
float:right;
width:612px;

 background-color:#FFFFFF;
 	
	
}
#prof_box{
width:612px;
margin-top:20px;

}
#prof_top{
background:top url(top1.jpg) no-repeat;
width:612px;
hight:35px;
}


#profile content{

width:612px;
background-color:#eeeeef;
font-size:0.9em;
}


/* Center Column News Box */

.newsbox {
	margin-bottom: 5px;
	width: 542px;
	background: url('images/newsbox_bg.jpg') repeat-y; 
	text-align:justify;
}

.newsbox_header {
	padding: 19px 10px 5px;
	background: url('images/newsbox_bg_top.jpg') no-repeat 0% 0%;
	height: 22px;
}

.newsbox_header h2 {
	padding-left: 20px;
	width: 330px;
	float: left;
	font-size: 10px;
	font-weight: bold;
}

.newsbox_header strong {
	float: right;
}

.newsbox_content {
	padding: 0px 10px 20px;
	background: url('images/newsbox_bg_bot.jpg') no-repeat 0% 100%;
	line-height: 14px;
}

.newsbox_comments a {
	text-decoration: none;
}

.newsbox_comments a:hover {
	color: #959595;
	background-color: inherit;
}


#primarycontent
{
	position: relative;
	width: 779px;
	background-color: #E6EAE4;
}

#primarycontent h3
{
	position: relative;
	top: 4px;
	font-size: 18px;
	line-height: 25px;
	color: #1E3970;
	letter-spacing: -1px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#primarycontent .content
{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
}

#primarycontent .post
{
margin-bottom: 30px;
}

#primarycontent .post .header
{
position: relative;
}



#primarycontent .post .content
{
margin-bottom: 0px;
}

#primarycontent .post .footer
{
position: relative;
background:url(../images/a33.gif) repeat-x;
height: 64px;
}

#primarycontent .post .footer ul
{
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}

#primarycontent .post .footer ul li
{
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

#primarycontent .post .footer ul li.printerfriendly
{
background-image: url('images/a41.gif');
}

#primarycontent .post .footer ul li.comments
{
background-image: url('images/a36.gif');
}

#primarycontent .post .footer ul li.readmore
{
background-image: url('images/a38.gif');
}


#contentheader
{
position: absolute;
background: #FF7800 url('images/a8.gif') repeat-x;
width: 202px;
height: 92px;
color: #fff;
padding-left: 0px;
}

#contentheader span
{
font-weight: normal;
}

#contentheader h1
{
position: absolute;
font-size: 23px;
letter-spacing: -1px;
top: 30px;
height: 92px;
}

#contentheader h2
{
position: absolute;
font-size: 10px;
font-weight: normal;
color: #FCE2CA;
top: 51px;
}

#contentheader sup
{
color: #FCE2CA;
}


#primarycontent .post .footer
{
position: relative;
background:url(../images/a33.gif) repeat-x;
height: 50px;
}

#primarycontent .post .footer ul
{
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}

#primarycontent .post .footer ul li
{
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

#primarycontent .post .footer ul li.printerfriendly
{
background-image: url('images/a41.gif');
}

#primarycontent .post .footer ul li.comments
{
background-image: url('images/a36.gif');
}

#primarycontent .post .footer ul li.readmore
{
background-image: url('images/a38.gif');
}

#footer
{
position: relative;
clear: both;
text-align: center;
line-height: 66px;
color: #A8A88D;
}

#footer a
{
color: #8C8C73;
}

#animation
{
	margin-top:47px;
	float: right;

}
#rightcontent
{
	float: right;
	width: 229px;
}#container #content #rightcontent img {
	padding-right: 0px;
	float: left;
}
#left_nav {
	text-align:center;
	padding-top: 10px;
	height: 25px;
	background-image: url(../images/menubar_bg.png);
	width: 779px;
	border: 1px solid #BCCAB7;
	

}
#left_nav li{ display:inline;
list-style:none;


}


.lst {
font-size:0.9em;
width:135px;
}
.nav_tabl {
	background:#D3DCCF;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.more {
	text-align: right;
}
#career{
float:left;
width:225px;
margin:0 10px auto;
background-color:#efefda;
}

.career_list {
	width:205px;
	height:300px;
	margin-left:1px;
	overflow:auto;

}
.career_list  ul {
	  margin:0;
	  padding:12px 15px 0 15px;
	  list-style:none;
}
.career_list li {
      display:inline;
      margin:0;
      padding:0;
}
.email{
float:right;
margin-right:20px;
}
#container #content .email a {
	font-weight: bold;
	color: #2B4B81;
	font-size: .9em;
	text-decoration: none;
}

/*************** job search **************/

.job_serach {
width:204px; 

 margin-left:25px;
 background-color:#EFEFDA;
}
.tbl_align {

}
.lst {
font-size:0.9em;
width:135px;
}

.tbl_align th {
height:30px;
}

/*************** User Login **************/


.lgn {
font-size:0.9em;

width:120px;
}
.job_search_img {
	width:265px;
	height:26px;

background:top left url(jb_srh bottom.png);
	background-position:center;
	background-image: url(jb_srh_bottom.png);
}
.usr_1g{
	width:265px;
	height:31px;
	background-position:center;
	background-image: url(../images/user_top%202.png);
 
}
.usr_1g_btm{
width:265px;
height:14px;
background:top left url(user_bottom.png);
background-position:center;
 
}


#subcontent p{margin:0 0 16px 0; font-size:0.9em;}
#centr_pic {
	width:400px;
	padding-left: 230px;
	padding-top: 40px;
	border: solid 1 px  #D3DCCF;

}
.centr_img { 
margin-right:20px;

}
.centr_txt {
	margin-left:100px;

}
#right_img{ 
float:right;
margin-left:15px;
margin-bottom:10px;
 border: double  5px #D3DCCF ;


 
}
.left_img{ 
float:left;
 margin-bottom:10px; border: solid 1px #D3DCCF;
}
.right_img_align { margin-left:15px;
margin-bottom:15px;

}

#img_row { 
float:right;
margin-right:20px; 
/*margin-top:30px;*/
}
#logo_pic h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-stretch:expanded;
	font-weight:bold;
	padding:0px;
	margin-top:40px;
	margin-left:154px;
	text-decoration:none;
	color:#1F3A6F;
	}
#bar{
	background-image:url(../images/bar1.jpg);
	background-repeat:no-repeat;
	border:none;	
	width:392px;
	height:3px;
	text-decoration:none;
	margin-left:124px;
	margin-top:6px;
}
#pic_block{
	background-image:url(../images/pic_block.jpg);
	background-repeat:no-repeat;
	border:none;	
	width:438px;
	height:97px;
	text-decoration:none;
	margin-left:150px;
	margin-top:20px;
}
#logo_pic{
	float:left;
	padding:0px;
	margin-left:45px;
	background-image:url(../images/logo_epcar.jpg);
	background-repeat:no-repeat;
	height:202px;
	margin-top:30px;
	text-decoration:none;
	border:none;
}
#top_pic1{
	background-image:url(../images/top_pic1.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	border:0px;
	width:242px;
	height:202px;
	margin-left:124px;
	padding:0px;
}
#top_pic2{
float:right;
	background-image:url(../images/top_pic2.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	border:0px;
	width:226px;
	height:202px;
	margin-right:84px;
	padding:0px 0px 0px 0px;
}
.top_img2{
	float:right;
	border:none;
	padding:0px;
	margin-right:0px;
	text-decoration:none;
}
#temp_div1{
	float:right;
	background-repeat:no-repeat;
	text-decoration:none;
	border:0px;
	width:26px;
	height:202px;
	margin-right:20px;
	padding:0px 0px 0px 0px;
}

.tbl_lst { 
margin-left:45px; 
margin-top:20px; margin-bottom:20px;
border: 1px solid #a0a0a0; 
}
#page_up {
	width:40px;
	height:25px; float:right;
	margin-top:200px;
	position: fixed;

}
#forms{
	float:left;
	width: 450px;
	
	
}
#forms_2{
float:left;
width:250px;
margin-left:50px;
}
#alkhor_button{
width:93px;
height:29px;
float:right;
margin-right:20px;}
#button{
width:163px;
height:42px;
float:right;
margin-right:20px;
}
#steel_cont{
padding-left:30px;
padding-right:20px;
text-align:justify;

}
#color{
background-color:#E6EAE4;
height:200px;}
#content_text{
width:750px;
padding-left:30px;
padding-top:30px;}