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

html,body{margin:0;padding:0;background:url(../images/body-bg.jpg) no-repeat;background-color:#11303c;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
img{border:0;}
a, a:hover{
	text-decoration:none;
	outline:none;
	color: #09F;
}
h1,h2,h3,h4,h5,h6 {padding:0px;margin:0;}
p {padding:0px;margin:0px;}
.clear{clear:both;font-size:0;line-height:0px;display:block;}
form {padding:0px !important;margin:0px !important;}
input {border:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:0px;margin:0px;}
.align-right {text-align:right !important;}
.align-center {text-align:center !important;}
.float-left {float:left !important;}
.float-right {float:right !important;}
.set-size {width:970px;margin:0 auto;position:relative;z-index:10;}

/* site buttons/input submits */
.button-submit {background:url(../images/input-submit-bg.png) no-repeat top left;width:110px;height:26px;line-height:26px;font-size:12px !important;text-align:center;cursor:pointer;color:#272727 !important;}
.button-submit:hover {background-position:0px -26px;}
.button {width:112px;display:block;background:url(../images/sprite-buttons-standard.gif) no-repeat;height:28px;line-height:28px;font-size:12px;text-align:center;cursor:pointer;}
.button-grey {background-position:0px 0px;color:#272727;}
.button-grey:hover, .button-grey.current {background-position:0px -28px;}
.button-blue {background-position:0px -56px;color:#272727;}
.button-blue:hover, .button-blue.current {background-position:0px -84px;}
.button.float-right {margin-left:10px;}
.button.float-left {margin-right:10px;}
.button.center {margin:0 auto;float:none !important;}
blockquote {color:#353535;background:url(../images/blockquote-bg.png) no-repeat top center;height:116px;padding:30px 0px 0px 0px;}
blockquote p {font-size:23px !important;line-height:26px !important;text-align:center;color:#353535 !important;}
blockquote div {text-align:right;padding-right:150px;font-size:13px;}

/* page container and background fixers for non standard grey background stretched endlessly to right */
#page-container {position:relative;clear:both;}
.content-fix {background:url(../images/fix-bg.jpg) repeat;position:absolute;top:0;left:230px;width:740px;height:100%;}
.full-page-fix {background:url(../images/fix-bg.jpg) repeat;position:absolute;top:0;right:0;width:50%;height:100%;}

/* common elements in sub and bottom areas */
#sub .stylish, #bottom .stylish {font-size:16px;color:#fefefe;}
#sub p, #bottom p {line-height:19px;color:#808080;font-size:13px;}

/* common elements in content area */
#content p {color:#727272;font-size:13px;line-height:18px;padding:10px 0px;}
#content p a {color:#494949;text-decoration:underline;}
#content h4 {font-size:21px;color:#272727;padding:0px 0px 0px 0px;}
#content h5 {font-size:18px;color:#272727;padding:0px 0px 0px 0px;}
#content h6 {font-size:17px;color:#272727;padding:0px 0px 0px 0px;}
#content small {color:#272727;font-size:11px;line-height:22px;}
#content small a {color:#de6400;}

/* sub - place where all widgets are displayed */
#sub {width:230px;background:url(../images/sub-bg.png) no-repeat top right; min-height:630px;padding:0px;float:left;}
#logo {display:block;margin:25px 0px 0px -8px;}
#sub .container-inner {position:absolute;bottom:0px;left:0px;}
#sub .slogan {
	text-align:right;
	padding:0px 26px 0px 0px;
	font-size:23px;
	color:#fff;
	line-height:30px;
	margin-right: 30px;
}

/* content - main area of website */
#content {width:740px;float:right;position:relative;z-index:20;padding:26px 0px 10px 0px;}
#content .set-size {width:720px;float:right;}
#menu {background:url(../images/menu-bg.png) no-repeat top left;width:748px;height:56px;position:relative;z-index:220;}
#search {
	float:right;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 2px;
}
#search .input-text {color:#a0a0a0;background:url(../images/search-input-text.jpg) no-repeat top left;width:173px;height:28px;line-height:28px;padding:0px 10px;vertical-align:middle;}
#search .input-submit {background:url(../images/search-input-submit.jpg) no-repeat top left;width:30px;height:28px;cursor:pointer;vertical-align:middle;}
#menu ul {float:left;margin:0px;padding:7px 0px 0px 2px;list-style:none;}
#menu ul .item {display:block;float:left;padding:0px 5px;position:relative;z-index:20;}
#menu ul .item a {display:block;float:left;height:28px;line-height:26px;font-size:13px;padding:0px 0px 0px 12px;color:#b0b0b0;}
#menu ul .item a span {display:block;float:left;height:28px;line-height:26px;padding:0px 12px 0px 0px;}
#menu ul .item a:hover, #menu ul .item a.current, #menu ul .item a.subcurrent {background:url(../images/menu-item-a-span-hover.jpg) no-repeat top left;}
#menu ul .item a:hover {color:#d8d8d8;}
#menu ul .item a:hover span, #menu ul .item a.current span, #menu ul .item a.subcurrent span {background:url(../images/menu-item-a-span-hover.jpg) no-repeat top right;}
#menu ul .item .sub-items {display:none;position:absolute;top:28px;left:0px;width:158px;background:url(../images/sub-items-bg.png) no-repeat 28px 5px;padding:10px 0px 0px 0px;}
#menu ul .item .sub-items li {display:block;float:none;padding:0px;}
#menu ul .item .sub-items li a {display:block;float:none;background:#444;text-align:center;padding:0px;height:40px;line-height:40px;}
#menu ul .item .sub-items li a:hover {background:#3f3f3f;}

/* top/bottom leads */
#content .lead-bottom {clear:both;padding:60px 0px 30px 0px;background:url(../images/bottom-lead-bg.png) no-repeat top left;}
#content .lead-bottom p {font-size:18px;color:#272727;padding:5px 0px 0px 0px;}
#content .lead-top {background:url(../images/top-lead-bg.png) no-repeat top left;height:95px;margin-top:-16px;}
#content .lead-top span {background:url(../images/top-lead-span-bg.jpg) repeat-x;height:54px;display:block;float:left;margin:8px 0px 0px 0px;border-top:1px solid #d7d7d4;border-right:1px solid #d7d7d4;border-bottom:1px solid #d7d7d4;line-height:54px;text-align:center;padding:0px 30px;font-size:25px;color:#5f5f5f;}
#content .lead-top p {float:left;line-height:54px;padding:8px 0px 0px 30px;color:#a0a1a0;}

/* main rotator
image, data and controls can be floated to the left or right dynamicly through xhtml by adding class float-right or float-left */
#main-rotator {background:url(../images/main-rotator-bg.png) no-repeat bottom left;height:445px;margin-top:-14px;position:relative;padding:0px 3px 0px 0px;}
#main-rotator ul {list-style:none;padding:0px;margin:0px;}
#main-rotator ul li {display:block;position:relative;background:none !important;width:740px;}
#main-rotator ul li .image {position:absolute;z-index:10;}
#main-rotator ul li .data {width:322px;padding:80px 0px 0px 0px;display:block;position:relative;z-index:20;}
#main-rotator ul li .name {padding:0px;font-size:27px;line-height:31px;display:block;}
#main-rotator ul li .text {color:#7d7d7d;font-size:14px;line-height:19px;padding:25px 0px;display:block;}
#main-rotator .read-more {background:url(../images/read-more-button.png) no-repeat top left;width:152px;height:38px;display:block;float:left;}
#main-rotator .view-portfolio {background:url(../images/portfolio-button.png) no-repeat top left;width:152px;height:38px;display:block;}
#main-rotator .view-portfolio:hover {background-position:0px -38px;}
#main-rotator .read-more:hover {background-position:0px -38px;}
#main-rotator .controls-holder {background:url(../images/main-rotator-controls.gif) no-repeat top left;z-index:120;position:absolute;bottom:50px;right:5px;padding-left:5px;margin-left:-5px;}
#main-rotator .controls {background:url(../images/main-rotator-controls.gif) no-repeat top right;height:23px;padding:12px 12px 0px 6px;margin-right:-5px;}
#main-rotator .controls a {display:block;float:left;font-size:0px;line-height:0px;background:url(../images/main-rotator-controls-a.jpg) no-repeat top left;width:13px;height:14px;margin:0px 0px 0px 8px;color:#ccc;}
#main-rotator .controls a.activeSlide {background-position:0px -14px;}
#main-rotator .controls.float-left {left:12px;right:auto;}
#main-rotator .data.float-left {padding-left:12px;width:310px;}
#alternate-rotator {position:relative;height:450px;}




/* photo stylization (for the rest see js/jquery-workarounds.js */
#content .photo {position:relative;z-index:10;float:left;margin:0px 0px 3px 0px;display:block;}
#content .photo.float-right {margin-left:10px;}
#content .apply-corners {padding:8px;background:#fff;border:1px solid #cdcecc;}
#content .apply-corners img {float:left;}
#content .corner {background:url(../images/sprite-image-corners.gif) no-repeat;height:4px;width:4px;position:absolute;z-index:20;}
#content .corner-top-left {top:-1px;left:-1px;background-position:0px 0px;}
#content .corner-top-right {top:-1px;right:-1px;background-position:0px -4px;}
#content .corner-bottom-left {bottom:-1px;left:-1px;background-position:0px -8px;}
#content .corner-bottom-right {bottom:-1px;right:-1px;background-position:0px -12px;}
#content .apply-shadows-oval .shadow-left {background:url(../images/sprite-image-shadows.png) no-repeat top left;height:3px;position:absolute;bottom:-3px;left:0px;width:50%;}
#content .apply-shadows-oval .shadow-right {background:url(../images/sprite-image-shadows.png) no-repeat bottom right;height:3px;position:absolute;bottom:-3px;right:0px;width:50%;}
#content .apply-shadows-square .shadow-left {background:url(../images/sprite-image-shadows-square.png) no-repeat top left;height:3px;position:absolute;bottom:-3px;left:0px;width:50%;}
#content .apply-shadows-square .shadow-right {background:url(../images/sprite-image-shadows-square.png) no-repeat bottom right;height:3px;position:absolute;bottom:-3px;right:0px;width:50%;}


/* different types of list, like short list of services with images or with arrows & other boxes */
#content .list-rotator h6 {padding-bottom:0px;}
#content .list-rotator ul {list-style:none;padding:0px;margin:0px;}
#content .list-rotator ul .item {width:332px;float:left;padding:40px 0px 20px 0px;position:relative;margin-right:56px;}
#content .list-rotator ul .item .rotate {float:none !important;padding:0px !important;height:260px;}
#content .list-rotator ul .item .rotate li {padding:0px;float:none;background:none !important;}
#content .list-rotator ul .item .photo {margin-bottom:10px;}
#content .list-rotator ul .item p {padding:0px 0px 15px 0px;}
#content .list-rotator ul .item .controls-holder {position:absolute;top:240px;right:12px;z-index:20;background:url(../images/rotate-controls-bg.png) no-repeat top left;display:block;padding-left:5px;}
#content .list-rotator ul .item .controls-holder .controls {background:url(../images/rotate-controls-bg.png) no-repeat top right;height:22px;padding:11px 10px 0px 0px;display:block;margin-right:-4px;}
#content .list-rotator ul .item .controls-holder a {display:block;float:left;font-size:0px;line-height:0px;background:url(../images/main-rotator-controls-a.jpg) no-repeat top left;width:13px;height:14px;margin:0px 0px 0px 8px;color:#ccc;}
#content .list-rotator ul .item .controls-holder a.activeSlide {background-position:0px -14px;}
#content .list-rotator ul .remove {padding-right:0px;margin-right:0px;}

#content .list-images ul {list-style:none;padding:0px;margin:0px;}
#content .list-images ul li {display:block;float:left;width:319px;padding:20px 40px 20px 0px;}
#content .list-images ul li h5 {padding:0px 0px 15px 0px;}
#content .list-images ul li p {padding:0px 0px 0px 70px;position:relative;}
#content .list-images ul li p img {position:absolute;top:5px;left:0px;}

#content .list-details {padding:20px 0px 0px 0px;}
#content .list-details ul {list-style:none;padding:0px;margin:0px;}
#content .list-details ul li {display:block;float:left;width:128px;padding:18px 0px 0px 110px;position:relative;height:100px;}
#content .list-details ul li .image {position:absolute;top:0px;left:0px;background:#fff;border:1px solid #cdcecd;padding:6px;}
#content .list-details ul li .image img {float:left;}
#content .list-details ul li h5 {color:#272727;font-size:15px;line-height:18px;padding-bottom:0px;}
#content .list-details ul li h6 {color:#df6600;font-size:13px;line-height:18px;padding-bottom:0px;}
#content .list-details ul li .social-media {display:block;padding:5px 0px 0px 0px;}
#content .list-details ul li .social-media a {display:block;float:left;background:url(../images/sprite-social-media2.png) no-repeat;height:19px;width:19px;margin:0px 5px 0px 0px;}
#content .list-details ul li .social-media .twitter {background-position:0px -0px;}
#content .list-details ul li .social-media .twitter:hover {background-position:0px -19px;}
#content .list-details ul li .social-media .facebook {background-position:0px -38px;}
#content .list-details ul li .social-media .facebook:hover {background-position:0px -57px;}
#content .list-details ul li .social-media .linkedin {background-position:0px -76px;}
#content .list-details ul li .social-media .linkedin:hover {background-position:0px -95px;}

#content .list-items {padding:10px 0px 0px 0px;}
#content .list-items ul {list-style:none;padding:0px;margin:0px;}
#content .list-items ul li {
	width:100%;
	padding:0px 0px 0px 34px;
	background:url(../images/list-items-arrow.gif) no-repeat center left;
	line-height:40px;
	float:left;
	color:#949494;
}
#content .list-items ul li a {color:#949494;}
#content .list-items ul li a:hover {text-decoration:underline;}

#content .list-items-large {padding:0px 0px 20px 0px;}
#content .list-items-large ul {list-style:none;padding:0px;margin:0px;}
#content .list-items-large ul li {display:block;position:relative;padding:20px 0px 40px 240px;}
#content .list-items-large ul li .name {position:absolute;top:20px;left:-6px;background:url(../images/list-items-large.png) no-repeat top left;width:206px;height:82px;line-height:66px;padding:0px 0px 0px 20px;}
#content .list-items-large ul li .name img {vertical-align:middle;}
#content .list-items-large ul li .name span {display:block;width:130px;float:right;font-size:16px;}
#content .list-items-large ul li p {padding:0px 0px 10px 0px;}

#content .blog-list ul {list-style:none;padding:0px;margin:0px;}
#content .blog-list ul li {padding:0px 0px 30px 0px;float:left;width:464px;}
#content .blog-list ul li .photo {margin-bottom:14px;}
#content .blog-list ul li .comments-amount {display:block;float:right;background:url(../images/blog-list-comments.png) no-repeat top left;width:30px;height:29px;text-align:center;font-size:11px;line-height:22px;color:#737474;}
#content .blog-list ul li small a {color:#de6400;}

.box-welcome {
	padding:0px 218px 0px 0px;
	background:url(../images/box-welcome-bg.png) no-repeat right 25px;
	min-height:200px;
}
.box-welcome p {padding:0px 30px 0px 0px;}
.box-welcome .button {margin:30px 0px 0px 0px;}

/* two column content / two column content with submenu */
#content .two-columns .column {width:330px;}
#content .two-columns .column.float-left {padding-right:30px;}
#content .two-columns .column.float-right {padding-right:10px;}

#content .two-columns-submenu .column {width:464px;}
#content .two-columns-submenu .submenu {width:218px;}
#content .two-columns-submenu .column.float-left {padding-right:30px;}

/* two column content with submenu elements (visible on blog page) */
#content .navigation {background:url(../images/navigation-bottom-bg.jpg) no-repeat bottom left #3e3e3e;width:218px;padding:20px 0px;position:relative;}
#content .navigation .tl {background:url(../images/navigation-tl.jpg) no-repeat top left;width:5px;height:5px;position:absolute;top:0px;left:0px;}
#content .navigation .tr {background:url(../images/navigation-tr.jpg) no-repeat top left;width:5px;height:5px;position:absolute;top:0px;right:0px;}
#content .navigation .tr {}
#content .navigation ul {list-style:none;padding:0px;margin:0px;}
#content .navigation ul li, #content .navigation ul li a {color:#868686;}
#content .navigation ul li a:hover {color:#a0a0a0;}
#content .navigation h6 {color:#fefefe;padding:0px 18px 18px 18px;border-bottom:1px solid #232323;}
#content .navigation .blog-categories {border-bottom:1px solid #5b5b5b;}
#content .navigation .blog-categories li {border-top:1px solid #5b5b5b;border-bottom:1px solid #232323;}
#content .navigation .blog-categories li a {display:block;line-height:27px;padding:0px 18px;}
#content .navigation .blog-categories li a:hover, #content .navigation .blog-categories .current a {background:#313131;color:#a0a0a0;}
#content .navigation .blog-archives {padding:10px 0px 0px 13px;border-top:1px solid #5b5b5b;}
#content .navigation .blog-archives li {display:block;float:left;width:92px;padding:7px 0px 7px 5px;}

#content .popular-posts {padding:15px 18px;}
#content .popular-posts ul {list-style:none;padding:0px;margin:0px;}
#content .popular-posts ul li {padding:10px 0px;}
#content .popular-posts ul li a {color:#828281;line-height:17px;display:block;}
#content .popular-posts ul li a:hover {color:#484848;}

#content .newest-comments {padding:15px 18px;}
#content .newest-comments ul {list-style:none;padding:0px;margin:0px;}
#content .newest-comments ul li {padding:10px 0px;}
#content .newest-comments ul li a {color:#828281;line-height:17px;display:block;}
#content .newest-comments ul li a:hover {color:#de6400;}
#content .newest-comments ul li a small {display:block;color:#de6400;font-size:10px;}
#content .advertise {font-size:11px;width:198px;margin:0 auto;}
#content .advertise a {color:#515151;margin:5px 0px;}

/* article elements (visible on blog-post.html */
#content .share-this {line-height:24px;color:#aaaba8;padding:10px 0px;background:url(../images/share-this-bg.png) no-repeat top right;}
#content .share-this .icon {background:url(../images/sprite-social-icons.jpg) no-repeat top left;width:24px;height:24px;float:right;margin:0px 0px 0px 5px;}
#content .share-this .digg {background-position:0px 0px;}
#content .share-this .facebook {background-position:0px -24px;}
#content .share-this .linkedin {background-position:0px -48px;}
#content .share-this .rss {background-position:0px -72px;}
#content .share-this .sharethis {background-position:0px -96px;}
#content .share-this .twitter {background-position:0px -120px;}
#content .share-this .delicious {background-position:0px -144px;}

#content .comments {padding:20px 0px;}
#content .comments h5 {background:url(../images/blog-list-comments.png) no-repeat top left;padding:0px 0px 5px 40px;}
#content .comments ul {list-style:none;padding:0px;margin:0px;}
#content .comments ul li {padding:10px 0px 30px 70px;position:relative;}
#content .comments ul li .image {position:absolute;top:10px;left:10px;}
#content .comments ul li small {line-height:12px;font-size:10px;}
#content .comments ul li p {padding:0px;}

#content .comment-post .input-text {background:url(../images/comment-post-input-text.jpg) no-repeat top left;width:200px;height:28px;line-height:28px;padding:0px 10px;color:#9e9e9e;}
#content .comment-post .input-textarea {background:url(../images/comment-post-input-textarea.jpg) no-repeat top left;width:440px;height:88px;border:0px;font-family:Arial, Helvetica, sans-serif;color:#9e9e9e;font-size:12px;padding:10px;}
#content .comment-post .publish {line-height:28px;}

/* standard content form (visible on contact.html */
#content .form {padding:20px 0px 40px 0px;clear:both;}
#content .form .input-text {background:url(../images/form-input-text.jpg) no-repeat top left;width:310px;height:28px;line-height:28px;padding:0px 10px;margin:0px 0px 20px 0px;color:#636363;}
#content .form .input-textarea {background:url(../images/form-input-textarea.jpg) no-repeat top left;width:310px;padding:10px;height:88px;border:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0px 0px 20px 0px;color:#636363;}


/* sub widgets */
#whats-new {background:url(../images/whats-new-fill.png) repeat-y;width:205px;clear:both;}
#whats-new h5 {background:url(../images/whats-new-h5.png) no-repeat top left;width:207px;padding:18px 18px 0px 18px;}
#whats-new ul {
	background:url(../images/whats-new-bg.png) no-repeat bottom left;
	width:205px;
	min-height:250px;
	list-style:none;
	padding:0px;
	margin:0px;
	border:none;
}
#whats-new ul li {padding:18px;border-bottom:1px solid #1f2c32;border-top:1px solid #527787;}
#whats-new ul li span {display:block;line-height:17px;}
#whats-new ul li a {display:block;}
#whats-new ul li a .date {color:#7a7a7a;font-size:10px;}
#whats-new ul li a .text {color:#6898ad;font-size:12px;}
#whats-new ul li a:hover .text {color:#a4d1e4;}
#whats-new ul .noborder-top {border-top:0px;}
#whats-new ul .noborder-bottom {border-bottom:0px;}

#clients {clear:both;width:207px;padding:40px 0px 0px 0px;}
#clients p {padding:15px 0px 0px 0px;}
#clients .rotator-holder {padding:20px 0px 0px 0px;position:relative;z-index:10;}
#clients .rotator-holder .arrow {background:url(../images/clients-holder-arrow.gif) no-repeat;width:6px;height:10px;position:absolute;top:33px;z-index:20;}
#clients .rotator-holder .next {background-position:0px -10px;right:0px;}
#clients .rotator-holder .prev {background-position:0px 0px;left:0px;}
#clients ul {list-style:none;padding:0px;margin:0px;text-align:center;width:207px;}
#clients ul li {display:block;text-align:center;width:207px;background:none !important;}

#newsletter {clear:both;width:204px;padding:40px 0px 20px 0px;}
#newsletter p {padding:15px 0px 15px 0px;}
#newsletter .input-text {color:#636363;font-size:12px;background:url(../images/newsletter-input-text.jpg) no-repeat top left;width:172px;height:29px;line-height:29px;padding:0px 0px 0px 32px;}
#newsletter .button-submit {margin:10px 0px 0px 0px;}

/* standard pagination */
#content .pagination {clear:both;padding:20px 0px;}
#content .pagination ul {list-style:none;padding:0px;margin:0px;}
#content .pagination ul li {float:left;display:block;}
#content .pagination ul li a {display:block;float:left;height:26px;line-height:26px;padding:0px 10px;background:url(../images/pagination-a.gif) repeat-x top center;border-left:1px solid #b0b1ae;font-size:11px;color:#4e4e4e;}
#content .pagination ul li a:hover, #content .pagination ul li a.current {background-position:bottom center;}
#content .pagination ul li.first a {background-position:top left;border-left:0px;}
#content .pagination ul li.last a {background-position:top right;}
#content .pagination ul li.first a:hover,#content .pagination ul li a.current {background-position:left -26px;}
#content .pagination ul li.last a:hover, #content .pagination ul li a.current {background-position:right -26px;}

/* bottom & footer */
#bottom {padding:45px 0px;clear:both;background:url(../images/bottom-setsize-bg.png) no-repeat bottom center;}
#bottom h5 {padding:0px 0px 10px 0px;}
#bottom p a {text-decoration:underline;color:#808080;}
#bottom .contact {
	width:470px;
	background-image: url(../images/bottom-contact-map.png);
	background-repeat: no-repeat;
	background-position: 280px 10px;
}
#bottom .social-media {width:230px;padding:0px 20px;}
#bottom .social-media ul {list-style:none;padding:15px 0px 0px 0px;margin:0px;}
#bottom .social-media ul li {display:block;float:left;padding:0px 14px 0px 0px;}
#bottom .social-media ul li a {background:url(../images/sprite-social-media.jpg) no-repeat;height:32px;width:32px;display:block;}
#bottom .social-media ul li .twitter {background-position:0px 0px;}
#bottom .social-media ul li .facebook {background-position:0px -32px;}
#bottom .social-media ul li .linkedin {background-position:0px -64px;}
#bottom .social-media ul li .rss {background-position:0px -96px;}
#bottom .social-media ul li .deviantart {background-position:0px -128px;}
#bottom .client-area {width:220px;}
#bottom .client-area .input-text {width:189px;height:29px;line-height:29px;padding:0px 0px 0px 30px;color:#636363;margin:0px 0px 7px 0px;}
#bottom .client-area .input-username {background:url(../images/bottom-client-area-input-username.jpg) no-repeat top left;}
#bottom .client-area .input-password {background:url(../images/bottom-client-area-input-password.jpg) no-repeat top left;}
#bottom .client-area .input-submit {background:url(../images/bottom-client-area-input-submit.jpg) no-repeat top left;width:110px;height:26px;cursor:pointer;}

#footer {background:url(../images/footer-bg.jpg) repeat-x;}
#footer .set-size {background:url(../images/footer-set-size-bg.jpg) no-repeat top center;height:66px;padding:14px 0px 0px 0px;color:#929292;}
#footer p {float:left;font-size:11px;}
#footer ul {list-style:none;padding:0px;margin:0px;float:right;font-size:11px;margin-right:-4px;}
#footer ul li {display:block;float:left;padding:0px 4px;border-left:1px solid #929292;line-height:11px;}
#footer ul .noborder-left {border-left:0px;}
#footer ul li a {color:#929292;}

.tooltip-cloud {position:absolute;left:-2000px;z-index:200;background:url(../images/tooltip-bg.png) no-repeat top left;width:120px;height:30px;line-height:30px;text-align:center;color:#272727;font-size:11px;font-weight:bold;}

/* social links */
#content .social-links {list-style:none;padding:0px;margin:0px;}
#content .social-links li {padding:0px 0px 7px 0px;}
#content .social-links a {display:block;background:url(../images/sprite-social-links.jpg) no-repeat;padding:0px 0px 0px 24px;line-height:16px;font-size:11px;color:#949494;height:16px;}
#content .social-links .skype {background-position:0px 0px;}
#content .social-links .twitter {background-position:0px -16px;}
#content .social-links .facebook {background-position:0px -32px;}
#content .social-links .linkedin {background-position:0px -48px;}
#content .social-links .rss {background-position:0px -64px;}


/* chart */
#content .chart {padding:40px 0px;}
#content .chart h5 {padding-bottom:0px;}
#content .chart ul {list-style:none;padding:0px;margin:0px;}
#content .chart ul li {width:119px;float:left;height:130px;padding:10px 10px 0px 15px;position:relative;}
#content .chart ul li .separator {background:url(../images/chart-separator.png) no-repeat top left;width:15px;height:139px;display:block;position:absolute;top:0px;right:-8px;z-index:20;}
#content .chart ul li p {padding:10px 0px 0px 0px;}
#content .chart ul .a {background:#e2e4e1;}
#content .chart ul .b {background:#e7e9e7;}
#content .chart ul .c {background:#f0f0ef;}
#content .chart ul .d {background:#f5f6f5;}
#content .chart ul .e {background:#fffffe;}

#content table.standard {border-collapse:collapse;width:711px;position:relative;z-index:20;margin:20px 0px 0px 0px;}
#content table.standard tr th {text-align:left;padding:0px 20px 10px 20px;color:#e9e9e9;}
#content table.standard tr th small {display:block;font-size:10px;color:#e9e9e9;line-height:12px;padding:0px;}
#content table.standard tr th big {display:block;font-size:46px;line-height:30px;padding:7px 0px 0px 0px;}
#content table.standard tr th big.text {font-size:20px;line-height:20px;padding:14px 0px 0px 0px;}
#content table.standard tr th span {display:block;padding:7px 0px;}
#content table.standard thead {height:104px;width:711px;background-image:url(../images/table-thead.jpg);background-repeat:no-repeat;background-position:top left;padding:0px;margin:0px;overflow:hidden;}
#content table.standard th.one {width:190px;}
#content table.standard th.two {width:120px;}
#content table.standard th.three {width:120px;}
#content table.standard th.four {width:120px;}
#content table.standard tr td {padding:10px;color:#2a3445;border-left:1px solid #c6c9cd;background:#e3e3e5;border-top:1px solid #dadadc;}
#content table.standard tr td.align-center {color:#838383;}
#content table.standard tbody, #content table.standard tfoot {border-right:1px solid #c6c9cd;}
#content table.standard tfoot .button {margin-bottom:10px;margin-top:4px;}
#content .table-end {background:url(../images/table-end.gif) no-repeat bottom left;height:10px;line-height:0px;font-size:0px;margin-top:-1px;z-index:10;}
#content table.standard .color {background:#fff;}

#alternate-rotator .piecemaker {position:absolute;top:0px;left:-70px;}