@media only screen and (max-width :500px)  {.fb-follow{float:left; width:50px;} .packages2{ width:90% !important;}
 #wrapper {   width: 100%;    margin: auto;    position: relative;} 
#masthead{background-color:#ccc;background: #cdc9ca; /* Old browsers */
background: -moz-linear-gradient(top, #cdc9ca 24%, #232323 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cdc9ca 24%,#232323 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cdc9ca 24%,#232323 100%); height:99px;color:#FFF;float:left;clear:right;overflow:hidden;}
#masthead2{width:70%;height:99px;float:left;position:relative;}
#banner{width:70%;float:left;position:relative;height:99px;overflow:hidden;}
#logo{position:relative;display:inline;width:30%;height:99px;float:left;}


#col1 {    width: 100%;height: auto;  float: left;clear: left;text-align: left; clear:both;}



#content {    width: 100%;    height: auto;}
.split2 {  width: 100%;padding: 0 8px 0 8px; float: left; position: relative; height: 80px;background: rgba(255, 255, 255, 0.3); border-radius: 10px;}
.split {  width: 100%; padding: 0 8px 0 8px; float: left; position: relative; margin: 20px 0px 10px 10px;height: 280px;  background: rgba(255, 255, 255, 0.3); border-radius: 10px;}


#col3,#col3 a, a:link, a:hover, a:visited { color:#AA0000;}
.heading {    display: block; width: 100%; font-size: 14px; text-align: center; background-color: #D90000; color: #FFFFFF;}


#col2 {width: 100%;   clear: both;}


#col3 {    width: 100%;    height: auto;    float: left;    clear: both;    border: #333333;}
 ul {	list-style-type:none;	margin:0;	padding:0;	position: relative;}
/*Create a horizontal list with spacing*/


#col1  li { width: 100%;	display:block;	position: relative;	float: left;	background:white;	margin-right: 1px; clear:left;}
 li a {	display:block;	min-width:140px;height: 50px;text-align: center;	line-height: 50px;color: #000;	text-decoration: none;}
 li:hover a {	color: red;}
/*Style for dropdown links*/
li:hover li a {	background:white;	color: #000;	height: 40px;	line-height: 40px;}
li:hover li a:hover {	background: black;	color: #fff;}
li ul {	display: none;}*/
li ul li {	display: block; border:1px solid red;	float: none;}
li ul li a {width: auto;	min-width: 100px;	padding: 0 20px;}
ul li a:hover + .hidden, .hidden:hover {	display: block;}



.packages {
	float: left; position: relative;
	background-image: linear-gradient(bottom, rgb(166,179,172) 1%, rgb(239,242,240) 38%);
background-image: -o-linear-gradient(bottom, rgb(166,179,172) 1%, rgb(239,242,240) 38%);
background-image: -moz-linear-gradient(bottom, rgb(166,179,172) 1%, rgb(239,242,240) 38%);
background-image: -webkit-linear-gradient(bottom, rgb(166,179,172) 1%, rgb(239,242,240) 38%);
background-image: -ms-linear-gradient(bottom, rgb(166,179,172) 1%, rgb(239,242,240) 38%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.01, rgb(166,179,172)),
	color-stop(0.38, rgb(239,242,240))
);
    height:100%;
	min-height:350px;
	width:100%;
	margin-left:5px;
	background-repeat:no-repeat;
	border-top-right-radius: 10px; 
		border-radius: 10px; 
	
}
.packages h2{ font-size: 1 em;}
.offer {	position:relative;}
 .offer p{ color:#333 ; margin:0; width:90%;}
.offer ul  {	font-size: 1em;	float: left;	position:relative;}
.offer li{position: relative;	font-family: 'Crimson Text', arial, serif,"Times New Roman", Times, serif;
	font-weight:bold; 	color: #EE113E;	text-align:left;	margin-bottom: 5px;} 
.header{ display:block; width:auto; background:#F00; color:white;}

	.job{width:300px; font-size:0.6em;}
  table tr{   color:#333 !important; border-bottom:#666 1px solid;  }
	    tr td a { text-decoration:none; color:red;}
   tr td.second{display:none }
    td.third{width: 50px;color:#ccc;  }
	tr td.forth a {width:50px; }	
	tr td.first{width:50px; }	
}	



  @media only screen and (min-width :500px)  {.fb-follow {float:left; width:100px;  } .packages2{ width:90% !important;}
  #wrapper {   width: 100%;	max-width:1050px;      margin: auto;
    position: relative; background:url(../images/bkg.jpg) repeat-Y; background-size:15%;
  }
.split{	width:280px;padding: 0 8px 0 8px;float:left;	position:relative;	margin:20px 0px 10px 10px;	height:280px;	background: rgba(255, 255, 255, 0.3);	border-radius: 10px;} 
.split ul li{ text-align:left;}
#masthead{width:100%;background: #ccc;
background: -moz-linear-gradient(top, #cdc9ca 24%, #232323 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cdc9ca 24%,#232323 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cdc9ca 24%,#232323 100%);
color:#FFF;float:left;clear:right;overflow:hidden;}
#masthead2{width:600px;height:99px;float:left;position:relative;}
#banner{width:600px;float:left;position:relative;height:99px;overflow:hidden;}
#logo{position:relative;display:inline;width:165px;height:99px;float:left;}
#content{width:100%;height:auto;background:url(images/bkg.jpg);background-repeat:repeat-y;}
#col1{width:15%;height:auto;float:left;clear:left;text-align:left; }
.heading{display:block;width:100%; margin:4px 0px; position:relative:font-size:14px;text-align:center;background-color:#D90000;color:#FFFFFF;}
#header{float:left;width:100%;font-weight:bold;margin-bottom:10px;background-color:#fff;height:auto;clear:both;display:inline;}
.header{float:left;width:100%;font-weight:bold;margin-bottom:10px;background-color:#fff;color:#000;height:auto;clear:both;display:inline;}
#col2{width:63%;height:auto;float:left;}
.split h2 a, #col2 a, #col3 a, #col3 , a:link, a:hover, a:visited{ color:#AA0000; text-decoration:none;}
#col3{width:20%;height:auto;float:left;clear:right; margin-left:10px;}
.cellset{ color:#333;}
  #col1  ul {width:100%;	list-style-type:none;	margin:0;	padding:0;	position: relative;}
ul li a{ text-decoration:none;}
/*Create a horizontal list with spacing*/
#menu li {width:100%; text-align: center; font-size:0.9em; line-height:2;	display:block;	float: left; margin-right: 1px; clear:left; }
#menu    a, a:visited{	color:#fff;}
#menu    a:hover  {	color:red;}
.packages {
	float: left; position: relative;
	background-image: linear-gradient(bottom, rgb(166,179,172) 1%, rgb(239,242,240) 38%);
background-image: -o-linear-gradient(bottom, rgb(166,179,172) 1%, rgb(239,242,240) 38%);
background-image: -moz-linear-gradient(bottom, rgb(166,179,172) 1%, rgb(239,242,240) 38%);
background-image: -webkit-linear-gradient(bottom, rgb(166,179,172) 1%, rgb(239,242,240) 38%);
background-image: -ms-linear-gradient(bottom, rgb(166,179,172) 1%, rgb(239,242,240) 38%);
background-image: -webkit-gradient(
	linear,	left bottom,	left top,	color-stop(0.01, rgb(166,179,172)),	color-stop(0.38, rgb(239,242,240)));
	height:350px;	width:30%;	min-width:175px;	margin-left:20px;
	background-repeat:no-repeat;	border-top-right-radius: 10px; 		border-radius: 10px; 	}
.packages h2{ font-size: 1 em; }
.offer {	position:relative;	 .offer p{ color:#333 ; margin:0; width:90%;}
.offer ul  {	font-size: 1em;	float: left;		position:relative;}
.offer li{
	position: relative;	font-family: 'Crimson Text', arial, serif,"Times New Roman", Times, serif;	font-weight:bold; 
	color: #EE113E;	text-align:left;	margin-bottom: 5px;} 
      div.logo{position:relative;float:left; font-weight:bold; width:600px; height:99px;background:url(../images/image1.jpg) no-repeat}
      div.demo { position:relative;float:left; width: 300px; height:99px; padding: 0 0 0 10px;         }          
   div.needs{ position:relative; float:right; width:100px;height:99px; text-align:left;  background:url(../images/image2.jpg)}
        .pointer { cursor: pointer; }      
    .right{ float:right; position:relative; margin-right:80px;}	  
	  .first{ color:#FFF; padding: 0 0 0 5px;}  .second{ color:#F00; padding: 0 0 0 10px;}   .third{ color:#FFF; padding: 0 0 0 15px;} .fourth{ color:#F00; padding: 0 0 0 20px;} 
	  	 .down{ position:relative; text-align: center;  color:#fff; width:100px; height:99px; margin-top:10px} 
table { border-collapse:collapse ;  color:#333 !important;  }
  table, tr, td {   color:#333 !important;  }
.new{color:red;}		 
tr:nth-child(2n+1) {background: #F0F0F0; border-top: #666 solid 1px;}
tr td.second, td.third{
width: 100px;}
tr td a { text-decoration:none; color:red;}
	tr td.forth a {width: 100px;  }	
	tr td.first{width:150px; color:#333 !important;  }		
	tr td.first{width:150px; color:#333 !important;  }	
		tr td.first{width:150px;}		
	.first{ line-height:2.5; color:#333 !important;   }
}
    
#jobs{float:left;width:100%;text-align:center;border-bottom:solid #666666 1px;height:auto;}
#bkimage{width:540px;height:auto;background-repeat:no-repeat;background-position:center;float:left;background-image:url(../images/Handshake_trans.gif);position:relative;}
.background{background-color:#E6E6E6;}
#cont{width:498px;height:100%;position:relative;float:left;}
.col33{width:33%; position:relative; display:block; float:left ; background:inherit}
   .col33 ul li a {  color:#fff;}  .col33 ul li a:link{  color:#fff;}  .col33 ul li a:hover {  color:#fff;}  .col33 ul li :visited a {  color:#fff;}  .col33 ul li a:active {  color:#fff;}
#footer{position: relative; clear:left;	width: 100%; min-height:300px; 	background:#3b3b3b; }   
	#footer .col33 ul p  { color:#fff; clear:left; margin-left:-20px}
	#footer .col33 ul { display:block; margin:0 auto 0 auto; width:33%}
	#footer .col33 ul li { display:inline-block;  text-decoration:none;color:#fff; width:100% }
	#footer .col33 ul li a b{color:#fff;}
		#footer .col33 ul li a:link :visited  :hover {  color:#fff;}
		#footer h3{ color:#fff; text-align:center; font-size:1.5em;
	#666666;font-size:12px;text-align:center;background-color:#FFFFFF;border:1px solid #999999;clear:both;}	
	body{background:  rgba(188,188,188,0.08);font-family:Georgia,"Times New Roman", Times, serif;}
p{font-family:Arial;color:#333;font-size:12px;text-align:left;font-weight:normal;left:12px;margin-left:20px;}
h1{color:#333;background-color:inherit;font-size:16px;text-align:center;font-weight:bold;}
h2{color:#333;font-size:16px;text-align:center;font-weight:bold;text-indent:10px;}
h3{color:#333;background-color:inherit;font-size:12px;text-align:left;font-weight:normal;padding-left:5px;}
h4{color:#333;background-color:inherit;font-size:12px;text-align:left;font-weight:normal;padding-left:25px;}
.bold{font-style:normal;font-weight:bold;font-size:12px;}
div.update{float:left;width:100%;margin-bottom:10px;background-color:#CCCCCC;}
div.rec{float:left;width:100px;margin-bottom:10px;height:20px;clear:both;font-style:italic;border:#FFFFFF solid 1px;}
#jobs{float:left;width:100%;height:auto;clear:both;text-align:center;border-bottom:solid #ccc 1px;}
.row{margin-right:5px;margin-left:5px;height:auto;width:100%;clear:both;}
.row2{float:left;width:100%;margin-bottom:5px;height:auto;clear:none;}
.row2 a:link{color:#AA0000;background-color:inherit;text-decoration:none;}.capital{text-transform:capitalize;font-size:12px;color:#FF0000;}
.line{width:100%;margin-top:8px;margin-bottom:10px;border-bottom:solid 1px #ccc;clear:both;}
.new{font-size:12px;color:#FF0000;font-style:normal;font-weight:bold;}
.new2{font-size:16px;color:#FF0000;font-style:normal;font-weight:bold;}
.margin{margin-right:10px;margin-left:5px;}
.tab{padding-left:10px;width:40%;display:inline;float:left;}
.edit{width:300px;height:auto;margin-left:160px;}
.cellh{float:left;width:50px;clear:left;background-color:#fff;height:auto;clear:right;}
.cell{float:left;width:60px;height:auto; font-weight:bold; margin-right:5px;}
.cellhtitle{float:left;width:30%;background-color:#fff;height:auto;}
.cell1{float:left;width:10%;background-color:#fff;color:#666;height:auto;clear:left;}
.cell2{float:left;width:40%;background-color:#fff;color:#666;height:auto;}
.salary{float:left;width:25%;background-color:#fff;color:#666;height:auto;padding-left:4px;}
.cell3{float:left;width:10%;background-color:#fff;color:#666;height:auto;clear:right;}
.over{font-size:normal;color:White;font-weight:bolder;}
.over2{font-size:normalpt;color:Blue;font-weight:bold;}
  .half{ float::left;position:relative; display:block; float:left ;
.button a:link{color:#aa000;text-decoration:underline;}
.button{font-family:Georgia,"Times New Roman", Times, serif;font-size:12px;vertical-align:middle;float:left;position:relative;text-align:center;text-decoration:underline;background-color:#94F3EF;height:20px;width:98px;border:1px solid #666666;}
.row ul{list-style:outside;}
#modalContainer{background-color:transparent;position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:10000;}
#alertBox{position:relative;width:300px;min-height:100px;margin-top:50px;border:2px solid #000;background-color:#F2F5F6;background-image:url(alert.png);background-repeat:no-repeat;background-position:20px 30px;}
#modalContainer > #alertBox{position:fixed;}
#alertBox h1{margin:0;font:bold 0.9em verdana,arial;background-color:#78919B;color:#FFF;border-bottom:1px solid #000;padding:2px 0 2px 5px;}
#alertBox p{font:0.7em verdana,arial;height:50px;padding-left:5px;margin-left:55px;}
#alertBox #closeBtn{display:block;position:relative;margin:5px auto;padding:3px;border:1px solid #000;width:70px;font:0.7em verdana,arial;text-transform:uppercase;text-align:center;color:#FFF;background-color:#78919B;text-decoration:none;}
.urgent{font-size:1.5em; text-decoration:blink;}
.linklarge{ font-size:1.5em;}	
.curve{ border:#666 1px solid;		border-radius: 10px; }	
.friend{float:left;width:100%;margin-bottom:0px;color:#FF0000;background-color:#FFFFFF;height:auto;}
.clear{clear:both;}
.friend a:link{color:#FF0000;text-decoration:underline;}
.friend a:visited{color:#FF0000;text-decoration:underline;}
.friend hover{color:#000000;text-decoration:underline;}
.jobsearch{float:left;width:90%;margin-bottom:10px;margin-right:5px;margin-left:5px;background-color:#DDDDDD;height:auto;clear:none;}
.robotic { display: none; }
.packages2{ width:90% !important;}.packages, offer { padding-right:5px;