body{
background-color:#eaeff1; font-family: 'Open Sans', sans-serif; font-size:14px; color:#58595b; line-height:22px; font-weight:100;
}
#main_body { 
width:980px; background:#95bec2; margin: 0px auto 0px;
}
#main_body .top_bg {
float:left; width:980px; height:175px; background-image:url(../images/top_bg.png); margin:25px 0 0 0px;
}
#main_body .menu {
float:left; width:600px; height:31px; background-color:transparent; display:block; margin:105px 0px 0 35px;
}
#main_body .work_menu {
float:left; width:125px; height:31px; text-indent:30px; margin:0px 0px 0 0px;
}
#main_body .play_menu {
float:left; width:150px; height:31px; text-align:center; margin:0px 0px 0 -27px;
}
#main_body .about_menu {
float:left; width:150px; height:31px; text-align:center; margin:0px 0px 0 -27px;
}
#main_body .contact_menu {
float:left; width:150px; height:31px; text-align:center; margin:0px 0px 0 -27px;
}
#main_body .logo {
float:right; width:219px; height:96px; margin:45px 30px 0 0px;
}
#main_body .main_bg {
float:left; width:915px; height:auto; background-color:#fff; border-right:#f4f7f8 solid 30px; margin:0px 0px 0 35px;
}
#main_body .home_image_bg {
float:left; width:855px; height:520px; background-color:#fff; /*border-bottom:#a9abac solid 1px;*/ z-index:999; margin:30px 30px 0 30px;
}
#main_body .text_bg {
float:left; width:265px; height:335px; background-color:#fff; margin:0px 0px 0 0px;
}
#main_body .text_bg_2 {
float:left; width:265px; height:400px; background-color:#fff; margin:13.5px 0px 0 0px;
}
#main_body .column_one_bg {
float:left; width:265px; height:auto; background-color:#fff; min-height:0px; margin:0px 30px 0 30px;
}
#main_body .column_two_bg {
float:left; width:265px; height:auto; background-color:#fff; min-height:0px; margin:0px 30px 0 0px;
}
#main_body .column_three_bg {
float:left; width:265px; height:auto; background-color:#fff; min-height:0px; margin:0px 0px 0 0px;
}
#main_body .column_one_bg_play {
float:left; width:265px; height:auto; background-color:#fff; min-height:450px; margin:0px 30px 0 30px;
}
#main_body .column_one_play {
float:left; width:265px; height:260px; background-color:#fff; margin:0px 0px 0 0px;
}
#main_body .column_one_bg_work {
float:left; width:265px; height:auto; background-color:#fff; min-height:450px; margin:0px 30px 0 30px;
}
#main_body .column_two_work {
float:left; width:560px; height:auto; background-color:#fff; margin:30px 0px 0px 0px;
}
#main_body .column_two_work_bg {
float:left; width:560px; height:383px; background-color:#fff; margin:30px 0px 0px 0px;
}
#main_body .column_two_play {
float:left; width:175px; height:auto; background-color:#fff; margin:30px 0px 0px 0px;
}
#main_body .column_three_play {
float:left; width:355px; height:auto; background-color:#fff; margin:30px 0px 0px 30px;
}

#main_body .footer_bg {
float:left; width:980px; height:105px; background-image:url(../images/footer_bg.png); margin:0px 0 30px 0px;
}
#main_body .footer_bg_2 {
float:left; width:980px; height:105px; background-image:url(../images/footer_bg_2.png); margin:-52px 0 30px 0px;
}

#backtotop {
position: fixed; right:30px; bottom:30px; display:none;/*hid the button first*/
}
#backtotop a {
text-decoration:none; border:0 none; display:block; width:44px; height:23px;
}
#backtotop a:hover {
opacity:.8; /*mouse over fade effect*/
}
.clrb {
clear:both;
}
#maindiv {
width:700px; border:1px solid #999; margin:auto; padding:20px;
}

.heading1 {
color:#fff; text-decoration:inherit; line-height:31px; text-transform:uppercase; font-size:16px;
}
.heading2 {
color:#95a4cc; text-decoration:underline;
}
.heading3 {
color:#c3c618; text-decoration:underline;
}
.heading4 {
color:#c3c618 ;
}
.heading5 {
color:#25cbd3 ;
}

::selection {
	background: #ebe208; /* Safari */
	}
::-moz-selection {
	background: #ebe208; /* Firefox */
}

/* ROLLOVERS */
.work { display: block; width:125px; height:31px; background:url(../images/work.png) bottom; text-decoration:none;
}
.work:hover {
background-position: 0 0;
}
.play { display: block; width:150px; height:31px; background:url(../images/play.png) bottom; text-decoration:none;
}
.play:hover {
background-position: 0 0;
}
.about { display: block; width:150px; height:31px; background:url(../images/about.png) bottom; text-decoration:none;
}
.about:hover {
background-position: 0 0;
}
.contact { display: block; width:150px; height:31px; background:url(../images/contact.png) bottom; text-decoration:none;
}
.contact:hover {
background-position: 0 0;
}


/* MENU */
a.link1:link 	{color:#fff; text-decoration:none;}      /* unvisited link */
a.link1:visited {color:#fff; text-decoration:none;}  /* visited link */
a.link1:hover 	{color:#95bec2; text-decoration:none;}  /* mouse over link */
a.link1:active 	{color:#fff; text-decoration:none;}  /* selected link */

a.link2:link 	{color:#58595b; text-decoration:none;}      /* unvisited link */
a.link2:visited {color:#58595b; text-decoration:none;}  /* visited link */
a.link2:hover 	{color:#c3c618; text-decoration:none;}  /* mouse over link */
a.link2:active 	{color:#58595b; text-decoration:none;}  /* selected link */

a.link3:link 	{color:#58595b; text-decoration:none;}      /* unvisited link */
a.link3:visited {color:#58595b; text-decoration:none;}  /* visited link */
a.link3:hover 	{color:#25cbd3; text-decoration:none;}  /* mouse over link */
a.link3:active 	{color:#58595b; text-decoration:none;}  /* selected link */

a {
  -o-transition:color .1s ease-out, background .5s ease-in;
  -ms-transition:color .1s ease-out, background .5s ease-in;
  -moz-transition:color .1s ease-out, background .5s ease-in;
  -webkit-transition:color .1s ease-out, background .5s ease-in;
  transition:color .1s ease-out, background .5s ease-in;
  text-decoration:none;
}
a:hover {
text-decoration:none;
}


