/*  HTML TAG BASE STYLES  ------------*/
body { background-color: #FFFFFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #333333; }

a { color: #6F0265; text-decoration: none; }

a:hover { color: #6F0265; text-decoration: underline; }

p { margin: 0; padding: 0; }
/* clear default space on paragraphs */

.clearer { clear:both; height:0; line-height:0;}

p.backLink { margin-top:6px;}

h1 { font-size: 28px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 0 30px 0; margin: 0; }

h2 { font-size:50px; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #e5e5e5; }
h2.homepage { border-bottom:none;}

h3 { font-size: 2.0em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 0 13px 0; margin: 0; }

h4 { font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 0 -3px 0; margin: 0; color: #6F0265; }

h5 { font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 5px 0; padding: 0; }


/*  WRAPPER - to center content  ------------*/

.wrapper { width: 840px; background-color: #FFFFFF; margin-top: 30px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0px; font-size: 1.2em; line-height: 1.5em; }


/*  HEADER  ----------------------------*/
.header { padding: 0; margin: 0; text-align: left; }

.header h1 { margin: 0; padding: 0; }


/*  NAVIGATION HEADER ----------------------------*/
.nav { width: 840px; padding: 30px 0 0 0; margin: 0; border-bottom: 1px solid #e5e5e5; }

.nav li { display: inline; list-style-type: none; padding: 0 30px 0 0; margin: 0; }

.nav ul { padding: 0; margin: 0; }

.nav-access { float: right; padding: -2px 0 0 0; font-size: 0.9em; }

.nav-access li { display: inline; list-style-type: none; padding: 0 0 0 20px; margin: 0; }

.nav-access ul { padding: 0; margin: 0; }

.nav-access li a { color: #333333; }

.nav-sub { height: 30px; }

.nav-sub li { display: inline; list-style-type: none; padding: 0 15px 0 0; margin: 0; }

.nav-sub ul { padding: 2px 0 0 0; margin: 0; }


.nav-sub li a { color: #666666 !important; }


/*  PAGINATION  ----------------------------*/
.pagination { text-align: center; }
.pagination-left { float: left; }
.pagination-right { float: right; }
.pagination-numbers { }


/*  MAIN CONTENT  ----------------------------*/
.main { clear: both; margin: 20px 0 0 0; padding: 0; }

.main ul { padding: 0; margin: 0; }

.main li { display: inline; list-style-type: none; padding: 0 20px 0 0; margin: 0; }


/*  50/50 COLUMN STYLES  ----------------------------*/
.lc { /* left column half*/ float: left; display: block; width: 400px; }

.rc { /* right column half */ float: right; display: block; width: 400px; }


/*  30/70 COLUMN STYLES  ----------------------------*/
.lc-small { float: left; display: block; width: 260px; }

.rc-big { float: right; display: block; width: 540px; }


/*  80/20 COLUMN STYLES  ----------------------------*/
.lc-big { float: left; display: block; width: 595px; }

.rc-small { float: right; display: block; width: 200px; }

.rc-small input.text { background: #FFFFFF; border: 1px solid #CCCCCC; font: 14px Arial, Helvetica, sans-serif; width: 130px; height: 18px; }

.rc-small input.btn { background-color: #999999; font-size: 12px; width: 26px; color: #FFFFFF; border: 0; padding: 2px 0 3px 0; }

.rc-small input.btn a:hover { background-color: #000; }

#blogImage.rc-small { width:400px; }

/*  80/20 COLUMN STYLES  ----------------------------*/
.lc-big2 { float: right; display: block; width: 615px; list-style: left; }

.rc-small2 { float: left; display: block; width: 200px; }

.rc-small2 input.text { background: #FFFFFF; border: 1px solid #CCCCCC; font: 14px Arial, Helvetica, sans-serif; width: 130px; height: 18px; }

.rc-small2 input.btn { background-color: #999999; font-size: 12px; width: 26px; color: #FFFFFF; border: 0; padding: 2px 0 3px 0; }

.rc-small2 input.btn a:hover { background-color: #000; }


/*  FOOTER  ----------------------------*/
.footer { clear: both; padding: 0; margin: 0px; border-top: 1px solid #e5e5e5; padding-top: 30px; padding-bottom: 45px; margin-top: 20px; }

.fbox-l { float: left; text-align: left; display: block; margin-right: 30px; line-height: 1.5em; }

.fbox-r { text-align: right; float: right; display: block; line-height: 1.5em; }


/*  NEWSTICKER STYLES  ----------------------------*/

/*.tickerLeftArrow {width: 20px; height: 200px; background: url(img/fade.gif); position: absolute;}
 
 .tickerRightArrow {width: 20px; height: 200px; background: url(images/fade.gif); position: absolute; right: 0;}
 
 .tickerDimensions {width: 800px; height: 200px;}
 */
.tickerbox { padding: 20px !important; color: #FFFFFF; float: right; margin: 20px 20px 0 0 !important; width: 320px !important; height: 120px !important; background-color: #6F0265; }
.tickerbox p.homepageTicker { margin-bottom:15px; font-size:2em;}
.tickerbox p.homepageTicker a { color:#fff;}

/*.skip {
	position: absolute; left: -5000px;
}
.carousel ul {
    margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 12px;
}
.carousel ul li {
    font-size: 11px; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 6px; text-align: left;
}
*/

/*  BLOG STYLES  ----------------------------*/
.blog-item-small { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; }

.blog-item-small img { float: left; margin-top: 2px; border: 3px solid #e5e5e5; width: 150px; }

.blog-item-content { margin-left: 180px; display: block; }
.blog-item-content-nomargin { margin-left: 0px; display: block; }

.blog-item-small-ttl { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 0 -3px 0; margin: 0; color: #000000; }

.blog-item-small-date { color: #999999 !important; }

.blog-item-small-desc { margin-top: 10px; display: block; }

.blog-item-side { margin-bottom: 5px; }

.blog-item-link {}

/*  BLOG STYLES  ----------------------------*/
/*
.blog-item-small { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; }

.blog-item-small-img { text-align: center; margin: 20px 0px 20px 0; }

.blog-item-small img { border: 5px solid #e5e5e5; margin-bottom: 10px; }


.blog-item-content { display: block; }

.blog-item-small-ttl { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 0 -3px 0; margin: 0; color: #6F0265; }

.blog-item-small-date { color: #999999 !important; }

.blog-item-small-desc { margin-top: 10px; display: block; }

.blog-item-side { margin-bottom: 5px; }
*/

/*  CLIENTS STYLES  ----------------------------*/

.client-thumb { float: left; width: 260px; margin-left: 30px; }

.client-thumb-ttl { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 5px 0 5px 0; color: #6F0265; border-bottom: 1px solid #e5e5e5; }

/*  CASESTUDY STYLES  ----------------------------*/

.casestudy-thumb { float: left; width: 260px; margin-left: 30px; }

.casestudy-thumb-img a { border: 5px solid #e5e5e5; display: block; }

.casestudy-thumb-ttl { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 5px 0 5px 0; color: #6F0265; border-bottom: 1px solid #e5e5e5; }

/*  THETEAM STYLES  ----------------------------*/
.theteam { text-align: center; }
.names { text-align: left; width: 150px; float: left; display: block; }
.names a.highlighted { color:#ccc;}
.center { width: 350px; text-align: left; display: block; float: left; }
.thumbnailPic img { height:71px; width:95px; }
.profilePic { border: 5px solid #CCCCCC; margin-bottom: 20px; height:254px; width:340px; }
.staff-role { font-weight:bold; margin-bottom:20px;}
.center p { margin-bottom: 20px; }

.photos { float: right; width: 300px; }

.photos img { float: left; margin: 0 5px 5px 0; border: 0 !important; }


/*  OURWORK STYLES  ----------------------------*/

.ourwork-thumb { float: left; width: 282px; margin-left: 30px; }

.ourwork-thumb-img a img { width: 272px; height: 140px; }
.ourwork-thumb-img a { border: 5px solid #e5e5e5; display: block; }

.ourwork-thumb-ttl { font-size: 1.25em; padding: 5px 0 0 0; color: #6F0265; }

.ourwork-thumb-desc { padding: 0 0 5px 0; color: #333333; }


/*  WHATWEDO STYLES  ----------------------------*/
.BasicProject { margin-bottom: 40px; }

.BasicProject .ourwork-thumb-img a img { width: 198px; height: 58px; }
.BasicProject .ourwork-thumb-img a { border: 1px solid #e5e5e5; display: block; }

.BasicProject .ourwork-thumb-ttl { font-size: 1.25em; padding: 5px 0 0 0; color: #6F0265; }


/*  TABLE STYLES  ----------------------------*/

.first { margin: 0; }
.row { padding-bottom: 30px; display: block; }
.clientrow { padding-bottom: 0px; display: block; }

/*  FONT STYLES  ----------------------------*/
.txt-light { color: #999999 !important; }

.txt-large { font-size: 1.65em; line-height: 1.6em !important;}

.txt-large-quote { font-size: 1.2em !important; line-height: 1.3em !important;
font-style:italic!important;
}

.txt-med, .txt-intro { font-size: 1.3em !important; line-height: 1.5em !important;
}


.txt-small { font-size: 0.9em !important; line-height: 1.5em !important; color: #999999; }

/*  RANDOM STYLES  ----------------------------*/
.-20h { margin-top: -20px; }

.cc { /* clear colums NO divider */ clear: both; width: 100%; margin-bottom: 30px; }

.hr { /* clear colums WITH divider */ clear: both; width: 100%; border-bottom: 1px solid #e5e5e5; margin: 0 0 30px 0; line-height:30px; height:30px; display:block; }
.hrExpertise, .hrJob { /* clear colums WITH divider */ clear: both; width: 100%; border-top: 1px solid #e5e5e5; margin-top: 15px; }

.fr { float: right; }

.clear { clear: both; }

.quotebox { margin-top: 30px; height: 60px; }

.whatwedo_padding { margin-left: 0px !important; }

.whoweare-padding { margin-left: 130px !important; }

ul.dupNav { margin-top: 20px; }

/* ----- HOMEPAGE ----- */
.hpProjectThumbnail { float: left; margin-top: 2px; width: 87px; height: 63px; }
.hpProjectSummary { margin-left: 107px; }


/* ----- Expertise page ----- */
.expertiseLeft { float: left; width: 280px; }
.expertiseLeft .info1 { display: block; }
.expertiseLeft .info2 { display: block; }
.expertiseRight { margin-left: 315px; width: 280px; }
.expertiseRight .info1 { display: block; }
.expertiseRight .info2 { display: block; }

/* ----- Job page ----- */
.jobLeft { float: left; width: 280px; }
.jobLeft .info1 { display: block; font-size:1.2em; font-weight:bold; }
.jobLeft .info2 { display: block; }
.jobRight { margin-left: 315px; width: 280px; }
.jobRight .info1 { display: block; font-size:1.2em; font-weight:bold; }
.jobRight .info2 { display: block; }

/* ----- Project/client details ----- */
.associatedProjectLink { display: block; }
.associatedClientLink { display: block; }