/*
Theme Name: ScribeLabs
Description: ScribeLabs WordPress theme.
Version: 1.0
*/
html { height: 100%; }
body {
	margin: 0;
	height: 100%;
	background: #383838 url(images/bg.gif) repeat-x;
	min-width: 984px;
	font: 15px/18px "Trebuchet MS", trebuchet, "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	color: #5b5b5b;
}
body.strategy-page,
body.media-page,
body.software-page { background-position: 0 -2px; }
body.strategy-details-page,
body.media-details-page,
body.software-details-page,
body.contact-details-page,
body.blog-page,
body.default { background: #f0ede7 url(images/bg-details.gif) repeat-x; }
img { border-style: none; }
a:focus { outline:none; }
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
input,
textarea,
select {
	font: 100% Arial, sans-serif;
	vertical-align: middle;
}
.wrapper {
	min-height: 100%;
	background: url(images/bg-header.jpg) no-repeat 50% 0;
}
* html .wrapper { height: 100%; }
.skip { display: none; }
#main {
	margin: 0 auto;
	width: 984px;
	position: relative;
}
/* header start */
#header {
	width: 984px;
	height: 158px;
	position: absolute;
	top: 0;
	left: 0;
}
/* logo */
.logo {
	position: absolute;
	top: 87px;
	left: 10px;
	background: url(images/logo.gif) no-repeat;
	width: 225px;
	height: 36px;
	text-indent: -9999px;
}
/* main navigation start */
#main-nav {
	float: right;
	margin: 114px 10px 0 0;
	padding: 0;
	display: inline;
}
#main-nav li {
	float: left;
	list-style: none;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
}
#main-nav li a {
	color: #5b5b5b;
	background: url(images/bg-main-nav.gif) no-repeat;
	float: left;
}
#main-nav li a span {
	float: left;
	padding: 5px 11px 0 10px;
	height: 28px;
	background: url(images/bg-main-nav-right.gif) no-repeat 100% 0;
	cursor: pointer;
}
#main-nav li a:hover {
	text-decoration: none;
	color: #fff;
}
#main-nav li a.menu-software:hover { background-position: 0 -33px; }
#main-nav li a.menu-software:hover span { background-position: 100% -33px; }
#main-nav li a.menu-media:hover { background-position: 0 -66px; }
#main-nav li a.menu-media:hover span { background-position: 100% -66px; }
#main-nav li a.menu-strategy:hover { background-position: 0 -99px; }
#main-nav li a.menu-strategy:hover span { background-position: 100% -99px; }
#main-nav li a.menu-blog:hover { background-position: 0 -132px; }
#main-nav li a.menu-blog:hover span { background-position: 100% -132px; }
#header #main-nav li a.current_page_item,
#header #main-nav li a.current_page_parent,
#header #main-nav li.current_page_ancestor a{
	text-decoration: none;
	color: #5b5b5b;
	background-position: 0 -165px;
}
#header #main-nav li a.current_page_item span,
#header #main-nav li a.current_page_parent span,
#header #main-nav li.current_page_ancestor a span{ background-position: 100% -165px; }
/* main navigation end */
/* header end */

/* main container start */
.container {
	/*overflow: hidden;*/
	height: 1%;
	padding: 158px 0 197px;
}
.strategy-page .container,
.media-page .container,
.software-page .container { padding-bottom: 160px; }
.strategy-details-page .container,
.media-details-page .container,
.software-details-page .container,
.blog-page .container,
.default .container {
	background: url(images/decoration.gif) no-repeat 583px 221px;
	padding: 204px 0 170px;
}
.blog-page .container {
	background: url(images/decoration-blog.gif) no-repeat 581px 315px;
}

.contact-details-page .container {
	/*note that contact and subpages don't use decoration.gif background image*/
	padding: 204px 0 170px;
	}

/* video box start */
.video-holder {
	/*overflow: hidden;*/
	position: relative;
	height: 1%;
}
.video-holder .video { margin: 13px 0 0 12px; }
.video-holder .video img { display: block; }
/* cameras */
.camera-left,
.camera-right {
	position: absolute;
	top: 0;
	left: 0;
}
.camera-right {
	left: auto;
	right: 0;
}
.camera-left span,
.camera-right span {
	background: url(images/video-camera-left.png) no-repeat;
	width: 135px;
	height: 126px;
	display: block;
	overflow: hidden;
}
.camera-right span { background: url(images/video-camera-right.png) no-repeat; }
.camera-left a,
.camera-right a {
	width: 20px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 73px 0 0 17px;
	position: relative;
	cursor: pointer;
}
.camera-right a { margin: 73px 0 0 99px; }
/* video box end */
/* home content start */
.home-content { margin: 46px 0 0 12px; }
.home-content p {
	margin: 0;
	padding: 0 0 15px;
	color: #fff;
	font-size: 24px;
	line-height: 30px;
}
.home-content p a { color: #21b2ff; }
.home-content p a.gray { color: #989898; }
.home-content p a:hover { text-decoration: none; }

/*Prototype Content*/
.proto-content { margin: 46px 0 0 12px; }
.proto-content p {
	margin: 0;
	padding: 0 0 15px;
	color: #989898;
	font-size: 24px;
	line-height: 30px;
}
.proto-content p a { color: #21b2ff; }
.proto-content p a.gray { color: #989898; }
.proto-content p a:hover { text-decoration: none; }

/* three boxes start */
.three-boxes {
	background: url(images/bg-three-boxes-repeat.png) repeat-y;
	margin: 8px 0 0;
	width: 962px;
	overflow: hidden;
	position: relative;
}
.three-boxes .top {
	background: url(images/bg-three-boxes.png) no-repeat;
}
.three-boxes .bottom {
	background: url(images/bg-three-boxes-bottom.png) no-repeat 0 100%;
	overflow: hidden;
	width: 990px;
	position: relative;
	padding: 0 0 42px;
}
/* one box */
.three-boxes .box {
	float: left;
	width: 300px;
	margin: 0 30px 0 0;
}
/* text styles */
.three-boxes .box h2 {
	margin: 17px 0 0 29px;
	font-size: 22px;
	line-height: 25px;
	color: #fff;
}
.three-boxes .box h2 a {
	color: #fff;
	text-decoration: none;
}
.three-boxes .box h2 a:hover { text-decoration: underline; }
.three-boxes .box ul {
	margin: 11px 0 0 29px;
	padding: 0;
}
.three-boxes .box ul li {
	list-style: none;
	color: #fffefe;
	font-size: 18px;
	line-height: 21px;
	background: url(images/pointer-blue.gif) no-repeat 0 7px;
	padding: 0 0 4px 27px;
}
.three-boxes .box-media ul li { background: url(images/pointer-green.gif) no-repeat 0 7px; }
.three-boxes .box-consulting ul li { background: url(images/pointer-red.gif) no-repeat 0 7px; }
.three-boxes .box ul li a {
	text-decoration: none;
	color: #fffefe;
}
.three-boxes .box ul li a:hover { text-decoration: underline; }
/* bottom links */
.three-boxes .links {
	position: absolute;
	bottom: 7px;
	text-align: right;
	width: 272px;
}
.three-boxes .box .links ul {
	padding: 0;
	margin: 0;
	display: inline;
	text-align: right;
}
.three-boxes .box .links ul li {
	color: #5b5b5b;
	font-size: 12px;
	line-height: 16px;
	background: none;
	padding: 0 0 0 8px;
	display: inline;
	background: url(images/sep.gif) no-repeat 0 4px;
}
.three-boxes .box .links ul li:first-child {
	background: none;
	padding-left: 0;
}
.three-boxes .box .links ul li a {
	text-decoration: none;
	color: #5b5b5b;
}
.three-boxes .box .links span {
	color: #5b5b5b;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}
.three-boxes .box .links ul li a:hover { text-decoration: underline; }
/* home content end */
/* drops start */
.drops {
	background: url(images/drops.png) no-repeat;
	width: 213px;
	height: 26px;
	text-indent: -9999px;
	overflow: hidden;
	margin: -5px 0 0 517px;
	position: relative;
}
.strategy-page .drops {
	margin: -12px 0 0 340px;
	background: url(images/drops-2.png) no-repeat;
	width: 255px;
	height: 26px;
}
.media-page .drops {
	margin: -11px 0 0 395px;
	background: url(images/drops-3.png) no-repeat;
	width: 213px;
	height: 26px;
}
.software-page .drops {
	margin: -12px 0 0 340px;
	background: url(images/drops-4.png) no-repeat;
	width: 255px;
	height: 26px;
}
.strategy-details-page .drops,
.media-details-page .drops,
.software-details-page .drops,
.contact-details-page .drops,
.blog-page .drops,
.default .drops {
	margin: -2px 0 0 428px;
	background: url(images/drops-5.png) no-repeat;
	width: 255px;
	height: 26px;
	float: left;
	display: inline;
}
.blog-page .drops {
	margin: -5px 0 0 478px;
	height: 32px;
}
.drops-holder {
	width: 100%;
	clear: both;
}
.drops-holder:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
/* drops end */
/* from the lab box start */
.from-the-lab {
	overflow: hidden;
	background: url(images/bg-from-the-lab.png) no-repeat;
	width: 969px;
	min-height: 315px;
	margin: -2px 0 0 3px;
	position: relative;
	z-index: 10;
}
* html .from-the-lab {
	height: 315px;
	overflow: visible;
}
.from-the-lab .holder-wrapper {
	width: 969px;
	overflow: hidden;
}
.from-the-lab .holder {
	width: 990px;
	overflow: hidden;
}
.from-the-lab .heading {
	margin: 28px 0 0 7px;
	font-size: 38px;
	line-height: 43px;
	color: #383838;
	display: block;
}
/* one box */
.from-the-lab .box {
	float: left;
	width: 250px;
	display: inline;
	margin: 32px 42px 0 38px;
}
.from-the-lab .box h2 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	color: #21b2ff;
}
.from-the-lab .box h2 a {
	color: #21b2ff;
}
.from-the-lab .box h2 a:hover {
	text-decoration: none;
}
.from-the-lab .box p {
	margin: 0 0 0 1px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
}
.from-the-lab .box p a { color: #fff; }
.from-the-lab .box p a:hover { text-decoration: none; }
/* from the lab box end */
/* footer start */
#footer {
	margin: -125px auto 0;
	width: 984px;
	height: 125px;
	position: relative;
	overflow: hidden;
}
.footer-wrapper {
	margin: -167px 0 0;
	position: relative;
	height: 167px;
	background-color: #383838;
}
.strategy-details-page #footer,
.media-details-page #footer,
.software-details-page #footer,
.contact-details-page #footer,
.blog-page #footer,
.default #footer {
	height: 144px;
	margin: 0 auto;
	padding: 23px 0 0;
}
/* footer navigation start */
#footer ul {
	margin: 13px 0 0 12px;
	padding: 0;
	float: left;
	display: inline;
}
#footer ul li {
	float: left;
	list-style: none;
	font-size: 12px;
	line-height: 16px;
	padding: 0 8px 0 0;
}
#footer ul a {
	float: left;
	color: #21b2ff;
	padding: 2px 5px 1px;
}
#footer ul a:hover {
	background-color: #313131;
	color: #989898;
	text-decoration: underline;
}
#footer ul .current_page_item a,
#footer ul .current_page_parent a,
#footer ul .current_page_ancestor a,
#footer ul .current_page_item a:hover {
	background-color: #008ed8;
	text-decoration: none;
	color: #fff;
}
/* footer navigation end */
#footer .text {
	float: right;
	text-align: right;
	margin: 15px 9px 0 0;
	display: inline;
}
#footer .text p {
	margin: 0;
	padding: 0 0 15px;
	text-align: right;
	color: #989898;
	font-size: 12px;
	line-height: 15px;
}
/* designed */
.designed {
	/*background: url(images/designed.png) no-repeat 100% 0;*/
	padding: 0 4px 5px 0;
	margin: 0 1px 0 0;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
	color: #989898;
	display: block;
	position: relative;
}
.designed span { color: #21b2ff; }
/* footer end */

/* consulting, media, software pages start */
.inner-content {
	margin: 46px 0 0 12px;
	overflow: hidden;
	height: 1%;
}
/* top text */
.inner-content h1 {
	margin: 0;
	font-size: 22px;
	line-height: 25px;
	font-weight: normal;
	color: #fff;
}
/* 4 boxes start */
.boxes {
	float: left;
	width: 496px;
}
/* one box */
.boxes .box {
	background: url(images/bg-box-red.png) no-repeat;
	width: 183px;
	height: 215px;
	float: left;
	margin: 20px 30px 10px 0;
	padding: 0 15px 0 20px;
	position: relative;
	display: inline;
}
.media-page .boxes .box { background: url(images/bg-box-green.png) no-repeat; }
.software-page .boxes .box { background: url(images/bg-box-blue.png) no-repeat; }
.boxes .box h2 {
	margin: 17px 0 0;
	padding: 0 0 11px;
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
	color: #fff;
}
.boxes .box h2 a {
	text-decoration: none;
	color: #fff;
}
.boxes .box h2 a:hover { text-decoration: underline; }
.boxes .box p {
	margin: 0;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
}
/* link more */
.boxes .box .more {
	position: absolute;
	bottom: 0;
	right: 19px;
	background: url(images/btn-learn-more-red.gif) no-repeat;
	width: 79px;
	height: 17px;
	padding: 3px 0 0;
	color: #3f3f3f;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
}
.media-page .boxes .box .more { background: url(images/btn-learn-more-green.gif) no-repeat; }
.software-page .boxes .box .more { background: url(images/btn-learn-more-blue.gif) no-repeat; }
* html .boxes .box .more { bottom: -1px; }
.boxes .box .more:hover,
.boxes .box .more:active { background-position: 0 -20px; }
/* 4 boxes end */
/* client stories start */
.stories-box {
	background: #f1f1f1 url(images/bg-stories-top.gif) no-repeat;
	width: 464px;
	float: left;
	margin: 20px 0 0;
}
.stories-box .bottom {
	background: url(images/bg-stories-bottom.gif) no-repeat 0 100%;
	overflow: hidden;
	height: 100%;
}
.stories-box h3 {
	margin: 17px 138px 0 0;
	padding: 0 0 4px 19px;
	color: #383838;
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
	border-bottom: 1px solid #e0e0e0;
}
/* stories list */
#stories-holder {
	position: relative;
	overflow: hidden;
	width: 464px;
}
#slider {
	width: 9999px;
}
.stories-box ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 464px;
}
.stories-box ul li {
	list-style: none;
	overflow: hidden;
	height: 1%;
	vertical-align: top;
	padding: 5px 15px 9px 19px;
}
.stories-box ul li.dark { background-color: #d1d1d1; }
.stories-box ul li .photo {
	float: left;
	margin: 5px 18px 0 0;
}
* html .stories-box ul li .photo { margin-right: 15px; }
.stories-box ul li .photo img { display: block; }
.stories-box ul li h4 {
	margin: 0;
	padding: 0 0 5px;
	font-size: 15px;
	line-height: 19px;
	color: #008ed8;
}
.stories-box ul li h4 a {
	color: #008ed8;
	text-decoration: none;
}
.stories-box ul li h4 a:hover { text-decoration: underline; }
.stories-box ul li p {
	margin: 0 0 0 91px;
	color: #5b5b5b;
	font-size: 12px;
	line-height: 18px;
	height: 1%;
}
* html .stories-box ul li p { margin-left: 88px; }
/* client stories end */
/* pagination start */
.stories-box .pagination {
	overflow: hidden;
	height: 1%;
	font-size: 12px;
	line-height: 16px;
	padding: 10px 0 9px;
}
.stories-box .pagination a {
	float: left;
	color: #008ed8;
	margin: 0 9px;
	background: url(images/btn-pagination.gif) no-repeat;
	height: 22px;
	padding: 4px 0 0;
	width: 65px;
	text-align: center;
	overflow: hidden;
}
.stories-box .pagination a.right {
	background: url(images/btn-pagination-next.gif) no-repeat;
	width: 46px;
}
.stories-box .pagination a:hover,
.stories-box .pagination a:active {
	background-position: 0 -52px;
	color: #5b5b5b;
	text-decoration: none;
}
.stories-box .pagination a:active { background-position: 0 -26px; }
.stories-box .pagination a.right { float: right; }
.stories-box .pagination a.center { margin-left: 116px; }
/* pagination end */
/* second content start */
.second-content {
	overflow: hidden;
	height: 1%;
	padding: 2px 0 0;
}
.software-page .second-content {
	padding: 0;
	margin: -6px 0 0;
	position: relative;
}
.second-content .image { float: left; }
.second-content .image img { display: block; }
/* text */
.second-content .text {
	float: left;
	width: 712px;
	margin: 18px 0 0 23px;
	display: inline;
}
.software-page .second-content .text { margin: 28px 0 0 23px; }
.second-content .text h2 {
	margin: 0;
	padding: 0 0 1px;
	color: #fff;
	font-size: 40px;
	line-height: 43px;
	font-weight: normal;
}
.second-content .text h2 a { color: #fff; }
.second-content .text h2 a:hover { text-decoration: underline; }
.second-content .text p {
	margin: 0;
	padding: 0 0 13px;
	font-size: 22px;
	line-height: 30px;
	color: #fff;
}
.second-content .text p a { color: #439ece; }
.second-content .text p a.gray { color: #989898; }
.second-content .text p a:hover { text-decoration: none; }
/* link more */
.second-content .btn-learn-more {
	float: right;
	background: url(images/btn-learn-more.gif) no-repeat;
	width: 78px;
	height: 18px;
	padding: 1px 0 0;
	color: #3f3f3f;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
}
.second-content .btn-learn-more:hover,
.second-content .btn-learn-more:active { background-position: 0 -19px; }
/* second content end */
/* consulting, media, software pages end */
/* IMAGES PAGE STYLING */
																										#imageRow img {
	padding: 15px 15px 15px 15px !important;
	margin: 0 auto;
	border: 0px;
	}
	
#imageRow a {
	border: none;
	}

/* details pages start */
.columns-holder {
	background: url(images/bg-content.png) repeat-y;
	margin: 0 0 0 10px;
	width: 974px;
}
.columns-holder .top {
	background: url(images/bg-content-top.gif) no-repeat;
}
.columns-holder .bottom {
	background: url(images/bg-content-bottom.gif) no-repeat 0 100%;
	height: 1%;
}
.columns-holder .bottom:after {
	content: "";
	height: 0;
	clear: both;
	display: block;
}
/* left column */
.col-1 {
	float: left;
	width: 520px;
	margin: 27px 0 0 31px;
	padding: 0 0 30px;
	display: inline;
}
.blog-page .col-1 {
	padding-bottom: 0;
}
/* Typography start */
.col-1 h1 {
	margin: 0 0 15px;
	padding: 0 0 5px;
	color: #008ed8;
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
}
.blog-page .col-1 h1 {
	border-style: none;
	margin-bottom: 0;
	padding-bottom: 4px;
}
.blog-page .col-1 h1 a{
	text-decoration:none;
}
.blog-page .col-1 h1 a:hover{
	text-decoration:underline;
}
.col-1 h1 span { color: #666; }
.col-1 h2 {
	margin: 0;
	padding: 0 0 8px;
	color: #666;
	font-size: 22px;
	line-height: 25px;
	font-weight: normal;
}
.col-1 h3 {
	margin: 0;
	padding: 0 0 8px;
	color: #666;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
}
.col-1 h4 {
	margin: 0;
	padding: 0 0 8px;
	color: #666;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
}
.col-1 h5 {
	margin: 0;
	padding: 0 0 8px;
	color: #666;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
}
.col-1 h6 {
	margin: 0;
	padding: 0 0 8px;
	color: #666;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
}
.col-1 h1 a,
.col-1 h2 a,
.col-1 h3 a,
.col-1 h4 a,
.col-1 h5 a,
.col-1 h6 a {
	color: #008ed8;
	text-decoration: underline;
}
.col-1 p {
	margin: 0;
	padding: 0 0 12px;
	font-size: 15px;
	line-height: 25px;
	color: #5b5b5b;
}
	
.blog-page .col-1 p {
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}
.blog-page .col-1 p.by {
	border-bottom: 1px solid #eee;
	padding: 0 0 6px;
	margin: 0 0 12px;
}
.col-1 p.image {
	padding-bottom: 6px;
	margin: -6px 0 0;
}
.col-1 p a,
.col-1 ul li a {
	color: #008ed8;
	text-decoration: none;
}
.blog-page .col-1 p.by a { text-decoration: underline; }
.col-1 p a:hover,
.col-1 ul li a:hover { text-decoration: underline; }
.blog-page .col-1 p.by a:hover { text-decoration: none; }
.col-1 ul {
	margin: 0 0 0 20px;
	padding: 0 0 15px;
}
.col-1 ul li {
	list-style: none;
	padding: 0 0 6px 15px;
	background: url(images/bullet.gif) no-repeat 0 7px;
	font-size: 15px;
	line-height: 18px;
	color: #5b5b5b;
}
.blog-page .col-1 ul li {
	font: 12px/21px Verdana, Arial, Helvetica, sans-serif;
	background-position: 0 8px;
	padding-bottom: 3px;
}

.captionFullWidth {
	float: right;
	text-align: right;
	padding: 0 5px 0 0;
	width: 515px;
	margin: 0 0 15px 0;
	background-color: #383838;
	color: #d1d1d1;
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	

.captionLeft {
	float: left;
	padding-right: 15px;
	width: 220px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #d1d1d1;
	}

.captionLeft img {
	border: 1px solid #ccc;
	}
.captionLeft p {
	background-color: #383838;
	width: 217px;
	text-align: right;
	padding: 5px 5px 0 0;
	line-height: 5px;
	}
	
.captionLeft a {
	padding: 5px 5px 0 0;
	line-height: 5px;
	}
	
.byline { 
	border-top: 1px dashed #ccc; 
	padding: 10px 0 0 0; 
	}
/* redo if embedding chimpmail onto site. current issue is that this isn't overriding list item formats that are defined elsewhere. 

.chimplist ul {
	margin: 0;
	padding: 0;
	}
		
.chimplist li {
	list-style: none !important;
	list-style-image: none !important;
	overflow: hidden;
	padding: .2em 0;
	clear: left;
	display: block;
	margin: 0;
	}
*/
/* Typography end */
/* right column */
/* the same boxes */
.col-2 {
	width: 354px;
	float: right;
	margin: -26px 10px 0 0;
	display: inline;
}
.modul-box {
	position: relative;
	margin: 18px 0 0;
	overflow: hidden;
	height: 1%;
}
.modul-box .box-bg {
	background: url(images/bg-box.png) repeat-y;
	width: 100%;
}
.modul-box .bg-top {
	background: url(images/bg-box-top.gif) no-repeat;
	overflow: hidden;
	height: 1%;
	padding: 0 0 4px;
}
.modul-box .bg-bottom {
	background: url(images/bg-box-bottom.png) no-repeat;
	overflow: hidden;
	height: 10px;
	font-size: 0;
}
/* corners styles start */
.modul-box .corner {
	position: absolute;
	top: 0;
	right: 11px;
}
/* consulting corners */
.strategy-details-page .modul-box .corner {
	background: url(images/corner-consulting-1.gif) no-repeat;
	width: 87px;
	height: 53px;
}
.strategy-details-page .modul-box .corner-2 {
	background: url(images/corner-consulting-2.gif) no-repeat 0 1px;
	height: 47px;
	width: 87px;
	right: 10px;
}
.strategy-details-page .modul-box .corner-3 {
	background: url(images/corner-consulting-3.gif) no-repeat 0 1px;
	height: 51px;
	right: 10px;
}
.strategy-details-page .modul-box .corner-4 {
	background: url(images/corner-consulting-4.gif) no-repeat 0 1px;
	height: 54px;
}
/* media corners */
.media-details-page .modul-box .corner,
.media-details-page .modul-box .corner-2,
.media-details-page .modul-box .corner-3,
.media-details-page .modul-box .corner-4 {
	background: url(images/corner-media-1.gif) no-repeat 0 -1px;
	width: 88px;
	height: 54px;
}
.media-details-page .modul-box .corner-2 {
	background: url(images/corner-media-2.gif) no-repeat 0 -2px;
	right: 10px;
}
.media-details-page .modul-box .corner-3 {
	background: url(images/corner-media-3.gif) no-repeat 0 1px;
	right: 10px;
}
.media-details-page .modul-box .corner-4 { background: url(images/corner-media-4.gif) no-repeat 0 1px; }
.modul-box h1 {
	margin: 10px 2px 0 2px;
	padding: 16px 0 7px 20px;
	color: #925045;
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
	background: url(images/line.gif) repeat-x 0 100%;
}
.modul-box h1 a{
	color: #925045;
	text-decoration:none;
}
.modul-box h1 a:hover{
	text-decoration:underline;
}
/* software corners */
.software-details-page .modul-box .corner,
.software-details-page .modul-box .corner-2,
.software-details-page .modul-box .corner-3,
.software-details-page .modul-box .corner-4 {
	background: url(images/corner-software-1.gif) no-repeat;
	width: 86px;
	height: 52px;
	right: 12px;
}
.software-details-page .modul-box .corner-2 {
	background: url(images/corner-software-2.gif) no-repeat 0 1px;
	right: 10px;
}
.software-details-page .modul-box .corner-3 {
	background: url(images/corner-software-3.gif) no-repeat 0 1px;
	right: 10px;
}
.software-details-page .modul-box .corner-4 {
	background: url(images/corner-software-4.gif) no-repeat 0 1px;
	height: 53px;
	right: 9px;
}


/* corners styles end */
/* text styles start */
.media-details-page .modul-box h1 { color: #629144; }
.software-details-page .modul-box h1 { color: #477b96; }
.media-details-page .modul-box h1 a{ color: #629144; }
.software-details-page .modul-box h1 a{ color: #477b96; }
.default .modul-box h1 { color: #477b96; }
.default .modul-box h1 a{ color: #477b96; }
.contact-details-page .modul-box h1 a{ color: #477b96; }
.blog-page .modul-box h1 { color: #383838; }
.modul-box ul {
	margin: 2px 0 0 12px;
	padding: 0 0 3px;
}
.modul-box ul li {
	list-style: none;
	padding: 0 0 2px;
}
.modul-box ul li h4 {
	margin: 0;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
	color: #5b5b5b;
}
.modul-box ul li h4 a {
	text-decoration: none;
	color: #008ed8;
	padding: 3px 0 4px 10px;
	display: block;
	width: 320px;
	background: url(images/bg-side-nav-heading.gif) no-repeat;
}
.modul-box ul li.current_page_item a,
.modul-box ul h4 a:hover {
	background-position: 0 -72px;
	color: #5b5b5b;
}
.modul-box ul li.current-cat a{
	background-position: 0 -72px;
	color: #5b5b5b;
}

pre.sampleCode {
	/*background-color: transparent;*/
	border: thin solid #CCCCCC;
	height: 100%;
	background: #000;
	color: #00cc33;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	margin: .5em auto 1em auto;
	overflow: auto;
	padding: 0 .5em .5em .5em;
	white-space: wrap;
}

/* text styles end */
/* detail pages end */

/* blog page start */

.pullquote{
	margin:0 0 0 50px !important;
	width:250px;
	float:right;
	padding:0 0 0 15px;
	border-left:3px solid #ccc;

}

/* comment post start */
.comment-post {
	background: #f1f1f1 url(images/bg-comments-top.gif) no-repeat;
	width: 482px;
	margin: 5px 0 0 21px;
}
.comment-post blockquote {
	background: url(images/bg-comments-bottom.gif) no-repeat 0 100%;
	margin: 0;
	padding: 14px 10px 18px 20px;
	height: 1%;
	overflow: hidden;
	color: #5b5b5b;
	font: italic 12px/20px Verdana, Arial, Helvetica, sans-serif;
}
.comment-post blockquote q { quotes: none; }
.comment-post blockquote q:before { content:""; }
.comment-post blockquote q:after { content:""; }
.comment-post blockquote cite {
	display: block;
	margin: 10px 2px 0 0;
	padding: 0;
	text-align: right;
	color: #5b5b5b;
	font: 16px/19px "Trebuchet MS", trebuchet, "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}
/* comment post end */
/* form comments start */
.form-comments { padding: 30px 0 18px; }
.form-comments .clear {
	height: 6px;
	overflow: hidden;
	clear: both;
	font-size: 0;
}
.form-comments label {
	float: left;
	width: 66px;
	padding: 0 9px 0 0;
	text-align: right;
	color: #5b5b5b;
	font-size: 16px;
	line-height: 19px;
}

.form-comments .input {
	float: left;
	background: url(images/bg-input.gif) no-repeat;
	width: 185px;
	height: 24px;
}
.form-comments .input input,
.form-comments .textarea textarea {
	background: none;
	border-style: none;
	float: left;
	padding: 4px 0 0;
	margin: 0 0 0 5px;
	width: 175px;
	font: 14px/17px Arial, Helvetica, sans-serif;
}
.form-comments .textarea textarea {
	width: 418px;
	height: 106px;
	padding: 0;
	margin: 4px 0 0 5px;
}
.form-comments .textarea {
	float: left;
	background: url(images/bg-textarea.gif) no-repeat;
	width: 428px;
	height: 116px;
}
.form-comments .button,
.comments a {
	float: right;
	height: 16px;
	text-align: center;
	text-decoration: none;
	background: url(images/bg-button.gif) no-repeat;
	width: 99px;
	color: #3f3f3f;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding: 3px 0 0;
	margin: 3px 17px 0 0;
}
.comments a {
	float: none;
	display: block;
	margin: 0;
}
.form-comments .button:hover,
.form-comments .button:active,
.comments a:hover,
.comments a:active { background-position: 0 -19px; }
/* form comments end */
.comments {
	display: block;
	border-top: 1px solid #eee;
	overflow: hidden;
	width: 100%;
	margin: 2px 0 0;
	padding: 11px 0 34px;
}
/* blog pagination start */
.blog-pagination {
	margin: 0;
	padding: 29px 0 3px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	width: 600px;
}
.blog-pagination li {
	display: inline;
	color: #5b5b5b;
	padding: 0 3px;
}
.blog-pagination li a {
	color: #008ed8;
	padding: 2px 6px;
}
.blog-pagination li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #008ed8;
}
.blog-pagination li a.active,
.blog-pagination li a.active:hover {
	border: 1px solid #e3e0db;
	text-decoration: none;
	background: none;
	color: #008ed8;
}
.blog-pagination li span{
	padding:2px 6px;
	border: 1px solid #e3e0db;
	background: none;
	color: #008ed8;
}
/* blog pagination end */
/* form search */
.form-search {
	background: url(images/bg-form-search.gif) no-repeat;
	width: 322px;
	overflow: hidden;
	margin: 9px 0 -15px 2px;
	padding: 40px 0 41px 28px;
	position: relative;
	display: block;
}
.form-search input {
	float: left;
	margin: 1px 0 0;
	width: 229px;
	border-style: none;
	background: none;
	font: 13px/16px Arial, Helvetica, sans-serif;
}
* html .form-search input { margin-left: -3px; }
*+html .form-search input { margin-left: -3px; }
.form-search a {
	float: left;
	color: #21b2ff;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
	margin: -1px 0 0 17px;
}
.form-search a:hover { text-decoration: none; }
/* form search end */
/* recent posts start */
.modul-box .recent-posts {
	margin: 5px 0 0;
	padding: 0;
}
.modul-box .recent-posts li {
	list-style: none;
	font-size: 15px;
	line-height: 20px;
	color: #666;
	padding: 0 20px 10px 22px;
}
.modul-box .recent-posts li a {
	color: #008ed8;
	text-decoration: none;
}
.modul-box .recent-posts li a:hover { text-decoration: underline; }
/* recent posts end */
/* topics start */
.modul-box .topics {
	margin: 1px 0 0 12px;
}
.modul-box .topics ul {
	float: left;
	margin: 0;
	padding: 0 0 1px;
	width: 165px;
}
.modul-box .topics ul li {
	list-style: none;
	font-size: 12px;
	line-height: 17px;
	padding: 0;
	color: #666;
}
.modul-box .topics ul li h4 {
	margin: 0;
	font-size: 12px;
	line-height: 14px;
}
.modul-box .topics ul li a {
	text-decoration: none;
	color: #008ed8;
	display: block;
	width: 155px;
	background:url(images/bg-side-nav-heading-small.gif) no-repeat;
	padding: 6px 0 7px 10px;
}
.modul-box .topics ul li a:hover,
.modul-box .topics ul li a.active {
	background-position: 0 -72px;
	color: #5b5b5b;
}
/* topics end */