* {font-size:100.010002%}
html {
font-size:62.5%;
height:100%
}
body {
font:14px/1.7 Verdana,'trebuchet ms',arial,helvetica,sans-serif;
color:#474747;
position:relative;
min-width:990px;
height:100%;
margin:0;
padding:0;
background:transparent url(../img/bg-body.gif) repeat-x 0 0;
}
body.gray{
	background-color:#f6f4f4;
}
.wsidebar{background: url(../img/bg-body.gif) repeat-x 0 0;}
*+html {
height:auto
}

*+html body {
height:auto;
overflow:hidden
}

#the-page {
position:relative;
min-height:100%
}

* html #the-page {
height:100%;
overflow:visible;
}
.pagespacer {
height:141px;
}

*+html #exploring-slider {
height:331px
}

a {
outline:none
}

img {
display:block;
border:none
}

input {
color:#616161;
font:13px Tahoma,'trebuchet ms',arial,helvetica,sans-serif
}

form,fieldset {
border:none;
margin:0;
padding:0
}

ul.add {
overflow:hidden;
font:12px arial, helvetica, sans-serif;
list-style:none;
float:right;
margin:45px 0 0;
padding:0
}

ul.add li {
float:left;
background:transparent url(../img/spriteme1.png) no-repeat scroll -2px -363px
}

ul.add strong,ul.add a {
color:#fff;
font-weight:700;
text-decoration:none;
display:block;
margin:0 0 0 17px
}

ul.trackmenu {
clear:right;
margin:10px 0 0
}

ul.trackmenu a {
color:#F46565
}
/* logo */
a.logo {
float:left;
text-indent:-9999px;
overflow:hidden;
width:230px;
height:59px;
background:url(../img/logo.gif);
margin:23px 0 0
}
/* header */
#header {
position:absolute;
top:0;
left:0;
width:100%;
min-width:990px;
height:136px;
z-index:1001
}

.head {
width:967px;
min-height:126px;
margin:0 auto;
padding:0 23px 0 10px
}

div.social {
float:right;
display:inline;
margin:4px 6px 0 0
}

.bookmark-option {
margin-top:8px;
list-style:none;
overflow:hidden;
font:12px arial, helvetica, sans-serif;
color:#fff;
padding:0
}

.bookmark-option li {
float:left;
background:transparent url(../img/spriteme1.png) no-repeat scroll -9px -363px;
margin-right:4px
}

ul.bookmark-option strong,ul.bookmark-option a {
color:#fff;
font-weight:700;
text-decoration:none;
display:block;
margin:0 0 0 18px
}

.bookmark-option a.bookmark {
width:88px;
height:16px;
font-size:10px;
line-height:15px;
overflow:hidden;
text-indent:15px;
color:#fff;
text-transform:uppercase;
text-decoration:none;
display:block;
background:url(../img/bg-social.gif) 0 0
}

.bookmark-option a.rss,.bookmark-option a.twitter,.bookmark-option a.linkedin {
background-image:url(../img/spriteme1.png);
background-repeat:no-repeat;
background-position:-10px -1326px;
overflow:hidden;
display:block;
padding-left:14px;
margin:0 0 0 8px
}

.bookmark-option a.twitter {
background-position:-10px -1367px
}

.bookmark-option a.linkedin {
background-position:-10px -1347px
}

.bookmark-option a.twitter:hover {
background-position:-10px -1598px
}

.bookmark-option a.rss:hover {
background-position:-10px -1565px
}

.bookmark-option a.linkedin:hover {
background-position:-10px -1582px
}
/* twitter-box */
.twit-box{
	float:right;
	background: url(../img/bg-twit.gif) no-repeat;
	width:477px;
	height:51px;
	padding:10px 20px 0 28px;
	color:#dcdddf;
	font:12px/18px Arial, Helvetica, sans-serif;
	margin:20px 0 0;
}
.twit-box a{
	font-style:italic;
	color:#ef6c73;
}
.twit-box a:hover{text-decoration:none;}
.twit-box dl{margin:0;}
.twit-box dt{
	float:left;
	margin:0 5px 0 0;
}
.twit-box dd{margin:0;}
.container{
	height:1%;
	overflow:hidden;
	padding:10px 0 0;
}
.container .visual{
	background: url(../img/bg-visual2.gif) no-repeat 0 100%;
	padding:0 0 27px;
	height:1%;
	overflow:hidden;
}
.container .visual img{
	float:left;
	margin:0 32px 0 0;
	height:auto !important;
}
.container .visual .text{
	height:1%;
	overflow:hidden;
	padding:19px 0 0;
}
.container .visual .slogan{
	width:457px;
	height:219px;
	background: url(../img/slogan.gif) no-repeat;
	text-indent:-9999px;
	margin:0 0 15px;
}
.container .visual .get-quote{
	display:block;
	width:164px;
	height:47px;
	background: url(../img/sprites.png) no-repeat 0 -82px;
	text-indent:-9999px;
}
.content-holder{
	float:left;
	width:714px;
}
ul.social-media{
	list-style:none;
	margin:0 -36px 0 0;
	padding:0;
	width:750px;
	overflow:hidden;
}
ul.social-media li{
	padding:0 0 0 49px;
	width:261px;
	float:left;
	margin:26px 55px 0 0;
	border-bottom:1px solid #d2d2d2;
}
ul.social-media .twitter{background: url(../img/social-icons.gif) no-repeat 0 2px;}
ul.social-media .facebook{background: url(../img/social-icons.gif) no-repeat -500px 2px;}
ul.social-media .foursqaure{background: url(../img/social-icons.gif) no-repeat -1000px 2px;}
ul.social-media .youtube{background: url(../img/social-icons.gif) no-repeat -1500px 2px;}
ul.social-media .iphone{background: url(../img/social-icons.gif) no-repeat -1919px 2px;}
ul.social-media .blogging{background: url(../img/social-icons.gif) no-repeat -2250px 2px;}
ul.social-media p{margin:0 0 17px;}
ul.social-media h4{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#676666;
	margin:0;
}
.aside{
	width:265px;
	float:right;
	background: url(../img/bg-aside.gif) no-repeat 0 15px;
	padding:15px 0 0 11px;
}
.aside h3{
	font:24px Arial, Helvetica, sans-serif;
	color:#676666;
	margin:0 0 15px 11px;
}
.aside .info-box{
	height:1%;
	overflow:hidden;
	border-bottom:1px solid #d2d2d2;
	margin:0 0 15px;
	font-size:11px;
	line-height:14px;
	padding:0 0 0 11px;
}
.aside .info-box h4{
	font-size:18px;
	margin:0 0 5px;
	font-weight:normal;
}
.aside .info-box .image{margin:0 0 15px;}
.aside .info-box .image img{vertical-align:top;}
.aside .info-box .subtitle{
	color:#c13f27;
	display:block;
	margin:0 0 5px;
}
.aside .info-box p{margin:0 0 13px;}
/* navigation */
.nav-container {
position:absolute;
width:100%;
top:99px;
left:0;
z-index:1003
}

.pos {
width:980px;
margin:0 auto
}

#nav {
height:41px;
list-style:none;
z-index:1005;
width:500px!important;
display:block;
margin:-1px 0 0;
padding:0;
font-size:12px;
}

#nav a {
display:block;
text-indent:-9999px;
overflow:hidden;
height:41px;
background:url(../img/text-menu.jpg) no-repeat 0 0
}

#nav a.blog {
width:73px;
position:relative;
background-position:0 -2px
}

#nav a.work {
width:73px;
position:relative;
background-position:-73px -2px
}

#nav a.solutions {
width:102px;
background-position:-146px -2px
}

#nav a.products {
width:102px;
background-position:-248px -2px
}

#nav a.contact {
width:101px;
background-position:-350px -2px
}

#nav li.hover a.blog,#nav li:hover a.blog {
background-position:0 -45px
}

#nav li.active a.blog {
background-position:0 -88px
}

#nav li.hover a.work,#nav li:hover a.work {
background-position:-73px -45px
}

#nav li.active a.work {
background-position:-73px -88px
}

#nav li.hover a.solutions,#nav li:hover a.solutions {
background-position:-146px -45px
}

#nav li.active a.solutions {
background-position:-146px -88px
}

#nav li.hover a.products,#nav li:hover a.products {
background-position:-248px -45px
}

#nav li.active a.products {
background-position:-248px -88px
}

#nav li.hover a.contact,#nav li:hover a.contact {
background-position:-350px -45px
}

#nav li.active a.contact {
background-position:-350px -88px
}

.sub-menu {
width:100%;
position:absolute;
display:none;
top:38px;
left:0;
z-index:1050
}

.sub-content {
display:block;
width:100%;
overflow:hidden;
position:relative;
background:url(../img/sub-menu-bg.png) repeat-x 0 100%;
padding:0 0 10px
}

.sub-menu .content {
width:966px;
position:relative;
z-index:2050;
background:url(../img/br.gif);
overflow:hidden;
margin:0 auto
}

#nav .content ul {
width:980px;
list-style:none;
background:url(../img/br.gif);
overflow:hidden;
margin:0;
padding:7px 0 0
}

#nav .content ul li {
width:auto;
background:url(../img/bg-separator.gif) repeat-y 100% 0;
float:left;
overflow:hidden;
margin:0 8px -200px 0;
padding:0 0 206px
}

#nav .content ul li.drawings {
width:122px
}

#nav .content ul li.print {
width:69px
}

#nav .content ul li.optimization {
width:195px
}

#nav .content ul li.marketing {
width:216px;
background:none;
margin:0 0 -200px
}

#nav .content ul li.by-tags {
width:130px
}

#nav .content ul p {
background:url(../img/bullet.gif) no-repeat left;
text-transform:uppercase;
font-weight:700;
display:inline;
margin:-4px 0 0;
padding:0 0 0 11px
}

#nav li.hover .content ul li p a,#nav li:hover .content ul li p a {
color:#dcdddf;
position:relative
}

#nav .content ul ul {
width:auto;
margin:0 0 0 8px;
padding:0
}

#nav .content ul ul li {
float:none;
width:auto;
background:url(../img/bullet2.gif) no-repeat left;
line-height:17px;
margin:0;
padding:0 0 0 8px
}

#nav li.hover .content ul li a,#nav li:hover .content ul li a {
display:inline;
text-indent:0;
width:auto;
height:auto;
line-height:normal;
color:#a6a6a6;
font-weight:700;
text-decoration:none;
background:url(../img/br.gif) no-repeat 0 100%
}

#nav li:hover .content ul li a:hover,#nav li.hover .content ul li a:hover {
background:url(../img/separator.gif) repeat-x 0 100%
}
/* bottom-block */
.bottom-block{
	width:100%;
	background: url(../img/bg-bottom.gif);
	margin-bottom:63px;
}
.bottom-block .inner{
	width:990px;
	margin:0 auto;
	overflow:hidden;
	padding:30px 0 25px;
	color:#eaeaea;
}
.bottom-block .col{
	float:left;
	width:619px;
	margin:0 0 0 12px;
}
.bottom-block .col2{
	width:277px;
	float:right;
	margin:0 12px 0 0;
}
.bottom-block .col h4{
	font:italic 30px /34px Arial, Helvetica, sans-serif;
	margin:0 0 16px;
	color:#f6f6f6;
}
.bottom-block .box{
	background: url(../img/bg-col1-t.gif) no-repeat;
	padding:3px 0 0;
	margin:0 0 5px;
}
.bottom-block .box .holder{
	background: url(../img/bg-col1-b.gif) no-repeat 0 100%;
	padding:0 0 3px;
}
.bottom-block .box .frame{
	height:1%;
	overflow:hidden;
	background:#212226;
	padding:16px 18px;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#eaeaea;
}
.bottom-block .col2 .box{
	background: url(../img/bg-col2-t.gif) no-repeat;
	padding:5px 0 0;
}
.bottom-block .col2 .box .holder{
	background: url(../img/bg-col2-b.gif) no-repeat 0 100%;
	padding:0 0 5px;
}
.bottom-block .box p{margin:0;}
.bottom-block .box .contact-form{
	/*padding:0 0 0 10px;*/
	font-size:14px;
}
.bottom-block .box .contact-form span.wpcf7-form-control-wrap{float:none !important;display:inline !important;}
.bottom-block .box .contact-form span.wpcf7-form-control-wrap input {display:inline !important;}
.bottom-block .box .contact-form span.wpcf7-not-valid-tip-no-ajax {display:inline !important;} 
.bottom-block .box .contact-form div.wpcf7-response-output{margin:0 0 10px 0 !important;padding:0 !important;}
.bottom-block .box .contact-form div.wpcf7-mail-sent-ok {color:#398f14;border:none !important;}
.bottom-block .box .contact-form div.wpcf7-mail-sent-ng {color:#ff0000;border:none !important;}
.bottom-block .box .contact-form div.wpcf7-spam-blocked {color:#ffa500;border:none !important;}
.bottom-block .box .contact-form div.wpcf7-validation-errors {color:#f7e700;border:none !important;}

.bottom-block .box .contact-form .text{
	background:none;
	border:0;
	border-bottom:2px dotted #EAEAEA;
	width:150px;
	color:#eaeaea;
	font:14px/18px Arial, Helvetica, sans-serif;
}
.bottom-block .box .contact-form .submit{
	float:right;
	width:93px;
	height:34px;
	background: url(../img/sprites.png) no-repeat 0 -48px;
	border:0;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	margin:35px 0 0;
	padding:0;
	cursor: pointer;
}
.bottom-block .right-text{
	float:right;
	font:12px/18px Arial, Helvetica, sans-serif;
}
.bottom-block .right-text a{color:#80a638;}
/* footer */
#the-footer {
position:relative;
height:63px;
margin-top:-63px
}
#footer {
width:100%;
clear:both;
height:63px;
overflow:hidden;
min-width:990px;
color:#ccc9c4;
font-size:.85em;
background:url(../img/bg-footer.gif)
}

.foo {
width:990px;
overflow:hidden;
margin:0 auto;
padding:22px 0 0 10px
}

#footer a {
text-decoration:none;
color:#ccc9c4
}

#footer p {
float:left;
clear:left;
margin:0
}

#footer ul {
font-size:.85em;
list-style:none;
float:right;
clear:right;
overflow:hidden;
margin:0;
padding:0 15px 0 0
}

* html #footer ul {
padding:0 5px 0 0
}

#footer ul li {
float:left;
background:url(../img/spriteme1.png) no-repeat -10px -1296.5px;
margin:0 10px 0 -1px;
padding:0 0 0 9px
}

#footer acronym {
border-bottom:1px dotted #acacac
}

* html #footer acronym {
background:url(../img/separator2.gif) repeat-x 0 14px;
border:none
}

#exploring {
width:100%;
clear:both;
min-width:990px
}

#exploring .content {
width:100%;
min-width:990px;
overflow:hidden;
background:#fefcf6 url(../img/bg-exploring.gif) repeat-x 0 0
}

* html #exploring .content {
overflow:visible
}

#exploring .twobox {
width:990px;
overflow:hidden;
margin:0 auto;
padding:0 0 0 10px
}

#exploring .left {
width:768px;
float:left
}

#exploring .right {
width:244px;
float:right;
display:inline;
margin:0 0 0 -23px;
padding:24px 0 0
}

#exploring .left ul {
width:768px;
overflow:hidden;
list-style:none;
margin:0;
padding:0
}

#exploring .left ul li {
float:left;
overflow:hidden
}

#exploring .left ul li.col1 {
width:228px
}

#exploring .left ul li.col2 {
width:211px
}

#exploring .left ul li.col3 {
width:164px
}

#exploring .left ul li.col4 {
width:162px
}

#exploring .left h4 {
font-size:16px;
overflow:hidden;
color:#ea5f5f;
height:26px;
margin:24px 0 -4px;
padding:0 0 0 16px
}

#exploring .left h4.solutions {
background:url(../img/bullet-ppcrs.gif) no-repeat 0 -100px;
margin:24px 0 0 3px
}

#exploring .left h4.products {
background:url(../img/bullet-ppcrs.gif) no-repeat 0 -21px
}

#exploring .left h4.portfolio {
background:url(../img/bullet-ppcrs.gif) no-repeat 0 5px
}

#exploring .left h4.resources {
background:url(../img/bullet-ppcrs.gif) no-repeat 0 -60px
}

#exploring .left h4.company {
background:url(../img/bullet-ppcrs.gif) no-repeat 0 -141px
}

#exploring .left ul ul {
list-style:none;
font-size:13px;
line-height:17px;
margin:3px 0 0;
padding:0
}

#exploring .left ul ul a {
color:#616161;
background:url(../img/bullet3.gif) no-repeat left;
text-decoration:none;
margin:0 0 0 6px;
padding:0 0 0 9px
}

#exploring .left ul ul ul a {
color:#a6a6a6;
background:url(../img/bullet4.gif) no-repeat left;
margin:0 0 0 11px;
padding:0 0 0 7px
}

#exploring .right form {
overflow:hidden;
padding:0 0 0 23px
}

#exploring .right input.txt {
width:129px;
height:19px;
border:1px solid #d6d1c8;
margin:0 4px 0 0;
padding:1px 0 0 7px
}

div.address {
background:url(../img/bg-address.gif) no-repeat 5px 100%;
width:244px;
margin:6px -23px 0;
padding:0 23px 15px
}

div.address .frame {
width:179px;
font-size:13px;
line-height:17px;
color:#616161;
background:#fff;
border:1px solid #ebe9e4;
margin:0 0 0 23px;
padding:19px 0 20px 17px
}

div.address dt {
white-space:nowrap;
overflow:hidden;
font-size:16px;
color:#ea5f5f;
font-weight:700
}

div.address address {
width:170px;
display:block;
font-style:normal;
margin:2px 0 0
}

#exploring .top {
width:966px;
overflow:hidden;
position:relative;
margin:0 auto;
padding:0 23px 0 10px
}

#exploring .top a.start,#exploring .top a.stop {
width:205px;
height:27px;
overflow:hidden;
text-indent:-9999px;
float:left;
background:url(../img/spriteme1.png) no-repeat -10px -317px;
margin:0 0 -1px 1px
}

#exploring .top a.start {
height:27px;
background:url(../img/spriteme1.png) no-repeat -10px -290px
}

#exploring .top a.back-to-top {
width:79px;
height:14px;
float:right;
overflow:hidden;
text-indent:-9999px;
background:url(../img/spriteme1.png) no-repeat -215px -290px;
margin:0
}

#exploring .top a.back-to-top:hover {
background:url(../img/spriteme1.png) no-repeat -215px -319px
}
/* page */
#pagewidth {
width:990px;
background:url(../img/bg-right.gif) no-repeat 776px 0;
margin:0 auto;
padding:35px 0 34px 10px
}

.work #pagewidth {
background-position:747px 0!important
}

#main {
width:990px;
float:left
}

#right {
float:right;
width:200px;
display:inline;
margin:0 23px 0 0
}

#left {
width:766px;
float:left
}

ul.featured-products {
width:180px;
overflow:hidden;
list-style:none;
margin:2px 0 0 20px;
padding:0
}

ul.featured-products li {
background:url(../img/bg-li.gif) no-repeat 0 0;
float:left;
width:180px;
margin:-1px 0 0;
padding:1px 0 16px
}

ul.featured-products p {
margin:12px 0 0
}

ul.featured-products h4 {
overflow:hidden;
text-indent:-9999px;
width:180px;
margin:0
}

ul.featured-products h4.w3-markup {
background:url(../img/bg-hp-logos.gif) no-repeat 0 0;
height:33px;
margin:15px 0 0
}

ul.featured-products h4.w3-prolific {
background:url(../img/bg-hp-logos.gif) no-repeat 0 -33px;
height:48px;
margin:15px 0 0
}

ul.featured-products h4.w3-monitor {
background:url(../img/spriteme1.png) no-repeat -10px -91px;
height:50px;
margin:15px 0 0
}

ul.featured-products h4.w3-simulator {
background:url(../img/spriteme1.png) no-repeat -10px -234px;
height:37px;
margin:15px 0 0
}

ul.featured-products h4.palette-inspiration {
background:url(../img/spriteme1.png) no-repeat -10px -141px;
height:45px;
margin:16px 0 0
}

ul.featured-products h4.favicon {
background:url(../img/spriteme1.png) no-repeat -10px -186px;
height:47px;
margin:11px 0 0
}

h3.f-products {
font:1.6em Tahoma,'trebuchet ms',arial,helvetica,sans-serif;
color:#5d5d5d;
height:26px;
margin:0 0 0 20px
}

h3.testimonials {
font-weight:700;
font-size:20px;
height:24px;
line-height:normal;
color:#3f3f3f;
margin: 0 0 0 20px;
font-family:Tahoma,'trebuchet ms',arial,helvetica,sans-serif;
}

#left .twocolumn {
width:766px;
overflow:hidden;
background:url(../img/bg-visual.gif) no-repeat 2px 100%;
padding:0 0 28px
}

#left .twocolumn .visual {
float:left;
border:1px solid #c4c4c4;
height:289px;
margin:5px 0 0;
padding:7px 8px
}

#left .twocolumn .right {
float:right;
width:241px;
height:289px
}

#left .twocolumn .visual img {
width:477px;
overflow:hidden;
background:#fff
}

#left a:link {
color:#0181e3;
white-space:nowrap;
text-decoration:underline
}

#left a:visited {
color:#aeaeae;
text-decoration:underline;
}

#left .content a:visited {
color:#aeaeae;
text-decoration:underline;
/*background:transparent url(../img/bg-a-visited.gif) no-repeat right bottom;
padding:0 11px 0 2px*/
}

#left .content a:visited:hover {
color:#f46565;
text-decoration:none
}

#left a:hover {
color:#f56766;
text-decoration:none
}

#left span.highlighted {
background:#7a7a7a;
color:#fff;
padding:0 2px
}

ul.news {
width:220px;
list-style:none;
margin:-4px 0 0;
padding:0
}

ul.news h3 {
font-size:1.1em;
color:#484952;
font-weight:700;
margin:0
}

ul.news h3 a {
text-decoration:none!important;
white-space:normal!important;
padding:0!important
}

ul.news h3 a:hover {
color:#f56766!important
}

ul.news p {
font-size:1em;
overflow:hidden;
margin:0 0 11px
}

#left ul.news p a.readmore {
background:transparent url(../img/bg-readmore.gif) no-repeat scroll 100% 6px;
padding:0 12px 0 1px
}

#left ul.news p a.readmore:visited {
color:#AEAEAE;
background:transparent url(../img/bg-a-visited.gif) no-repeat scroll 100% 6px
}

#left ul.news p a.readmore:hover {
color:#f56564;
background:transparent url(../img/bg-readmore-h.gif) no-repeat scroll 100% 6px
}

ul.news li {
width:220px;
float:left;
overflow:hidden;
padding:9px 0 4px
}

ul.news a.more {
width:14px
}

ul.news .category {
width:220px;
overflow:hidden;
font:.9em arial,Tahoma,'trebuchet ms',helvetica,sans-serif;
margin:5px 0 0;
padding:0
}

ul.news .category strong {
float:left;
width:58px;
font-weight:400;
color:#7a7a7a
}

ul.news .category ul {
list-style:none;
float:left;
width:162px;
font-weight:700;
margin:0;
padding:0
}

ul.news .category ul li {
display:inline;
width:auto;
float:none;
margin:0 2px 0 0;
padding:0
}

#left ul.news .category ul li a {
font:1em arial,Tahoma,'trebuchet ms',helvetica,sans-serif;
color:#2d2d2d;
background:url(../img/bg-cat.gif) repeat-x 0 100%;
text-decoration:none
}

#news-box h2 {
overflow:hidden;
font:1.6em Tahoma,'trebuchet ms',arial,helvetica,sans-serif;
height:24px;
color:#5d5d5d;
margin:0;
padding:0 0 2px
}

ul.treecol {
list-style:none;
width:766px;
overflow:hidden;
background:url(../img/bg-threecol.jpg) no-repeat 0 100%;
margin:0 0 0 -37px;
padding:0 0 24px 37px
}

ul.treecol a {
width:242px;
height:154px;
overflow:hidden;
padding:0!important
}

ul.treecol img {
border:1px solid #c4c4c4;
background:#fff;
padding:7px
}

ul.treecol a:hover img {
border:1px solid #f46565
}

ul.treecol li.optimization {
margin:0 11px 0 0
}

ul.treecol li.design {
margin:0 12px 0 0
}

.bar {
width:100%;
height:1px;
overflow:hidden;
clear:both
}

.treecol h2 {
overflow:hidden;
width:234px;
color:#fff;
height:28px;
margin:0 0 5px 7px
}

#left .treecol h2 a {
font:1.6em 'trebuchet ms',arial,helvetica,sans-serif;
color:#f46565;
text-decoration:none;
background:none
}

#left .treecol h2 a:hover {
background:none;
color:#f46565
}

.text-box {
width:100%;
overflow:hidden;
padding:15px 0 0
}

.text-box h1 {
font:1.6em 'trebuchet ms',arial,helvetica,sans-serif;
color:#5d5d5d;
height:26px;
overflow:hidden;
font-weight:700;
margin:0
}

.text-box h1 a {
font-size:23px;
cursor:default
}

.text-box h1,.text-box h1 .sIFR-replaced,.text-box h1 .sIFR-replaced embed {
cursor:default!important
}

.text-box p {
margin:9px 15px 13px 0
}

a.out {
background:url(../img/bg-site.gif) no-repeat 100% 5px!important;
text-decoration:underline;
color:#0181E3!important;
padding:0 13px 0 0!important
}

a.out:hover {
background:#0181E3 url(../img/bg-site-hover.gif) no-repeat 100% 5px!important;
color:#fff!important
}

strong.author {
color:#999;
font-style:italic;
display:block;
font-size:17px;
margin:-3px 0 0
}

a.skip-content:hover {
background:url(../img/bg-skip.gif);
border-bottom:1px solid #09090a
}

a.skip-content:hover span {
background:url(../img/text-skip-content.gif)
}

a.skip-content {
width:100%;
height:25px;
position:absolute;
top:0;
left:0;
z-index:1002
}

a.skip-content span {
display:block;
overflow:hidden;
text-indent:-9999px;
width:123px;
height:11px;
margin:7px auto 0
}

#right .box h3 {
font-weight:700;
font-size:20px;
height:24px;
line-height:normal;
overflow:hidden;
color:#3f3f3f;
padding-left:24px;
font-family:Tahoma,'trebuchet ms',arial,helvetica,sans-serif;
margin:0
}

#right .box.first{
	background:none !important;
	padding:0 !important;
}

#right .box h3.twitter {
background:transparent url(../img/sprites2.gif) no-repeat 0 -117px
}

#right .box h3.popular {
background:transparent url(../img/sprites2.gif) no-repeat 0 -147px
}

#right .box h3.topics {
background:transparent url(../img/sprites2.gif) no-repeat 0 -178px
}

#right .box h3.archives {
background:transparent url(../img/sprites2.gif) no-repeat 0 -207px
}

#right .box h4 {
font-weight:400;
font-size:26px;
height:24px;
overflow:hidden;
margin:0
}

#right .box {
width:180px;
font-size:.93em;
background:url(../img/bg-box.gif) no-repeat 0 0;
margin:0 0 0 20px;
padding:13px 0 18px
}

#latest-tweets ul li {
list-style:none;
font-size:12px;
margin:12px 0 0;

}

#latest-tweets ul li.info {
margin:5px 0 0;
font-size:11px;
color:#888;
padding-bottom:10px;
}

#latest-tweets a:link {
color:#0181e3;
white-space:nowrap;
text-decoration:none
}

#latest-tweets a:hover {
color:#f56766;
text-decoration:underline
}

#latest-tweets a:visited {
color:#0181e3;
text-decoration:none
}

#latest-tweets ul li.info a {
	color:#555;
	text-decoration: none;
}
#latest-tweets ul li.info a:hover {
	text-decoration: underline;
	color:#f56766;
}

ul.popular-articles {
line-height:normal;
list-style:none;
margin:0;
padding:0
}

ul.popular-articles li {
background:transparent url(../img/bg-box.gif) no-repeat scroll 0 0;
margin:4px 0 0;
padding:10px 0
}

ul.popular-articles a {
color:#3b9be5;
text-decoration:none;
font-size:14px;
font-weight:700;
line-height:1.5
}

ul.popular-articles a:hover {
text-decoration:underline;
color:#f46464
}

ul.popular-articles span {
font-size:12px
}
.dropdown{
	position:relative;
}
.dropdown-box {
width:190px;
height:23px;
border:1px solid #d6d6d6;
cursor:pointer;
position:relative;
background:#fff url(../img/bg-dropdown.gif) no-repeat 97% 50%;
display:block;
font-size:14px;
font-family:Tahoma,'trebuchet ms',arial,helvetica,sans-serif;
margin:10px 0 0;
padding:0 5px
}

ul.archive {
line-height:1.8;
list-style:none;
border:1px solid #d6d6d6;
width:200px;
background:#fff url(../img/bg-sidebar-dropdown.jpg) repeat-x 0 100%;
font-size:14px;
font-family:Tahoma,'trebuchet ms',arial,helvetica,sans-serif;
margin:2px 0 0 0;
padding:0;
position:absolute;
top:22px;
z-index:100;
}

#archive-dropdown{
	z-index:99;
}

ul.archive li {
cursor:pointer;
padding-left:5px
}

ul.archive li:hover {
background-color:#ececec
}

ul.archive a {
text-decoration:none;
color:#717171;
background:url(../img/bullet5.gif) no-repeat left 8px;
padding:0 0 0 6px
}

#right .box .image {
width:100px;
display:block;
overflow:hidden;
font-size:15px;
font-style:italic;
color:#999;
line-height:1.2;
margin:10px 0 0;
padding:6px 0 0 80px
}

#right .box .image img {
float:left;
display:inline;
border:1px solid #c4c4c4;
margin:-6px 0 0 -80px
}

#right .about {
width:180px;
background:url(../img/bg-box.gif) no-repeat 0 100%;
padding:0 0 27px
}

#right .about p {
font-size:.92em;
line-height:normal;
margin:7px 0 0
}

#right .about ul {
font-size:.92em;
line-height:normal;
list-style:none;
overflow:hidden;
width:180px;
margin:5px 0 0;
padding:0
}

#right .about ul li {
float:left;
margin:0 12px 0 0
}

#right .about ul a {
background:url(../img/bg-a.gif) repeat-x 0 100%;
color:#f46565;
text-decoration:none;
white-space:nowrap
}
/* breadcrumbs */
.breadcrumbs {
background:transparent url(../img/bg-breadcrumbs.png) repeat-x 0 0;
height:31px;
min-width:1000px;
width:100%;
font:11px/26px tahoma,arial,helvetica,sans-serif;
position:absolute;
left:0;
top:139px;
z-index:100;
margin:0 0 -17px
}

.breadcrumb-shadow {
background:transparent url(../img/bg-breadcrumbs.png) repeat-x 0 100%;
height:6px;
min-width:1000px;
width:100%;
font:11px/26px tahoma,arial,helvetica,sans-serif;
position:absolute;
left:0;
top:139px;
z-index:100;
margin:0 0 -17px
}

.float div {
position:relative;
z-index:100
}

.breadcrumbs div {
width:990px;
margin:0 auto
}

.breadcrumbs ul {
list-style:none;
color:#7f7f7f;
overflow:hidden;
width:984px;
margin:0;
padding:0 0 0 5px
}

.breadcrumbs ul li {
float:left;
margin:0 8px 0 0
}

.breadcrumbs a {
color:#4d4d4d;
text-decoration:none
}

#left .content {
width:744px
}

#left .content p {
margin:5px 0 0
}

#left .content h2 {
font-size:1.3em;
color:#3f4346;
margin:14px 0 0
}

#left .content h2.contact-form-header {
font-weight:700;
font-size:1.6em;
margin-top:25px
}

#left .content h1 {
line-height:normal;
height:32px;
color:#5D5D5D;
overflow:hidden;
font:1.6em Tahoma,'trebuchet ms',arial,helvetica,sans-serif;
margin:-5px 0 0
}

#left .content ul {
list-style:none;
margin:10px 0 0 3px;
padding:0
}

#left .content ul li {
background:url(../img/bullet6.gif) no-repeat 0 6px;
padding:0 0 0 15px
}

#left .content img {
border:1px solid #c4c4c4;
background:#fff;
margin:13px 0 0;
padding:3px
        
}

#left .content img.visual {
border:0!important;
padding:0!important;
background:none;
}

#left #comments img {
border:0;
background:none;
display:inline;
margin:0;
padding:0
}

#left .content .box {
background:url(../img/separator4.gif) repeat-x 0 0;
overflow:hidden;
width:745px;
margin:15px 0 0
}

#left .content .box .frame {
background:url(../img/separator4.gif) repeat-x 0 100%;
padding:23px 0 19px
}

#left .content .box img {
float:left;
margin:0 18px 0 0
}

#left .content h3 {
font-size:13px;
margin:0
}

#left .content .box p {
margin:0 0 9px
}

#left .content blockquote {
width:745px;
background:url(../img/bg-q.gif) no-repeat 0 0;
margin:12px 0 0;
padding:0
}

#left .content blockquote div {
background:url(../img/bg-q-b.gif) no-repeat 100% 100%;
text-align:justify;
color:#717171;
padding:0 32px 0 30px
}

#left .content ol {
list-style:none;
margin:8px 0 0;
padding:0
}

#left .content ol strong.number {
margin:0 7px 0 0
}

#left .content ol ol {
margin:0 0 0 17px;
padding:5px 0
}

#left .content .two {
width:100%;
overflow:hidden;
padding:0 0 25px
}

#left .content .two .right {
float:right;
width:247px;
border:1px solid #c4c4c4;
font-size:.92em;
margin:16px 0 0 11px;
padding:7px
}

#left .content .two .frame {
background:#f1f1f1 url(../img/bg-q.gif) no-repeat 0 0
}

#left .content .two .bg {
background:url(../img/bg-q-b.gif) no-repeat 100% 100%;
padding:16px 20px 30px 25px
}

#left .content .contact {
width:745px;
overflow:hidden;
margin:14px 0 20px
}

#left .content .contact .left {
width:444px;
float:left
}

#left .content .contact .right {
float:right;
width:267px;
color:#616161
}

#left .content .contact .right p {
line-height:21px;
padding-right:20px;
padding-bottom:12px
}

#left .content .contact .right h4 {
white-space:nowrap;
overflow:hidden;
font-size:16px;
color:#ea5f5f;
margin:0
}

#left .content .contact .right address {
width:190px;
display:block;
font-style:normal;
margin:5px 0 0
}

#left .content .contact .right ul li {
background:none;
margin:15px 0 0;
padding:0
}

#left .content .contact ul {
font-size:13px;
list-style:none;
width:340px;
float:left;
overflow:hidden;
margin:0;
padding:0
}

#left .content .contact ul li {
float:left;
width:305px;
overflow:hidden;
background:none;
position:relative;
margin:17px 0 0;
padding:0
}

#left .content .contact ul li.all {
display:inline;
margin:5px 0 0 103px
}

#left .content .contact ul li.label {
width:96px;
text-align:right;
display:none;
padding:0 7px 0 0
}

#left .content .contact ul em {
color:#ff6920;
font-weight:700
}

#left .content .contact input {
width:294px;
height:20px;
border:1px solid #c4c4c4;
font-size:14px;
float:left;
padding:4px
}

#left .content .contact .auto {
width:222px
}

#left .content .contact select {
width:304px;
height:22px
}

#left .content .contact input.short {
width:63px;
float:right
}

#left .content .contact textarea {
width:294px;
height:167px;
border:1px solid #c4c4c4;
float:left;
font-size:14px;
color:#616161;
font-family:Tahoma,'trebuchet ms',arial,helvetica,sans-serif;
padding:4px
}

#left .content .contact .send-a-copy {
margin-top:-12px
}

#left .content .contact input.error {
border:1px solid #f26b6b
}

#left .content .contact div.error {
font-weight:700;
color:#f46565;
margin:0 0 0 104px
}

#left .content .contact img {
border:none;
margin:0;
padding:0
}

#left .content .im-right {
float:right;
margin:10px 0 0 26px
}

#left .content .contact ul.buttons {
clear:both;
margin-left:142px
}

#left .content .contact ul.buttons li {
display:inline;
margin:10px 0 0 142px
}

#left .content .contact ul.buttons input {
float:left;
border:none;
width:auto;
height:auto;
cursor:pointer;
text-indent:-9999px;
margin:0 5px 0 0;
padding:0
}

#left .content .contact ul.buttons input.submit,.button-submit {
background:transparent url(../img/buttons.gif) no-repeat -132px 0;
width:75px;
height:31px;
border:0 none;
cursor:pointer
}

#left .content .contact ul.buttons input.submit:hover,.button-submit:hover {
background:transparent url(../img/buttons.gif) no-repeat -132px -31px
}

.button-download {
background:transparent url(../img/buttons.gif) no-repeat -354px 0;
width:81px;
height:31px;
border:0 none;
cursor:pointer
}

.button-download:hover {
background:transparent url(../img/buttons.gif) no-repeat -354px -31px
}

.button-readmore {
background:transparent url(../img/buttons.gif) no-repeat -435px 0;
width:86px;
height:31px;
border:0 none;
cursor:pointer
}

.button-readmore:hover {
background:transparent url(../img/buttons.gif) no-repeat -435px -31px
}

#left .content .contact ul.buttons input.cancel {
background:transparent url(../img/buttons.gif) no-repeat -207px 0;
width:75px;
height:31px
}

#left .content .contact ul.buttons input.cancel:hover {
background:transparent url(../img/buttons.gif) no-repeat -207px -31px
}

#left pre {
line-height:normal;
overflow:hidden;
float:right;
width:682px;
color:#009;
font-size:13px;
margin:0;
padding:0
}

#left .pre-frame {
width:741px;
overflow:hidden;
border:1px solid #c4c4c4;
margin:14px 0 0
}

#left .pre-frame .bg {
background:#f0f0f0;
overflow:hidden;
width:727px;
border:7px solid #fff
}

#left .pre-frame span {
display:block;
line-height:27px;
background:#f8f8f8;
border-bottom:1px solid #f3f3f3;
border-top:1px solid #f3f3f3;
margin:1px 0 0
}

#left .pre-frame span:hover,#left .pre-frame span.hover {
background:#fefefe
}

#left .pre-frame ul {
float:left;
width:40px;
list-style:none;
margin:0;
padding:0
}

#left .pre-frame ul li {
float:left;
width:40px;
text-indent:14px;
line-height:29px;
background:none;
margin:1px 0 0;
padding:0
}

#left .pre-frame strong {
font-weight:400;
color:#F0F
}

#left .pre-frame em {
font-style:normal;
color:#00f
}

#title-box,#top-box {
width:990px;
overflow:hidden;
margin:0
}

#top-box h1,#title-box h1 {
line-height:normal;
height:32px;
color:#5D5D5D;
overflow:hidden;
font:1.6em Tahoma,'trebuchet ms',arial,helvetica,sans-serif;
margin:0
}

ul.threecol {
background:url(../img/separator5.gif) repeat-x 0 100%;
list-style:none;
width:967px;
overflow:hidden;
margin:12px 0 0;
padding:0 0 25px
}

ul.threecol.last {
background:none;
width:629px;
padding:12px 0 25px 338px
}

ul.threecol li {
float:left;
width:301px;
margin:0 36px 0 0
}

ul.threecol li.center {
margin:0 28px 0 0
}

ul.threecol h2 {
overflow:hidden;
text-indent:-9999px;
height:66px;
margin:0
}

ul.threecol h2.w3-simulator {
background:url(../img/bg-product-btn.gif) no-repeat 0 0;
margin:7px 0 0
}

ul.threecol h2.w3-prolific {
background:url(../img/bg-product-btn.gif) no-repeat 0 -68px;
margin:7px 0 0
}

ul.threecol h2.w3-monitor {
background:url(../img/bg-product-btn.gif) no-repeat 0 -136px
}

ul.threecol h2.favicon {
background:url(../img/bg-product-btn.gif) no-repeat 0 -204px;
height:75px
}

ul.threecol h2.digg-button {
background:url(../img/bg-product-btn.gif) no-repeat 0 -279px;
height:75px
}

ul.threecol h2.palette-inspiration {
background:url(../img/bg-product-btn.gif) no-repeat 0 -354px;
height:75px
}

ul.threecol h2.w3-markup {
background:url(../img/bg-product-btn.gif) no-repeat 0 -429px;
margin:7px 0 0
}

ul.threecol h2.w3-hosting {
background:url(../img/bg-product-btn.gif) no-repeat 0 -495px;
height:75px
}

ul.threecol p {
margin:22px 5px 0 9px
}

ul.threecol .more {
border-left:1px solid #c4c4c4;
display:block;
margin:8px 0 0;
padding:3px 0 2px 8px
}

#pagewidth a.view-details {
width:66px;
color:#3c9ce5;
overflow:hidden
}

.thumbs {
min-height:32px;
list-style:none;
width:990px;
margin:12px 0 0;
padding:0;
float:left
}

.thumbs li {
float:left;
margin:0 8px 0 0;
padding:0 0 8px
}

.thumbs .small {
border:1px solid #c4c4c4;
background:#fff;
padding:3px
}

.thumbs .thumb-holder {
width:23px;
height:23px;
background:transparent url(/wp-content/uploads/projects/imagemap_icon_small.png) no-repeat
}

.thumbs .thumb-holder.product {
background-image:url(../inc/cache/products-thumbs.png)
}

.thumbs li .popup {
position:absolute;
top:31px;
font-size:13px;
left:30px;
width:231px;
z-index:105;
display:none
}

.thumbs li a {
text-decoration:none;
color:#979797;
float:left;
line-height:1.2
}

.thumbs li .popup span.c img {
float:left;
display:inline;
border:1px solid #c4c4c4;
margin:0 0 0 -70px;
padding:3px
}

.thumbs li .popup span.c .hint-image {
float:left;
display:inline;
border:1px solid #c4c4c4;
width:51px;
height:51px;
background:transparent url(/wp-content/uploads/projects/imagemap_icon_big.png) no-repeat;
margin:0 0 0 -70px;
padding:3px
}

a.maximize,a.minimize {
width:64px;
height:12px;
background:url(../img/a-max-arr-view.gif) no-repeat 0 0!important;
overflow:hidden;
text-indent:-9999px;
float:right;
z-index:1005;
margin:0 24px 0 0;
padding:0
}

a.maximize {
background:url(../img/a-max-arr-view.gif) no-repeat 0 -12px!important
}

.t-box {
height:15px;
overflow:hidden
}

#products-detail {
background:url(../img/bg-products-detail.gif) repeat-x 0 100%;
width:966px;
overflow:hidden;
clear:both;
margin:4px 0 0;
padding:0 0 1px
}

#products-detail .content {
width:966px;
background:#f6f6f6 url(../img/bg-products-detail.gif) repeat-x 0 0
}

#products-detail .list {
list-style:none;
width:966px;
height:176px!important;
overflow:hidden;
position:absolute;
left:0;
top:0;
margin:0;
padding:1px 0 0
}

#products-detail .list li {
float:left;
width:229px;
line-height:1.2;
color:#8c8c8c;
height:89px;
overflow:hidden;
margin:-2px 16px 0 0
}

#products-detail .list li div {
width:146px;
height:61px;
background:url(../img/bg-div-n.gif) repeat-x 0 0;
padding:14px 0 14px 83px
}

#products-detail .list li.hover,#products-detail .list li:hover {
background:url(../img/bg-li-hover.gif);
height:87px;
margin:0 16px 0 0
}

#products-detail .list li.hover div.hint-box,#products-detail .list li:hover div.hint-box {
background:url(../img/bg-div.gif) repeat-x 0 0;
padding:12px 0 14px 83px
}

#products-detail .list li img {
float:left;
border:1px solid #c4c4c4;
background:#fff;
display:inline;
margin:0 0 0 -70px;
padding:3px
}

#products-detail .list li .hint-image {
float:left;
border:1px solid #c4c4c4;
display:inline;
height:51px;
width:51px;
background:#fff url(/wp-content/uploads/projects/imagemap_icon_big.png) no-repeat;
margin:0 0 0 -70px;
padding:3px
}

#products-detail .list h3 {
font-size:12px;
color:#2d2d2d;
margin:0
}

#products-detail .list p {
margin:0 8px 0 0
}

#products-detail .list li.last {
float:right;
margin:-2px 0 0
}

#products-detail .list li.last.hover,#products-detail .list li.last:hover {
margin-top:0
}

.page {
background:#f3f3f3 url(../img/bg-products-detail.gif) repeat-x 0 0;
width:966px;
overflow:hidden
}

.page a.next,.page a.prev {
float:left;
text-indent:-9999px;
overflow:hidden;
width:23px;
height:15px;
background:url(../img/a-max-arr-view.gif) no-repeat -64px 0;
margin:8px -46px 0 13px
}

.page a.next {
float:right;
background:url(../img/a-max-arr-view.gif) no-repeat -87px 0;
margin:8px 14px 0 0
}

.page a.prev:hover {
background:url(../img/a-max-arr-view.gif) no-repeat -64px -15px
}

.page a.next:hover {
background:url(../img/a-max-arr-view.gif) no-repeat -87px -15px
}

.page a.prev.disabled {
background:url(../img/a-max-arr-view.gif) no-repeat -64px -30px;
cursor:not-allowed
}

.page a.next.disabled {
background:url(../img/a-max-arr-view.gif) no-repeat -87px -30px;
cursor:not-allowed
}

.page ul {
float:left;
width:874px;
display:block;
overflow:hidden;
list-style:none;
margin:7px 0 7px 46px;
padding:0
}

.page ul li a {
float:left;
line-height:1.3;
text-decoration:none;
color:#000;
font-weight:700;
padding:0 4px
}
#small-pager ul {
	width:auto;
}

div.sort {
width:100%;
overflow:hidden;
padding:10px 0
}

div.sort a {
color:#3c9ce5;
text-decoration:none
}

div.sort a:hover, div.sort a.active {
background:url(../img/separator-red.gif) repeat-x 0 100%;
color:#f46565
}

div.sort ul {
color:#000;
overflow:hidden;
float:left;
list-style:none;
margin:0;
padding:0
}

div.sort ul li {
float:left;
padding:0 20px 0 0
}

div.sort .view {
font-weight:700;
background:url(../img/divider-black.gif) no-repeat right;
margin:0 11px 0 0
}

#product-box {
width:966px;
overflow:hidden
}

#product-box .left {
float:left;
width:728px
}

#product-box .right {
float:right;
width:219px
}

#product-box .left h2 {
height:33px;
font-size:19px;
color:#f46565;
line-height:normal;
overflow:hidden;
margin:16px 0 0
}

#product-box .top-link {
overflow:hidden;
width:715px;
padding:0 251px 0 0
}

#product-box .top-link a.site {
float:right;
font-weight:700;
font-size:1.15em;
color:#3c9ce5;
text-decoration:none;
background:url(../img/bg-site.gif) no-repeat 100% 6px!important;
padding:0 13px 0 1px
}

#product-box .top-link a.site:hover {
color:#f56766!important;
background:url(../img/bg-site.gif) no-repeat 100% 6px!important
}

* html #product-box .top-link a.site:hover {
background:url(../img/bg-site.gif) no-repeat 100% 6px!important
}

#product-box .top-link.title {
width:728px
}

#product-box .top-link.title a.site {
margin:10px 0 0 15px
}

#product-box .top-link.title strong {
float:right;
margin:10px 30px 0
}

#product-box .top-link.title strong a {
color:#F46565;
font-size:1.15em;
font-weight:700;
text-decoration:none;
padding:0 13px 0 1px
}

#product-box .left img {
margin:14px 0 0
}

#product-box .left .two {
width:715px;
overflow:hidden;
padding:13px 0 6px
}

#product-box .left .two .lc {
float:left;
width:356px
}

#product-box .left .two .rc {
float:right;
width:358px
}

#product-box .left .two h3 {
display:block;
overflow:hidden;
width:100%;
height:85px;
text-indent:-9999px;
margin:0
}

#product-box .left .two .lc h3 {
background:url(../img/bg-business-enterprise.jpg) no-repeat 0 0
}

#product-box .left .two .rc h3 {
background:url(../img/bg-business-enterprise.jpg) no-repeat 0 -85px
}

#product-box .left .two ul {
list-style:none;
font-size:1.16em;
line-height:1.5;
font-weight:700;
color:#5d5d5d;
margin:15px 0 0 16px;
padding:0
}

#product-box .left .two ul li {
background:url(../img/bullet8.gif) no-repeat left;
padding:0 0 0 14px
}

#product-box .left .two a.more {
color:#f46565;
background:url(../img/separator-red.gif) repeat-x 0 100%;
text-decoration:none;
font-weight:700;
line-height:normal;
font-size:15px;
margin:0 0 0 30px
}

#product-box .right h3 {
line-height:normal;
font-size:19px;
color:#5d5d5d;
height:26px;
overflow:hidden;
margin:22px 0 0 9px
}

.testimonial-box {
width:201px;
font-size:.93em;
overflow:hidden;
line-height:1.4;
border:1px solid #c4c4c4;
margin:11px 0 0;
padding:7px
}

.testimonial-box .frame {
background:#F1F1F1 url(../img/bg-q.gif) no-repeat 0 0
}

.testimonial-box .bg {
background:url(../img/bg-q-b.gif) no-repeat 100% 100%;
padding:15px 18px 21px 25px
}

.testimonial-box p {
margin:0 0 17px
}

.testimonial-box ul{
	margin:0;
	padding:0;
	overflow:hidden;
}
.testimonial-box ul li{
	margin:0;
	padding:0;
	list-style:none;
}

.testimonial-box ul li p a,
.testimonial-box ul li p a:visited{
	color:#0181E3;
}
.testimonial-box ul li p a:hover{
	color:#f56766;
}


.some-prj {
background:url(../img/separator6.gif) repeat-x 0 100%;
padding:0 0 17px
}

.some-prj img {
padding:9px 7px
}

.some-prj a:hover {
border:0 solid #fff
}

.some-prj p {
line-height:1;
margin:0 8px 0 9px
}

.some-prj .page {
width:148px;
height:auto;
background:none;
margin:0;
padding:8px 36px 10px 33px
}

.some-prj .page a.prev {
margin:0 0 0 -23px
}

.some-prj .page a.next {
margin:0 -23px 0 0
}

.some-prj .page ul {
width:150px;
text-align:center;
margin:0
}

.some-prj .page div {
overflow:hidden;
width:140px;
margin:0 auto
}

.some-prj .page ul li {
display:inline;
float:none;
margin:0 1px 0 0
}

ul.ollist {
list-style:none;
width:595px;
overflow:hidden;
margin:0;
padding:0
}

ul.ollist li {
float:left;
width:533px;
overflow:hidden;
line-height:normal;
margin:23px 0 0;
padding:0 0 0 62px
}

ul.ollist li span {
width:533px;
float:left;
line-height:normal;
overflow:hidden;
margin:2px 0 0
}

ul.ollist li strong.number {
width:47px;
height:47px;
overflow:hidden;
float:left;
text-align:center;
font:bold 30px/45px Arial, Helvetica, sans-serif;
color:#f46565;
position:relative;
background:url(../img/n01.gif);
margin:0 0 0 -62px
}

.top-link h2 {
line-height:normal;
font-size:26px;
color:#5d5d5d;
height:30px;
overflow:hidden;
margin:0
}

.current-project a.c-prg {
overflow:hidden;
float:left;
border:1px solid #9c9c9c
}

#product-box .current-project img {
margin:7px 8px
}

.current-project a.c-prg:hover {
border:1px solid #ee6969
}

.current-project .page {
width:728px;
clear:left;
background:none
}

.current-project .page ul {
width:636px
}

.some-case {
width:201px;
border:1px solid #c4c4c4;
margin:15px 0 0;
padding:8px
}

.some-case:hover {
border:1px solid #f06767
}

.some-case img {
float:none;
margin:0 auto
}

#product-box .icons {
list-style:none;
width:203px;
background:url(../img/bg-ul.jpg);
min-height:75px;
margin:6px -2px 0 0;
padding:0
}

* html .icons {
height:75px
}

#product-box .icons.twoline {
min-height:50px
}

* html #product-box .icons.twoline {
height:50px
}

#product-box .icons li {
float:left;
width:auto;
margin:2px 2px 0 0
}

#product-box .icons li .popup {
position:absolute;
top:27px;
font-size:13px;
left:-213px;
width:231px;
display:none
}

#product-box .icons li a {
text-decoration:none;
color:#979797;
background:red;
float:left;
width:27px;
background-color:#fff!important
}

#product-box .icons li .popup span.c img {
float:left;
display:inline;
margin:3px 0 0 -72px
}

#product-box .right .txt {
background:transparent url(../img/separator6.gif) repeat-x 0 100%;
overflow:hidden;
width:209px;
margin:15px 0 -10px 10px;
padding:0 0 20px
}

#product-box .right .txt p {
line-height:1.3;
margin:18px 0 0
}

#product-box .right .txt a.more {
font-weight:700;
float:left;
font-size:15px;
margin:15px 0 0
}

#product-box .right .box h3 {
line-height:normal;
font-size:26px;
color:#8ea230;
margin:20px 0 0 15px
}

ul.list-m {
font-size:1.16em;
font-weight:700;
line-height:1.6;
color:#5d5d5d;
list-style:none;
margin:5px 0 0 5px;
padding:0
}

ul.list-m li {
background:transparent url(../img/bullet8.gif) no-repeat left;
padding:0 0 0 14px
}

form.order {
border:1px solid #c4c4c4;
width:713px;
color:#000;
font-size:1em;
margin:37px 0 0
}

form.order fieldset {
border:7px solid #f2f2f2;
width:678px;
background:#fff url(../img/bg-form.jpg) no-repeat 100% 0;
padding:12px 0 16px 21px
}

#product-box .left form.order p {
margin:7px 40px 0 0
}

form.order ul {
width:470px;
overflow:hidden;
list-style:none;
margin:0;
padding:0 0 11px
}

form.order ul label {
display:block;
margin:6px 0 0
}

form.order ul label em {
color:#ff6920;
font-style:normal;
font-weight:700
}

form.order ul input {
width:291px;
height:22px;
border:1px solid #c4c4c4;
background:#f2f2f2;
color:#3b4146;
padding:4px 0 0 8px
}

form.order ul input.file {
width:299px
}

form.order ul textarea {
border:1px solid #c4c4c4;
color:#3b4146;
background:#f2f2f2;
width:460px;
height:147px;
padding:4px 0 0 8px
}

form.order ul textarea.focus,form.order ul input.focus,form.order ul textarea:focus,form.order ul input:focus {
background:#fdfdfd
}

form.order .error {
color:#f46565;
font-weight:700;
margin:2px 0 0
}

.progress {
width:159px;
height:24px;
background:#f2f2f2;
text-indent:-9999px;
float:right;
border:1px solid #c4c4c4;
padding:1px
}

.progress span {
display:block;
height:22px;
border:1px solid #c4c4c4;
background:url(../img/bg-progress.gif)
}

form.order .submit {
overflow:hidden;
width:678px
}

a.faq {
float:right;
font-size:20px;
color:#f46565;
line-height:normal;
text-decoration:none;
background:url(../img/separator-red.gif) repeat-x 0 100%;
margin:22px 11px 0 0
}

form.email-updates {
width:205px;
overflow:hidden;
margin:0 0 0 20px;
padding:0 0 20px
}

form.email-updates h3 {
font-size:20px;
font-weight:700;
line-height:normal;
background:transparent url(../img/sprites2.gif) no-repeat 0 -89px;
height:33px;
color:#3f3f3f;
padding-left:24px;
margin:0
}

form.email-updates input.txt {
width:112px;
height:20px;
border:1px solid #ece9e5;
color:#2f4a54;
font-size:14px;
margin:0 4px 0 0;
padding:4px
}

form.email-updates a {
float:left;
color:#ef6c73;
text-decoration:none;
line-height:normal;
background:url(../img/separator-red.gif) repeat-x 0 100%;
margin:7px 0 0
}

ul.slist {
line-height:24px;
list-style:none;
margin:5px 0 0;
padding:0
}

ul.slist a {
color:#717171;
background:url(../img/separator4.gif) repeat-x 0 100%;
text-decoration:none
}

#right .box.last {
margin:-19px 0 0 20px
}

#left .content .result {
list-style:none;
width:744px;
line-height:1.3;
font-size:1em;
overflow:hidden;
margin:0;
padding:0
}

#left .content .result li {
float:left;
background:url(../img/separator4.gif) repeat-x 0 100%;
width:744px;
padding:15px 0 16px
}

#left .content .result h2 {
font-size:1.69em;
color:#3f4346;
font-weight:400;
line-height:normal;
background:url(../img/separator7.gif) repeat-x 0 100%;
margin:0;
padding:0 0 3px
}

#left .content .result ul.summary {
font-size:.92em;
color:#717171;
overflow:hidden;
width:744px;
margin:0;
padding:0
}

#left .content .result ul.summary li {
width:auto;
background:none;
line-height:normal;
margin:0 14px 0 0;
padding:0
}

#left .content .result .cont {
width:744px;
overflow:hidden
}

#left .content .result p {
margin:0;
padding:12px 0 0
}

#left .content .result .tag {
width:650px;
color:#717171
}

#left .content .result .tag li {
width:auto;
background:none;
margin:0 17px 0 0;
padding:0
}

#left .content .result .tag a {
color:#717171;
background:url(../img/separator.gif) repeat-x 0 100%;
padding:0
}

span.read-on {
float:right;
background:url(../img/bg-com.gif) no-repeat 0 -26px;
margin:4px 0 0;
padding:0 0 0 11px
}

#left .content .page {
background:none;
width:744px;
padding:14px 0 0
}

#left .content .page a.next,#left .content .page a.prev {
float:left;
text-indent:-9999px;
overflow:hidden;
width:23px;
height:15px;
background:transparent url(../img/a-max-arr-view.gif) no-repeat scroll -64px 0;
margin:8px 0 0;
padding:0
}

#left .content .page a.next {
float:right;
background:transparent url(../img/a-max-arr-view.gif) no-repeat scroll -87px 0;
margin:8px 0 0
}

#left .content .page ul {
width:660px;
float:left;
display:inline;
list-style:none;
overflow:hidden;
text-align:center;
margin:7px 0 0 10px;
padding:0
}

#left .content .page ul li {
display:inline;
float:none;
background:none;
margin:0 5px 0 0;
padding:0
}

#left .content .page ul li a {
background:none;
line-height:17px;
text-decoration:none;
color:#000;
float:none;
font-weight:700;
padding:2px 4px
}

#left .content .topic-list {
width:744px;
overflow:hidden;
list-style:none;
margin:0;
padding:0
}

#left .content .topic-list li {
width:744px;
float:left;
background:url(../img/separator4.gif) repeat-x 0 100%;
overflow:hidden;
padding:15px 0 0
}

#left .content .topic-list li ul {
font-size:1.07em;
list-style:none;
margin:10px 0 10px 3px;
padding:0
}

#left .content .topic-list li ul li {
background:url(../img/bullet6.gif) no-repeat 0 9px;
float:none;
padding:0 0 0 15px;
width:98%
}

#left .content .topic-list li ol {
font-size:1.07em;
list-style:decimal;
margin:10px 0 10px 3px;
padding:0 0 0 30px
}

#left .content .topic-list li ol li {
overflow:visible;
list-style:decimal;
background:none;
width:712px;
float:none;
padding:0
}

#left .content .topic-list .top {
overflow:hidden;
background:transparent url(../img/bg-h2.gif) repeat-x scroll 0 100%;
width:744px;
font-family:Tahoma,'trebuchet ms',arial,helvetica,sans-serif;
padding:0 0 8px
}

#left .content .topic-list .top .date {
float:left;
display:inline;
height:56px;
overflow:hidden;
width:83px;
background:url(../img/bg-date.gif) no-repeat 0 100%;
margin:0 0 0 -96px
}

#left .content .topic-list .top .date strong {
color:#924846;
font-size:44px;
line-height:normal;
width:43px;
border:none;
height:55px;
overflow:hidden;
float:left;
font-weight:400
}

#left .content .topic-list .top .date span {
color:#924846;
float:left;
font:9px tahoma,arial,helvetica,sans-serif;
text-transform:uppercase;
margin:14px 0 0 4px
}

#left .content .topic-list .top .date em {
color:#fff;
width:40px;
height:18px;
background:url(../img/bg-date-year.gif);
overflow:hidden;
float:left;
text-align:center;
font:normal 10px/18px tahoma,arial,helvetica,sans-serif;
margin:2px 0 0
}

#left .content .topic-list .top h2 {
font-size:32px;
font-weight:700;
line-height:normal;
width:745px;
margin:0;
padding:0 0 2px
}

#left .content .topic-list .top h2 a {
background:none;
display:block;
color:#3F4346;
text-decoration:none;
white-space:normal;
margin:0;
padding:0
}

#left .content .topic-list .top .info {
float:left;
color:#AEAEAE;
font-size:12px
}

#left .content .topic-list .top .comments {
float:right;
font-size:12px;
padding-left:18px;
background:transparent url(../img/sprites2.gif) no-repeat 0 -66px;
font-weight:700
}

#left .content .topic-list .top .comments a {
text-decoration:none;
color:#AEAEAE
}

#left .content .topic-list .top a.rss {
width:23px;
height:26px;
float:right;
overflow:hidden;
text-indent:-9999px;
background:url(../img/a-rss2.gif);
margin:2px 0 0;
padding:0
}

#left .content .topic-list ul.summary {
font-size:.87em;
color:#717171;
overflow:hidden;
width:100%;
float:left;
margin:0;
padding:0
}

#left .content .topic-list ul.summary li {
width:auto;
background:none;
line-height:normal;
float:left;
margin:0 14px 0 0;
padding:0
}

.rate-it {
font-size:12px;
color:#717171;
float:right;
padding:3px 0 0
}

.rate-it span {
float:left;
line-height:normal;
margin:0 8px 0 0
}
/*
#left .content .topic-list ul.rating {
list-style:none;
position:relative;
width:60px;
overflow:hidden;
height:9px;
float:left;
background:url(../img/star-off.gif);
margin:4px 0 0;
padding:0
}

#left .content .topic-list ul.rating li {
width:auto;
padding:0
}

#left .content .topic-list ul.rating li a {
width:9px;
height:9px;
display:block;
position:absolute;
overflow:hidden;
text-indent:-9999px;
z-index:9;
background:none;
padding:0
}

#left .content .topic-list ul.rating li.active a,#left .content .topic-list ul.rating li a:hover {
background:url(../img/star-on.gif);
left:0!important;
z-index:1
}*/

#left .content .topic-list ul.rating li a.s1 {
width:9px
}

#left .content .topic-list ul.rating li a.s2 {
left:12px
}

#left .content .topic-list ul.rating li.active a.s2,#left .content .topic-list ul.rating li a.s2:hover {
width:21px
}

#left .content .topic-list ul.rating li a.s3 {
left:24px
}

#left .content .topic-list ul.rating li.active a.s3,#left .content .topic-list ul.rating li a.s3:hover {
width:33px
}

#left .content .topic-list ul.rating li a.s4 {
left:36px
}

#left .content .topic-list ul.rating li.active a.s4,#left .content .topic-list ul.rating li a.s4:hover {
width:45px
}

#left .content .topic-list ul.rating li a.s5 {
left:48px
}

#left .content .topic-list ul.rating li.active a.s5,#left .content .topic-list ul.rating li a.s5:hover {
width:60px
}

#left .content .topic-list h3 {
font-size:28px;
line-height:normal;
font-weight:400;
color:#474747;
margin:7px 0 0
}

#left .content .topic-list .cont {
font-size:1em;
color:#474747
}

#left .content .topic-list blockquote {
border:1px solid #c4c4c4;
width:727px;
background:none;
font-size:.93em;
padding:7px
}

#left .content .topic-list blockquote .frame {
background:#f1f1f1 url(../img/bg-q.gif) no-repeat 0 0;
padding:0
}

#left .content .topic-list blockquote .bg {
background:url(../img/bg-q-b.gif) no-repeat 100% 100%;
width:622px;
overflow:hidden;
color:#474747;
margin:0;
padding:15px 63px 10px 42px
}

#left .content .topic-list blockquote em {
float:right
}

#left .content .topic-list .tag {
color:#717171;
width:744px;
overflow:hidden;
line-height:normal
}

#left .content .topic-list .tag li {
width:auto;
background:none;
float:left;
margin:0 17px 0 0;
padding:0
}

#left .content .topic-list .tag a {
color:#717171;
padding:0
}

#left .content .topic-list .bottom {
width:730px;
overflow:hidden;
line-height:normal;
font-size:12px;
background:#ececec;
margin:11px 0 0;
padding:7px
}

#left .content .topic-list .bottom span {
float:left;
margin-right:3px
}

#left .content .topic-list .bottom ul li {
float:left;
width:auto;
background:none;
margin:0 3px 0 0;
padding:0
}

#left .content .topic-list .bottom ul li.read-on {
background:url(../img/bg-com.gif) no-repeat 0 -26px;
padding:0 0 0 11px
}

#left .content .topic-list .bottom ul li.share {
background:url(../img/bg-com.gif) no-repeat 0 5px;
padding:0 0 0 18px
}

#left .content .topic-list .bottom ul li.comments {
background:url(../img/bg-com.gif) no-repeat 0 -112px;
padding:0 0 0 14px
}

#left .content .topic-list .bottom ul li.add-your-opinion {
background:url(../img/bg-com.gif) no-repeat 0 -55px;
padding:0 0 0 10px
}

#left .content .topic-list .bottom a.permalink {
float:right;
color:#0181e3;
font-size:14px;
font-weight:700;
text-decoration:none;
background:transparent url(../img/bg-readmore.gif) no-repeat scroll 100% 6px;
padding:0 10px 0 1px
}

#left .content .topic-list .bottom a.permalink:hover {
color:#f46565;
background:transparent url(../img/bg-readmore-h.gif) no-repeat scroll 100% 6px;
text-decoration:underline
}

#left .content .topic-list .bottom .share-this {
float:right;
width:220px
}

#left .content .topic-list .bottom .share-this li {
margin-left:6px;
text-indent:-9999px;
height:15px
}

#left .content .topic-list .bottom .share-this li a {
background:transparent url(../img/share-buttons.gif) 0 0;
width:14px;
height:14px;
display:block;
padding:0
}

#left .content .topic-list .bottom .share-this li.reddit a {
height:15px;
width:18px
}

#left .content .topic-list .bottom .share-this li.reddit a:hover {
background-position:0 -15px
}

#left .content .topic-list .bottom .share-this li.stumbleupon a {
background-position:-18px 0
}

#left .content .topic-list .bottom .share-this li.stumbleupon a:hover {
background-position:-18px -15px
}

#left .content .topic-list .bottom .share-this li.slashdot a {
background-position:-32px 0
}

#left .content .topic-list .bottom .share-this li.slashdot a:hover {
background-position:-32px -15px
}

#left .content .topic-list .bottom .share-this li.digg a {
background-position:-46px 0;
width:16px
}

#left .content .topic-list .bottom .share-this li.digg a:hover {
background-position:-46px -15px
}

#left .content .topic-list .bottom .share-this li.yahoo a {
background-position:-62px 0
}

#left .content .topic-list .bottom .share-this li.yahoo a:hover {
background-position:-62px -15px
}

#left .content .topic-list .bottom .share-this li.del-icio-us a {
background-position:-76px 0
}

#left .content .topic-list .bottom .share-this li.del-icio-us a:hover {
background-position:-76px -15px
}

#left .content .topic-list .bottom .share-this li.technorati a {
background-position:-90px 0
}

#left .content .topic-list .bottom .share-this li.technorati a:hover {
background-position:-90px -15px
}

#left .content .topic-list .bottom .share-this li.twitter a {
background-position:-104px 0
}

#left .content .topic-list .bottom .share-this li.twitter a:hover {
background-position:-104px -15px
}

#left .content .topic-list .bottom .share-this li.facebook a {
background-position:-118px 0
}

#left .content .topic-list .bottom .share-this li.facebook a:hover {
background-position:-118px -15px
}

a.register {
float:right;
font-size:1.38em;
margin:3px 0 0
}

#left .content .note {
font-size:.84em;
line-height:1.6;
color:#a8a8a8;
margin:15px 0 0
}

#left .content .note a {
color:#a8a8a8;
background:transparent url(../img/separator.gif) repeat-x 0 100%;
padding:0
}

#left .content h2.headline {
line-height:normal;
color:#3f3f3f;
font-size:24px;
height:30px;
margin:15px 0 0
}

#left .content .comment-list {
width:745px;
overflow:hidden;
margin:0
}

#left .content .comment-list li li {
margin-left:36px
}

.depth-2 #respond {
margin-left:-36px
}

.depth-3 #respond {
margin-left:-72px
}

.depth-4 #respond {
margin-left:-108px
}

.depth-5 #respond {
margin-left:-144px
}

.depth-6 #respond {
margin-left:-180px
}

.depth-7 #respond {
margin-left:-216px
}

.depth-8 #respond {
margin-left:-252px
}

.depth-9 #respond {
margin-left:-288px
}

.depth-10 #respond {
margin-left:-324px
}

#left .content .comment-list .comment {
margin-top:20px;
font-size:12px
}

#left .content .comment-list.trackbacks {
margin-top:20px
}

#left .content .comment-list.trackbacks .comment {
margin-top:5px;
padding-left:10px
}

#left .content .comment-list .comment div.headline {
height:54px;
background-color:#ececec
}

#left .content .comment-list .comment .headline .photo {
float:left;
text-decoration:none;
display:block;
background:none;
padding:2px
}

#left .content .comment-list .comment .headline .photo img {
border:0;
margin:0;
padding:0
}

#left .content .comment-list .comment .headline .photo .avatar a {
margin:0;
padding:0
}

#left .content .comment-list .comment .headline span {
float:left;
padding:6px 10px
}

#left .content .comment-list .comment .headline span .date-time {
color:#474747;
text-decoration:none;
padding:0
}

#left .content .comment-list .comment .headline span .date-time:hover {
text-decoration:underline;
color:#f36563
}

#left .content .comment-list .comment .comment-text {
overflow:hidden;
width:100%;
margin:0;
padding:5px 0 0 2px
}

#left .content .comment-list .comment .comment-reply-link {
float:left;
margin-top:5px;
text-decoration:none;
padding:0
}

#left .content .comment-list .comment .comment-reply-link:hover {
text-decoration:underline!important
}

#left .content .comment-list .comment .comment-reply-link:visited {
background:none;
text-decoration:none;
color:#0181E3
}

#respond {
clear:both
}

#left .content .form-holder {
width:100%;
margin:5px 0
}

#left .content .form-holder .controls-column {
float:left;
width:300px
}

#left .content .form-holder .controls-column input,#left .content .form-holder textarea {
width:100%;
border:1px solid #d9d9d9;
font-size:14px;
color:#989898;
margin:0 0 12px;
padding:5px
}

#left .content .form-holder textarea {
width:733px;
color:#666
}

#left .content .form-holder .info-column {
float:right;
width:375px;
background-color:#ececec;
padding:15px 23px
}

#left .content .form-holder .info-column img {
border:none;
background:none;
margin:0;
padding:0
}

#left .content .form-holder .your-comment {
clear:both;
font-size:14px;
font-weight:700;
width:100%;
padding-top:25px
}

#left .content .form-holder .your-comment .tags {
background-color:#ececec;
white-space:normal;
float:left;
width:721px;
font-size:12px;
font-weight:400;
color:#474747;
font-family:Tahoma,'trebuchet ms',arial,helvetica,sans-serif;
margin:12px 0;
padding:12px
}

#left .content .form-holder .your-comment input.submit {
background:transparent url(../img/buttons.gif) no-repeat 0 0;
width:132px;
height:31px;
border:0;
text-indent:-9999px;
cursor:pointer;
float:right
}

#left .content .form-holder .your-comment input.submit:hover {
background:transparent url(../img/buttons.gif) no-repeat 0 -31px
}

ul.support-list {
list-style:none;
overflow:hidden;
width:968px;
margin:-5px 0 -7px;
padding:0 22px 0 0
}

ul.support-list li {
float:right;
margin:0 0 0 11px
}

ul.support-list a {
color:#58575c;
text-decoration:none;
text-transform:uppercase;
font:bold 12px/14px 'trebuchet ms',arial,helvetica,sans-serif
}

.rightcol {
float:right;
width:753px;
padding:0 0 20px
}

.rightcol .visual {
width:749px;
height:64px;
overflow:hidden;
margin:11px 0 0
}

#v-hosting {
background:url(../img/bg-v-hosting.jpg)
}

#s-ordering {
background:url(../img/bg-s-ordering.jpg)
}

.rightcol .visual a.order-now {
width:167px;
height:64px;
background:url(../img/a-order-now.jpg);
overflow:hidden;
text-indent:-9999px;
float:right
}

a.live-support {
width:187px;
height:64px;
background:url(../img/a-live-support.jpg);
overflow:hidden;
text-indent:-9999px;
float:right
}

.rightcol .visual h2 {
font-size:30px;
color:#fff;
margin:15px 0 0 22px
}

ul.hosting-list {
overflow:hidden;
width:737px;
list-style:none;
margin:18px 0 0 12px;
padding:0
}

ul.hosting-list li {
float:left;
margin:0 10px 0 0;
padding:0 0 0 8px
}

ul.hosting-list li a {
color:#b1b1b1;
font-size:18px;
text-decoration:none
}

ul.hosting-list li.active {
background:url(../img/bullet-red.gif) no-repeat left
}

ul.hosting-list li.active a,ul.hosting-list li a:hover {
color:#f46565;
background:url(../img/separator-red2.gif) repeat-x 0 100%
}

ul.articles {
list-style:none;
width:715px;
margin:0 0 0 21px;
padding:0
}

ul.articles li {
float:left;
width:715px;
margin:16px 0 0
}

ul.articles h3 {
font-size:22px;
height:26px;
overflow:hidden;
color:#f46565;
margin:0
}

ul.articles p {
line-height:1.55;
font-size:.93em;
margin:0
}

.leftcol {
float:left;
width:207px;
padding:9px 0 20px
}

.left-nav {
width:207px;
overflow:hidden;
background:url(../img/bg-left-nav.gif)
}

.left-nav .frame {
background:url(../img/bg-left-nav-t.gif) no-repeat 0 0
}

.left-nav .bg {
background:url(../img/bg-left-nav-b.gif) no-repeat 0 100%;
width:207px;
min-height:193px;
overflow:hidden;
padding:15px 0 30px
}

* html .left-nav .bg {
height:193px;
overflow:visible
}

.left-nav ul {
overflow:hidden;
font-weight:700;
font-size:15px;
width:188px;
list-style:none;
margin:0 0 0 14px;
padding:0
}

.left-nav ul li {
float:left;
width:188px;
margin:6px 0 0
}

.left-nav ul a {
color:#000;
width:132px;
height:24px;
line-height:22px;
display:block;
overflow:hidden;
text-decoration:none;
text-indent:10px
}

.left-nav ul a:hover,.left-nav ul .active a {
background:url(../img/a-active.png);
color:#fff;
cursor:pointer
}

.left-nav ul ul a:hover,.left-nav ul .active ul a {
display:inline;
width:auto;
height:auto;
text-indent:0;
font-size:13px;
color:#6f6e74;
font-weight:400;
background:url(../img/separator.gif) repeat-x 0 100%
}

.left-nav ul .active ul li {
width:auto;
float:none;
background:url(../img/bullet-red.gif) no-repeat left;
padding:0 0 0 10px
}

.left-nav ul .active ul li.active a {
font-weight:700;
background:none
}

.leftcol form.search {
width:207px;
height:36px;
background:url(../img/bg-search-form.gif);
overflow:hidden;
margin:11px 0 0;
padding:15px 0 0
}

.leftcol form.search.first {
margin:17px 0 0
}

.leftcol form.search input {
float:left;
border:1px solid #cccccb
}

.leftcol form.search input.txt {
width:124px;
font-size:12px;
height:18px;
margin:0 3px 0 9px;
padding:2px 0 0 6px
}

.leftcol .list {
list-style:none;
font-size:.93em;
line-height:22px;
margin:14px 0 0;
padding:0
}

.leftcol .list li {
background:url(../img/bullet6.gif) no-repeat left;
padding:0 0 0 10px
}

.leftcol .list a {
color:#474747;
text-decoration:none
}

.leftcol a.all {
font-size:.93em;
color:#f46565;
background:url(../img/separator-red.gif) repeat-x 0 100%;
text-decoration:none
}

#bottom-box {
width:965px;
clear:both;
background:url(../img/divider3.gif) repeat-x 0 0;
overflow:hidden;
padding:21px 0 0
}

.rightcol h2.title {
font-size:19px;
color:#f46565;
margin:0
}

.rightcol p.contact {
margin:0 0 0 81px
}

.profic-box {
width:715px;
height:334px;
background:url(../img/image11.jpg);
overflow:hidden;
color:#fff;
font-size:24px;
position:relative;
margin:14px 0 0
}

.profic-box a.try-it {
overflow:hidden;
text-indent:-9999px;
display:block;
width:298px;
height:87px;
position:absolute;
background:url(../img/br.gif);
top:190px;
left:371px
}

#product-box .left .profic-box p {
font:21px/30px Arial, Helvetica, sans-serif;
margin:200px 0 0 22px
}

.page.box-p {
background:none;
width:218px;
margin:0 0 -30px
}

#product-box .right .no-pager {
margin:0 0 -30px
}

#fader {
position:absolute;
z-index:10000;
top:0;
left:0;
overflow:hidden;
background:url(../img/x.png)
}

.opacity {
overflow:hidden!important;
visibility:hidden;
padding:0
}

.hidden-default {
overflow:hidden;
height:0;
min-height:0
}

#product-box .icons li .popup span.ico-sb-hover {
float:left;
width:70px;
height:77px;
display:inline;
background-image:url(../img/work/hover-property.gif);
background-repeat:no-repeat;
margin:3px 0 0 -72px;
padding:0
}

span.links_big {
background-position:-1190px 0;
}

span.search-opt_big {
background-position:-1120px 0;
}

span.pay-per-click_big {
background-position:-1050px 0;
}

span.web-standards_big {
background-position:-980px 0;
}

span.web-2-0_big {
background-position:-1260px 0
}

span.social-media_big {
background-position:-910px 0
}

span.rate-opt_big {
background-position:-840px 0
}

span.cms_big {
background-position:-770px 0
}

span.identity_big {
background-position:-700px 0
}

span.e-commerce_big {
background-position:-630px 0
}

span.flash_big {
background-position:-560px 0
}

span.http-compression_big {
background-position:-490px 0
}

span.blog-forum_big {
background-position:-420px 0
}

span.copywriting_big {
background-position:-350px 0
}

span.monitor_big {
background-position:-280px 0
}

span.hosting_big {
background-position:-210px 0
}

span.design_big {
background-position:-140px 0
}

span.print_big {
background-position:-70px 0
}

#product-box .icons li span.ico-sb {
width:27px;
height:23px;
display:block;
background-image:url(../img/work/bg-property.gif);
background-repeat:no-repeat;
cursor:default;
margin:0;
padding:0
}

span.links {
background-position:0 -73px
}

span.search-opt {
background-position:-29px -73px
}

span.pay-per-click {
background-position:-58px -73px
}

span.web-standards {
background-position:-87px -73px
}

span.web-2-0 {
background-position:-116px -73px
}

span.social-media {
background-position:-145px -73px
}

span.rate-opt {
background-position:-174px -73px
}

span.cms {
background-position:0 -98px
}

span.identity {
background-position:-29px -98px
}

span.e-commerce {
background-position:-58px -98px
}

span.flash {
background-position:-87px -98px
}

span.http-compression {
background-position:-116px -98px
}

span.blog-forum {
background-position:-145px -98px
}

span.copywriting {
background-position:-174px -98px
}

span.monitor {
background-position:0 -123px
}

span.hosting {
background-position:-29px -123px
}

span.design {
background-position:-58px -123px
}

span.print {
background-position:-87px -123px
}

span.d3d {
background-position:-116px -123px
}

#product-box .icons li.active span.search-opt {
background-position:-29px 0
}

#product-box .icons li.active span.pay-per-click {
background-position:-58px 0
}

#product-box .icons li.active span.web-standards {
background-position:-87px 0
}

#product-box .icons li.active span.web-2-0 {
background-position:-116px 0
}

#product-box .icons li.active span.social-media {
background-position:-145px 0
}

#product-box .icons li.active span.rate-opt {
background-position:-174px 0
}

#product-box .icons li.active span.cms {
background-position:0 -25px
}

#product-box .icons li.active span.identity {
background-position:-29px -25px
}

#product-box .icons li.active span.e-commerce {
background-position:-58px -25px
}

#product-box .icons li.active span.flash {
background-position:-87px -25px
}

#product-box .icons li.active span.http-compression {
background-position:-116px -25px
}

#product-box .icons li.active span.blog-forum {
background-position:-145px -25px
}

#product-box .icons li.active span.copywriting {
background-position:-174px -25px
}

#product-box .icons li.active span.monitor {
background-position:0 -50px
}

#product-box .icons li.active span.hosting {
background-position:-29px -50px
}

#product-box .icons li.active span.design {
background-position:-58px -50px
}

#product-box .icons li.active span.print {
background-position:-87px -50px
}

#product-box .icons li.active span.d3d {
background-position:-116px -50px
}
/*
#custom-container {
overflow:hidden;
height:28px;
width:301px;
background:url(../img/bg-input-file.gif) no-repeat 0 0;
position:relative
}
*/
#above-custom-button {
height:21px;
width:55px;
position:absolute;
right:4px;
top:4px
}

#custom-file-path {
overflow:hidden;
height:21px;
white-space:nowrap;
width:234px;
position:absolute;
left:4px;
top:4px
}

.no-offset {
overflow:hidden;
height:1px;
margin:0;
padding:0
}

#left .content .contact input.checkbox {
border:none;
width:15px;
height:20px
}

#left .content .search input.txt {
width:297px;
height:20px;
border:1px solid #c4c4c4;
float:left;
padding:4px 0 4px 4px;
font-size:14px;
color:#2F4A54;
}

#searchsubmit {float:left; margin: 0 0 0 10px;}

#left .content img.left {
display:block;
float:left;
margin:0 10px 7px 0
}

.dotted-line {
width:100%;
height:2px;
background:url(../img/separator4.gif) repeat-x 0 100%;
margin:5px 0;
padding:0
}

.productvisual {
width:344px;
height:144px;
overflow:hidden;
color:#474747;
font-size:24px;
margin:14px 0 0;
padding:190px 0 0 371px
}

.productvisual.prolific {
background:url(../img/image11.jpg);
color:#fff
}

.productvisual.markup {
background:url(../img/image19.jpg)
}

.productvisual.hosting {
background:url(../img/image25.jpg);
color:#fff
}

.productvisual.hosting p {
margin-left:-300px!important
}

.productvisual.hosting p strong {
background:#4084b4
}

.productvisual.monitor {
background:url(../img/image24.jpg);
color:#fff
}

.productvisual.monitor strong {
background:#5b6362
}

.productvisual.pallete {
background:url(../img/image23.jpg)
}

.productvisual.digg {
background:url(../img/image22.jpg);
color:#464646
}

.productvisual.digg strong {
background:#96c5e0
}

.productvisual.flash {
color:#0e1114;
background:url(../img/image21.jpg)
}

.productvisual.flash strong {
background:#b7c5c2
}

.productvisual.simulator {
background:url(../img/image20.jpg);
color:#fff
}

.productvisual.simulator strong {
background:#546c4f
}

.productvisual a.try-it {
overflow:hidden;
text-indent:-9999px;
float:right;
width:298px;
height:87px;
background:url(../img/br.gif);
margin:0 46px 0 0
}

#product-box .left .productvisual p {
font:21px/30px Arial, Helvetica, sans-serif;
margin:0 0 0 -349px;
padding:10px 0 0
}

.productvisual.markup p strong {
background:#f3e2d2
}

.productvisual.markup .title {
display:block;
position:relative;
line-height:30px;
margin:-155px 0 20px -348px
}

#products-slider {
float:left;
position:relative;
height:208px;
overflow:hidden!important
}

#products-detail .no-pager {
height:175px
}

#products-detail .lite {
height:90px
}

#hint-pager {
position:absolute;
left:0;
top:176px
}

.cont a.previewlink.out:link {
background:url(../img/bg-a.gif) repeat-x 0 100%!important;
color:#f46565!important;
padding:0 2px!important
}

.cont a.previewlink.out:visited {
color:#aeaeae!important;
text-decoration:none;
background:url(../img/bg-a-visited.gif) no-repeat right bottom!important;
padding:0 11px 0 2px
}

.cont a.previewlink.out:visited:hover {
background:url(../img/bg-a-visited-hover.gif) no-repeat 100% 100%!important;
color:#f46565!important
}

ul.chat p.post {
color:#009;
font-size:13px;
margin:10px 0 0
}

.sidebar-project-slider {
overflow:hidden;
width:219px;
margin:15px 0 0
}

a.to-project-page {
display:block;
overflow:hidden;
border:1px solid #c9c9c9;
width:217px;
height:182px;
position:relative
}

a.to-project-page:hover {
border:1px solid #F06767
}

#large-project-image {
width:726px;
position:relative;
height:600px;
text-indent:-9999px;
display: block;
}

#small-project-image {
display:block;
width:201px;
height:200px;
position:relative;
overflow:hidden;
background:transparent url(../img/img2-loading.jpg) no-repeat 50% 50%;
text-indent:-9999px
}

#small-project-image img,#large-project-image img,a.to-project-page img {
position:absolute;
left:0;
top:0
}

.swfupload {
cursor:pointer;
position:absolute;
top:4px;
right:4px
}

div.flash {
height:26px;
overflow:hidden;
width:635px;
border:solid 1px #c4c4c4;
background:#f2f2f2;
display:none
}

.progressWrapper {
width:635px;
overflow:hidden
}

.progressContainer {
overflow:hidden;
margin:1px;
padding:0
}

.progressBarInProgress,.progressBarComplete,.progressBarError {
font-size:0;
width:0;
height:22px;
background:url(../img/bg-upload-progress.gif) repeat-x 0 0;
border:solid 1px #c4c4c4
}

#left .content .people {
width:100%;
float:left;
font-family:Tahoma,'trebuchet ms',arial,helvetica,sans-serif;
margin:10px 0 0
}

#left .content .people li {
width:240px;
float:left;
list-style:none;
background:none;
margin:0 3px 0 0;
padding:0
}

#left .content .people li.last {
margin-right:0
}

#left .content .people .heading {
height:54px;
background-color:#ececec;
cursor:pointer
}

#left .content .people .heading:hover {
background-color:#e0e0e0
}

#left .content .people .heading img {
float:left;
background:none;
border:0;
margin:0;
padding:2px
}

#left .content .people .heading span {
float:left;
font-size:90%;
padding:5px 0 5px 10px;
line-height:1.6;
}

#left .content .people .last .heading span {
padding-left:4px
}

#left .content .people .arrow {
height:17px;
width:100%
}

#left .content .people .active .arrow {
background:transparent url(../img/about_arrow.gif) no-repeat scroll 184px 0
}

#left .content .about-bio {
width:100%;
float:left;
font-size:12px;
margin:0
}

#left .content .about-bio li {
width:100%;
float:left;
list-style:none;
background:none;
margin:0;
padding:0
}

.wordpress-page img {
border:1px solid #C4C4C4;
margin:13px auto 0;
padding:3px
}

.wordpress-page .plugins {
list-style:none;
width:760px;
margin:10px 0;
padding:0
}

.wordpress-page .plugins li {
float:left;
width:344px;
margin:0 36px 0 0
}

.wordpress-page .plugins .button {
margin-right:5px;
display:block;
text-indent:-9999px;
float:left
}

.comment-tabs {
width:100%;
overflow:hidden;
font:bold 20px Verdana,tahoma, arial, sans-serif;
position:relative;
margin:10px 0 0!important
}

.comment-tabs.idc{
	margin-bottom:-35px !important
}

.comment-tabs li {
float:left;
list-style:none;
margin-right:-5px;
background:none!important;
padding:0!important
}

.comment-tabs li.active {
position:relative;
z-index:10
}

.comment-tabs li.comments {
z-index:9
}

.comment-tabs li.tweetbacks {
z-index:8
}

.comment-tabs li.mentions {
z-index:7
}

.comment-tabs a {
padding-right:17px;
float:left;
color:#404040!important;
text-decoration:none!important
}

.comment-tabs strong {
float:left;
line-height:29px;
height:38px;
display:table-cell;
vertical-align:middle;
overflow:hidden;
background:transparent url(../img/bg-comment-tabs.gif) no-repeat scroll 0 0;
padding:8px 0 0 12px
}

.comment-tabs span.rss {
float:left;
height:46px;
width:22px;
overflow:hidden;
background:transparent url(../img/bg-comment-tabs-rss.gif) no-repeat scroll -44px 0;
margin:0
}

.comment-tabs .active span.rss {
background-position:-44px -92px
}

.comment-tabs .hover span.rss {
background-position:-44px -46px
}

.comment-tabs span.rss:hover {
background-position:-4px 0
}

.comment-tabs .active span.rss:hover {
background-position:-4px -92px
}

.comment-tabs .hover span.rss:hover {
background-position:-4px -46px
}

.comment-tabs span {
float:left;
height:45px;
width:22px;
overflow:hidden;
background:transparent url(../img/bg-comment-tabs.gif) no-repeat scroll 0 -142px;
margin:0 -17px 0 0
}

.comment-tabs .active strong {
background-position:0 -47px
}

.comment-tabs .active span {
background-position:0 -95px
}

.comment-tabs .hover span {
background-position:0 -235px
}

.comment-tabs .hover strong {
background-position:0 -188px
}

#contact_form {
height:330px
}

span.wpcf7-not-valid-tip {
left:0!important;
top:0!important;
width:294px!important;
height:20px;
font-size:14px!important;
line-height:18px;
padding:4px!important
}

.contact .captcha span.wpcf7-not-valid-tip {
width:222px!important
}

#idc-container-parent ul li {
background:none!important;
padding:0!important
}

#idc-container-parent img {
background:none!important;
border:none!important;
margin:0!important;
padding:0!important
}

#idc-container-parent a.idc-btn_l,#idc-container-parent a.idc-btn_s {
text-decoration:none!important
}

#IDCNavGuest2 span {
padding-right:10px!important
}

#IDCommentsNewThreadCover h3 {
line-height:normal!important;
color:#3f3f3f!important;
font-size:24px!important;
font-weight:700!important
}

#IDCThread .idc-c-b {
padding-top:10px!important
}
#idc-container .idc-tb{
	display:none
}
#idc-container .idc-c .idc-c-h{
	height:46px !important
}
#idc-container .idc-a{
	height: 42px !important
}
#idc-commentcount_label,
#idc-commentcount_wrap{
	display:none !important
}


label,#product-box .icons li.active span.ico-sb,.comment-tabs a * {
cursor:pointer
}

embed,#exploring .left ul ul ul,ul.threecol li.last,#product-box .left form.order h2,#left .content .topic-list blockquote p {
margin:0
}

ul.add li.no-bullet,.bookmark-option li.first,#nav .content ul li.no-title p,#nav .content ul li.no-border,#left ul.news .category ul li a:hover,ul.popular-articles li.first,#product-box .right .txt a:hover,a.faq:hover,ul.slist a:hover,#left .content .result .tag a:hover,#left .content .note a:hover {
background:none
}

ul.add a:hover,ul.bookmark-option a:hover,.bookmark-option a.bookmark:hover,#footer a:hover,#exploring .left ul ul a:hover,ul.archive a:hover,.breadcrumbs a:hover,#left .content .comment-list .comment .headline span .url:hover,ul.support-list a:hover,.leftcol .list a:hover {
text-decoration:underline
}

ul.add strong,ul.bookmark-option strong,#left .content ol .color strong.number,#pagewidth a.view-details:hover,span.find,#left .content .topic-list .top a:hover,#left .content .topic-list .top .comments a:hover,.productvisual.markup .title span,#left .content .people .heading strong:hover,#left .content .people .hover .heading strong {
color:#f46565
}

* html #nav,#left .content .topic-list ul.summary li.posted-in {
width:100%
}

#nav li,#exploring .right input,ul.treecol li,#left .content .contact .captcha,#left .content .contact ul li.all label,form.email-updates input,#left .content .form-holder .controls-column span,span.wpcf7-form-control-wrap {
float:left
}

#nav li:hover .sub-menu,#nav li.hover .sub-menu,.thumbs li a:hover .popup,#product-box .icons li.active a:hover .popup,* html .noscript {
display:block
}

#nav .content ul li.branding,#nav .content ul li.interactive {
width:166px
}

#exploring .left ul ul li,.some-prj .page ul li a {
float:none
}

.vcard,.vcard dt,.vcard dd,#latest-tweets ul,#left .content .comment-list li {
margin:0;
padding:0
}

div.address ul,#left .content .contact .right ul,#left .content .topic-list .bottom ul {
list-style:none;
margin:0;
padding:0
}

div.address ul li,.current-project {
margin:16px 0 0
}

.no-sidebar #pagewidth,
.no-bg,.cont a.previewlink,.cont a.previewlink:hover,.cont a.previewlink:link {
background:none!important
}

ul.featured-products h4 a,ul.threecol h2 a {
display:block;
height:100%;
width:100%
}

#left a:active,#latest-tweets a:active {
color:#194db2
}

ul.treecol li.optimization img,ul.treecol li.education img {
padding-right:8px
}

ul.archive.hidden,.hidden,#small-project-image img.hidden,#large-project-image img.hidden,a.to-project-page img.hidden,.message,.progressName,.progressCancel,.progressBarComplete,.progressBarError,.progressBarStatus,#wpstats {
display:none
}

#right .about ul a:hover,form.email-updates a:hover,ul.articles a:hover,.leftcol a.all:hover,.rightcol p.contact a:hover {
background:#f46565;
color:#fff
}

#left .content ul ul,#left .content .topic-list li ul ul {
font-size:1em;
margin:0;
padding:5px 0
}

#left .content ul ul li,#left .content .topic-list li ul ul li {
background:url(../img/bullet7.gif) no-repeat 0 6px;
padding:0 0 0 11px
}

* html .thumbs,#custom-input {
height:32px
}

.thumbs li a:hover,#product-box .icons li.active a:hover {
position:relative
}

.thumbs li a strong,#product-box .icons li a strong {
color:#424242;
display:block;
font-weight:400
}

.thumbs li .popup span,#product-box .icons li .popup span {
display:block;
overflow:hidden;
width:231px
}

.thumbs li .popup span.t,#product-box .icons li .popup span.t {
background:url(../img/bg-span-t.png);
height:2px
}

.thumbs li .popup span.b,#product-box .icons li .popup span.b {
background:url(../img/bg-span-b.png);
height:4px
}

.thumbs li .popup span.c,#product-box .icons li .popup span.c {
background:url(../img/bg-span-c.png);
width:149px;
padding:11px 0 11px 82px
}

.page ul li,form.order .submit input {
float:left;
margin:0 5px 0 0
}

.page ul li a:hover,#left .content .page ul li a:hover {
background:#d8d8d8
}

.page ul li.active a,.page ul li.active a:hover,#left .content .page ul li.active a,#left .content .page ul li.active a:hover {
background:none;
color:#b6b6b6;
cursor:default
}

#product-box .left p,#left .content ul.r-articles li {
margin:10px 0 0
}

#product-box .right .txt a,ul.articles a,.rightcol p.contact a {
background:url(../img/separator-red.gif) repeat-x 0 100%;
color:#f46565;
text-decoration:none
}

form.order ul li,#left .content .topic-list .bottom .topics {
float:left;
width:470px
}

#left .content .page a.prev:hover,#left .content .page a.next:hover {
background:transparent url(../img/a-max-arr-view.gif) no-repeat scroll -87px -15px
}

#left .content .topic-list .top .comments a:visited,#left .content .topic-list .top a:hover,#left .content .topic-list .bottom a:hover,#left .content .comment-list .comment .headline span .url {
text-decoration:none
}

#left .content .topic-list .top a:visited,#left .content .topic-list .bottom a:visited,.left-nav ul .active ul li.active {
background:none;
padding:0
}

#left .content .comment-list .comment div.blue,#left .content .people .active .heading {
background-color:#cee6f8
}

.profic-box.favicon,.productvisual.favicon {
background:url(../img/image13.jpg);
color:#000
}

.profic-box.favicon p strong,.productvisual.favicon p strong {
background:#d4e5d2
}

.profic-box p strong,.productvisual p strong {
background:#5a7853;
font-weight:400
}

* html .hidden-default,#products-slider.opacity {
height:0
}

span.ico19-1,#product-box .icons li.active span.links {
background-position:0 0
}

.region,.cont a.img img {
border:none
}

.cont a.previewlink.out:hover,.cont a.previewlink.out:active {
background:#f46565!important;
color:#fff!important
}

.comment-tabs a:hover,.comment-tabs a:visited {
background:none!important;
color:#404040!important;
text-decoration:none!important
}

div.wpcf7-response-output,#idc-container-parent ul {
	margin: 0!important;
	clear:both;
}

#idc-container-parent{width:744px !important}

/* Begin Images */
p img {
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	}

img.alignright {
	padding: 4px;
	margin: 6px 0 2px 7px !important;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 6px 7px 2px 0 !important;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
.content-heading{
	background: none;
	position: absolute !important;
	top: 139px !important;
}
.content-heading div{
	background: url(../img/bg-heading.png) no-repeat;
	height:59px;
	text-align: center;
	overflow:hidden;
}
.content-heading strong{
	display: block;
	text-transform: uppercase;
	font-size:23px;
	color: #666;
	margin:15px 0 0;
}
.content-heading strong a{
	color: #666;
	text-decoration: underline;
}
.content-heading strong a:hover{text-decoration: none;}
.container-proof{
	padding:48px 0 0;
	overflow:visible;
}
.container-proof:after {
	content:"";
	display:block;
	clear:both;
}
.container-proof .visual{
	background: url(../img/bg-design.jpg) no-repeat 100% 100%;
	padding-bottom: 2px;
	/*margin-right: -60px;
	padding-right: 60px;*/
}
.container-proof .visual img{float: right;}
.container-proof .visual .text{
	float: left;
	width: 475px;
	color: #565e58;
	font-size: 17px;
	line-height: 24px;
}
.container-proof .visual .text a{
	color: #f46565;
	text-decoration: underline;
}
.container-proof .visual .text a:hover{text-decoration: none;}
.container-proof .visual .slogan{
	background: url(../img/text-social-media-design.jpg) no-repeat 2px 0;
	width: 100%;
	height:339px;
	margin: 0 0 20px;
}
.container-proof .visual img{margin: 17px 26px 0 0;}
.container-proof .visual p{margin: 0 0 0 2px;}
/* welcome-section */
.welcome-section{
	width: 100%;
	overflow:hidden;
	padding:37px 0 36px;
	background: url(../img/bg-shadow.jpg) no-repeat 0 100%;
}
.welcome-section .btn{
	float: right;
	width: 227px;
	margin: 0;
	padding:14px 49px 0 0;
}
.welcome-section .btn a{display: block;}
.welcome-section .btn img{display: block;}
.welcome-section .text{
	float: left;
	width: 656px;
	font-size: 14px;
	line-height: 20px;
	padding:9px 0 0 6px;
}
.welcome-section .text h3{
	text-transform: uppercase;
	font-size: 28px;
	color: #939393;
	margin: 0 0 8px -6px;
	line-height: normal;
}
.welcome-section .text p{margin: 0 0 20px;}
.welcome-section .text p a{
	text-decoration: underline;
	color: #ef6c73;
	font-style: italic;
}
.welcome-section .text p a:hover{text-decoration: none;}
/* design examples */
.design-examples{
	width: 993px;
	overflow:hidden;
	padding:30px 0 20px;
}
.design-examples .col{
	float: left;
	width:302px;
	margin-right: 29px;
	color: #303030;
	font-size: 14px;
	line-height: 20px;
}
.design-examples img{
	display: block;
	margin: 10px 0 0 9px;
}
.design-examples .img-holder{
	background: url(../img/img-holder.png) no-repeat;
	width: 302px;
	height: 228px;
	overflow:hidden;
}
.design-examples h4{
	font-style: italic;
	color: #5d5c5c;
	font-size: 24px;
	line-height: normal;
	margin: 0;
}
.design-examples p{margin: 0;}
.design-examples .description{padding:14px 0 0 12px;}
/* testimonials */
.testimonials .inner{padding-top: 20px;}
.testimonials .cols{
	float: left;
	width: 724px;
	padding-left: 5px;
}
.testimonials .col{
	float: left;
	width:195px;
	margin: 0 45px 0 0;
}
.testimonials .header{
	height:1%;
	overflow:hidden;
	background: url(../img/separator.gif) repeat-x 0 100%;
	color: #f6f6f6;
	font-size: 10px;
	line-height: 18px;
	padding-left: 2px;
	letter-spacing: -1px;
}
.testimonials .header em{
	float: left;
	font-style: normal;
	background: url(../img/sprites.png) no-repeat 0 -137px;
	padding:0 14px 0 17px;
	line-height: 23px;
}
.testimonials .header a{
	float: left;
	background: url(../img/sprites.png) no-repeat 0 -158px;
	color: #fff;
	text-decoration: none;
	padding-left: 23px;
	line-height: 22px;
	display:block;
	height:22px;
}
.testimonials .header a:hover{text-decoration: underline;}
.testimonials .col .content{
	color: #a6a5a5;
	font-size: 11px;
	line-height: 18px;
	height:1%;
	overflow:hidden;
	padding:7px 0 0 3px;
}
.testimonials .content h4{
	margin: 0 0 6px;
	font-style: italic;
	color: #f6f6f6;
	font-size: 18px;
	line-height: 22px;
}
.testimonials .col .content p{margin: 0;}
.testimonials .btn-view{
	float: left;
	background: url(../img/sprites.png) no-repeat -93px -48px;
	text-indent: -9999px;
	overflow:hidden;
	width: 68px;
	height: 29px;
	margin: 11px 0 0 -2px;
}
.testimonials .col2{
	width:236px;
	margin: 0;
}
.testimonials .col2 h4{
	font-size: 18px;
	line-height: 22px;
	margin: 9px 0 18px 2px;
}
.testimonials .col2 .box{background: url(../img/bg-col3-t.gif) no-repeat;}
.testimonials .col2 .box .holder{
	background: url(../img/bg-col3-b.gif) no-repeat 0 100%;
	padding-bottom: 5px;
}
.testimonials .box .frame{
	background:#393a42;
	color: #a6a5a5;
	font-size: 12px;
	line-height: 18px;
	padding:21px 21px 23px;
}
.testimonials .box .right-text{margin:4px 6px 0 0;}
/* w3-holding */
.w3-holding{padding:4px 0 0;}
.w3-holding .visual{
	background: none;
	padding-bottom: 0;
}
.w3-holding .visual img{
	float: right;
	margin: 0 5px 0 -129px;
	display: inline;
}
.w3-holding .visual .text{
	width: 283px;
	position: relative;
	color: #5c5b5b;
	font-size: 13px;
	line-height: 22px;
	float: left;
	padding-top: 2px;
	padding:0 0 0 7px;
	overflow:visible;
}
.w3-holding .visual .text:after {
	content:"";
	display:block;
	clear:both;
}
.w3-holding .visual .text h2{
	margin: 0 0 7px -7px;
	color: #212121;
	font-size: 48px;
	line-height: normal;
	font-style: italic;
	font-weight: normal;
	white-space: nowrap;
}
.w3-holding .btn-download-now{
	float: left;
	text-indent: -9999px;
	overflow:hidden;
	background: url(../img/sprites.png) no-repeat -164px -48px;
	width: 236px;
	height: 51px;
	margin: 0;
}
.w3-holding .visual .text p{margin: 0 0 7px;}
.w3-holding .design-examples .col{
	width: 193px;
	margin-right:48px;
}
.w3-holding .design-examples .img-holder{
	background: url(../img/img-holder02.png) no-repeat;
	width: 100%;
	height: 172px;
}
.w3-holding .design-examples .img-holder img{margin: 8px 0 0 7px;}
.w3-holding .design-examples h3{
	margin: 0 0 2px 4px;
	font-style: italic;
	color: #5d5c5c;
	font-size: 24px;
	line-height: normal;
	font-weight: normal;
}
.w3-holding .design-examples .description{
	padding:0;
	color: #515151;
	font-size: 12px;
	line-height: 18px;
}
.w3-holding .design-examples .description p{margin: 0;}
.w3-holding .design-examples .description a{
	text-decoration: underline;
	font-style: italic;
	color: #f46565;
}
.w3-holding .design-examples .description a:hover{text-decoration: none;}
.w3-holding .design-examples{padding-left: 18px;}
.w3-holding .design-examples .description{
	padding:10px 0 0 9px;
	font-size: 11px;
}
/* section */
.w3-holding .section{
	width: 100%;
	overflow:hidden;
	padding:83px 0 49px;
	background: url(../img/bg-shadow.jpg) no-repeat 0 100%;
}
/* tabs */
.section .tabs{
	float: left;
	width: 554px;
	font-size: 12px;
	color: #676767;
	background: url(../img/bg-tab-content.png) repeat-y;
	margin:0 0 0 5px;
}
.section .tabs .t{
	width: 100%;
	overflow:hidden;
	background: url(../img/bg-tab-content-t.png) no-repeat;
}
.section .tabs .b{
	height:1%;
	overflow:hidden;
	background: url(../img/bg-tab-content-b.png) no-repeat 0 100%;
	padding:0 0 11px;
}
.section .tabset{
	height:1%;
	overflow:hidden;
	font-size: 19px;
	padding:6px 0 0 22px;
}
.section .tabset a{
	float: left;
	color: #fff;
	line-height: 36px;
	height: 36px;
	overflow:hidden;
	text-decoration: none;
	padding-right: 5px;
}
.section .tabset a span{
	float: left;
	padding:0 16px 0 15px;
	cursor: pointer;
}
.section .tabset .active,
.section .tabset a:hover{
	color: #515151;
	text-decoration: none;
	background: url(../img/bg-tab.png) no-repeat 100% -36px;
}
.section .tabset .active span,
.section .tabset a:hover span{
	background: url(../img/bg-tab.png) no-repeat;
}

.section .tabs .b .hidden {display:none;}

.section div.tab ul{
	line-height: 22px;
	margin:0;
	padding:0;
	list-style: none;
	font-size:11px;
}
.section div.tab ul a{
	color: #f46565;
	text-decoration: underline;
}
.section div.tab ul a:hover{text-decoration: none;}
.section div.tab li{
	background: url(../img/bullet05.png) no-repeat 0 9px;
	padding:0 0 9px 16px;
}
.section div.tab .content{padding:13px 20px 30px 38px;}
.section div.tab .content{min-height: 261px;}
* html .section div.tab .content{height: 261px;}
.section div.tab .footer{
	width: 100%;
	overflow:hidden;
}
.section div.tab .btn-download{
	float: right;
	text-indent: -9999px;
	background: url(../img/sprites.png) no-repeat -400px -48px;
	width:132px;
	height: 39px;
	margin: 7px 12px 0 0;
}
/* guide block */
.guide-block{
	float: right;
	margin: 0;
	color: #515151;
	font-size: 11px;
	line-height: 18px;
	width: 358px;
	padding:0 27px 0 0;
}
.guide-block h3{
	color: #5d5c5c;
	font-size: 24px;
	line-height: normal;
	font-weight: normal;
	font-style: italic;
	margin: -5px 0 5px;
}
.guide-block p{margin: 12px 11px 0 17px;}
.guide-block .holder-video{
	width: 100%;
	background: url(../img/holder-video.png) no-repeat;
	height:322px;
	overflow:hidden;
}
.guide-block .holder-video img{
	display: block;
	margin: 9px 0 0 10px;
}
/* blocks */
.blocks{
	float: none;
	overflow:hidden;
	width: 100%;
	padding:51px 0 0;
}
/* aside */
.blocks .aside{
	float: left;
	width:194px;
	background: none;
	padding:0 0 0 4px;
}
.blocks .block{
	width: 100%;
	overflow:hidden;
	background: url(../img/bg-block01.gif) repeat-y;
	margin-bottom: 19px;
}
.blocks .block .t{
	width: 100%;
	overflow:hidden;
	background: url(../img/bg-block01-t.png) no-repeat;
}
.blocks .block .b{
	width: 100%;
	overflow:hidden;
	background: url(../img/bg-block01-b.png) no-repeat 0 100%;
	padding-bottom: 4px;
}
.blocks .block .header{
	height: 56px;
	overflow:hidden;
}
.blocks .block h4{
	margin: 14px 0 0 11px;
	color: #fff;
	font-size: 19px;
	font-weight: normal;
}
.blocks .block .content{
	height:auto;
	overflow:hidden;
	color: #515151;
	font-size:11px;
	line-height: 18px;
	padding:0 1px;
}
.blocks .block .tweet{
	background: url(../img/bg-quote-r.png) no-repeat;
	margin:0 10px 0 5px;
	padding:0 0 10px;
}
.blocks .block .tweet-i{
	height:auto;
	overflow:hidden;
	display:none;
	background: url(../img/bg-quote-r.png) no-repeat 100% 100%;
	padding:13px 0 15px 20px;
}
.blocks .block .tweet a{
	text-decoration: underline;
	color: #f46565;
	font-style: italic;
}
.blocks .block .tweet a:hover{text-decoration: none;}
.blocks .block .tweet .title{font-size:13px;}
.blocks .block .tweet .post{
	padding:18px 0 19px;
	width: 100%;
	overflow:hidden;
}
.blocks .block .tweet .post p{margin: 0;}
.blocks .block .forums{position: relative;}
.blocks .block .click-here{
	position: absolute;
	left: 1px;
	bottom: 0;
	width: 189px;
	height: 46px;
}
.blocks .block .click-here a{
	display: block;
	height:100%;
	font-weight: bold;
	color: #fff;
	font-size: 18px;
	line-height: normal;
	text-decoration: none;
	background: url(../img/bg-click-here.png) no-repeat;
}
.blocks .block .click-here a:hover{text-decoration: underline;}
.blocks .block .click-here span{
	float: right;
	margin: 11px 16px 0 0;
}
/* feature block */
.feature-block{
	float: right;
	width: 711px;
	padding:0 34px 0 0;
	margin-top: 3px;
	background: url(../img/bg-table.gif) repeat-y;
}
.feature-block .t{
	width: 100%;
	overflow:hidden;
	background: url(../img/bg-table-head.jpg) no-repeat;
}
.feature-block .b{
	width: 711px;
	background: url(../img/bg-table-b.gif) no-repeat 0 100%;
	padding:0 0 5px;
}
.feature-block .b:after{
	content:"";
	display:block;
	clear:both;
}
.feature-block .static{
	float:left;
	width:370px;
	border-left:1px solid #D7D4D3;
}
.feature-block .scrollable{
	width:335px;
	float:left;
	overflow:visible !important;
}
.feature-block .long{
	width:1200px;
}
.feature-block table{
	overflow:hidden;
	border-collapse: collapse;
	table-layout: fixed;
	color: #5d5c5c;
	font-size: 13px;
	line-height: 18px;
	padding:0;
	margin: 0;
	vertical-align: middle;
	width: 100%;
	/*position:relative;
	bottom:-2px;*/
}
.feature-block th,
.feature-block td,
.feature-block tr{
	margin: 0;
	padding:0;
	border: 0;
	text-align: left;
}
.feature-block th{
	color: #fff;
	font-size:17px;
	line-height: 22px;
	height:57px;
	font-weight: normal;
	border-right: 1px solid #6a8422;
}
.feature-block td{
	border-right: 1px solid #d7d4d3;
	border-bottom: 1px solid #d7d4d3;
	height: 49px;
}
.feature-block tr.last td{
	/*border-bottom:0;*/
	padding-bottom:1px;
}
.feature-block .style td{height:63px;}
.feature-block td.col-heart{
	background: url(../img/bg-row.gif) repeat-y 100% 0;
	border-right: none;
}
.feature-block th span{
	padding-left: 19px;
	display: block;
}
.feature-block td.title span{
	padding:4px 0 4px 19px;
	display: block;
}
.feature-block .title{width: 253px;}
.feature-block .col-heart{width: 118px;}
.feature-block .column{width:111px;}
.feature-block .column-small {width: 111px; font-size: 13px !important; line-height: 16px !important; text-align: center !important;}
.feature-block .column-small span {padding: 0;}
.feature-block th.title{color: #fff;}
.feature-block th.col-heart{
	background: url(../img/bg-th.gif) no-repeat 100% 0;
	border-right: none;
}
.feature-block .mark td{background:#f6f4f4;}
.feature-block .mark td.col-heart{background:#f6f4f4 url(../img/bg-row-mark.gif) repeat-y 100% 0;}
/* scroll */
.hscroll-bar{
	width: 338px !important;
	height: 19px !important;
	left: 0 !important;
	margin-top:5px;
}
.hscroll-right,
.hscroll-left{display: none !important;}
.hscroll-line{background: url(../img/bg-scrool.gif) repeat-x;}
.hscroll-slider{
	background: url(../img/bg-scrollbar.gif) no-repeat 12px 0;
	width: 80px;
	height: 19px;
}
.scrollable{
	width: 709px;
	min-height: 535px;
	overflow:hidden;
}
* html .scrollable{height: 535px;}
.scroll-content{
	width: 335px !important;
	margin-left:1px;
}
.feature-block table img{
	display: block;
	margin: 0 auto;
}
/* block02 */
.block02{
	width: 963px;
	overflow:hidden;
	background: url(../img/bg-block02.png) repeat-y;
	color: #525252;
	font-size: 11px;
	line-height: 18px;
	margin: 23px 0 38px;
}
.block02 .t{
	width: 100%;
	overflow:hidden;
	background: url(../img/bg-block02-t.png) no-repeat;
	padding:9px 0 0;
}
.block02 .b{
	height:1%;
	overflow:hidden;
	background: url(../img/bg-block02-b.png) no-repeat 0 100%;
	padding:4px 15px 15px 27px;
}
.block02 h4{
	color: #5d5c5c;
	font-size: 28px;
	font-weight: normal;
	font-style: italic;
	margin: 9px 0 11px;
	word-spacing: -1px;
	white-space: nowrap;
}
.block02 p{margin: 0;}
.btn-download-wide{
	float: right;
	margin: 0;
	text-indent: -9999px;
	overflow:hidden;
	background: url(../img/sprites.png) no-repeat 0 -205px;
	width:267px;
	height: 103px;
	margin-left: 40px;
}
/* faq */
.faq{}
/* faq block */
.faq-block{
	float: left;
	width:619px;
	margin-right: 70px;
}
.faq h4{
	color: #f6f6f6;
	font-size: 27px;
	line-height: normal;
	margin: 5px 0 0 8px;
	font-weight: normal;
	font-style: italic;
}
.faq .tabs{
	width: 100%;
	overflow:hidden;
	padding:21px 0 0;
}
.faq .tabset{
	width: 100%;
	overflow:hidden;
	position: relative;
	z-index: 36;
}
.faq .tabset a{
	float: left;
	color: #ffffff;
	font-size: 14px;
	line-height: 31px;
	height: 33px;
	overflow:hidden;
	background: url(../img/bg-tab02.png) no-repeat 100% -33px;
	padding:0 4px 0 0;
	text-decoration: none;
	margin-right: 9px;
}
.faq .tabset a span{
	float: left;
	cursor: pointer;
	background: url(../img/bg-tab02.png) no-repeat 0 -0px;
	padding:0 15px;
	height:100%;
}
.faq .tabset .active,
.faq .tabset a:hover{background-position: 100% -99px;}
.faq .tabset .active span,
.faq .tabset a:hover span{background-position: 0 -66px;}
.faq .tab-content{
	width: 100%;
	overflow:hidden;
	background:url(../img/bg-block03-t.gif) no-repeat;
	padding-top: 3px;
	margin-top: -3px;
	position: relative;
	z-index: 37;
}
.faq .tab-content .t{
	width: 100%;
	overflow:hidden;
	background:#212226;
}
.faq .tab-content .b{
	height:1%;
	overflow:hidden;
	background: url(../img/bg-block03-b.gif) no-repeat 0 100%;
	padding:18px 19px 18px;
}
.faq .tab-content .article{
	width: 100%;
	overflow:hidden;
	border-top: 1px solid #303137;
	padding:7px 0 5px;
}
.faq .tab-content .open{padding-bottom: 0;}
.faq .tab-content .article:first-child{
	border: none;
	padding-top: 0;
}
.faq .tab-content .article .article-title{
	color: #f6f6f6;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
}
.faq .tab-content .article .article-title span{
	background: url(../img/sprites.png) no-repeat 0 -370px;
	padding:0 3px;
	position: relative;
}
.faq .tab-content .article .open span{background-position: 0 -397px;}
.article-text{
	color: #a5a4a4;
	font-size:11px;
	line-height: 16px;
	padding:5px 0 0;
	display: none;
}
.open .article-text{display: block;}
.article-text p{margin: 0 0 16px;}
/* changelog */
.changelog{
	float: left;
	width:277px;
}
.changelog .block{
	width: 100%;
	overflow:hidden;
	background:#212226;
}
.changelog .block .t{
	width: 100%;
	overflow:hidden;
	background:url(../img/bg-block04-t.gif) no-repeat;
}
.changelog .block .b{
	height:1%;
	overflow:hidden;
	background: url(../img/bg-block04-b.gif) no-repeat 0 100%;
	padding:21px 19px 0;
}
.changelog .block .article{
	width: 100%;
	overflow:hidden;
	border-top: 2px solid #242529;
	padding:11px 0;
}
.changelog .block .open{padding-bottom: 12px;}
.changelog .block .article:first-child{
	border: none;
	padding-top: 0;
}
.changelog .block .article .article-title{
	color: #f6f6f6;
	font-size: 17px;
	line-height: 17px;
	text-decoration: none;
}
.changelog .block .article .article-title span{
	background: url(../img/sprites.png) no-repeat 0 -475px;
	padding:0 6px;
	position: relative;
}
.changelog .block .article .open span {background-position: 0 -511px;}
.changelog .block .open .article-title span{background-position: 0 -511px;}
.changelog .article-text ul{
	margin:0;
	padding:0;
	list-style: none;
	font-size: 11px;
	line-height: 17px;
	color: #acacac;
}
.changelog .article-text li{
	padding:0 0 0 12px;
	background: url(../img/bullet06.gif) no-repeat 1px 5px;
}
.changelog h4{margin: 5px 0 24px;}
.changelog .block .article-text{padding:9px 0 0;}

#idc-container-parent {margin: 14px 0 0 !important; overflow: hidden !important;}
#idc-sortLinks {display: none !important;}
#idc-container .idc-right {margin: -20px 0 0 !important;}
.load-image {background: #808080 url(../img/ajax-loader.gif) no-repeat ; background-position: center}