@charset "utf-8";
/* CSS Document */
body {
	font-size:12px;
}
.main0 {
	width:1000px;
	margin:15px auto;
	-webkit-box-shadow: 0px 0px 5px 5px #cccccc;
	-moz-box-shadow: 0px 0px 5px 5px #cccccc;
	box-shadow: 0px 0px 5px 5px #cccccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.main1 {
	background:url(images/arrow_bg.png) no-repeat top right;
	height:1250px;
}
/*********************** top ***********************/
/*********************** top ***********************/
/*********************** top ***********************/
.top {
	height:222px;
}
.logo {
	float:left;
	width:246px;
	padding:50px;
}
.twitter {
	float:left;
	width:450px;
	height:170px;
	margin:0px -60px 0px 133px;
	padding-top:52px;
	color:#817d7d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.twitter span.head {
	font-family:"Bauhaus 93";
	font-size:14px;
}
.twitter span#twitter_update_list a {
	color:#817d7d;
}
.myblog {
	float:left;
	width:131px;
	height:222px;
}
/*********************** top ***********************/
/*********************** top ***********************/
/*********************** top ***********************/


/*********************** my work ***********************/
/*********************** my work ***********************/
/*********************** my work ***********************/
.header {
	background:url(images/header.png) no-repeat 50px;
	height:37px;
	padding:20px 150px;
	font-family:"Bauhaus 93";
	font-size:30px;
	color:#63beed;
}
.mywork .myworkdetails {
	height:303px;
}
.mywork .myworkdetails div{
	float:left;
	height:303px;
}
.mywork .myworkdetails div.work1 {
	margin-left:50px;
	z-index:1;
	position:relative;
}
.mywork .myworkdetails div.work1:hover{
	margin-left:50px;
	z-index:7;
	position:relative;
}
.mywork .myworkdetails div.work2 {
	margin-left:-90px;
	z-index:2;
	position:relative;
}
.mywork .myworkdetails div.work2:hover {
	margin-left:-90px;
	z-index:7;
	position:relative;
}
.mywork .myworkdetails div.work3 {
	margin-left:-85px;
	z-index:3;
	position:relative;
}
.mywork .myworkdetails div.work3:hover {
	margin-left:-85px;
	z-index:7;
	position:relative;
}
.mywork .myworkdetails div.work4 {
	margin-left:-130px;
	z-index:4;
	position:relative;
}
.mywork .myworkdetails div.work4:hover {
	margin-left:-130px;
	z-index:7;
	position:relative;
}
.mywork .myworkdetails div.work5 {
	margin-left:-130px;
	z-index:5;
	position:relative;
}
.mywork .myworkdetails div.work5:hover {
	margin-left:-130px;
	z-index:7;
	position:relative;	
}
.mywork .myworkdetails div.work6 {
	margin-left:-130px;
	z-index:6;
	position:relative;
}
.mywork .myworkdetails div.work6:hover {
	margin-left:-130px;
	z-index:7;
	position:relative;
}
/*********************** my work ***********************/
/*********************** my work ***********************/
/*********************** my work ***********************/

/*********************** about me ***********************/
/*********************** about me ***********************/
/*********************** about me ***********************/
.aboutme .aboutmedetails {
	height:220px;
	margin:0px 50px;
	background:url(images/me_bg.png) no-repeat left bottom;
}
.aboutme .aboutmedetails div {
	float:left;

}
.aboutme .aboutmedetails div.aboutme1 {
	width:490px;
	font-family:"Letter Gothic Std";
	font-size:20px;
	text-indent:50px;
	margin-top:50px;
	position:relative;
	z-index:10;
}
.aboutme .aboutmedetails div.aboutme2 {
	width:410px;
	height:220px;
	margin-left:-80px;
}
/*********************** about me ***********************/
/*********************** about me ***********************/
/*********************** about me ***********************/

/*********************** contact ***********************/
/*********************** contact ***********************/
/*********************** contact ***********************/
.contact .contactdetails {
	height:320px;
	margin:5px 50px;
}
.contact .contactdetails div.contact1 {
	float:left;
	width:445px;
	height:320px;
}
.contact .contactdetails div.contact2 {
	float:left;
	width:420px;
	height:214px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px #e3e3e3 solid;
	background-color:#f0f0f0;
	padding:10px;
}
.contact1 div {
	margin-bottom:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px #e3e3e3 solid;
	background-color:#f0f0f0;
	height:60px;
	width:430px;
	color:#8d8b8b;
	font-family:"Letter Gothic Std";
	font-size:12px;
	padding:5px;
}
.contact2 {
	font-family:"Bauhaus 93";
}
.contact2 td {
	font-family:"Letter Gothic Std";
}
#error {
	font-family:"Letter Gothic Std";
	color:#006633;
}
.contact2 input[type=text], .contact2 input[type=email], .contact2 textarea {
	border:1px #e3e3e3 solid;
}
/*********************** contact ***********************/
/*********************** contact ***********************/
/*********************** contact ***********************/
.footer {
	width:1000px;
	margin:0px auto;
	font-family:"Letter Gothic Std";
	color:#333333;
	font-family:14px;
}