/* standard elements */

* {
margin: 0;
padding: 0;
}

.root {
width: 960px;
margin: auto;
border-left: 1px solid #444;
border-right: 1px solid #444;
border-top: none;
}

a {
text-decoration: none;
}

body {
background: #444444 url(../img/body_bg.jpg) repeat-y center top;
color: #BBB;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}

p,ul {
float:left;
font-family: arial,sans-serif;
font-size:1.3em;
margin:7px;
color: #FFFFFF;
}

blockquote {
font: bold 1em sans-serif;
}

code {
display:block;
border: 1px solid #444444;
background: #222222 none repeat scroll 0 0;
padding: 10px;
margin: 5px 5px 5px 11px;
font-size:12px;
font-family: arial,sans-serif;
line-height: 1.4em;
height:165px;
width:230px;
overflow: auto;
}

.fac_pic_area {
display:block;
padding: 1px;
margin: 5px 5px 5px 13px;
font-size:12px;
font-family: arial,sans-serif;
line-height: 1.4em;
height:230px;
width:246px;
}

.pic_01 {
display: block;
float: left;
margin: 1px 1px 1px 1px;
border: 1px solid #666666;
background:transparent url(../img/fac_01.jpg) no-repeat scroll 0 0;
height: 111px;
width: 118px;
}

.pic_02 {
display: block;
float: left;
border: 1px solid #666666;
background:transparent url(../img/fac_02.jpg) no-repeat scroll 0 0;
margin: 1px 1px 1px 1px;
height: 111px;
width: 118px;
}

.pic_03 {
display: block;
float: left;
border: 1px solid #666666;
background:transparent url(../img/fac_03.jpg) no-repeat scroll 0 0;
margin: 1px 1px 1px 1px;
height: 111px;
width: 118px;
}

.pic_04 {
display: block;
float: left;
border: 1px solid #666666;
background:transparent url(../img/fac_04.jpg) no-repeat scroll 0 0;
margin: 1px 1px 1px 1px;
height: 111px;
width: 118px;
}


img {
border: none;
}

ul {
margin-left: 2em;
}

h1 {
font: normal 1.5em sans-serif;
}

h2 {
font: normal 13px sans-serif;
margin-top: 12px;
margin-bottom: 3px;
}

h3 {
font: normal 1.1em sans-serif;
}

/* misc */

.clearer {
clear: both;
}

.stripes {
background: #333333 url(../img/stripe.gif) repeat-x 0 0;
height: 6px;
}

.left {
float: left;
}

.right {
float: right;
}

p.hide {
display: none;
}


/* header */

.header {
background:transparent url(../img/header_bg.jpg) repeat-x scroll 0 0;
border-bottom: 1px solid #333;
height: 110px;
}

.logo_area {
float:left;
height:90px;
margin:5px;
padding:5px;
width:580px;
}

.logo_image {
background:transparent url(../img/header_logo.png) no-repeat scroll 0 0;
border:medium none;
height:50px;
width:470px;
margin: 15px 0px 10px 30px;
}

.logo_image a {
display:block;
height:50px;
outline-style:none;
text-indent:-9999em;
width:470px;
}

.logo_area span {
color: #FFFFFF;
font-family: arial,sans-serif;
font-size: 13px;
margin-left: 37px;
}

.artbeat_area {
float:left;
height:90px;
margin:5px;
padding:5px;
width: 310px;
display: block;
}

.artbeat_area span {
float: right;
color: #FFFFFF;
font-family: arial,sans-serif;
font-size: 13px;
margin: 43px 0px 0px 40px;
}

.artbeat_image {
float: right;
background:transparent url(../img/artbeat_logo.png) no-repeat scroll 0 0;
height:35px;
width:170px;
margin: 0px 0px 0px 40px;
}

.artbeat_image a {
display:block;
height:35px;
outline-style:none;
text-indent:-9999em;
width:170px;
}


/* image area */

.image_pix_area {
background: #111111;
border-left: 250px solid #000000;
border-right: 250px solid #000000;
height: 160px;
width: 460px;
}


/* Easy Slider */

#slider {}	

#slider ul, #slider li {
margin:0;
padding:0;
list-style:none;
}

#slider li { 
width:460px;
height:160px;
overflow:hidden; 
}	

/* main */

.main {
float: left;
background:transparent url(../img/left_bg.jpg) repeat-y scroll 0 0;
border: 1px solid #2A2A2A;
}

.main .left {
width: 686px;
background:transparent url(../img/left_bg.jpg) repeat-y scroll 0 0;
}

.main .right {
width: 272px;
background: #444444;
height: 480px;
}


/* Top Common */

.box_menu {
float: left;
width: 315px;
height: 126px;
border: 1px solid #222222;
margin: 5px 5px 5px 10px;
}

.box_menu a {
text-indent: -9999em;
}

/* Service */

.service_image {
background-image: url(../img/top_service.jpg);
background-position: 0px 0px;
cursor: pointer;
display: block;
height: 126px;
width: 315px;
}

.box_menu a.service_image:hover {
background-position: 0px -126px;
}

/* Planning */

.planning_image {
background-image: url(../img/top_planning.jpg);
background-position: 0px 0px;
cursor: pointer;
display: block;
height: 126px;
width: 315px;
}

.box_menu a.planning_image:hover {
background-position: 0px -126px;
}

/* Recording */

.recording_image {
background-image: url(../img/top_recording.jpg) ;
background-position: 0 0;
cursor: pointer;
display: block;
height: 126px;
width: 315px;
}

.box_menu a.recording_image:hover {
background-position: 0px -126px;
}

/* Authoring */

.authoring_image {
background-image: url(../img/top_authoring.jpg);
background-position: 0px 0px;
cursor: pointer;
display: block;
height: 126px;
width: 315px;
}

.box_menu a.authoring_image:hover {
background-position: 0px -126px;
}

/* Copy */

.copy_image {
background-image: url(../img/top_copy.jpg) ;
background-position: 0 0;
cursor: pointer;
display: block;
height: 126px;
width: 315px;
}

.box_menu a.copy_image:hover {
background-position: 0px -126px;
}

/* Packaging */

.packaging_image {
background-image: url(../img/top_packaging.jpg);
background-position: 0px 0px;
cursor: pointer;
display: block;
height: 126px;
width: 315px;
}

.box_menu a.packaging_image:hover {
background-position: 0px -126px;
}





/* content elements */

.content {
font-family: arial,sans-serif;
border-left: 0px solid #444;
border-top: 1px solid #444;
padding: 5px 10px 10px;
}

.content h1 {
background: url(../img/bgh1.gif) repeat-x left bottom;
color: #EEEEEE;
margin-bottom: 10px;
padding: 6px 0 4px;
font-size: 13px;
}

/* navigation */

.nav {
background: #191919 url(../img/nav.gif);
}

.nav a {
background: #191919 url(../img/nav.gif);
border-right: 1px solid #161616;
color: #CCC;
float: left;
font: normal 13px Verdana,sans-serif;
line-height: 51px;
padding: 0 20px;
text-align:center;
width:79px;
}

.nav a:hover {
background: #191919 url(../img/nav_hover.gif);
}


/* sub-navigation */

.subnav {
border-left: 1px solid #1E1E1E;
padding: 0 5px 5px 10px;
height: 470px;
}

.subnav h1 {
padding-top: 8px;
}

.subnav ul {
margin: 0;
}

.subnav li {
background: url(../img/li.gif) no-repeat left bottom;
list-style: none;
margin: 0;
}

.subnav li a {
color: #777;
line-height: 2.4em;
padding-left: 18px;
text-decoration: none;
}

.subnav li a:hover {color: #BBB;}

/* footer */

.footer {
background:transparent url(../img/footer_bg.jpg) repeat-x scroll 0 0;
border-top: 1px solid #444444;
color: #999999;
padding: 1px;
height: 70px;
}

.footer ul {
float: left;
margin: 0;
}

.footer li {
border-bottom:1px solid #262626;
font-family: arial,sans-serif;
font-size: 12px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.footer li a {
display: block;
line-height: 2em;
width: 90px;
}

.footer a {
color: #888888;
}

.footer a:hover {
color: #FFFFFF;
}

.col3,.col3center {
float:left;
margin: 15px 5px 15px 30px;
width: 90px;
}

.col3center {
margin: 20px 50px 20px 50px;
width: 200px;
}

.col3right {
float:right;
margin: 15px 10px 5px 40px;
width: 200px;
}

/* bottom */

.bottom {
color: #666;
clear: both;
font-size: 1.2em;
}

.bottom a {
color: #888;
}

.bottom_center {
margin: 0 auto;
}