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

body
{
   background:url(../images/body.png) repeat-x 0 30px White;
   margin:0px;
   padding:0px;
   border-width:30px 0;
   border-style:solid;
   border-color:#e0dfdd;
}
#aboutusText a
{
    /*color:#c6d92c;*/
    color:#333333;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    font-weight:bold;
    text-decoration:none;
}
#aboutusText a:hover
{
    background-color:#c6d92c;
}
#aboutusText .contact a
{
    color:#c6d92c;
    font-weight:normal;
    text-decoration:underline;
}
#aboutusText .contact a:hover
{
    color:#333333;
    text-decoration:none;
}
#wrapper
{
   position:relative;
   margin-top:0px;
   margin-left:auto;
   margin-right:auto;
   width:982px;   
}
#top 
{
	position:absolute;
	width:982px;
	height:107px;
    top:0;
	/*border: thin solid #336699*/
}
#aboutus 
{
	position:absolute;
	top:152px;
	width:982px;
	height:340px;
	/*background:url(../Images/hd_aboutus.gif) no-repeat;*/
}
#aboutusText
{
	position:absolute;
	top:0px;
    padding-top:28px;
	width:492px;
	background:url(../Images/h_mu.gif) no-repeat;
}
#aboutusText p
{
    margin-top:0;
	margin-bottom:18px;
    font-size:12px;
}
#aboutusText p.contact
{
    padding-left:30px;
}
#aboutusImg
{
	position:absolute;
	top:33px;
	left:621px;
	width:253px;
	height:167px;
	/*background:url(../Images/fsm_cbd_mus.gif) no-repeat;*/
    background:url(../Images/fsm_cbd_mus.png) no-repeat 0 68px;
}
#aboutusImg ul
{
    margin:0 0 0 29px;
    padding:0;
}
#aboutusImg ul li
{
    margin:0 0 4px 0;
    padding:0;
    width:214px;
    list-style:none;
}
#aboutusImg ul li.FreestyleMedia
{
    height:44px;
    background:url(../Images/freestyle-media.png);
}
#aboutusImg ul li.ClearBlueDay
{
    height:64px;
    background:url(../Images/clear-blue-day.png);
}
#aboutusImg ul li.MarketUnited
{
    height:52px;
    background:url(../Images/market-united.png);
}
#aboutusImg ul li a
{
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    height:100%;
}
#aboutusImg ul li.FreestyleMedia a
{
    background:url(../Images/freestyle-media-hover.png);
}
#aboutusImg ul li.ClearBlueDay a
{
    background:url(../Images/clear-blue-day-hover.png);
}
#aboutusImg ul li.MarketUnited a
{
    background:url(../Images/market-united-hover.png);
}
#content
{
	position:absolute;
	top:471px;
	width:984px;
	height:1510px;
	background:url(../Images/hd_ourwork.gif) no-repeat;
	/*border: thin solid #330;*/
	padding-top:47px;
}
#contentSub
{
	position:absolute;
	top:153px;
	width:984px;
	height:2270px;
	background:url(../Images/hd_ourwork_continue.gif) no-repeat;
	/*border: thin solid #330;*/
	padding-top:60px;
}
.box {
	float:left;
	width:246px;
	height:360px;
	
}
.box h3
{
    font-size:14px;
    color:#333333;
    margin:25px 0 3px 0;
    /*letter-spacing:-0.3px;*/
}
.box h3 span
{
    font-size:12px;
    color:#7c7c7c;
}
.box p
{
   margin:0;  
   top:292px;
   width:243px;
   left:0px;
}

#btnPrev
{
	position:absolute;
	top:2200px;
	left:0px;	
	height:18px;
	/*border: thin solid #336699;*/
}
.btnPrev
{
    display:block;
    width:246px;
    height:18px;
    background:url(../Images/btn_prev.gif) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}

.btnPrev:hover
{
    display:block;
    width:246px;
    height:18px;
    background:url(../Images/btn_prev_hover.gif) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
#btnNext
{
	position:absolute;
	top:1480px;
	right:0px;	
	height:18px;
	/*border: thin solid #336699;*/
}
.btnNext
{
    display:block;
    width:246px;
    height:18px;
    background:url(../Images/btn_next.gif) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}

.btnNext:hover
{
    display:block;
    width:246px;
    height:18px;
    background:url(../Images/btn_next_hover.gif) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}

.btnLive
{
    display:block;
    width:246px;
    height:18px;
    background:url(../Images/btn_view_live.gif) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
.btnLive:hover
{
    display:block;
    width:246px;
    height:18px;
    background:url(../Images/btn_view_live_hover.gif) no-repeat;
}
.btnSample 
{
    display:block;
    width:246px;
    height:18px;
    background:url(../Images/btn_view_sample.gif) no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
.btnSample:hover
{
    display:block;
    width:246px;
    height:18px;
    background:url(../Images/btn_view_sample_hover.gif) no-repeat;
}

#footer
{	
	/*background:url(../Images/copyright.gif) no-repeat right;*/
	background-color:#404041;
	height:92px;
    margin-top:2008px;
}
#footer div
{
    position:relative;
    width:982px;
    margin:0 auto;
}
#footer h6
{
    position:absolute;
    top:0;
    left:0;
    width:206px;
    height:14px;
    background:url(../images/a-member.png);
    margin:0;
    text-indent:-9999px;
    overflow:hidden;
}
#footer p
{
    position:absolute;
    top:0;
    right:0;
    width:141px;
    height:15px;
    background:url(../images/copyright.png);
    margin:0;
    text-indent:-9999px;
    overflow:hidden;
}

p {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #404041; line-height:18px;}

p.content {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #404041; line-height:18px;}

a.link {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; line-height:18px; text-decoration:underline; }
a.link:visited {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; line-height:18px; text-decoration: none;}
a.link:hover {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #ffffff; line-height:18px; text-decoration: none;  background-color:#c6d92c;}