@import "/common.css";





body {
background:#e8e8e8;
text-align:center;
font-family:arial;
margin:0;
padding:0;
color:#666;
font-size:14px;
}



h1, h2, h3, h4, h5, h6 {  
margin-bottom: 0;
padding-bottom:10px;
margin-top: 0;
padding-top:0;
font-weight:normal;
color:#555;
}

h1 {  font-size: 2.80em;	}
h2 {  font-size: 2.2em; 	}
h3 {  font-size: 1.60em; 	}
h4 {  font-size: 1.20em; 	}
h5 {  font-size: 1.20em; 	}
h6 {  font-size: 1.00em; 	}

h1 a {
color:#fff;
}

a {
color:#E4343C;
text-decoration:none;
}

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

a img{
border:none;
}

a.ArrowLink {
background:url(../images/link_arrow.jpg) no-repeat right 5px;
padding-right:20px;
}

p {
line-height:150%;
padding:0;
margin:0 0 20px 0;
}


.MainLeft .moduleType_StaticHtml ul {
list-style-type:square;
margin-left:20px;
}

.MainLeft .moduleType_StaticHtml ol li{
}
.MainLeft .moduleType_StaticHtml li, .moduleType_NewsEvents_Details li{
line-height:150%;
margin:10px 5px;
list-style-position:inside;
list-style:disc;
}

ul {
list-style:none;
margin:0;
padding:0;
}


.Intro {
font-size:1.40em;
}


.DivideAbove {
padding-top:25px;
margin-top:25px;
border-top:1px solid #e8e8e8;
clear:both;
}

.leftImg {
float:left;
margin:10px 15px 20px 5px;
}


.RightImg {
float:right;
margin:10px 5px 20px 15px;
}


.ImgBorder{
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}


blockquote {
font-style:italic;
}

blockquote strong{
color:#E4343C;
}


cite{
color:#666;
padding-right:40px;
font-size:12px;
}


/*------------------------ Common ------------------------------------*/

.hide	{ display: none;	}
.inline	{ display: inline;	}
.block	{ display: block;	}
.nfloat	{ float: none;		}
.lfloat	{ float: left;		}
.rfloat	{ float: right;		}
.clear	{ clear: both; line-height:0;		}
.lclear	{ clear: left;		}
.rclear	{ clear: right;		}
.center { text-align:center; }




/*------------------------ Main Containers ------------------------------------*/


.Container {
width:980px;
margin:0 auto;
text-align:left;
position:relative;
}


.Content {
width:100%;
margin:0;
padding:0 0 30px 0;
background:#fff url(../images/main_back.jpg) repeat-x 0 140px;
}



.Content .Container  {
padding-top:145px;
}

.currentpage-home .Content .Container  {
padding-top:95px;
}

.currentpage-home .Content {
width:100%;
margin:0;
background:#fff url(../images/back.jpg) repeat-x 0 160px;
}






.Header {
position:absolute;
z-index:2;
width:100%;
top:0;
left:0;
}


.Logo {
float:left;
padding:25px 0;
}


.Contacts {
float:right;
text-align:right;
font-size:1.2em;
}


.ContactDetails {
padding:20px 0 5px 0;
}

.ContactDetails p{
padding:0;
margin:0;
}

#mainmenuarea {
position:relative;
top:10px;
}

#mainmenuarea ul{
font-size:21px;
text-align:left;

}


#mainmenuarea ul li{
display:inline;
float:left;
margin-left:10px;
}


#mainmenuarea ul li a{
float:left;
display:block;
padding:3px;
color:#586B68;
text-decoration:none;
}

#mainmenuarea ul li a:hover, #mainmenuarea ul li a.selected {
color:#ccc;
}


/*

#mainmenuarea ul li a{
float:left;
display:block;
padding:15px 10px;
color:#586B68;
text-decoration:none;
}

#mainmenuarea ul li a:hover, #mainmenuarea ul li a.selected {
background: url(../images/nav_back.png) repeat-x top left;
color:#fff;
}

*/

/*------------------------ HomePage ------------------------------------*/


.HomeShowcase {
position:relative;
}


.HomeShowcaseShadow {
background: url(../images/home_shadow.png) no-repeat bottom center;
padding-bottom:27px;
margin-bottom:40px;
}


.HomeShowcase .featureControls{
position:absolute;
bottom:-30px;
left:10px;
z-index:1008;
}


.featureControls a:focus {
outline: none
}


.featureControls a{
background:url(../images/feature_li.png) no-repeat top left;
width:17px;
height:17px;
float:left;
margin-right:4px;
text-indent:-9999px;
}


.featureControls a.activeSlide, .featureControls a:hover{
background:url(../images/feature_li_selected.png) no-repeat top left;
}


.HomeShowcase ul{
width:980px;
zoom:1;
background: url(../images/features_blank.png) no-repeat bottom center;
height:320px!important;
overflow:hidden;
line-height:0;
}

#sectionId_4 ul li{
height:320px!important;
overflow:hidden;
}

.HomeShowcase ul li{
height:320px;
width:980px;
overflow:hidden;
background-color:transparent !important;
}

.features {
position:relative;

}


.HomeShowcase .features .featureMedia{
position:absolute;
bottom:0px;
left:0px;
height:320px;
z-index:999;
}

.HomeShowcase .features .featuresList a{
display:block;
position:absolute;
float:left;
height:280px;
width:980px;
z-index:1000;
bottom:0
}


.HomeShowcase .features .featureHeading{
position:absolute;
bottom:200px;
left:40px;
width:600px;
z-index:1001;
}


.HomeShowcase .features .featureContent{
position:absolute;
bottom:160px;
left:40px;
z-index:1001;
width:300px;
}



.HomeMessage {
margin-bottom:30px;
padding-bottom:30px;
border-bottom:3px solid #f1f1f1;
}


.HomeMessage h1 {
font-size:2.3em;
line-height:130%;
}

.HomeMessage h1 a:hover{
color:#fff;
}

.HomeMessage h1 strong {
color:#fff;
font-weight:normal;
padding:0 3px;
background:#E4343C url(../images/red_grad.jpg) repeat-x bottom left;
text-shadow: 0px 1px #BC2930;
}



.HomeContent {}



.HomeLeft {
width:300px;
float:left;
clear:both;
margin-bottom:20px;
margin-right:40px;
}


.HomeLeft p{
font-size:15px;
}



.HomeRight {
width:640px;
float:left;
margin-bottom:20px;
}



#sectionId_206 {
height:210px;
position:relative;
}

#sectionId_206 .quoteItem {
position:absolute;
height:100px;

background:#F1F1F1 url(../images/home_quote_grad.jpg) repeat-x scroll right bottom;
}

#sectionId_206 .quote {
background:url(../images/port_quote_open.png) no-repeat 13px 13px;
font-size:18px;
margin:0;
color:#666;
width:580px;
padding:10px 10px 10px 50px;
}

#sectionId_206 .quote p {
background:url(../images/port_quote_close.png) no-repeat bottom right;
padding:0 30px 3px 0;
margin-bottom:0;
}



#sectionId_206 .quote strong {
color:#E4343C;
font-weight:bold;
}

#sectionId_206 .quoteItem .logo{
position:absolute;
top:100px;
padding-top:20px;
opacity:0.5;
filter:gray() alpha(opacity=50);
}

#sectionId_206 .quoteItem  a:focus {
outline: none
}


#sectionId_206 .selected .logo{
background:transparent url(../images/quote_pointer.jpg) no-repeat top left;
opacity:1;
filter:none;
}


#sectionId_206 #quoteItem2 .logo {left:165px;}
#sectionId_206 #quoteItem3 .logo {left:330px;}
#sectionId_206 #quoteItem4 .logo {left:495px;}



#sectionId_5 {
margin-bottom:30px;
}


#sectionId_11 h3 {

}

.HomeWork {
}

.HomeWork .PortSingle {
float:left;
margin-right:20px;
}




.HomeWork .ArrowLink {
background:url(../images/link_arrow.jpg) no-repeat right 5px;
}

.HomeWork .PortSingle img{
margin-bottom:5px;
}

.HomeWork .Last {
margin-right:0;
}


/* ---------------- Sub Content and Header Section---------------------- */


.BodyShadow {
padding:5px;
background: url(../images/content_shadow.png) repeat-x top left;
}

.BodyContent{
background:#fff;
padding:20px;
}


.BodyContent .MainLeft ul{
margin-bottom:30px;
padding:5px;
}

.BodyContent .MainLeft ul li{
margin-bottom:10px;
}


.BodyContentHeader {
width:100%;
}

.BodyContentHeader .moduleInnerContent{
padding:20px 0 15px 0;
float:left;

}



.BodyContentHeader h2 {
float:left;
color: #fff;
font-size:52px;
padding:0;
text-shadow: 0px 1px #BC2930;
}

.BodyContentHeader p {
float:right;
color:#fff;
margin-bottom:0;
font-size:1.6em;
padding-left:20px;
margin-left:20px;
text-shadow: 0px 1px #BC2930;
}


.page-portfolio .BodyContentHeader p {
width:680px;
}

.page-contact .BodyContentHeader p {
width:600px;
}

.currentpage-services .BodyContentHeader p {
width:650px;
}


.currentpage-about .BodyContentHeader p {
width:620px;
padding-right:130px;
background:url(/UserFiles/compo2.png) no-repeat right 10px;
}




.BodyContentCrumbs {
color:#fff;
}

.BodyContentCrumbs ul{
padding:10px 0 4px 0;
}

.BodyContentCrumbs ul li {
display:inline;
padding-left:20px;
background:url(../images/bread_arrow.png) no-repeat center left;
margin-right:20px;
font-size:16px;
color:#fff;
}

.BodyContentCrumbs ul li.last {
}


.BodyContentCrumbs ul li a{
color:#fff;
text-decoration:none;
}

.BodyContentCrumbs ul li a:hover{
color:#fff;
}


/*---------- Sub Page -----------------*/

.MainLeft {
float:left;
width:600px;
margin-right:30px;
}

.MainLeft .Cols {
margin-bottom:20px;
}

.MainLeft .LeftCol1 {
float:left;
width:280px;
padding:5px 0;
margin-right:40px;
}

.MainLeft .LeftCol2 {
float:left;
width:280px;
padding:5px 0;
}


.MainRight {
float:right;
padding-top:30px;
width:300px;
background:#fff url(../images/right_shadow.jpg) no-repeat top left;
}


.MainRightLower{
height:72px;
width:300px;
background:#fff url(../images/right_shadow_lower.jpg) no-repeat top left;
}

.MainRight .spacer {
padding-left:30px;
}


.MainRight ul{
margin:0 0 0 0;
}

.MainRight ul li{
padding:6px 0 6px 0;
}


.MainRight ul.navTree li{
font-size: 1.20em; 
padding:0;
}

.MainRight ul.navTree li a{
color:#666;
display:block;
border-left:3px solid #e8e8e8;
padding:6px 0 6px 13px;
}


.MainRight ul.navTree li.selected a, .MainRight ul.navTree li:hover a{
border-left:3px solid #E4343C;
}

.MainRight ul li.selected a{
text-decoration:none;
color:#666;
}

.MainRight ul li.selected ul a{
color:#E4343C;
}

.MainRight ul li a{
text-decoration:none;
}


.MainRight ul ul{
margin:0 0 0 20px;


}

.MainRight ul.navTree ul li{
font-size: .95em;
border-left:none;
}

.MainRight ul.navTree ul li.selected, .MainRight ul.navTree ul li:hover{
border-left:none;
}

.MainRight .moduleType_NewsEvents_List .moduleInnerContent, .MainRight .moduleType_Subscribe .moduleInnerContent, .MainRight .moduleType_Menu ul, .MainRight .moduleType_Snippet .moduleInnerContent, .MainRight .moduleType_StaticHtml .moduleInnerContent   {
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #f1f1f1;
}

.MainRight .moduleType_Menu ul ul{
margin-bottom:0;
padding-bottom:0;
border-bottom:none;
}


.MainRight h3 {
font-size:22px;
padding-bottom:5px;
}

.Related {
margin:0 0 15px 0;
}

.Related h4{
font-size:15px;
padding-bottom:0;
}

.Related span{
font-size:12px;
font-style:italic;
}

.RelatedImage {
float:left;
margin:0 8px 0 0;
}

.RelatedImage img{
padding:2px;
border:1px solid #f1f1f1;
}

.RelatedImage img:hover{
padding:2px;
border:1px solid #E4343C;
}


.RelatedInfo {
float:left;
width:210px;
}


.MainRight .moduleType_NewsEvents_List h3 {
padding-bottom:15px;
}


.MainRight .moduleType_NewsEvents_List h4 {
font-size:16px;
}


/* ---------------- Portfolio ---------------------- */

.PortFeatures {
margin-bottom:30px;
float:left;
}


.PortItem {
float:left;
margin-right:20px;
margin-bottom:40px;
}

.PortItem img{
margin-bottom:5px;
border:1px solid #ccc;
}

.PortItem h4{
padding-bottom:1px;
}

.PortItem span{
font-size:12px;
color:#999;
}


.PortFeatures .PortItem {}


.PortLower {}


.PortLower ul li {
float:left;
width:170px;
}

.PortLower .PortItem {
width:168px;
height:200px;

}

.PortFeatures .Last, .PortLower .Last {
margin-right:0px;
}

.PortLower .PortItem h4{
font-size:1.05em;
padding-bottom:2px;
}


.PortItem a.ArrowLink{
padding-right:20px;
background:url(../images/link_arrow.jpg) no-repeat right 3px;
}


.FeatureBar {
padding:20px;
background:#f1f1f1 url(../images/footer.jpg) repeat-x bottom left;
margin-bottom:30px;

}


.FeatureBar h3{
float:left;
padding-bottom:5px;
margin-right:30px;

}

.FeatureBar h3.Contact{
padding-left:50px;
background:url(../images/contact_icon.gif) no-repeat top left;
}

.FeatureBar h4{
margin-top:5px;
padding-bottom:0;
}



/*---------------- Services Home --------------------*/

.ServicesIntro {
border-bottom:1px solid #f1f1f1;
padding-bottom:20px;
margin-bottom:20px;

}

.ServiceIntroFeature {
float:left;
width:295px;
margin-right:20px;
position:relative;
}

.ServiceIntroFeature img{
margin-bottom:10px;
}

.ServiceIntroFeature h4{
position:absolute;
top:130px;
float:left;
padding:10px;
left:0;
z-index:20;
font-size:25px;
color:#fff;
background: url(../images/red_grad.jpg) repeat-x bottom left;
}





ul.ServiceList li{
float:left;
width:270px;
margin-right:40px;
}

ul.ServiceList li h3{
font-size:20px;
padding-bottom:5px;
font-size:26px;
}

ul.ServiceList a.ArrowLink{
padding-right:20px;
background:url(../images/link_arrow.jpg) no-repeat right 11px;
}

ul.ServiceList li.Alt{

}


/*----------------Service Pages --------------------*/


.ServiceRow, .ServiceRowAlt  {
margin-top:10px;
}


.ServiceImg {
float:left;
margin-right:20px;
}

.ServiceInfo {
}


.ServiceRowAlt .ServiceImg {
float:right;
margin-right:0px;
margin-left:20px;
}









/*----------------Porfolio Page --------------------*/




.page-portfolio .features {
margin:20px 0 40px 0;
padding-bottom:10px;
}



.page-portfolio .featureControls{
position:absolute;
bottom:0;
left:0;
z-index:1008;
}


.MainLeft .page-portfolio .featuresList {
overflow:hidden;
width:600px;
}

.BodyContent  .MainLeft .featuresList {
margin-left:0;
padding:0;
border:1px solid #ccc;
height:350px !important;
overflow:hidden;
}

.page-portfolio .BodyContent .MainLeft .featuresList li{
margin-bottom:0;
padding:0 !important;
}

.page-portfolio .BodyContent .MainLeft .featuresList li img{

}

.page-portfolio h2 {
font-size:40px;
padding-bottom:0;
}

.page-portfolio .MainLeft h3 {
}


.ProjectIntro {
font-size:16px;
}




.SmallQuote{
background:#F1F1F1  url(../images/port_quote_close.jpg) no-repeat scroll right bottom;
padding:10px;
}

.SmallQuote blockquote{
background: url(../images/port_quote_open.jpg) no-repeat scroll left top;
font-size:16px;
margin:0 0 10px 0;
color:#666;
text-indent:40px;
}



.HalfQuote {
width:240px;
margin:10px 10px 20px 10px;
}





a.VisitLink {
padding:0 0 8px 23px;
background:url(../images/view_link.png) no-repeat 2px 0;
font-size:16px;
}


img.mainshadow {
padding-bottom:30px;
background:url(../images/main_img_shad.jpg) no-repeat bottom center;
}


.footer {
width:100%;
margin:0;
padding:40px 0 40px 0;
font-size:12px;
background:url(../images/footer.jpg) repeat-x top left;
}

.footer .rfloat {
text-align:right;
}



.footer ul{
float:left;
margin-right:80px;
}

.footer a{
color:#999;
}

.footer a:hover{
color:#ccc;
}



.footerContacts{
font-size:20px;
padding-right:50px;
background:url(../images/contact_icon.gif) no-repeat top right;
}

.footerContacts a{
color:#666;
}

.footerContacts a:hover{
color:#999;
}



.page-portfolio .MainLeft img {
}




.CaseStudy {
margin:20px 0 40px 0;
background:#e8e8e8;
float:left;
width:100%;
}

.CaseStudy h3{
padding-bottom:3px;
}

.CaseStudy h5{
color:#999;
padding-bottom:3px;
font-size:12px;
}

.CaseStudy p{
margin:0 0 4px 0;
}


.CaseImage{
float:left;
height:170px;
overflow:hidden;
}

.CaseInfo {
float:left;
width:290px;
padding:10px;
}


.CaseInfo blockquote{
padding:0;
margin:0 10px;
}

.CaseInfo blockquote strong{
}


div#twitterIntro {

}

div#twitterIntro img {
padding-right: 0.5em;
}

div#twitterIntro span.introText {
font-size: 1.4em;
}

.moduleType_RemoteContent div.genericitem h4 {
font-size: 1em;
border-bottom:1px solid #EEEEEE;
padding: 10px 0 10px 2px;
}

.moduleType_RemoteContent div.genericitem h4 a {
line-height: 150%;
}

/*.moduleType_RemoteContent div.genericitem h4:first-line {
padding-left: 5px;
}*/



/*------------------------ Twitter ------------------------*/

.twtr-doc {
font-family: Arial;
font-size:14px;
}


.twtr-doc p{
}


/*------------------------ listSubscribe ------------------------------------*/

h3.Newsletter, .moduleType_Subscribe h3.sectionTitle {
padding-left:40px;
background:url(../images/icon_newsletter.jpg) no-repeat 1px 4px;
}

.Subscribe {

}

.listSubscribe {
float:left;
width:100%;
}

.listSubscribe .text {
border:1px solid #ccc;
padding:6px;
width:90%;
}


.Landing .listSubscribe .text {
border:1px solid #ccc;
padding:6px;
width:300px;
} 

.button {
background:#E4343C;
border:0;
padding:4px;
font-family:Arial;
font-size:16px;
color:#fff;
}


.Landing .button {
float:left;
margin-top:23px;
}

.Landing .formRow {
float:left;
width:325px;
}

/*------------------------ Contact ------------------------------------*/



#sectionId_147 {
}

.moduleType_ContactForm {
margin-bottom:30px;
}

.formRow { 
margin-bottom:10px;
width:100%;
float:left;
}

label {
font-size:12px;
font-weight:bold;
padding:5px 10px 5px 0;
display:block;

}

input.textbox, .memo {
float:left;
background:#fff;
width:500px;
margin-bottom:5px;
padding:6px;
border:1px solid #ccc;
}

.checkbox {
float:left;
}

textarea.dataField {
height:150px;
background:#fff;
}

.submitButton {
display:block;
font-size:14px;
padding:5px 0 5px 0;
float:left;
width:100px;
background:#E4343C;
color:#fff;
font-weight:bold;
text-align:center;
font-family:helvetica;
border:none;
}




/* News */

.EventNewsRow {
padding-bottom:20px;
margin-bottom:30px;
border-bottom:1px solid #f1f1f1;

}

.EventNewsImage {
}

.EventNewsImage img{
}

.EventNewsInfo {
}

.EventNewsViewDate {
display:block;
margin-bottom:5px;
color:#999;
font-size:14px;
font-style:italic;
}

.EventNewsInfo h4{
font-size:30px;
padding-bottom:5px;
}

.EventNewsInfo p{
margin-bottom:5px;
}


.EventNewsView {
}

.EventNewsView img{
margin-bottom:5px;
}

.moduleType_NewsEvents_Main .pager a, .moduleType_NewsEvents_Main .pager span
{
padding:8px;
}
.moduleType_NewsEvents_Main .pager span
{
}

/*-------lytebox gall-------*/

.moduleType_Images  ul.gallerylist {
margin:10px 0 20px 5px;
padding:0;
list-style:none;
}

.moduleType_Images ul.gallerylist li{
margin:3px;
padding:0;
display:inline;
float:left;
}

.moduleType_Images ul.gallerylist li a{
padding:0;
display:inline;
float:left;
border:1px solid  #ccc;
}

.moduleType_Images ul.gallerylist li a:hover{
padding:0;
display:inline;
float:left;
border:1px solid #AEC49D;
}

.moduleType_Images ul.gallerylist li img{
padding:5px;
background:#f4f4f4;
float:left;
margin:0;
}

.moduleType_Images ul.gallerylist li  a.dwnload
{
border:none;
display:none;
clear:both;
font-size:0.8em;
width:87px;
text-align:center;
}



/*---------Email marketing--------*/


.MainLeft ul.Ticklist {
margin-left:0;
}

.MainLeft ul.Ticklist li { 
padding:3px 0 5px 25px;
background:url(../images/bull.jpg) no-repeat top left;
list-style:none;
margin-left:0;
}

.MainLeft ul.Half {
float:left;
width:100%;
}

.MainLeft ul.Half li {
float:left;
width:40%;
padding-right:20px;
}

.EmailTicks {
float:left;
width:320px;
margin-right:20px;
}


.EmailClient {
float:left;
width:255px;
padding-bottom:160px;
background:url(../images/email_clients.jpg)no-repeat bottom left;
}

.EmailReport {
padding-left:210px;
background:url(../images/clicks_funnel.jpg)no-repeat top left;
}


.FreeBanner {
text-align:center;
margin-bottom:20px;
background:#f1f1f1;
clear:both;
padding:10px;
}


.InnerFeature {
float:left;
width:190px;
margin-right:10px;
}



.Last {
margin-right:0;
}

.MainLeft  .sIFR-active h1 {
visibility: hidden;
font-family: Verdana;
line-height: 1em;
font-size: 2.8em;
}

.sIFR-active h2 {
visibility: hidden;
font-family: Verdana;
line-height: 1em;
font-size: 2.8em;
}

.sIFR-active h3 {
visibility: hidden;
font-family: Verdana;
line-height: 1em;
font-size: 1.6em;
}

#sectionId_213
{
height:250px;
}


.currentpage-about .PageTop {
margin-bottom:30px;
}


.AboutBalloon
{
position:absolute;
color:white;
background:url(../images/speech_bubble.png) no-repeat bottom left;
padding:10px 10px 30px 10px;
width:220px;
}
.AboutBalloon h3
{
color:white;
font-size:1em;
font-weight:bold;
padding:0;
}
.AboutBalloon p
{
margin:0;
padding:0;
font-size:0.9em;
}

#tateflash
{
position:absolute;
z-index:1005;
}


/*-------------------About Twitter --------------------*/

.TwitterHeader {
position:relative;
margin-bottom:20px;
}

.TwitterMessage {
position:absolute;
top:40px;
left:20px;
font-size:18px;
width:330px;
padding-left:33px;
background:url(../images/twitter_quote_open.png) no-repeat 2px 5px;
}

.TwitterMessage img{
margin:0 3px -3px 5px;
}

.TwitterMessage p{
margin-bottom:15px;
}

.TwitterMessage p span img{
margin:0 3px -4px 0px;
}

.TwitterMessage .TimeStrap{
display:block;
font-size:14px;
color:#fff;
}