*{margin:0;padding:0}

/* Body */
body{background:url(/pics/bg.gif) repeat-x #080808;margin:0 0 30px 0}

/* Common */
.wrapper{width:820px;margin:0 auto;}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top;padding:0;}
.line{background:url(/pics/line.png) repeat-x;height:1px;margin:15px 0 10px 0;clear:both}
.clear{clear:both}

/* Fonts */
p,td,ul,li,textarea,input,select,a,h1,h2,h3,h4{font: normal 12px Arial, Helvetica, sans-serif;color:#aaa;margin:0 0 10px 0}
p{line-height:18px}
h2{margin-bottom:9px;height:22px;font-size:16px;color:#96c8f0;}
h3{font-size:12px;font-weight:bold;margin:5px 0 3px 0;color:#fff}
a{outline:none}
a:link{color:#96c8f0}
a:visited{color:#96c8f0}
a:hover{color:#fff}
a:active{color:#fff}
.white{color:#fff;}
.yellow{color:#fef89b;}
.blue{color:#96c8f0;}
.red{color:#F9A0A2;}
.green{color:#B1DC97;}
.turqoise{color:#9ffff5}

/* Top */
#top{background:url(/pics/bg_top.jpg) no-repeat;height:20px}

/* Navi */
#navi{text-align:center;float:right;margin-right:2px;}
#navi .wrapper{background:url(/pics/bg.gif) repeat-x}
#navi a{text-decoration:none;display:block;float:left;margin-left:15px;background:url(/pics/bg_navi.gif) no-repeat left 3px;padding-left:20px;font-weight:bold}
#navi a.first{background-image:none}
#navi a:link{color:#fff}
#navi a:visited{color:#fff}
#navi a:hover{color:#96c8f0 !important}
#navi a:active{color:#96c8f0 !important}
#navi a.active{color:#96c8f0}

/* Logo */
#header{margin:0 0 33px 0;height:35px;padding-top:55px;background:url(/pics/bg_header.gif) no-repeat left bottom;}
#header h1 a{display:block;background:url(/pics/logo.gif) no-repeat;width:305px;height:20px;text-indent:-9999px;float:left;margin-left:2px;}

/* Tail */
#tail{clear:both;padding-top:10px;margin-top:20px;background:url(/pics/bg_header.gif) no-repeat left top;position:relative;}
#tail p{color:#fff}
#tail .slogan{position:absolute;right:0;top:10px;color:#96c8f0;}

/* Titles */
.title_clients{background:url(/pics/title_clients.gif) no-repeat;text-indent:-9999px}
.title_contact{background:url(/pics/title_contact.gif) no-repeat;text-indent:-9999px;margin-top:20px}
.title_news{background:url(/pics/title_news.gif) no-repeat;text-indent:-9999px}
.title_showcase{background:url(/pics/title_showcase.png) no-repeat;text-indent:-9999px}
.title_web{background:url(/pics/title_web_ui.png) no-repeat;text-indent:-9999px}
.title_music{background:url(/pics/title_music_sound.png) no-repeat;text-indent:-9999px}
.title_consulting{background:url(/pics/title_consulting.png) no-repeat;text-indent:-9999px;margin-top:30px}
.title_people{background:url(/pics/title_about_us.png) no-repeat;text-indent:-9999px;margin-top:30px}
.title_info{background:url(/pics/title_what_we_do.gif) no-repeat;text-indent:-9999px}
.title_pagenotfound{background:url(/pics/title_page_not_found.gif) no-repeat;text-indent:-9999px}

/* Showcase */
#showcases{position:relative;width:820px;height:354px;overflow:hidden}
.showcase{width:820px;float:left;position:absolute;top:0;}
.showcase .text{width:185px}
.showcase .image{float:right;margin-bottom:10px}

#showcase-0{left:0px;}
#showcase-1{left:840px;}
#showcase-2{left:840px;}
#showcase-3{left:840px;}
#showcase-4{left:840px;}

/* Home */
.page-home .column1{float:left;width:185px;margin-right:25px}
.page-home .column2{float:left;width:185px;margin-right:25px}
.page-home .column3{float:left;width:397px;}

.page-home .info ul{list-style:none;padding:0;margin:0}
.page-home .info ul li{background:url(/pics/check.png) no-repeat 0 3px;padding:0 0 7px 19px;margin:0 0 0 0;line-height:16px}
.page-home .news a:link{color:#B1DC97}
.page-home .news a:visited{color:#B1DC97}
.page-home .news a:hover{color:#fff}
.page-home .news a:active{color:#fff}
.page-home .contact a:link{color:#fef89b}
.page-home .contact a:visited{color:#fef89b}
.page-home .contact a:hover{color:#fff}
.page-home .contact a:active{color:#fff}
.page-home .contact img{vertical-align:middle;margin-top:1px}
.page-home .clients td{padding-right:50px;line-height:17px;width:50%}

/* Contact */
.page-contact .image{float:left;margin-right:30px}
.page-contact h2{background:url(/pics/title_contact_wide.gif) no-repeat;text-indent:-9999px;margin:0 0 30px 0}

/* Work */
.page-work .column1{width:397px;float:left;margin-right:23px}
.page-work .column2{width:397px;float:left}
.page-work .column2 .line{margin-top:0}
.page-work .column2 a{background:url(/pics/icon_sound.gif) no-repeat right 3px;padding-right:14px;}
.page-work img{margin:0 0 10px 20px;border:3px solid #fff}

/* Info */
.page-info .column1{width:397px;float:left;margin-right:23px}
.page-info .column2{width:397px;float:left}