body {
font-family:  Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;
color: #000; 
background:#fff url(../images/layout/bg_top.gif) repeat-x left top;
}
a {
text-decoration: underline;
}
a:link {
color: #00559b;
}
a:visited {
color: #9b0084;
}
a:hover, a:active  {
color:#0090ff;
}

.submenu a:link, .submenu a:visited {
color:#000;
}
.submenu a:hover, .submenu a:active  {
color:#0090ff;
}


h1, h2, h3, h4, h5, h6 {
font-weight:bold;
margin: 0 0 6px 0;
color:#a6a6a6;
}
h1 {
font-size:1.358em;
color:#969696;
}
h2 {
font-size:1.286em;
}
h3 {
font-size:1.143em;
}
h4, h5, h6  {
font-size:1em;
}

.navigation {
font-family:Arial Black, Gadget, sans-serif;
font-size:2.572em;
font-weight:normal;
letter-spacing:-4px;
color:#cdcdcd;
margin: 0 0 11px 0;
}
.navigation a:link, .navigation a:visited {
color:#cdcdcd;
}
.navigation a:hover, .navigation a:active {
color:#0090ff;
}

#overall {
font-size:1.4em;
line-height:1.3;
}
.page-inner {
width:990px;
margin: 0 auto;
}
.p-relative {
position:relative;
}

#header {
height:436px;
background:url(../images/layout/bg_header.gif) repeat-x left bottom;
}
#header .page-inner {
height:436px;
}

#menu {
font-family:Arial Black, Gadget, sans-serif;
font-size:2.572em;
line-height:1;
letter-spacing:-4px;
position:absolute;
z-index:10;
width:680px;
right:15px;
top:68px;
text-align:right;
}

#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
text-decoration:none;
}

#menu a:link, #menu a:visited {
color:#a6a6a6;
}

#menu a:hover, #menu a:active {
color:#0090ff;
}

#menu a.s0:hover, #menu a.s0:active {
color:#f3f;
}
#menu a.s1:hover, #menu a.s1:active {
color:#90f;
}
#menu a.s2:hover, #menu a.s2:active {
color:#0f9;
}
#menu a.s3:hover, #menu a.s3:active {
color:#09f;
}
#menu a.s4:hover, #menu a.s4:active {
color:#03f;
}
#menu a.s5:hover, #menu a.s5:active, .navigation a.s5:hover, .navigation a.s5:active {
color:#9f0;
}
#menu a.s6:hover, #menu a.s6:active, .navigation a.s6:hover, .navigation a.s6:active {
color:#3f0;
}
#menu a.s7:hover, #menu a.s7:active {
color:#fc0;
}
#menu a.s8:hover, #menu a.s8:active {
color:#f90;
}



#menu .menu-hl-num {
color:#a6a6a6;
}
#menu .menu-hl-name {
color:#d9d9d9;
}
#menu .menu-hl-here {
color:#000;
}
#menu p {
display:block;
position:relative;
margin:0 0 -12px;
overflow:hidden;
height:36px;
}
#menu p span, #menu p a {
position:relative;
top:-6px;
}

#site-switcher {
position:absolute;
right:16px;
top:18px;
z-index:20;
font-size:0.715em;
background:#000;
padding:3px 6px 5px;
}
#site-switcher:link, #site-switcher:visited {
color:#fff;
}
#site-switcher:hover, #site-switcher:active {
color:#d9d9d9;
}
#logo {
position:absolute;
z-index:5;
height:436px;
width:355px;
left:15px;
top:0px;
}
#logo a {
position:absolute;
z-index:6;
text-indent:-8000px;
display:block;
}
#layout-business #logo #arctic-fox {
display:none;
}
#layout-business #logo #phones {
width:159px;
height:53px;
padding-top:4px;
left:94px;
top:354px;
position:absolute;
z-index:70;
font-size:1.43em;
line-height:24px;

text-align:center;
}
#layout-creative #logo #phones {
display:none;
}
#layout-creative #logo #arctic-fox {
width:150px;
height:165px;
left:97px;
top:253px;
background:url(../images/layout/arctic_fox.jpg) no-repeat 0 0;
}

#layout-creative #logo #home-link {
width:159px;
height:133px;
left:94px;
top:41px;
background:url(../images/layout/logo_creative.gif) no-repeat 0 0;
}

#layout-creative #logo {
background:url(../images/layout/bg_logo_creative.jpg) no-repeat left bottom;
}
#layout-business #logo {
background:url(../images/layout/bg_logo_business.jpg) no-repeat left bottom;
}
#layout-creative #logo #home-link {
width:159px;
height:133px;
left:94px;
top:41px;
background:url(../images/layout/logo_creative.gif) no-repeat 0 0;
}
#layout-business #logo #home-link {
width:159px;
height:109px;
left:94px;
top:65px;
background:url(../images/layout/logo_business.gif) no-repeat left top;
}
#new-works {
position:absolute;
z-index:20;
height:184px;
width:579px;
right:0px;
top:228px;
text-indent:-8000px;
background:url(../images/layout/new_works.jpg) no-repeat left top;
}

#pagebody {
background:#f6f6f6;
clear:both;
}

.content-wrapper {
float: left;
width: 990px;
}

.sidebar-left .content {
margin-left: 250px;
}
.sidebar-right .content {
margin-right: 250px;
}
.sidebar-wrapper {
float: left;
width: 250px;
}
.sidebar-left .sidebar-wrapper {
margin-left: -990px;
}
.sidebar-right .sidebar-wrapper {
margin-left: -250px;
}

#pagebody .content {
padding:2px 15px 15px 17px;
}
#pagebody .sidebar {
padding:56px 10px 50px 42px;
}
#pagebody .sidebar ul {
list-style:none;
margin:0 0 20px 0;
overflow:hidden;
width:198px;
}
#pagebody .sidebar ul li {
margin:0 0 12px 0;
}

.decor-bar {
height:6px;
width:183px;
background:#000;
position:absolute;
z-index:1000;
line-height:0;
font-size:0;
}
#pagebody .decor-bar {
left:43px;
}
.decor-bar-top {
top:0px;
}
.decor-bar-bottom {
bottom:-1px;
}
.decor-bar-hl {
background:#0090ff;
}


#portfolio {
clear:both;
background:#d9d9d9 url(../images/layout/bg_portfolio.gif) repeat-x left top;
}
#portfolio h2, #footer h2 {
font-family:Arial Black, Gadget, sans-serif;
font-size:2.572em;
font-weight:normal;
letter-spacing:-4px;
margin: 0 0 11px 0;
}
#portfolio h2 {
color:#bebebe;
}


#portfolio .content {
padding:9px 50px 30px 43px;
}
#portfolio .sidebar {
padding:67px 0 30px 53px;
}
#portfolio .decor-bar {
right:15px;
}

#portfolio .sidebar ul {
list-style:none;
margin:0;
overflow:hidden;
width:182px;
font-weight:bold;
}
#portfolio .sidebar ul a{
font-weight:normal;
}
#portfolio .sidebar ul li {
margin:0 0 18px 0;
}

#portfolio .templates {
padding:9px 43px 30px 43px;
}


.portfolio-list {
width:641px;
overflow:hidden;
font-size:0.714em;
}
.portfolio-list ul {
list-style:none;
overflow:hidden;
margin:0 -14px -14px 0;
width:655px;
}
.portfolio-list ul li {
display:block;
float:left;
padding:0 14px 14px 0;
}
.portfolio-list ul li img {
display:block;
width:115px;
height:82px;
border:1px solid #ccc;
}
.portfolio-list ul li a:hover img {
border:1px solid #a6a6a6;
}



.templates-list {
width:903px;
overflow:hidden;
font-size:0.714em;
}
.templates-list ul {
list-style:none;
overflow:hidden;
margin:0 -14px -14px 0;
width:917px;
}
.templates-list ul li {
display:block;
float:left;
padding:0 14px 14px 0;
}
.templates-list ul li img {
display:block;
width:115px;
height:82px;
border:1px solid #ccc;
}
.templates-list ul li a:hover img {
border:1px solid #a6a6a6;
}



#footer {
background:#101010;
height:283px;
color:#8f8f8f;
clear:both;
position:relative;
}
#footer h2 {
color:#2c2c2c;
margin: 0 0 16px 0;
}
#footer .page-inner {
width:948px;
padding-left:42px;
margin: 0 auto;
height:283px;
}

#nzh {
display:block;
position:absolute;
top:219px;
left:165px;
}


ul.work-life {
list-style:none;
margin:-12px 0 0 0;
}
ul.work-life li.header {
color:#2c2c2c;
padding-top:12px;
}

.portfolio-element img {
border:1px solid #a6a6a6;
}
.portfolio-element .openlink {
border:none;
margin-right:5px;
vertical-align:middle;
}
.portfolio-nav {
position:relative;
width:706px;
height:40px;
}
.portfolio-nav-prev,
.portfolio-nav-next,
.portfolio-nav-back {
position:absolute;
width:230px;
height:25px;
top:15px;
}

.portfolio-nav-prev {
left:0;
text-align:left;
}
.portfolio-nav-next {
left:478px;
text-align:right;
}
.portfolio-nav-back {
left:239px;
text-align:center;
}


ul.tag-cloud {
width: 182px;
padding:0;
margin:0;
text-align: left;
list-style:none;
white-space: normal;
}

ul.tag-cloud li {
display: inline;
}

ul.tag-cloud a {
text-decoration: none;
line-height:1.4em;
}

ul.tag-cloud a:link, ul.tag-cloud a:visited {
color: #000;
}

ul.tag-cloud a.active:link, ul.tag-cloud a.active:visited {
background:#a6a6a6;
color: #fff;
}

ul.tag-cloud a:hover, ul.tag-cloud a:active, ul.tag-cloud a.active:hover, ul.tag-cloud a.active:active {
color: #fff;
background:#09f;
}
	
ul.tag-cloud a.rank-0   { font-size: 0.715em; }
ul.tag-cloud a.rank-1  { font-size: 0.858em; }
ul.tag-cloud a.rank-2  { font-size: 1em; }
ul.tag-cloud a.rank-3  { font-size: 1.143em; }
ul.tag-cloud a.rank-4  { font-size: 1.286em; }
ul.tag-cloud a.rank-5  { font-size: 1.429em; }
ul.tag-cloud a.rank-6  { font-size: 1.572em; }
ul.tag-cloud a.rank-7  { font-size: 1.715em; }
ul.tag-cloud a.rank-8  { font-size: 1.858em; }
ul.tag-cloud a.rank-9  { font-size: 2em; }


body, 
#pagebody,
#portfolio, 
* html .content-wrapper {
position:relative
}
* html #overall,
* html #pagebody,
* html #portfolio,
* html .page-inner  {
height:1%;
}


#bugbusters {
display:block;
position:absolute;
top:16px;
right: 0px;
width:579px;
height:239px;
}
#bugbusters .not-only-design {
display:block;
position:absolute;
color:#fff;
background:#000;
width:175px;
height:22px;
line-height:22px;
font-size:12px;
top:0;
right:16px;
padding-left:7px;
}
#bugbusters .promo-wrapper {
width:489px;
height:195px;
padding:31px 73px 0 17px;
margin-top:13px;
background:url(../images/layout/bugbusters-bg.gif) repeat 0 0;
}
#bugbusters .promo-wrapper h3 {
font-size:1.14em;
font-weight:normal;
margin:0 0 19px 0;
}
#bugbusters .promo-wrapper ul {
list-style:none;
margin:0;
font-size:0.857em;
line-height:1.5;
}
#bugbusters .promo-wrapper li {
padding-left:16px;
text-indent:-16px;
}
#bugbusters .promo-wrapper img {
width:123px;
height:165px;
float:right;
margin-left:20px;
margin-top:6px;
}
#bugbusters .promo-wrapper .price {
margin:0;
font-size:1.14em;
}
#bugbusters .promo-wrapper .price span {
font-family:Arial Black, Gadget, sans-serif;
font-size:2.25em;
font-weight:normal;
letter-spacing:-3px;
}

#bugbusters .promo-more-info {
position:absolute;
left:247px;
top:195px;
font-size:1.14em;
}
#bugbusters .promo-more-info:link,
#bugbusters .promo-more-info:visited {
color:#fff;
text-decoration:underline;
}
#bugbusters .promo-more-info:hover,
#bugbusters .promo-more-info:active {
color:#fff;
text-decoration:none;
}