/*
Theme Name: iMedia Solutions
Theme URI: 
Description: The iMedia Solutions WordPress theme
Version: 1.0
Author: 
Author URI: 
Tags: 
*/

BODY {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    background: #FFF url("public/images/bg/bg-body.gif") no-repeat center top;
}
A { text-decoration: none; }
A:HOVER { text-decoration: underline; }

A IMG { border: none; }
LABEL { cursor: pointer; }
H1, H2, H3, H4, H5, H6, FORM, UL {
	padding: 0;
	margin: 0;
}
.relax {
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 1px;
}

.alignleft { float: left; }
.alignright { float: right; }
.alignleft, .alignright {display: inline;}

.block {
    margin: 0 auto;
    text-align: left;
    width: 1016px;
}

#header {
	background: url("public/images/bg/bg-header.gif") no-repeat center bottom;
	position: relative;
	z-index: 2;
	min-width: 1196px;
	width: expression((documentElement.clientWidth||document.body.clientWidth)< 1196?'1196px':'auto');
}

#header, #footer {
	min-width: 1196px;
	width: expression((documentElement.clientWidth||document.body.clientWidth)< 1196?'1196px':'auto');
}

#header .block {position: relative;}
#header .header-container {
	min-height: 106px;
	_height: 106px;
	float: right;
	width: 508px;
	position: relative;
} 

#header A.logo,
#header A.business-link {
	float: left;
	display: inline;
}

#header A.logo IMG {margin-top: 15px; }
#header A.business-link IMG {margin-top: 5px;}

#header UL{
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#header UL.logos LI {
	float: left;
	display: inline;
	margin: 15px 15px 0 0;
}
#header UL.logos LI A {
	float: left;
	height: 46px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000px;
	outline: none;
}
#header UL.logos LI A:hover {background-position: bottom left;}
#header UL.logos LI.pay-pal A { 
	background-image: url("public/images/icons/pay-pal.jpg"); 
	width: 67px;
}
#header UL.logos LI.sage-pay A { 
	background-image: url("public/images/icons/sage-pay.jpg"); 
	width: 71px;
}
#header UL.logos LI.business-link-icon A { 
	background-image: url("public/images/icons/business-link-icon.jpg"); 
	width: 37px;
}
#header UL.logos LI.invest-on-people A { 
	background-image: url("public/images/icons/invest-on-people.jpg"); 
	width: 55px;
}
#header UL.logos LI.ebay A { 
	background-image: url("public/images/icons/ebay.jpg"); 
	width: 103px;
}
#header UL.logos LI.auto-trader A { 
	background-image: url("public/images/icons/auto-trader.jpg"); 
	width: 64px;
}	

#header UL.main-menu {
	position: absolute;
	bottom: 1px;
	right: 0;
}
#header UL.main-menu LI {
	float: left;
	font-size: 12px;
	color: #86b9b8;
	text-transform: uppercase;
}

#header UL.main-menu LI A {
	color: #86b9b8;
	float: left;
	padding: 0 33px 0 15px;
	letter-spacing: 0.3px;
	cursor: pointer;
	background: url("public/images/icons/bg-menu-icons.gif") no-repeat top right;
	line-height: 30px;
	font-weight: normal;
	font-family: Tahoma, Geneva, sans-serif;
}

#header UL.main-menu LI A:hover {
	text-decoration: none;
	color: #34a19e;
	background-position: bottom right;
}

#header .separator {
	float: left;
	display: inline;
	margin-right: 5px;
}

#content .container {
	margin: 0 auto;
	text-align: center;
	width: 1196px;
}

#content .container-bg,
#content .container-bottom {
	float: left;
	width: 100%;
}
#content .container-bg {
	background: url("public/images/bg/bg-container.png") repeat-y left top;
	margin-top: -6px;
	position: relative;
	padding-bottom: 3px;
}
#content .container-bottom {
	height: 10px;
	font-size: 1px;
	line-height: 0;
	background: url("public/images/bg/bg-container-bottom.png") no-repeat left top;
}

#content .wrapper-top, #content .wrapper-bg, #content .wrapper-bottom,
#content .bottom-area-top, #content .bottom-area-bottom, #content .bottom-area-bg {
	float: left;
	width: 100%;
}

#content .wrapper-top {
	background: url("public/images/bg/bg-top.png") no-repeat left top;
	height: 482px;
}

#content .wrapper-bottom {
	background: url("public/images/bg/bg-bottom.png") no-repeat left top;
	height: 45px;
}

#content .wrapper-bg {background: url("public/images/bg/bg.png") repeat-y left top;}

#content .main-content {
	margin: -452px 0 -38px;
	position: relative;
	float:left;
	width: 100%;
	display: inline;
}

#content .bottom-area-top,
#content .bottom-area-bottom { height: 7px; }

#content .bottom-area-bg {background: url("public/images/bg/bottom-area-bg.png") repeat-y left top;}
#content .bottom-area-top {background: url("public/images/bg/bottom-area-top.png") no-repeat left top;}
#content .bottom-area-bottom {background: url("public/images/bg/bottom-area-bottom.png") no-repeat left top;}

#content .simple-border .wrapper-bottom {
	background: url("public/images/bg/bg-bottom-simple.png") no-repeat left top;
	height: 12px;
}

#content .simple-border  .main-content {margin-bottom: 0px;}

#content H1, #content H2, #content H3, 
#content H4, #content H5, #content H6 {
	color: #34a19e;
	padding-bottom: 15px;
	margin: 0;
}
#content H2 {font-size: 15px;}
#content H2.pagetitle {
	margin-top: 6px;
	text-transform: uppercase;
}

#content H1 { font-size: 18px; }
#content H3 { font-size: 12px; }
#content H4 { font-size: 11px; }
#content H5 { font-size: 11px; }
#content H6 { font-size: 11px; }
#content .post-container H3 {padding-bottom: 6px;}
#content H2 A {color: #34a19e;}

#content P {
	color: #5e5e5e;
	font-size: 10px;
	margin: 0;
	padding-bottom: 15px;
	margin-right: 25px;
}

#content .post-container UL, #content .post-container OL {
	padding: 0 0 15px 25px;
	margin: 0;
}
#content .post-container LI {
	color: #5e5e5e;
	font-size: 10px;
	margin-right: 25px;
}

#content P.no-wrap {padding: 0;}
#content P SPAN, #content P A, #content .post-container LI A {color: #34a19e; }
#content P A.more-link {text-decoration: underline;}
#content P A.more-link:hover {text-decoration: none;}

#content .box-post H2,
#content .box-post P {
	padding-bottom: 6px;
	margin: 0;
}

#content A.readmore {
	text-transform: uppercase;
	text-decoration: underline;
}
#content A.readmore:hover {text-decoration: none;}

#content .platforms H3 {
	text-transform: uppercase;
	margin: 0;
	padding: 10px 0 5px 0;
}

#content .platforms H3,
#content .platforms P {margin-left: 20px;}

#content .more-block H3 {
	padding: 0;
	margin-bottom: 4px;
}

.box-post {
	float: left;
	width: 440px;
	display: inline;
}

.box-post.first-box {
	width: 530px;
	margin-right: 40px;
}

.box-post IMG {
	border: 1px solid #fff;
	margin-right: 8px;
}

/* Portfollio */
.height-holder {
	min-height: 464px;
	_height: 464px;
}

.left-column {
	float: right;
	width: 545px;
	position: relative;
}

.site-options { 
	width: 342px; 
	padding-bottom: 25px;
}
.site-options UL { list-style: none; }

.site-options UL LI {
	float: left;
	width: 170px;
	font-size: 11px;
	color: #34a19e;
	padding-bottom: 10px;
}
.site-options UL LI A{ 
	color: #34a19e; 
	text-decoration: underline;
}

.site-options UL LI A:hover {text-decoration: none;}
	

#content A.visit-site {
	color: #5e5e5e;
	text-decoration: underline;
	font-size: 13px;
	margin-top: 5px;
}
#content A.visit-site:hover {text-decoration: none;}

#content .left-column .list-sites-cont {
	position: absolute;
	right: 0;
	top: 200px;
}

#content UL.list-sites {
	width: 138px;
	list-style: none;
}

#content UL.list-sites LI {
	float: left;
	width: 100%;
	height: 68px;
	display: inline;
	margin-top: -1px;
}

#content UL.list-sites LI A {
	float: left;
	width: 100%;
	color: #5e5e5e;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}
#content UL.list-sites LI A:hover {text-decoration: none;}

#content UL.list-sites LI A SPAN {
	float: left;
	width: 100%;
	line-height: 24px;
	background: url("public/images/bg/bg-title-list.png") no-repeat left top;
	position: relative;
}
#content UL.list-sites LI A IMG {
	/*border: 1px solid #fff;*/
	float: left;
	display: inline;
	margin: -3px 0 0 6px;
}


/* Carusel */
.jcarousel-container {
	float: right;
	position: relative;
	margin-right: -1px;
	display: inline;
	padding: 16px 0;
}

.jcarousel-container .jcarousel-prev,
.jcarousel-container .jcarousel-next {
	float: left;
	width: 21px;
	height: 16px;
	position: absolute;
	right: 0;
	cursor: pointer;
} 

.jcarousel-container .jcarousel-prev{
	top: 0;
	background: url("public/images/icons/down.gif") no-repeat left top;
}
.jcarousel-container .jcarousel-next{
	bottom: 0;
	background: url("public/images/icons/up.gif") no-repeat left top;
}
.jcarousel-container .jcarousel-prev-disabled {background: url("public/images/icons/down.gif") no-repeat left bottom;}
.jcarousel-container .jcarousel-next-disabled {background: url("public/images/icons/up.gif") no-repeat left bottom;}
.jcarousel-container .jcarousel-prev-disabled, .jcarousel-container .jcarousel-next-disabled {cursor: text;}
.jcarousel-clip-vertical {	
	float: right;
	width: 100%;
	height: 202px;
}

/* Platforms */
#content .platforms {
	width: 511px;
	display: inline;
	position: relative;
}

#content .platforms.left-plat {
	margin: 0 0 5px -4px; 
	float: left;
}

#content .platforms.right-plat {
	margin: 0 -8px 5px 0px; 
	float: right;
}

#content .platforms .plat-top,
#content .platforms .plat-bottom,
#content .platforms .plat-bg,
#content .platforms .img-container .img-top,
#content .platforms .img-container .img-bottom,
#content .platforms .img-container .img-bg {
	float: left;
	width: 100%;
}

#content .platforms .plat-top,
#content .platforms .plat-bottom {height: 5px;}

#content .platforms .plat-top {background: url("public/images/bg/bg-plat-top.png") no-repeat left top;}
#content .platforms .plat-bottom {background: url("public/images/bg/bg-plat-bottom.png") no-repeat left top;}
#content .platforms .plat-bg {background: url("public/images/bg/bg-plat.png") repeat-y left top;}


#content .platforms .img-container { 
	width: 331px; 
	margin: 0 5px 0 -7px;
	position: relative;
}

#content .platforms .img-container .img-top,
#content .platforms .img-container .img-bottom {height: 16px;}
#content .platforms .img-container .img-top {background: url("public/images/bg/bg-img-cont-top.png") no-repeat left top;}
#content .platforms .img-container .img-bottom {background: url("public/images/bg/bg-img-cont-bottom.png") no-repeat left top;}
#content .platforms .img-container .img-bg {background: url("public/images/bg/bg-img-cont.png") repeat-y left top;}
#content .platforms .img-container IMG {
	margin: -4px 0 -6px 10px;
	float: left;
	display: inline;
	position: relative;
}

#content .platforms .site-options, #content .platforms .site-options UL LI {width: 160px;}
#content .platforms .site-options UL LI {
	text-decoration: none;
	padding-bottom: 12px;
}
#content .platforms .site-options UL LI SPAN {text-decoration: underline;}
#content .platforms .site-options UL LI A {text-decoration: underline;}
#content .platforms .site-options UL LI A:hover {text-decoration: none;}
#content .platforms A.more {text-decoration: underline;}
#content .platforms A.more:hover {text-decoration: none;}

/* Service */
#content .services-list {padding-bottom: 20px;}
#content .service {
	background: url("public/images/bg/bg-services.png") no-repeat left top;
	width: 168px;
	float: left;
	text-align: center;
}
#content .service .service-content {
	position: relative;
	height: 478px;
}
#content .service  H4 {
	text-transform: uppercase;
	padding: 12px 0 8px 0;
}

#content .service IMG { margin: 4px auto 12px auto; }
#content .service P {
	text-align: left;
	margin: 0 10px;
	font-size: 9px;
	color: #777;
}
#content .service .site-options {
	text-align: left;
	margin: 0 10px 0 20px;
}
#content .service .site-options, #content .service .site-options UL LI {width: 135px;}
#content .service .site-options UL LI {
	text-decoration: none;
	padding-bottom: 8px;
}
#content .service .site-options UL LI SPAN {text-decoration: underline;}
#content .service .site-options UL LI A {text-decoration: underline;}
#content .service .site-options UL LI A:hover {text-decoration: none;}

#content .service A.quote {
	position: absolute;
	bottom: -12px;
	left: 6px;
	text-align: center;
	background: url("public/images/buttons/bg-btn-service.png") no-repeat left top;
	float: left;
	width: 156px;
	line-height: 36px;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	z-index: 15;
}

#content .service A.quote:hover {
	text-decoration: none;
	background: url("public/images/buttons/bg-btn-service-on.png") no-repeat left top;
}

/* main-rotator */
#content .holder {
	width:1020px;
	height:454px;
	position:relative;
	margin-bottom:10px;
}
#content .holder .back,
#content .holder .next {
	position:absolute;
	top:205px;
	left:-2px;
	z-index:3;
	outline:none;
}
#content .holder .next {
	left:auto;
	right:-2px;
}
#content .holder .bg {
	background:url('public/images/bg/bg-rotator.png') no-repeat;
	height:454px;
	padding-top:7px;
}
#content .holder .rotator {
	width:1005px;
	height:454px;
	overflow:hidden;
	margin-left:7px;
}
#content .holder.right-column .rotator {width: 450px;}
#content .holder .rotator ul {
	list-style:none;
	margin:0px;
	padding:0px;
	width:10000px;
}
#content .holder .rotator ul li {
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
	width:1005px;
	height:440px;
	overflow:visible !important;
}
#content .holder .rotator ul li img {display:block;}
#content .holder .rotator ul li a.more {
	position:absolute;
	left:16px;
	bottom:-9px;
	z-index:1;
	outline:none;
}
#content .holder .rotator .more-block {
	position:absolute;
	bottom:5px;
	left:6px;
	display:none;
}
#content .holder .rotator .more-block .transp-bg {
	width:355px;
	height:66px;
	background:url('public/images/bg/bg-more-block.png') repeat;
	padding:7px 7px 11px;
}
#content .holder .rotator .more-block a {position:relative;}
#content .holder .rotator .more-block a.close {
	float:right;
	font-size:9px;
	text-decoration:underline;
	color:#fff;
}
#content .holder .rotator .more-block a.close:hover {text-decoration:none;}
h3{
	color:#003f37;
	font-size:16px;
	margin:0 0 4px;
}
h3 a{color:#003f37;}
p{
	font-size:11px;
	color:#fff;
	margin:0 0 10px;
}

#content ul.controls {
	list-style:none;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:3;
	width:100%;
}
#content ul.controls li {
	float:left;
	display: inline;
	width:166px;
	height:29px;
	background:url('public/images/bg/bg-controls-elem.gif') no-repeat;
	margin-left:4px;
	position:relative;
}
#content ul.controls.categories-nav li {margin-left: 3px}
#content ul.controls li:hover,
#content ul.controls li.current-cat,
#content ul.controls li.active {background-position:0 -29px;}
#content ul.controls li:hover a {text-decoration:none;}
#content ul.controls li.first {margin-left:0px;}
#content ul.controls li a {
	color:#737373;
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
	line-height:29px;
	display:block;
	outline:none;
}
#content ul.controls li img {
	position:absolute;
	bottom:26px;
	left:8px;
	display:none;
}

/* Right rotator */
#content .holder.right-column {
	width: 465px;
	float: right;
}

#content .holder.right-column .rotator UL LI {width: 450px;}

/* Footer */
#footer {  padding-bottom: 50px; }
#footer .block {
    width: 1170px;
}
.footer-bg {
	background: url("public/images/bg/bg-footer.png") repeat-x left top;
	height: 51px;
}
#footer UL.left-list {
    float: left;
	display: inline; 
    margin: 18px 0 0 0px;
}
#footer UL.left-list.first-list {margin-left: 10px;}
#footer UL.right-list {
    float: right;
    margin-top: 9px;
    border-left: 1px solid #dfdfdf;
}
#footer UL LI {
    list-style: none;
    float: left;
    display: inline;
}
#footer UL.left-list LI {
    font-size: 11px;
    color: #95c1c0;
    margin-right: 4px;
}
#footer UL LI A {
    color: #86B9B8;
    display: block;
}
#footer UL.left-list LI A.bold-link {
    font-weight: bold;
    color: #4d6e69;
}
#footer UL.right-list LI {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}
#footer UL.right-list LI A {
    background: url("public/images/icons/bg-menu-icons-f.gif") no-repeat scroll right top transparent;
    color: #86B9B8;
    float: left;
    line-height: 30px;
    padding: 0 32px 0 11px;
    font-size: 12px;
    text-transform: uppercase;
}
#footer UL LI A:HOVER {
    text-decoration: none;
    color: #34a19e;
}
#footer UL.right-list LI A:HOVER {background-position: right bottom;}

/* custom styles */
#content IMG.alignleft {margin: 0 10px 10px 0;}
#content IMG.alignright {margin: 0 0px 10px 10px;}

#content .post-container {
	float: left;
	width: 655px;
	padding-bottom: 30px;
}
#content .post-container.long {width: 100%;}
#content .wrap-separator {height: 20px;}

#content .navigation  A{
	color:#34A19E;
	text-decoration: underline;
	font-size: 12px;
}

#content .navigation  A:hover {text-decoration: none;}

/* Sidebar */
#sidebar {
	float: right;
	width: 300px;
	display: inline;
	margin-left: 30px;
}

#sidebar .sidbar-box {
	padding-bottom: 25px;
}

#sidebar H2 {
	text-transform: uppercase;
	padding-bottom: 5px;
}
#sidebar UL { list-style: none; padding-left: 20px; }
#sidebar LABEL, 
#sidebar LI {
	color:#5E5E5E;
	font-size:11px;
}
#sidebar LI {line-height: 200%;}
#sidebar LI A {
	color:#34A19E;
	text-decoration: underline;
}

#sidebar LI A:hover  {text-decoration: none; }
#s {
	color: #5E5E5E;
	border: 1px #CBCBCB solid;
	height: 15px !important;
	height: 23px;
	padding: 3px 5px;
}
#searchsubmit {
	border: 1px #CBCBCB solid;
	color: #5E5E5E;
	cursor: pointer;
	height: 23px;
}
#searchsubmit:HOVER {
	background: #EAEAEA; 
	color: #34a19e;
}
FORM TEXTAREA  {
	border: 1px #CBCBCB solid;
	color: #5E5E5E;
	font-size: 12px;
	font-family: Arial;
	padding: 3px 5px;
	width: 500px;
}
#submit {
	border: 1px #CBCBCB solid;
	color: #5E5E5E;
	cursor: pointer;
	height: 23px;
	padding-bottom: 2px !important;
	padding-bottom: 0px;
}
*+html #submit {padding-bottom: 0px !important;}
#submit:HOVER {background: #EAEAEA; color: #34a19e;}
.commentlist, .comment-body {color: #5E5E5E; font-size: 12px;}
#content .comment-body P {font-size: 12px; margin-top: 8px;} 
.commentmetadata A {color: #5E5E5E; text-decoration: underline;}
.commentmetadata A:HOVER {text-decoration: none;}
#sitemap_list li {padding-bottom: 5px;}
.entry ADDRESS {display: none;}
.wpcf7 INPUT {
	border: 1px #CBCBCB solid;
	color: #5E5E5E;
	font-size: 14px;
	padding: 2px 5px;
	_height: 23px;
}
.wpcf7 INPUT.submit {cursor: pointer;outline: none;}
.wpcf7 INPUT.submit:HOVER {background: #EAEAEA;color: #34a19e;}
.wpcf7-not-valid-tip {font-size: 11px !important;}
div.wpcf7-validation-errors {
	border: 2px red solid !important; 
	color: #34A19E;
	font-size: 12px;
	width: 500px;
}

#content UL.platform-sites {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content UL.platform-sites LI {
	font-size: 13px;
	color: #34A19E;
	padding-bottom: 5px;
}

#content UL.platform-sites LI  A {
	color: #34A19E;
	text-decoration: underline;
}

#content UL.platform-sites LI  A:hover {text-decoration: none;}

#content .wpcf7 {
	float: left;
	width: 235px;
}

#content .row {
	float: left;
	width: 235px;
	padding-bottom: 10px;
}

#content .row.long {width: 100%;}

#content .row LABEL {
	color: #5E5E5E;
	font-size: 10px;
	float: left;
	width: 100%;
}

#content .row INPUT {
	color: #5E5E5E;
	font-size: 12px;
	float: left;
}	

#content .row TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	color: #5E5E5E;
	font-size: 12px;
}

#content SPAN.wpcf7-not-valid-tip {
	padding: 0;
	background-color: transparent;
	border: none;
	left: 1px!important;
	top: 15px!important;
	color: red;
	position: static;
	float: left;
}

#content .wpcf7-response-output{
	margin-left: 0;
	margin-top: 0;
	color: red;
}
#content .right-column li { background: url("public/images/image.jpg"); float: left; height: 97px; list-style: none outside none; margin: 0 7px 7px 0; padding: 7px; width: 134px; }