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

/* MAIN CONTAINER */
.container { width:980px; margin:0 auto; margin-top:20px; }
.container div { float:left; position:relative; }
.container img { float:left; clear:none; }

/* SIZES */
.w185 { width:185px; }
.w520 { width:520px; }
.w170 { width:170px; }
.w900 { width:900px; padding:10px; }

/* BOXES */
.sidebox { float:left; clear:both; text-align:right; }
.sidebox a { text-decoration:underline; display:block; color:#000; line-height:20px; }
.sidebox h3 { font-size:22px; font-weight:normal; letter-spacing:-1px; }
.sidebox p { display:block; margin-top:5px; margin-bottom:10px; text-align:right; clear:both; }
.sidebox .project_image { float:right; clear:both; }

.header { width:764px; height:220px; background:url(../images/header_bg.jpg) top left no-repeat; }

.red { background:#000; }
.red:hover, .redactive { background:#600; }
.mauve { background:#000; }
.mauve:hover, .mauveactive { background:#606; }
.blue { background:#000; }
.blue:hover, .blueactive { background:#036; }
.green { background:#000; }
.green:hover, .greenactive { background:#360; }

.black_lnk { color:#000; padding:3px 5px; background:#e5e5e5; text-decoration:none; float:left; clear:both; margin-top:5px; }
.black_lnk:hover { color:#fff; background:#000; }
.red_lnk { color:#600; padding:3px 5px; background:#e5e5e5; text-decoration:none; float:left; clear:both; }
.red_lnk:hover { color:#fff; background:#600; }
.mauve_lnk { color:#606; padding:3px 5px; background:#e5e5e5; text-decoration:none; float:left; clear:both; }
.mauve_lnk:hover { color:#fff; background:#606; }
.blue_lnk { color:#036; padding:3px 5px; background:#e5e5e5; text-decoration:none; float:left; clear:both; }
.blue_lnk:hover { color:#fff; background:#036; }
.green_lnk { color:#360; padding:3px 5px; background:#e5e5e5; text-decoration:none; float:left; clear:both; }
.green_lnk:hover { color:#fff; background:#360; }

.h_red, .h_red a { color:#600; }
.h_mauve, .h_mauve a { color:#606; }
.h_blue, .h_blue a { color:#036; }
.h_green, .h_green a { color:#360; }
.h_black, .h_black a { color:#000; }

/* MARGINS */
.mt35 { margin-top:35px; }
.mt20 { margin-top:20px; }
.mt10 { margin-top:10px; }
.mb20 { margin-bottom:20px; }
.mr10 { margin-right:10px; }
.mr5 { margin-right:5px; }
.mb10 { margin-bottom:10px; }
.mt80 { margin-top:80px; }
.mt70 { margin-top:70px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }

/*PADDINGS*/
.pb10 { padding-bottom:10px; }

/* COLS */
.leftcol { width:185px; padding-right:23px; clear:none; }
.rightcol { width:764px; min-height:220px; clear:none; background:url(../images/header_bg.jpg) top left no-repeat; }

/* THE REST */
.logo { width:185px; height:60px; float:right; }
.container .tagline { float:none; color:#555; display:block; position:absolute; z-index:50; width:710px; margin:20px 0px 0px 240px;  }
.container .tagline a { color:#555; text-decoration:none; }
.rightcol .menu { width:720px; height:60px; position:absolute; top:80px; left:22px; z-index:100; }
.rightcol .menu .menuitem { width:166px; height:50px; padding-left:14px; padding-top:10px; font-size:20px; letter-spacing:-1px; color:#fff; text-decoration:none; float:left; }
.rightcol .menu .menuitem span { font-size:11px; color:#fff; display:block; clear:both; letter-spacing:normal; }
.rightcol .submenu { width:742px; min-height:151px; padding-left:22px; padding-top:70px; position:absolute; left:0; top:70px; background:url(../images/submenu.png) top left no-repeat; z-index:99; }
.rightcol .submenu .subitem { width:179px; padding-top:5px; padding-bottom:10px; border-left:solid 1px #989898; }
.subitem a { color:#989898; text-decoration:none; line-height:19px; padding:0 10px; float:left; clear:both; }
.subitem a:hover { text-decoration:none; }

/*CONTENT*/
.content { width:731px; float:left; clear:both; margin-left:23px; margin-top:175px;}
.leftcnt, .rightcnt, .box { clear:none; }
h1, h2 { font-size:22px; margin-bottom:5px; }
h3 { font-size:16px; margin-bottom:5px; font-weight:normal; letter-spacing:-0.01em; }
.box p { line-height:18px; }
.box p a { color:#000; }
.box ul { margin-left:30px; }
.box ul li { line-height: 20px; }
.prtf_box { width:160px; clear:none; padding:5px; background:url(../images/box_bkr.gif) top left no-repeat; }
.prtf_box img { float:left; clear:both; margin-bottom:5px; }
.prtf_box a.title { width:160px; color:#000; float:left; clear:both; }
.prtf_box span, .box span { width:160px; font-size:10px; color:#666; float:left; clear:none; }
.box a.art { color:#666; float:left; clear:both; line-height:16px; margin-bottom:5px; display:list-item; list-style:disc; margin-left:20px; }
.box a.art:hover { color:#000; }
.col666 { color:#666; }
.col999 { color:#999; }
.bott_bkr { width:980px; }

/*FOOTER*/
.footercell { width:980px; height:55px; overflow:hidden; }
.footer { width:980px; background:url(../images/footer_bkr_up-trans.png) top left no-repeat; min-height:220px; position:absolute; left:0; top:0; }
.inside { width:960px; float:left; clear:both; padding-left:20px; margin-top:45px; }
.top_foot { width:900px;  float:left; clear:both; padding:10px; border-bottom:1px solid #cacaca; font-size:11px; color:#999; margin:0 10px; }
.top_foot .details { width:730px; float:left; clear:none; }
.top_foot .logo02 { width:110px; float:right; clear:none; text-align:right; margin-top:10px; }
.botmenu01, .botmenu02, .botmenu03 { padding:0 10px; margin:0 10px; margin-bottom:10px; clear:both; background:#fff; }
.botmenu01 a { font-size:10px; color:#999; text-decoration:none; text-transform:uppercase; float:left; clear:none; margin-right:10px; }
.botmenu02 a {font-size:20px; color:#666; text-decoration:none; letter-spacing:-1px; float:left; clear:none; margin-right:20px; }
.botmenu03 a { color:#666; text-decoration:none; float:left; clear:none; margin-right:15px; }
.botmenu01 a:hover, .botmenu02 a:hover, .botmenu03 a:hover { text-decoration: none; color: #000;}

/*CATEG_LIST*/
.w360 { width:360px; }
.w160 { width:160px; }
.brd_bot { min-height:11px; background:url(../images/brd_bot.gif) bottom left no-repeat; }
.box .left_head { float:left; clear:none; }
.left_head h1 { font-size:30px; letter-spacing:-2px; }
.left_head h1 span { color:#999; font-size:12px; letter-spacing:0px; }
.box .right_head { float:right; clear:none; text-align:right; margin-top:35px; }
.box .right_head span, .box .right_head h2 { width:160px; font-size:12px; color:#666; text-align:right; letter-spacing:normal; }
.box h2 a { font-size:22px; font-weight:normal; margin-bottom:5px; text-decoration:none; }

/*CATEG_DET*/
.img_box { clear:both; margin-bottom:5px; }

/*PORTOFOLIO*/
.grey_brd { clear:both; height:11px; border-bottom:1px dashed #ccc; margin-bottom:15px; }
.pagination { width:500px; clear:both; padding:5px 10px; text-align:right; }
.pagination span { width:500px; text-align:right; float:right; clear:both; font-size:12px; }
.pagination span a { color:#000; background:#ccc; padding:0 3px; text-decoration:none; }
.pagination span a:hover, .pagination span a.activ { color:#fff; background:#000; text-decoration:none; }
.pagination span strong { padding:0 3px; color:#fff; background:#000; }