/*==============================================================================
  File : scformatting.css  , Copyright © Style Campaign 2009
  ------------------------------------------------------------------------------*/
/* Container */
#banner-animated {
	background: #ccc url('images/animated/images/banner.jpg') top left;
}
#banner-animated-service {
	background: #ccc url('images/animated/images/anis-banner.jpg') top left;
}
#banner-bespoke-service {
	background: #ccc url('images/services/banners/bespoke-email-service.jpg') top left;
}
#banner-custom-service {
	background: #ccc url('images/services/banners/custom-email-services.jpg') top left;
}
#banner-custom-template {
	background: #ccc url('images/services/banners/custom-email-templates.jpg') top left;
}
#banner-ecommerce-case1 {
	background: #ccc url('images/services/banners/e-commerce-case1.jpg') top left;
}
#banner-landing-page {
	background: #ccc url('images/services/banners/landing-page.jpg') top left;
}
#banner-photography-service {
	background: #ccc url('images/services/banners/rates-phorography.jpg') top left;
}
#banner-photography-case1 {
	background: #ccc url('images/services/banners/apparel-photos.jpg') top left;
}
#banner-video-service {
	background: #ccc url('images/services/banners/video-in-email.jpg') top left;
}
#banner-video-portfolio {
	background: #ccc url('images/animated/images/vid-banner.jpg') top left;
}
#banner-web-service {
	background: #ccc url('images/services/banners/web-services.jpg') top left;
}
#banner-wordpress-cms {
	background: #ccc url('images/services/banners/wordpress-cms.jpg') top left;
}
#banner-email-landing {
	background: #ccc url('images/services/banners/email-landa.jpg') top left;
}
#banner-contact-email {
	background: #ccc url('images/services/banners/contact-stylecampaign.jpg') top left;
}
#banner-news-letter {
	background: #ccc url('images/services/banners/stylecampaign-newsletter.jpg') top left;
}
#banner-news-unsubscribe {
	background: #ccc url('images/services/banners/unsubscribe.jpg') top left;
}
.bannercopy {
	display: block;
	padding-top: 136px;
	padding-left: 24px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #555
}	
#container {
	width: 672px;
	color: #5C5C56;
}
#container em{
	background-color: #E8EEE9;
	font-style: normal;
}

#container span{
	margin: 0 0 4px 0;
	line-height: 18px;
	color: #5C5C56;
}

#container span a,
#container span a:link,
#container span a:visited,
#container span a:active{
	color: #5C7932;
	border-bottom: 1px dotted #474E22;
}
#container span a:hover{
	color: #AAAAAA;
	border-bottom: 1px dotted #AAAAAA;
	text-decoration: none;
}

#container a img,
#container a:link img,
#container a:visited img,
#container a:active img{
	color: #5C7932;
	border: 0px;
}
#container a:hover img{
	color: #AAAAAA;
	border: 0px;
	text-decoration: none;
}

.heading4 {
	display: block;
	width: 100%;
	font-size: 12px;
	padding: 6px 0 6px 0;
}
.heading4 a,
.heading4 a:link,
.heading4 a:visited,
.heading4 a:active{
	font-size: 12px;
	color: #5C7932;
	border-bottom: 1px dotted #474E22;
}
.heading4 a:hover{
	color: #AAAAAA;
	border-bottom: 1px dotted #AAAAAA;
	text-decoration: none;
}

.heading4 font{
	font-size: 12px;
	color: #5C7932;
	border-bottom: 1px dotted #5C7932;
	text-decoration: none;
}

.eproject{
	display: block;
	float: left;
	margin: 0 40px 0 0;
	padding: 0;
	width: 194px;
}

.eproject_right{
	display: block;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	width: 194px;
}

.twosection_left{
	display: block;
	float: left;
	margin: 0 40px 0 0;
	padding: 0 40px 20px 0;
	width: 327px;
	border-right: 1px solid #D8E1DE
}

.twosection_right{
	display: block;
	float: left;
	padding: 0;
	width: 254px;
}

a.preview_container img {
	border: 0;
}
.fullrow span{
	color: #5C5C56;
}

.fullrow{
	color: #5C5C56;
	display: block;
	float: left;
	width: 100%;
	padding: 2px 0 12px 0;
	background: #fff;
}
.smallrow{
	color: #5C5C56;
	display: block;
	float: left;
	width: 100%;
	line-height: 12px;
	padding: 0;
}
.right_row{
	/* margin-left: 240px; */
	float: right;
	display: block;
	width: 65%;
	border-top: 1px solid #D8E1DE;
	color: #5C5C56;
	padding: 6px 0 24px 0;
}

.twrow {
	display: block;
	float: left;
	width: 220px;
	height: 24px;
	line-height: 24px;
	padding: 6px 0 6px 0;
}
.twrow a,
.twrow a:link,
.twrow a:visited,
.twrow a:active{
	font-size: 12px;
	color: #5C7932;
	border-bottom: 1px dotted #5C7932;
}
.twrow a:hover{
	color: #aaa;
	border-bottom: 1px dotted #aaa;
	text-decoration: none;
}

#container textarea{
	width: 320px;
}
#container input{
	width: 220px;
}
.iright {
	display: block;
	float: right;
}
.ileft {
	display: block;
	float: left;
}
.isection {
	display: block;
	float: left;
	width: 220px;
	padding: 6px 0 6px 0;
}
.ifsection {
	display: block;
	float: left;
	width: 320px;
	padding: 6px 0 16px 0;
}
.lbutton{
	color: #fff;
	background: #444;
	display: block;
	float: left;
	width: 200px;
	height: 36px;
	font-size: 18px;
	font-weight: bold;
	line-height: 36px;
	text-align: center;
	padding: 0;
	text-decoration: none;
}
.lbutton a,
.lbutton a:link,
.lbutton a:visited,
.lbutton a:active {
	color: #fff;
	background: #444;
	display: block;
	float: left;
	width: 200px;
	height: 36px;
	font-size: 18px;
	font-weight: bold;
	line-height: 36px;
	text-align: center;
	padding: 0;
	text-decoration: none;
}
.lbutton a:hover{
	color: #fff;
	text-decoration: none;
	border: 0px;
}