/*	Reset & Clearfix
/* ---------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}
* html .clearfix,:first-child+html .clearfix{zoom:1}
::-webkit-input-placeholder {
   color: #cccccc;
}

:-moz-placeholder {  
   color: #cccccc;  
}
body {
	color: #000;
	font: 14px/20px Arial;
	background-color:#fff;
}

 ul {
	padding: 0 0 20px 0;
	display: block;
	overflow: hidden;
}
ul.gallerynav {
				width: 1024px;
				margin: 0 auto 0px;
				height:72px;
				background:url('../images/adarsh_web_01.png') no-repeat;
}
ul.gallerynav li {
                float: left;
				margin-left:140px;
				margin-top:0px;
				padding-top:17px;
}
/*ul.gallerynav li.selected-1 a {
                           color: #5D8BA6;
}*/
ul.gallerynav li a {
					float: left;
					font-family: arial;
					font-weight:bold;
					font-size:26px !important;
					color: #fff;
					margin: 0 25px;
					font-size: 15px;
					line-height: 18px;
					padding: 12px 0;
					text-decoration:none;
					text-transform:uppercase;
}
ul.grid {
					width: 890px;
					overflow: hidden;
					margin: 0 auto;
					padding: 20px 0 10px;
					position:relative;
					z-index:9999;
}
ul.grid li {
			width: 236px;
			/*height:156px; */
			padding:8px !important;
			margin: 0;
			margin-left: 33px;
			margin-bottom: 20px;
			float: left;
			overflow: hidden;
			background: #fff;
			-moz-box-shadow: 0px 1px 2px #8e8e8e;
			-webkit-box-shadow: 0px 1px 2px #8E8E8E;
			box-shadow: 0px 1px 2px #8E8E8E;
}
ul.grid li a {
			outline: 0;
			text-decoration:none;
			display:block;
			width:236px;
			margin:0 auto;
			border:0px solid #000;
}

#gallery p {
              font-family:Arial;
		      font-size:13px;
			  color:#333333;
			  margin-top:10px;
			  line-height:18px;
            } 
#gallery h1 
{
              font-family:Arial;
		      font-size:22px;
			  color:#e64f00;
			  margin-top:10px;
			  margin-left:0px;
}
.desc 
{
  border-bottom:1px solid #d6d6d6 ;
  border-bottom:1px solid #d6d6d6 ;
  margin-bottom:10px;
  padding-bottom:10px;
  font-weight:bold;
}
.file 
{
   margin:0 !important;
   color:#E64F00 !important;
}
/*    Portfolio CSS               */
#portfolio 
{
   width:1024px;
   margin:50px auto;
   height:auto;
}
#portfolio .face 
{
  width:163px;
  margin:0 auto;
  background:url('../images/adarsh.png') -0px -255px no-repeat;
  height:244px;
  position:relative;
  top:38px;
  left:25px;
}
#portfolio .face1 
{
  background-position: -348px -0px;
  left:15px;
  top:40px;
}
#portfolio .face2 
{
  background-position: -174px -0px;
  left:10px;
  top:40px;
}
#portfolio .face3 
{
  background-position: -0px -0px;
   left:20px;
  top:38px;
}
#portfolio .body 
{
  width:300px;
  margin:0 auto;
  background:url('../images/body.png') no-repeat;
  height:48px;
}
.web {
      background:url('../images/adarsh_web_02.png') repeat-y;
	  width:1024px;
	  margin:0 auto;
	  position:relative;
	  top:-125px;
}
.hands {
         background:url('../images/hands.png') repeat-y;
	  width:1024px;
	  margin:0 auto;
	  height:124px;
	  position:relative;
	  z-index:2;
	  top:80px;
}
.content {
           width:820px;
		   margin-left:auto;
		   margin-right:auto;
		   font-size:22px;
		   color:#e64f00;
		   padding-bottom:120px;
		   background:url('../images/box.png') no-repeat;
		   height:300px;
		   padding-top:20px;
		   
}
.content p {
            margin-bottom:20px;
			line-height:32px;
			text-align:justify;
			padding:0 40px;
			color:#000;
          }
.content h1 {
             font-size:30px !important;
			 color:#e64f00;
			 margin-bottom:20px;
			 margin-top:20px;
			 padding:0 40px;
			 margin-left:0px !important;
}
.about {
         display:block;
         width:236px;
		 height:124px;
		 background:url('../images/AboutMe.png') no-repeat;
		 position:absolute;
		 left:810px;
}
.wrapper {
   width:890px;
   margin:0 auto 45px;
}
.wrapper_content 
{
  width:820px;
  margin:0 35px;
  background:url('../images/box.png') no-repeat;
  height:300px;
}
.wrapper_left {
  float:left;
  width:500px;
  height:282px;
  margin-left:8px;
  margin-top:8px;
}
.wrapper_right {
   float: right;
	height: 262px;
	width: 285px;
	padding: 10px;
	font-size: 18px;
    line-height: 24px;
}
.wrapper_desc
{
   padding-bottom:25px;
   border-bottom:1px solid #d6d6d6 ;
   margin-bottom:20px;
}
.wrapper_file 
{
 margin:0 !important;
 color: #E64F00 !important;
 font-size:18px;
}
.play
{
   display: block;
text-decoration: none;
background: url("../images/play.png") no-repeat;
width: 63px;
height: 42px;
z-index: 2;
position: absolute;
top: 223px;
left: 327px;
}
.playbutton
{
   display: block;
text-decoration: none;
background: url("../images/play.png") no-repeat;
width: 63px;
height: 42px;
z-index: 2;
position: absolute;
margin-top: 115px;
left: 327px;
}
#inline_demo {
   width:960px;
   height:600px;
   margin:0 auto;
   padding-top:30px;
}
.modal {
  position: fixed;
  top: 45%;
  left: 34%;
  z-index: 1050;
  overflow: auto;
   width:980px ;
  height:600px;
  margin: -250px auto auto -280px;
  background-color: #ffffff;
  /*border: 1px solid rgba(0, 0, 0, 0.3);*/
  *border: 1px solid #c94d71;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  z-index:10000;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -ms-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-body {
  padding-left: 10px;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: black;
}
.graphics h1 
{
		      font-size:18px !important;
}
.misc_left {
   width:390px;
   float:left;
   margin-left:10px;
   margin-top:10px;
}
.misc_right {
   width:390px;
   float:right;
    margin-right:10px;
   margin-top:10px;
}
.misc_left h1,.misc_right h1
{
  font-size: 18px !important;
  margin: 0 !important;
  color:#E64F00 !important
}
.play1
{
   display: block;
text-decoration: none;
background: url("../images/play.png") no-repeat;
width: 63px;
height: 42px;
z-index: 2;
position: absolute;
top: 280px;
left: 275px;
}
.play2
{
   display: block;
text-decoration: none;
background: url("../images/play.png") no-repeat;
width: 63px;
height: 42px;
z-index: 2;
position: absolute;
top: 280px;
left: 684px;
}
.web h1 
{
   font-size: 22px;
margin-left: 108px;
margin-top: 20px;
}
.doc {
  padding:20px;
}
.doc h1 {
  text-align:center;
  margin-bottom:20px;
  margin-left:0px;
}
.doc p 
{
  margin-bottom:20px;
  text-indent:40px;
  font-size:16px !important;
}

.doc1 h1 {
  text-align:center;
  margin-bottom:40px;
  margin-left:35px !important;
}
.doc1 p 
{
  margin-bottom:5px;
  text-indent:40px;
  font-size:16px !important;
  text-align:center;
  line-height:22px;
}
.close
{
  text-decoration: none;
font-size: 30px;
position: relative;
left: 864px;
top:5px;
bottom:10px !important;
color:#000;
}
.closeModal
{
  text-decoration: none;
font-size: 30px;
position: relative;
float: right;
margin: 4px;
margin-right: 10px;
color:#000;
}
.close1
{
  text-decoration: none;
font-size: 30px;
position: relative;
left: 864px;
top:5px;
bottom:10px !important;
color:#000;
}
.files {
  padding:10px;
}
.files h1 {
  text-align:center;
  font-size: 22px;
  margin-left:10px;
  margin-top:20px;
}
.files a
{
 font-size:16px !important;
			 color:#e64f00;
			 margin-left:20px !important;
}
#filelist h1 
{
              font-family:Arial;
		      font-size:22px;
			  color:#e64f00;
			  margin-top:10px;
			  margin-left:0px;
}
ul.download {
					width: 890px;
					overflow: hidden;
					margin: 0 auto;
					padding: 20px 0 10px;
					position:relative;
					z-index:9999;
}
ul.download li {
			width: 236px;
			/*height:156px; */
			padding:8px !important;
			margin: 0;
			margin-left: 33px;
			margin-bottom: 20px;
			float: left;
			overflow: hidden;
			background: #fff;
			-moz-box-shadow: 0px 1px 2px #8e8e8e;
			-webkit-box-shadow: 0px 1px 2px #8E8E8E;
			box-shadow: 0px 1px 2px #8E8E8E;
}
ul.download li a {
			outline: 0;
			text-decoration:none;
			display:block;
			width:236px;
			margin:0 auto;
			border:0px solid #000;
}