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

body {
	background:#d4d4d4;
	font-family:tahoma;
	font-size:11px;
	letter-spacing:1px;
}

h1 { font-size:14px; margin:0;}
h2 { font-size:14px; margin:0;}
em { margin:0 0 0 -9999px; }

#homepage {
	width:810px;
	height:556px;
	background:url(../images/bg_all_home.jpg) no-repeat;	
	left:50%;
	margin:30px 0 0 -405px;
	position:absolute;
}

.main_contact {
	width:810px;
	height:43px;
}

.main_contact a.button {
	width:154px;
	height:43px;
	background:url(../images/contact_01.png) no-repeat;
	display:block;
	margin:0 0 0 620px;
}

.main_contact a.button:hover {
	width:154px;
	height:43px;
	background:url(../images/contact_02.png) no-repeat;
	display:block;
}

.main_button { width:810px; height:322px; margin:0;}
.main_button a.bt_about {
	width:100px;
	height:95px;
	display:block;
	margin:55px 0 0 60px;
	float:left;
	display:inherit;
}
.main_button a.bt_about:hover {
	width:100px;
	height:95px;
	display:block;
	background:url(../images/hov_about.jpg) no-repeat;
	margin:56px 0 0 61px;
	float:left;
	display:inherit;
}

.main_button a.bt_blog {
	width:80px;
	height:80px;
	display:block;
	margin:95px 0 0 85px;
	float:left;
	display:inherit;
}
.main_button a.bt_blog:hover {
	width:150px;
	height:120px;
	display:block;
	background:url(../images/hov_blog.jpg) top right no-repeat;
	margin:56px 0 0 83px;
	float:left;
	display:inherit;
}

.main_button a.bt_work {
	width:150px;
	height:80px;
	display:block;
	margin:230px 0 0 263px;
	float:left;
	display:inherit;
}
.main_button a.bt_work:hover {
	width:150px;
	height:80px;
	display:block;
	background:url(../images/hov_works.jpg) no-repeat;
	margin:231px 0 0 264px;
	float:left;
	display:inherit;
}


.main_logo { width:810px; height:160px;}

.main_logo .logo {
	width:260px;
	height:100px;
	display:block;
	margin:30px 0 0 45px;
	float:left;
}
.main_logo .logo a{ width:260px; height:100px; display:block; margin:0;}

.main_logo .followme {
	width:85px;
	height:63px;
	margin:70px 0 0 70px;
	float:left;
}
.main_logo .followme a{ 
	width:85px; 
	height:63px; 
	display:block; 
	background:url(../images/follow_01.png) no-repeat; 
	margin:0;
}
.main_logo .followme a:hover{ 
	width:85px; 
	height:63px; 
	display:block; 
	background:url(../images/follow_02.png) no-repeat; 
	margin:0;
}

.main_logo .links {
	width:113px;
	height:56px;
	margin:78px 0 0 20px;
	float:left;
}
.main_logo .links a{ 
	width:113px; 
	height:63px; 
	display:block;
	background:url(../images/links_01.png) no-repeat;
	margin:0;
}
.main_logo .links a:hover{ 
	width:113px; 
	height:63px; 
	display:block;
	background:url(../images/links_02.png) no-repeat;
	margin:0;
}

.main_logo .ym {
	width:100px;
	height:62px;
	background:url(../images/ym.png) no-repeat;
	margin:74px 0 0 8px;
	padding: 23px 0 0 75px;
	float:left;
}

.main_footer { 
	width:810px; 
	height:31px;
	text-align:center;
	margin: 10px 0 0 0;
}
.main_footer a{ color:#000000; text-decoration:none;}
.main_footer a:hover{ color:#FF0000; text-decoration:none;}