@charset "utf-8";
/* CSS Document */

img, div, span { behavior: url(iepngfix.htc) }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

ol,ul {
	list-style:none;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

html {
color:#FFFFFF;
font-family:'Helvetica';
font-size:14px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:center;
}
body {
background: #000000 url(images/background.jpg) fixed no-repeat top center;
	line-height:1em;
	text-align:left;
	width:100%;
	margin:0pt auto;
}

#container{
width:955px;
margin:0pt auto;
height:1500px;
}

#header{
	height:150px;
	position:relative;
}
#logo{
	width:293px;
	height:56px;
	position:absolute;
	top:0px;
	left:30px;
}

#navigation{
	width:430px;
	height:27px;
	background:url(images/nav_bg.png) no-repeat scroll;
	position:absolute;
	top:120px;
	right:20px;

}


#navigation ul{
background:transparent url(images/menu.png) no-repeat scroll;
height:20px;
text-indent:-9999px;
width:430px;
position:absolute;
top:3px;
left:0px;

}

#navigation li{
list-style-type:none;
position:absolute;
top:0pt;
}

#navigation li, #navigation a {
display:block;
height:20px;
overflow:hidden;
text-decoration:none;
}

.m1 {
left:0px;
width:70px;
}

.m2 {
left:70px;
width:95px;
}

.m3 {
left:165px;
width:160px;
}

.m4 {
left:325px;
width:100px;
}


.m1 a:hover, .m1 #home{
background:transparent url(images/menu.png) no-repeat scroll 0px -20px;
}

.m2 a:hover, .m2 #portfolio{
background:transparent url(images/menu.png) no-repeat scroll -70px -20px;
}

.m3 a:hover, .m3 #shrestha{
background:transparent url(images/menu.png) no-repeat scroll -165px -20px;
}

.m4 a:hover, .m4 #contacts{
background:transparent url(images/menu.png) no-repeat scroll -325px -20px;
}

#panel_shadow{
width:935px; 
height:380px;
position:relative;
}

#panel_box{
	background:transparent url(images/home_bg.png) no-repeat scroll;
	width: 935px;
	height:355px;
	position:absolute;
	top:5px;
	left:0px;
	right:10px;
	padding:10px 10px;
}

#arrow_down_box{
	position:absolute;
	top:330px;
	right:25px;
}


#panel_box a.bigPhoto{
display:none;
background-image:url(images/intro_pic02.jpg);
float:left;
}

#panel_box a.bigPhoto:link,#panel_box a.bigPhoto:visited {
display:block;
width:444px;
height:528px;
background-position: 0px 0px;
z-index:1;
}

#panel_box a.bigPhoto:hover, #panel_box a.bigPhoto:active{
background-position: 444px 0px;
z-index:2;
}

#panel_box_right{
float:right;
width:469px;
}

#clear{
clear:both;
}

#me_text h1{
	margin-top:0px;
}

#me_text h1 span{
display:none;
}
#me_text h1 img.me{
	width:414px;
	height:202px;
	background:transparent url(images/me_text.png) no-repeat;
	
}

#me_text h1 img.news{
	width:154px;
	height:20px;
	background:transparent url(images/news_title.png) no-repeat;
}

#me_text span.news_title{
font-size:10px;
line-height:10x;
min-height:100px;
color:#b6c0c9;
display:block;
padding-bottom:10px;
padding-top:10px;
}

#me_text span.news_text{
font-family:'arial narrow';
font-size:14px;
line-height:30px;
color:#edf0f2;
letter-spacing:0.3pt;
padding:5px 0px;
display:block;
letter-spacing:0.6pt;
}

#me_text span.news_text a:link, #me_text span.news_text a:visited{
color:#FFFFFF;
background-color:#0086d3;
text-decoration:none;
padding:0px 5px 2px;
}

#me_text span.news_text a:hover, #me_text span.news_text a:active{
color:#3a636e;
background-color:#adcf4f;
text-decoration:none;
}

#me_text span.news_date{
color:#899aa1;
font-size:11px;
display:block;
margin-top:5px;
}

#sep{
text-align:center;
margin: 20px 0px;
}
#clients{
min-height:800px;
margin-top:20px;
}

#clients ul li{
	display:block;
	float:left;
	width:285px;
	position:relative;
	min-height:360px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#clients ul li.alt{
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#clients ul li span.client{
display:block;
background:transparent url(images/client_title_bg.png) no-repeat scroll;
width:260px;
height:17px;
padding:12px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
/*font-weight:bold;*/
color:#f9c01b;
}

#clients ul li a img.clientIMG{

margin-top:0px;
}

#clients ul li a:hover img.clientIMG{

}

#clients ul li a span.photo{
background:url(images/client_image_over.png) no-repeat scroll;
top:41px;
display:block;
height:211px;
position:absolute;
left:0px;
width:285px;
}

#clients ul li a:hover span.photo{
background:none;
}

#clients ul li p{
margin-top:10px;
font-size:11px;
}

#clients ul li p span.client_title{
color:#00aef0;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#clients ul li p a:link, #clients ul li p a:visited {
color:#f9c01b;
font-size:11px;
text-decoration:underline;
}

#clients ul li p a:hover, #clients ul li p a:active {
text-decoration:none;
}
.style4 {color: #FFFFFF}

#shrestha_left_box{
width:475px;
min-height:300px;
float:left;
margin-left:20px;
margin-top:25px;
text-align:justify;
}

#shrestha_left_box p{
color:#f9c01b;
font-size:12px;
letter-spacing:0.01pt;
line-height:18px;
margin-top:10px;
margin-bottom:10px;
}

#shrestha_left_box p span{
color:#FFFFFF;
}

#shrestha_right_box{
float:right;
width:388px;
margin-right:20px;
text-align:right;
}

#shrestha_right_box img.avinashshrestha{
margin-top:50x;
border:#ffffff solid 4px;
margin-bottom:20px;
}


#contact_me{
margin-top:20px;
padding-bottom:50px;
background:url(images/contact_bg.png) no-repeat scroll 20px 185px;

}

#contact_left{
float:left;
width:428px;
margin-left:20px;
}

#contact_left p{
color:#f9c01b;
font-size:12px;
letter-spacing:0.01pt;
line-height:18px;
margin-top:10px;
width:350px;
}

#contact_right{
float:right;
width:388px;
margin-right:10px;
}

#contact_right ul li{
display:block;
min-height:45px;
}

#contact_right ul li label{
display:block;
width:50px;
float:left;
padding-top:5px;
padding-right:10px;
text-align:right;
}

#contact_right ul li input.field{
width:220px;
border:#f9c01b solid 2px;
height:16px;
padding:4px 4px 4px 4px;
letter-spacing:0.01pt;
background-color:#363636;
color:#FFFFFF;
font-size:11px;
}

#contact_right ul li textarea{
width:210px;
border:#f9c01b solid 2px;
height:130px;
padding:10px;
color:#1a2732;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:0.01pt;
line-height:18px;
background-color:#363636;
color:#FFFFFF;
overflow:hidden;
}

.hideme{
display:none;
}

.contactButton{
background-color:#f9c01b;
color:#FFFFFF;
width:120px;
height:30px;
border:none;
margin-left:178px;
cursor:pointer;
}

.contactButton:hover{
background-color:#FFFFFF;
color:#f9c01b;
}

.linkme a:link, .linkme a:visited{
color:#ffb648;
text-decoration:none;
}

.linkme a:hover, .linkme a:active{
text-decoration:underline;
}

.cv	{
	background-image:url(images/download_btn.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:150px;
	height:26px;
	float:left;
	padding-top:50px;
}
.cv:hover	{
	background-image:url(images/download_btn_over.png);
}

.fb	{
	background:url(images/fb_2.png);
	background-repeat:no-repeat;
	background-position:106px;
	width:150px;
	height:50px;
	float:left;
	text-align:left;
	cursor:pointer;
	}

.fb:hover{
	background:url(images/fb.png);
	background-repeat:no-repeat;
	background-position:106px;
}