body { font: 11px Tahoma; color: #333; line-height: 18px; }
img { border: none; }
a { color: #666!important; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 0px; padding: 0px; display: block; text-align: left; }
p a { text-decoration: underline; }
ul { padding: 0px; margin: 0px; list-style-position:inside; }
ul.list-ok { margin-top: 10px; padding-left: 30px; list-style-position: outside; list-style-type: none; list-style-image: url(/uploads/pages/across_ok.png); }
hr { border: none; background: #d6d6d6; margin: 20px 0px; height: 1px; }

.item-content h4 { font: bold 16px Tahoma; color: #6087a4; }
.item-content strong.blue { font: bold 12px Tahoma; color: #6087a4; }

.clear { float: none; clear: both; font-size: 1px; line-height: 1px; height: 1px; }
/****************************** Blog SiteBar ***************************/
.block-shadow { position: relative; }
.block-shadow table { width: 100%; }
.block-shadow td.left, .block-shadow td.right  { padding: 0px; font-size: 1px; line-height: 1px; }

.block-shadow td.left { background: url(../images/table-shadow/shadow-l.png) repeat-y; width: 3px; }
.block-shadow td.left div { height: 6px; width: 3px; position: absolute; }
.block-shadow td.left .top { background: url(../images/table-shadow/shadow-lt.png) no-repeat top;  top: 0px;  }
.block-shadow td.left .bottom { background: url(../images/table-shadow/shadow-lb.png) no-repeat; bottom: 0px; }
.block-shadow.st2 td.left { background: url(../images/table-shadow/shadow-l-st2.png) repeat-y; width: 3px; }
.block-shadow.st2 td.left .top { background: url(../images/table-shadow/shadow-lt-st2.png) no-repeat top;  top: 0px;  }
.block-shadow.st2 td.left .bottom { background: url(../images/table-shadow/shadow-lb-st2.png) no-repeat; bottom: 0px; height: 8px; }
.block-shadow.bshadow td.left .bottom { background: url(../images/table-shadow/shadow-bl-bsh.png) no-repeat; height: 19px; }

.block-shadow td.right { background: url(../images/table-shadow/shadow-r.png) repeat-y; width: 5px; }
.block-shadow td.right div { height: 6px; width: 5px; position: absolute; }
.block-shadow td.right .top { background: url(../images/table-shadow/shadow-rt.png) no-repeat; top: 0px; }
.block-shadow td.right .bottom { background: url(../images/table-shadow/shadow-rb.png) no-repeat; bottom: 0px; }
.block-shadow.st2 td.right { background: url(../images/table-shadow/shadow-r-st2.png) repeat-y; width: 5px; }
.block-shadow.st2 td.right .top { background: url(../images/table-shadow/shadow-rt-st2.png) no-repeat; top: 0px; }
.block-shadow.st2 td.right .bottom { background: url(../images/table-shadow/shadow-rb-st2.png) no-repeat; bottom: 0px; height: 8px; }
.block-shadow.bshadow td.right .bottom { background: url(../images/table-shadow/shadow-br-bsh.png) no-repeat; height: 19px; }

.block-shadow td.middle .top { background: url(../images/table-shadow/shadow-t.png) repeat-x; height: 3px; }
.block-shadow td.middle .top div { height: 3px; width: 5px; position: absolute;  }
.block-shadow td.middle .top .left { background: url(../images/table-shadow/shadow-tl.png) no-repeat; }
.block-shadow td.middle .top .right { background: url(../images/table-shadow/shadow-tr.png) no-repeat; right: 2px; }
.block-shadow.st2 td.middle .top { background: url(../images/table-shadow/shadow-t-st2.png) repeat-x; height: 3px; }
.block-shadow.st2 td.middle .top .left { background: url(../images/table-shadow/shadow-tl-st2.png) no-repeat; }
.block-shadow.st2 td.middle .top .right { background: url(../images/table-shadow/shadow-tr-st2.png) no-repeat; right: 2px; }

.block-shadow td.middle .bottom { background: url(../images/table-shadow/shadow-b.png) repeat-x; height: 3px; }
.block-shadow td.middle .bottom div { height: 3px; width: 5px; position: absolute;  }
.block-shadow td.middle .bottom .left { background: url(../images/table-shadow/shadow-bl.png) no-repeat; }
.block-shadow td.middle .bottom .right { background: url(../images/table-shadow/shadow-br.png) no-repeat; right: 2px; }
.block-shadow.st2 td.middle .bottom { background: url(../images/table-shadow/shadow-b-st2.png) repeat-x; height: 5px; }
.block-shadow.st2 td.middle .bottom .left { background: none; }
.block-shadow.st2 td.middle .bottom .right { background: none; }
.block-shadow.bshadow td.middle .bottom { background: url(../images/table-shadow/shadow-bsh.png) left no-repeat; height: 19px; }
.block-shadow.bshadow td.middle .bottom div  { height: 0px; }

.block-shadow .header { margin: 10px; }
.block-shadow .header .title { float: left; width: 60%; margin-left: 30px; display: none; }
.block-shadow .header.show .title { display: block; }
.block-shadow .header .actions { text-align: right; margin-left: 70%; }
.block-shadow .header .actions * { cursor: pointer; }

.block-bsh { margin-left: -30px; padding: 0px 26px 45px 56px; background: url(../images/table-shadow/block-bsh.png) left bottom no-repeat; }

#content .block-shadow .white-space { padding: 30px; }

.read-all { text-align: right; }

.three-columns { margin: 20px 37px; }
.three-columns .column-1 { width: 270px; float: left; }
.three-columns .column-2 { width: 270px; float: left; }
.three-columns .column-3 { margin-left: 300px; #width: 230px; }
.three-columns .column-group-1 { margin-left: 300px; }
.item { margin: 15px 0px 32px; }
.three-columns .sidebar-list .item { margin: 5px 0px; }

/*-----------------  st1  -------------- */
.item.st1 .image { display: block; float: left; width: 40%; padding: 10px 0px 5px; text-align: center; }
.item.st1 .text { margin: 20px 0px; }
.item.st1 a { font: 18px Tahoma; color: #666; }
.item.st1 p { font: 11px Tahoma; color: #666; line-height: 16px; }
.item.st1 .date { color: #ff0000; display: block; }
/*-----------------  st2  -------------- */
.item.blog { margin: 15px 0px 10px; }
.item.st2 .image { display: block; float: left; width: 35%; padding: 0px 0px 5px; text-align: center; }
.item.st2 .text { margin:10px 10px 10px 35%; }
.item.st2 .text a { font: bold 11px Tahoma; color: #666; }
.item.st2 .text p { font: 11px Tahoma; color: #999; margin: 10px 0px; }
/*-----------------  st3  -------------- */
.item.st3 .image { display: block; float: left; width: 15%; text-align: center; }
.item.st3 .text { margin-left: 17%; }
.item.st3 .text .info { color: #999; }
.item.st3 .text .info b { font-weight: bold; color: #ff0000; padding: 0px 15px 0px 0px; }
.item.st3 .text hr { margin-top: 5px; }
.item.st3 .text a { font: bold 14px Tahoma; color: #666; }
.item.st3 .comments-block a { font: bold 11px Tahoma; color: #ccc; }
.item.st3 .comments-block a span { color: #333; }
.item.st3 .comments-block li { list-style: none; display: inline; padding-right: 5px; }
.item.st3 .text p { font-size: 10pt !important; line-height: 16pt !important; color: #666; margin: 5px 0px 15px; line-height: 18px; }
.item.st3 .text p a { font-weight: 100; }
.item.st3 .text p a:hover { text-decoration: none; }
.item.st3 .text li { list-style: none; display: inline; padding-right: 5px; }
/*-----------------  st3-2  -------------- */
.item.st3-2 .text { margin-left: 27%; width: 73%; }
.item.st3-2 .info a { color: #FF0000; font: bold 11px Tahoma; }
.item.st3-2 .tags a { font: 11px Tahoma!important; }
/*-----------------  st4  -------------- */
.item.st4 .image { display: block; float: left; width: 15%; text-align: center; }
.item.st4 .text { margin-left: 17%; }
.item.st4 .text .info { color: #999; }
.item.st4 .text .info b { font-weight: bold; color: #ff0000; padding: 0px 15px 0px 0px; }
.item.st4 .text hr { margin-top: 5px; }
.item.st4 .text a { font: bold 14px Tahoma; color: #666; }
.item.st4 .comments-block a { font: bold 11px Tahoma; color: #ccc; }
.item.st4 .comments-block a span { color: #333; }
.item.st4 .comments-block li { list-style: none; display: inline; padding-right: 5px; }
.item.st4 .text p { font: 11px Tahoma; color: #666; margin: 5px 0px 15px; line-height: 18px; }
.item.st4 .text li { list-style: none; display: inline; padding-right: 5px; }
/*-----------------  st5  -------------- */
.item.st5 a { text-decoration: underline; }
.item.st5 a:hover { text-decoration: none; }
.item.st5 h2 { font: 18px Tahoma; color: #333; margin-bottom: 0px; }
.item.st5 .date { color: #ff0000; }
.item.st5 .text hr { margin-top: 5px; }
.item.st5 .text p { font: 11px Tahoma; color: #666; margin: 5px 0px 15px; line-height: 18px; }
.item.st5 ul { padding: 0px; }
.item.st5 ul ul { margin-bottom: 20px; }
.item.st5 .tags li { list-style: none; }
/*-----------------  customer style  -------------- */
.item.stcustomer h2 { color: #666; font: 18px Tahoma; }
.item.stcustomer .image { display: block; float: left; width: 21%; text-align: center; }
.item.stcustomer .date { color: #ff0000; }
.item.stcustomer .text { margin-left: 26%; }
.item.stcustomer .text a { color: #666; font: 18px Tahoma; }
.item.stcustomer .text p { font: 11px Tahoma; color: #666; margin: 5px 0px 15px; line-height: 18px; }
.item.stcustomer .tags ul { margin-bottom: 30px; }
.item.stcustomer .tags li { list-style: none; }
.item.stcustomer .tags li a { text-decoration: underline; font: 11px Tahoma; color: #666; }
.item.stcustomer .tags li a:hover { text-decoration: none; }
.item.stcustomer .tags .li_inline { display: inline; padding: 0px 10px 0px 0px; }
/*-----------------  case style  -------------- */
.item.stcase h2 { color: #666; font: 18px Tahoma; }
.item.stcase  hr { margin-top: 5px; }
.item.stcase .image { display: block; float: left; width: 21%; text-align: center; }
.item.stcase .date { color: #ff0000; }
.item.stcase .text { margin-left: 26%; }
.item.stcase .text a { color: #666; font: 18px Tahoma; }
.item.stcase .text p { font: 11px Tahoma; color: #666; margin: 5px 0px 15px; line-height: 18px; }
.item.stcase .text .info { font: 11px Tahoma; color: #999; }
.item.stcase .text .info a, .item.stcase .text .info b { font: bold 11px Tahoma; color: #ff0000; }
.item.stcase .download { background: url(../images/bg_download.gif) no-repeat left; padding: 5px 0px 5px 30px; margin-top: 10px; }
.item.stcase .download a { font: 11px Tahoma; }
.item.stcase p { margin-top: 10px; }
.item.stcase .tags ul { margin-bottom: 30px; }
.item.stcase .tags li { list-style: none; }
.item.stcase .tags li a { text-decoration: underline; font: 11px Tahoma; color: #666; }
.item.stcase .tags li a:hover { text-decoration: none; }
.item.stcase .tags .li_inline { display: inline; padding: 0px 10px 0px 0px; }
/*-----------------  item-content  -------------- */
.item-content { margin-top: 20px; }
.item-content h2 { font: 18px Tahoma; color: #666; margin: 0px; padding: 15px 0px; }
.item-content .date { color: #ff0000; display: block; }
.item-content p, .item-content p * { font-size: 13px!important; line-height: 21px!important; color: #666; }
.item-content .tags ul { padding-left: 20px; }
.item-content .tags li { list-style: none; display: inline; padding-right: 10px; }
.item-content .inner-block { margin: 10px 0px; }
.item-content .inner-block hr { margin: 8px 0 15px }
/*-----------------  ststaff  -------------- */
.item.ststaff h2 { font: 18px Tahoma; color: #333; margin: 0px; padding: 0px; }
.item.ststaff .image { display: block; float: left; width: 15%; text-align: center; }
.item.ststaff .text { margin-left: 17%; }
.item.ststaff .text hr { margin-top: 5px; }
.item.ststaff .text a { font: bold 14px Tahoma; color: #666; }
.item.ststaff .text span { font: 12px Tahoma; color: #999; display: block; margin-bottom: 20px; }
.item.ststaff .text p { font: 11px Tahoma; color: #666; margin: 5px 0px 15px; line-height: 18px; }
.item.ststaff .tags ul { margin-bottom: 30px; }
.item.ststaff .tags li { list-style: none; }
.item.ststaff .tags li a { text-decoration: underline; font: 11px Tahoma; color: #666; }
.item.ststaff .tags li a:hover { text-decoration: none; }
/*------  case-study  ----- */
.item-content .case-study { margin-top: 40px; }
.item-content .case-study * { font-size: 11px!important; line-height: 16px!important; }
.item-content .case-study .title { color: #999; margin-bottom: 10px; }
.item-content .case-study .title b { padding-right: 20px; }
.item-content .case-study .title a { color: #FF0000; }
.item-content .case-study .download { background: url(../images/bg_download.gif) no-repeat left; padding: 5px 0px 5px 30px; }
.item-content .case-study p { margin-top: 10px; }

.block-with-rss { position: relative; }
#side-bar .block-with-rss { margin-bottom: 15px; }
.block-with-rss .rss { position: absolute; top: 4px; right: 5px; }

.pages { height: 28px; padding: 9px 0 0; position: relative; }
.pages ul { display: inline; float: left; }
.pages ul li { 
	border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; 
	font: 10px Tahoma; color: #999;
	height: 19px; display: inline; float: left;
	padding: 6px 6px 0; margin: 6px 0 0;
}
.pages ul li.first_page { border-left: 1px solid #efefef; padding: 6px 15px 0 0; }
.pages ul li.last_page { background: none; border-right: 1px solid #efefef; padding: 6px 0 0 18px; }
.pages ul li a { color: #c00; font: 11px Tahoma; text-decoration: underline; }
.pages ul li a:hover { text-decoration: none; }
.pages .active {
	background: url(../images/bg_active_page.gif) no-repeat right top !important;
	border-top: none;
	height: 17px;
	padding-top: 15px; margin: 0;
}

#page { width: 910px; margin: 30px auto 0px; }
#logo { width: 200px; float: left; margin-left: 26px; }
#header ul { margin-left: 350px; display: block; }
#header ul li { list-style: none; float: left; background: url(/images/bg_info_li.gif) no-repeat; padding: 11px 21px }
#header ul label { display: block; padding-bottom: 2px; }
#header ul .text { color: #333; border: 1px solid #ccc; padding: 1px 3px; }
#header ul a { display: block; color: inherit; font-weight: bold; background:transparent url(../images/bg_breaf.gif) no-repeat right bottom; padding: 10px 20px 0px 0px; }

#footer { padding: 30px 26px 0px; margin-top: 20px; border-top: 1px solid #d6d6d6; }
#footer ul ul { display: inline; padding: 0px 0px 0px 5px; }
#footer li { list-style: none; display: inline; font-weight: bold; padding: 0px 3px; }
#footer li li { font-weight: 100; }
#footer .navigation { float: left; width: 65%; }
#footer address { display: block; margin-left: 80%; color: #a9a0a0; font-style: normal; }
#footer address span { color: #ccc; display: block; margin-bottom: 10px; }
#footer address a { color: #cc3333; }

#site_navigation { position: relative; margin: 45px 0 14px 0; height: 80px; }
#site_navigation ul.menu { display: block; height: 36px; margin: 0 0 0 10px; padding: 0px; }
#site_navigation ul.menu li { display: inline; margin: 0 0 0 30px; padding: 0 0 12px; }
#site_navigation .menu_tab { position: absolute; top: 35px; left: 0px; width: 100%; }
#site_navigation .menu_tab li img { padding: 5px 0; }
#site_navigation .menu_tab li a img {border: 1px solid #fff; padding: 5px 15px; }
#site_navigation .menu_tab li a:hover img { border: 1px solid #e5e5e5; }
#site_navigation .menu_tab li.active a img { border: 1px solid #e5e5e5; }
#site_navigation .menu_tab .active_block { background: url(../images/bg_menu_a.gif) no-repeat; height: 10px; position: absolute; top: -7px; width: 31px; }
#site_navigation .menu_tab { height: 43px; }
#site_navigation .menu_tab ul { margin: 10px 0 0 40px; }
#site_navigation .menu_tab ul li { display: inline; padding: 0; }

#our-works { margin-bottom: 50px; }
#our-works .content { margin: 0px 35px 30px; }
#our-works .content .left { width: 44%; float: left; }
#our-works .content .right { width: 44%; margin-left: 55%; #margin-left: 50%; }

#content { float: left; width: 67%; }
#side-bar { margin-left: 69%; width: 31%; #width: 30%; }
#side-bar li { list-style: none; }
#content.print { float: none; width: 100%; }

.tags { padding-top: 10px; line-height: 22px; }
.comment-form { border: 1px solid #f3f3f3; padding: 20px; margin: 10px 0px; }
.comment-form div { margin-bottom: 20px; }
.comment-form label { display: block; }
.comment-form img { vertical-align: text-bottom; }
.comment-form .error { color: red; padding-left: 10px; }
.comment-form div.action { margin-bottom: 0px; text-align: right; }
.comment-form .p50 { width: 50%; border: 1px solid #737373; }
.comment-form .p100 { width: 100%; border: 1px solid #737373; }
.comment-form textarea.p100 { height: 100px; }

.form { padding: 20px 0px; margin: 10px 0px; }
.form div { margin-bottom: 20px; }
.form label { display: block; }
.form img { vertical-align: text-bottom; }
.form .error { color: red; padding-left: 10px; }
.form div.action { margin-bottom: 0px; text-align: right; }
.form .p50 { width: 50%; border: 1px solid #737373; }
.form .p100 { width: 100%; border: 1px solid #737373; }
.form textarea.p100 { height: 100px; }

.comments-list .comment { margin: 7px 0px; }
.comments-list .comment .title { color: #999; padding: 5px 7px; background: url(../images/bg_comment.gif) no-repeat 15px bottom; }
.comments-list .comment .title b { font-weight: bold; color: #ff0000; padding-right: 20px; }
.comments-list .comment p { padding: 16px 7px; background: #f9f7f7; }

ul.search li { list-style: none; padding: 15px 0px; }
ul.search li a { font: 18px Tahoma; color: #333; }
ul.search li em { color: #ff0000; font: inherit; }
ul.search li p { color: #666; }

.download-brief { background: url(../images/ico_word.gif) no-repeat scroll 0 0; height:14px; margin: 27px 0px 50px 0px; padding-left: 30px; }
.download-brief a { color: #FF0000; text-decoration: underline; }
.download-brief a:hover { text-decoration: none; }

#orderContainer { position: relative; }
blockquote { padding: 0px; margin: 0px; }
.info-block { border: 1px solid #F2F2F2; color: #FF0000; margin: 0 0 35px; padding: 20px 30px 20px 80px;  background: url(../images/attention.gif) no-repeat 20px 25px; }
.acc {padding-bottom:6px;padding-left:55px;}