html{background : rgb(244,244,244)  
    url(../images/html.png) repeat-x;
}
body{
    font-family:"Tahoma","sans-serif";
    color : #5a1c46; 
    margin:0;
    padding-top: 30px; 
     /*font-size:90%; */
	color:rgb(89,89,89);	
	background : url(../images/body.png) repeat-x; 
}
.pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
	text-align:left;
}
.content
{
   margin: 0 auto;
   padding-left: 0px;
   padding-bottom: 0px;
   width: 1075px;/* 866px*/
    height:1080px; /* to be removed*/
   
}

.center1{text-align:center;}



.wrapper
{
   margin: 0 auto auto 13em;
   padding-top: 35px;
   padding-left: 50px;
   padding-bottom: 35px;
   width: 880px;/* 866px*/
   /* height:1080px;  to be removed*/
   background-color:white;
  
   -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
   -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);

}
.horizontalGap
{ 
   width: 776px;/* 726*/
   border: 0px solid black;
   background-color:#eef;
   height: 10px;
}
.verticalGapTop
{
   width: 10px;
   background-color:#eef;
   height:4.7em;
   display:inline-block;
   vertical-align: top;
}
.verticalGapBottom
{
   width: 10px;
   border: 0px solid black;
   background-color:#eef;
   height:1140PX;
   display:inline-block;
   vertical-align: top;
}
.left-col, .right-col{
    display:inline-block;
	vertical-align: top;
}
.right-colBottom
{
    border: 0px solid black;
    display:inline-block;
	width:586px;/* 536px*/
	padding-left: 5px;
    border: 0px solid orange;
    display:inline-block;
}
.left-col
{
    width:180px; 
    margin-right:0;
	padding-right: .5em;
	text-align:right;
	display:inline-block;
	vertical-align: top;
}
.contact
{
	color:rgb(89,89,89);
	text-align:right;
	white-space: nowrap;
	height:4em;
	display:inline-block;
    border: 0px solid black;
}
.left-colBottom
{
    width:180px;
	padding-right: 0.5em;
	padding-top: 1.5em;
	text-align:right;
    white-space: nowrap;	
    display:inline-block;
	vertical-align: top;
}

.right-col{
    width:586px;/* 536px*/
    border: 0px solid black;
    display:inline-block;
}
.date{
    width: 60px;
	/*border: 0px solid red;
	display:inline-block
	text-align:top;;*/
	float:left;
}
.companyCity
{
    width:518px;/* 468px*/
	border: 0px solid red;
    display:inline-block;
}

.company
{
  width: 315px;
  font-weight:bold;
  color:rgb(89,89,89);
  white-space: nowrap;
  border: 0px solid yellow;
  display:inline-block;
  }

.city
{
  width:197px;/* 55*/
  min-width:10em;
  font-weight:bold;
  color:rgb(84,142,212);
  white-space: nowrap;
  text-align:right;
  border: 0px solid green;
  font-weight:bold;
  display:inline-block;
}
.companyOther{
 width:150px;
  font-weight:bold;
  white-space: nowrap;
  border: 0px solid red;
  display:inline-block;
}
.cityOther{
  width:360px;/* 310px*/
  min-width:10em;
  font-weight:bold;
  color:rgb(84,142,212);
  white-space: nowrap;
  text-align:right;
  border: 0px solid green;
  font-weight:bold;
  display:inline-block;
}
.workDescription{
    width:100%;
	min-width:10em;
	border: 0px solid blue;
    text-align:justify;
    display:inline-block;
}
.workDescription{
    width:100%;
	min-width:10em;
	border: 0px solid blue;
    text-align:justify;
    display:inline-block;
}
.skills ,.skillsDescription{
    width:581px;/* 531px*/
	border: 0px solid blue;
    text-align:justify;
}

.experience{
    width:581px;/* 531px*/
	border: 0px solid green;
    display:inline-block;
}


.contactBlue{
  font-size:1.1em;
  font-weight:bold;
  white-space: nowrap;
  color:rgb(84,142,212);
}
.nameBlock{
  text-align:center;
  height:4em;
  display:inline-block;
}
.name{
  font-size:2em;
  font-weight:bold;
  color:rgb(89,89,89);
  white-space: nowrap;
}
.title{
  font-weight:bold;
  color:rgb(84,142,212);
  white-space: nowrap;
}

.blue18
{
  font-size:1.4em;
  font-family:"Tahoma","sans-serif";
  font-weight:bold;
  color:rgb(84,142,212);
}
.black18
{
  font-size:1.4em;
  font-family:"Tahoma","sans-serif";
  font-weight:bold;
  color:rgb(89,89,89);
}

.others
{
  color:rgb(187,74,36);
  font-size:.9em;
}
.cssLogo
{
    float:right;
     float: right;
    border: 0px solid black;
}
.note
{
    float: left;
    border: 0px solid green;
}
.footer {
    margin: 0 auto;/*40px auto auto auto; */
    padding: 10px 0px 25px 100px;

    width: 866px;/*816px */	
    text-align:left;
    font-size:.8em;
    border: 0px solid red;
}
/* ggggggggggggggggggggggggggggggg 160 */
.btn-group-vertical
{
   width: 130px;
   float:left;
   padding-top: 10em;
   position:fixed;
   
}
.btn-group-vertical ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.btn-group-vertical li 
{ 
	/*margin: 0 0 .2em 0; */
	width:3em;
	color:red;
}

.btn-group-vertical a
{
	/*display: block;*/
	color: #FFFFFF;
	
	background-color: rgb(137, 137, 137);
	/*width: 5em;
	padding: .2em .2em;
	text-decoration: none;*/
	text-align: left;
}

/*.btn-group-vertical a:hover
{
	background-color: #336699;
	color:rgb(84,142,212);
	font-weight:bold;
}*/
.btn-group-vertical a
{
font-size: 1.25em;
}
/*.btn-group-vertical .current a:hover*/
.btn-group-vertical a.current, .btn-group-vertical a.current:link
{
	background-color: #123456; /*c000000*/
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif
}

.dropdown-menu a
{
	background-color: #FFFFFF;
}

a {color:rgb(89,89,89); text-decoration: none;}      /* unvisited link */
a:visited {color:rgb(89,89,89); text-decoration: none;}   /*visited link */
a:hover {color:blue; text-decoration: none;}  /* mouse over link */
a:active {color:rgb(89,89,89);text-decoration: none;}  /* selected link */

.btn-group-vertical a {color:#FFFFFF; text-decoration: none;}      /* unvisited link */
/* .btn-group-vertical a:visited {color:#FFFFFF;}  visited link */
.btn-group-vertical a:hover {color:rgb(84,142,212); font-weight:bold;text-decoration: none;}   /*mouse over link */
.btn-group-vertical a:active {color: rgb(155, 47, 45);text-decoration: none;}   /*selected link */

pre {
  overflow: auto;
  word-wrap: normal;
  white-space: pre;
  height: 180px;
}

.overlay {
  width: 100%;
  background: rgba(0,0,0,.75);
  position: absolute;
  left: 0;
  top: 0;
}

.videobox {
  position: absolute;
  background: white;
  text-align: center;
  padding: 20px;
  border-radius: 5px;
}
.videobox video {
	width: 600px;
}
/*
.close {
              width: 36px;
             height: 36px;
              position: absolute;
            top: -18px;
             right: -18px;
             display: block;
            background: transparent url(images/close.png) no-repeat center center;
             opacity: .8;
}
*/
.close:hover {
  opacity: 1;
}
.close {
	background: transparent url("images/close.png") no-repeat scroll center center;
	display: block;
	height: 36px;
	opacity: 0.8;
	position: absolute;
	right: -18px;
	top: -18px;
	width: 36px;
}
/* PPPPPPPPPPPPPPPPPPP */