*{
margin:0;
padding:0;}

header{
display:block;
}

body{
margin:0 auto;
width:960px;
}

#content{
width:960px;
}

p.into_welcome{
font-size:120px;
font-weight:900;
style:underline;
font-family:"Century Gothic";
letter-spacing:-18px;
}

p.into_info{
font-size:19px;
font-family:"Century Gothic";
}

#info_bg{
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
border:1px solid #000;
background-color:#FFF;
padding:15px;
width:885;
}

ul li{
list-style-type:none;
display:inline-block;
margin:0 auto;
}

li.work_spacing{
margin:0 auto;
}

.work_one_border{
-webkit-border-top-left-radius: 45px;
-moz-border-radius-topleft: 45px;
border:5px solid #CCC;
background-color:#FFF;
width:446px;
min-height:220px;
max-height:220px;
margin-top:25px;
overflow:hidden;
}

.work_two_border{
-webkit-border-top-right-radius: 45px;
-moz-border-radius-topright: 45px;
border:5px solid #CCC;
background-color:#FFF;
width:446px;
min-height:220px;
max-height:220px;
margin-top:25px;
overflow:hidden;
}

.work_three_border{
-webkit-border-bottom-left-radius: 45px;
-moz-border-radius-bottomleft: 45px;
border:5px solid #CCC;
background-color:#FFF;
width:446px;
min-height:220px;
max-height:220px;
margin-top:25px;
overflow:hidden;
}

.work_four_border{
-webkit-border-bottom-right-radius: 45px;
-moz-border-radius-bottomright: 45px;
border:5px solid #CCC;
background-color:#FFF;
width:446px;
min-height:220px;
max-height:220px;
margin-top:25px;
overflow:hidden;
}

.intro_image_one{
width:448px;
height:222px;
-webkit-border-top-left-radius: 45px;
-moz-border-radius-topleft: 45px;
}

.intro_image_two{
width:100%;
height:220px;
-webkit-border-top-right-radius: 45px;
-moz-border-radius-topright: 45px;
border:1px solid #000;
background-color:#FFF;
}

.intro_image_three{
width:100%;
height:220px;
-webkit-border-bottom-left-radius: 45px;
-moz-border-radius-bottomleft: 45px;
border:1px solid #000;
background-color:#FFF;
}

.intro_image_four{
width:100%;
height:220px;
-webkit-border-bottom-right-radius: 45px;
-moz-border-radius-bottomright: 45px;
border:1px solid #000;
background-color:#FFF;
}


#hover_effect{
position:relative;
}

#hover_effect .detail_one{
width:100%;
min-height:110px;
background-color:#ccc;
color:#fff;
opacity: 0;
position:absolute;
bottom:49%;
margin-bottom:-100%;
-webkit-transition: margin-bottom;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}

#hover_effect:hover .detail_one{
margin-bottom:-49%;
opacity: .9;
}

#hover_effect .detail_two{
width:100%;
min-height:110px;
background-color:#ccc;
color:#fff;
opacity: 0;
position:absolute;
bottom:49%;
margin-bottom:-100%;
-webkit-transition: margin-bottom;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}

#hover_effect:hover .detail_two{
margin-bottom:-49%;
opacity: .9;
}

#hover_effect .detail_three{
width:100%;
min-height:110px;
background-color:#ccc;
color:#fff;
opacity: 0;
position:absolute;
top:49%;
margin-top:-100%;
-webkit-transition: margin-top;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}

#hover_effect:hover .detail_three{
margin-top:-49%;
opacity: .9;
}

#hover_effect .detail_four{
width:100%;
min-height:110px;
background-color:#ccc;
color:#fff;
opacity: 0;
position:absolute;
top:49%;
margin-top:-100%;
-webkit-transition: margin-top;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
}

#hover_effect:hover .detail_four{
margin-top:-49%;
opacity: .9;
}

.more_link{
margin-top:27px;
float:right;
}

nav {
float:right;
margin:80px 120px;
font-family: 'Reenie Beanie', arial, serif;
font-size:22px;
}