@charset "utf-8";
/* CSS Document */
body{
	background-image:url(images/trentacinque.gif);
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin:0px;
}

.container{
top:10px;
background:url(images/container.png) repeat-y;
width:775;
}
/*----------------Search-----------------------*/
.search{
width:265px;
position:absolute;
background:url(images/search.png) no-repeat;
top:10px;
left:520px;
height:70px;
padding-top:20px;
	padding-left:40px;
}
.searchbox{
background:url(images/trentacinque.gif);
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
vertical-align:middle;
border: 1px solid #CCCCCC;

}

.searchbox:hover{
background:url(images/trentacinque.gif);
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;

border: 1px solid #FFFFFF;


}



.searchtextbox {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	
	height: 19px;
	width: 175px;
	border: 1px solid #CCCCCC;
}
.searchtextbox:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	vertical-align:middle;
	height: 19px;
	width: 175px;
	border: 1px solid #999999;
}
.go{
background:url(images/go.png) no-repeat;
}
.go:hover{
background:url(images/gohover.png) no-;
}
.container{
width:100%;
top:125px;
}




/*----------------Search-----------------------*/

/*-----------------Menu---------------

#menuPan{width:750px; height:28px; background:url(images/menu-bg.gif) 0 0 repeat-x; position:relative; margin:0 auto;}
#menuPan ul{
	width:750px;
	height:28px;
	position:absolute;
	top:0px;
	
}
#menuPan ul li{width:110px; height:28px; float:left;}
#menuPan ul li a{width:109px; height:28px; display:block; background:#fff; color:#2F2A28; border-right:1px dashed #969260; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li a:hover{width:110px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;}

#menuPan ul li.home{width:110px; height:28px; background:#2F2A28; color:#fff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none;}

#menuPan ul li.contact a{width:110px; height:28px; display:block; background:#fff; color:#2F2A28; border:none; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li.contact a:hover{width:110px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;}

/*-----------------Menu---------------*/


/*---------------Side Bar -----------

ul{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	
	li{
		margin:0px 10px 3px 10px;
		padding:2px;
		list-style-type:none;
		display:block;
		background-color:#DA1074;
		width:177px;
	}
	
	li a{
		width:100%;
	}
	
	li a:link,
	li a:visited{
		color:#FFFFFF;
		font-family:verdana;
		font-size:70%;
		text-decoration:none;
		display:block;
		margin:0px 0px 0px 0px;
		padding:0px;
		width:100%;
	}
	
	li a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}
	
	#sideBar{
		position: absolute;
		width: auto;
		height: auto;
		top: 200px;
		right: 2px;
		background-image:url(images/background.gif);
		background-position:top left;
		background-repeat:repeat-y;
	}
	
	#sideBarTab{
		float:left;
		height:137px;
		width:28px;
	}
	
	#sideBarTab img{
		border:0px solid #FFFFFF;
	}
	
	#sideBarContents{
		overflow:hidden !important;
	}
	
	#sideBarContentsInner{
		width:200px;
	}
	/*-----------------sidebar-------------*/
	
	
	
	/*----------------------------ACCORDIN---------------------------*/
	
	#basic-accordian{
	
	
	
	width:300px;
	position:absolute;
	left:185px;
	top:37%;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;
}

.accordion_headings{

	padding:5px;
	
	color:#FFFFFF;
	border-bottom:#666666 solid 1px;	
	cursor:pointer;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#00CCFF;
}

.accordion_child{
	padding:15px;
	background:#EEE;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.header_highlight{
background-color:#333333;
}

/*--------------------------ACCORDIN  ___ END--------------------------*/


/*-----------------------------MY -----MENU ---- Start -----------------*/
#menus{
	height:33px; background:url(images/menu-bg.gif) 0 0 repeat-x;
	width:755px;
	
	left:273px;
	border-top:dotted 1px #FFFFFF;
	position:absolute;
	top:92px;
	right:0px;
	vertical-align:middle;
}
.ul{
 height:25px; position:absolute; top:2px; left:5px; margin:0px;

}
.li{width:100px; height:25px; float:left; display:block;font:14px Verdana, Arial, Helvetica, sans-serif;border-right:1px dotted #969260; text-align:center; vertical-align:middle; padding-bottom:3px;}

.li a{width:99px; height:22px; display:block; background:#fff; color:#2F2A28; border-right:1px dotted #969260; font:14px Verdana, Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; vertical-align:middle; padding-top:5px; }
.li a:hover{width:99px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none; font:14px Verdana, Arial, Helvetica, sans-serif; vertical-align:;}
.li:hover{

display:inline;
vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	border-right:1px dotted #969260;
	text-align:center;
}
.contact a{width:99px; height:28px; display:block; background:#fff; color:#2F2A28; font:14px Verdana, Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; vertical-align:middle;
}

/*-----------------------------MY -----MENU ---- ENDS -----------------*/

/*------------LATEST--POSTS--____________*/
.latest
{
background:url(images/latest-posts.gif) no-repeat;
top:350px;
height:30px;
width:300px;
left:185px;
}
/*------------------ lightbox----*/
.portfolio
{


width:468px;
position:absolute;
top:150px;
height:62px;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-align:center;
left:400px;
vertical-align:bottom;
background:url(images/projects.png) no-repeat;
}
.lit-box
{
background:#000000;
top:150px;
left:312px;
width:468px;
position:absolute;
height:230px;
padding-top:25px;
padding-bottom:5px;
}
.software{
position:absolute;
left:312px;
top:405px;

}
.lit-box1
{
top:383px;
left:312px;
width:468px;
position:absolute;

height:122px;
}
.ywebtitle{
background:#333333;
top:150px;
left:780px;
width:300px;
height:40px;
position:absolute;
padding-left:10px;
padding-right:10px;
padding-top:8px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
font-weight:bold;

}
.yweb{
background:#EEE;

top:185px;
left:780px;
width:300px;

position:absolute;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
text-align:justify;
}
.tweet{
top:298px;
left:780px;
width:320px;
height:150px;
position:absolute;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:24px;
color:#333333;
padding-top:55px;
padding-left:15px;
padding-right:15px;
background:url(images/tweet.png) no-repeat;
}


/*-----------------------Photo Rvealer -----------------------*/
#page-wrap {
	margin: 20px;
	padding: 10px;
}

a.close {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: block;
	width: 20px;
	height: 21px;
	background: url(images/close_button.jpg);
	text-indent: -9999px;
}

.photo_slider_img {
	width: 100px;
	height: 100px;
	margin-bottom: 5px;
	overflow: hidden;
}

.photo_slider {
	position: relative;
	width: 100px;
	height: 130px;
	padding: 10px;
	border: 1px solid black;
	overflow: hidden;
	margin: 25px 10px 10px 10px;
	background: white;
	float: left;
}

.info_area {
	display:none;
}

.more_info {
	display: block;
	width: 89px;
	height: 26px;
	background: url(images/moreinfo.jpg);
	text-indent: -9999px;
	cursor: pointer;
}

/*------------------------- Photo Revealer Ends-----------------*/

.twitter{
top:7px;
left:820px;
position:absolute;
border:0px;
}

.fb{
top:20px;
left:925px;
position:absolute;
border:0px;
}

.hire{
position:absolute;
width:320px;
height:50px;
left:780px;
top:445px;
}
.footer{
background-image:url(images/bg.png);
width:100%;
position:relative;
height:380px;
top:0px;
padding-top:20px;

font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
text-align:center;
}

.mainfooter{
background-image:url(images/bg.png);
width:100%;
position:relative;
height:50px;
top:50px;
padding-top:20px;

font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
text-align:center;
}
h1{
text-align:center;
height:50px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-style:normal;
}
.footerlogo{
position:absolute;
top:540px;
left:290px;

}
.foot1{
position:fixed;
top:500px;
left:400px;
}
.aboutme{
position:absolute;
top:150px;
left:322px;

}
.me{
top:10px;
left:20px;
}
.metext{
position:absolute;
left:492px;
top:150px;
width:500px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#CCCCCC;
text-align:justify;
}
.metext1{
position:absolute;
left:322px;
top:325px;
width:700px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#CCCCCC;
text-align:justify;
}

.web{
position:absolute;
top:150px;
left:322px;
width:700px;
}
li{
font:Verdana, Arial, Helvetica, sans-serif small;
font-size:12px;
color:#999999;
}
.want
{
position:absolute;
top:275px;
left:380px;
width:100px;
height:200px;
}
.domain{
position:absolute;
top:150px;
left:362px;
width:700px;
}
.hireme{
position:absolute;
top:140px;
left:370px;
width:600px;
height:390px;
background:url(images/hiremeform.png) no-repeat;
}

/*-------------FORM ------------*/
label
{
margin:0px;

width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
font-family:Geneva, Arial, Helvetica, sans-serif;
size:14px;
color:#FFFFFF;
padding:0px;
}

input
{
margin:0px;

color: #781351;
background: #ffffff;
border: 1px solid  #FFFFFF;
width:350px;
height:25px;
}
textarea{
color: #781351;
background: #fee3ad;
border: 1px solid  #FFFFFF;
width:350px;
height:80px;
}
form{
top:40px;
left:70px;
position:absolute;
width:450px;
height:400px;
}

.submit input
{
color: #FFF;
border: 2px outset #FFF;
background:url(images/ventisette.gif);
}
.sent{
position:absolute;
top:150px;
padding:40px;
text-align:center;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
size:14px;
}