/* DEFAULT STYLING */

body {
	font-size: 10px;
	line-height: 160%;
	font-family: Arial, Helvetica, sans-serif;
	color: #303030;
	margin: 0;
	padding:0;
	background-image: url(../images/new-images/body-bg-2009.gif);
	background-repeat: repeat-x;
}



/***************************************************************************************/
/*HOME NAVIGATION BODY SELECTORS CLASS*/
/***************************************************************************************/

body.home.home-page #header-nav ul.grey-nav li.home-page a,
body.home.case-studies #header-nav ul.grey-nav li.case-studies a,
body.home.good-news #header-nav ul.grey-nav li.good-news a,
body.home.blog #header-nav ul.grey-nav li.blog a,


body.about.about-us #header-nav ul.grey-nav li.about-us a,
body.about.the-team #header-nav ul.grey-nav li.the-team a,
body.about.contact #header-nav ul.grey-nav li.contact a,
body.about.faqs #header-nav ul.grey-nav li.login a,
body.about.jobs #header-nav ul.grey-nav li.jobs a,

body.services.web-design #header-nav ul li.web-design a,
body.services.seo #header-nav ul li.seo a,
body.services.agency #header-nav ul li.agency a,
body.services.e-marketing #header-nav ul li.e-marketing a,  

body.services.branding #header-nav ul li.branding a,
body.services.photography #header-nav ul li.photography a,
body.services.print #header-nav ul li.print a,
body.services.email-stationery #header-nav ul li.email-stationery a  


{color: #333333;}





/***************************************************************************************/





p {margin: 0 0 7px 0; font-size:1.1em;}


h1, h2, h3, h4 {margin: 0;}

h1 {margin-bottom: 0; color:#2C1319; font-weight: normal;}
h2 {margin-bottom: 0; font-weight: normal;}
h3 {margin-bottom: 0; font-weight: normal;}
h4 {margin-bottom: 0; font-weight: normal;}
h5 {font-weight: bold;}


a:link {color: #2C1319;}
a:visited {
	color: #333333;
}
a:hover {color: #D92E27;}
a:active {color: #e32819;}


#container {width: 926px; margin: 0 auto; padding:0;}/*hold site centered*/

ul {margin: 0 0 10px 10px; padding: 0 10px;}



/*END DEFAULT STYLING */





/***************************************************************************************/
/*MAIN NAVIGATION AREA INCLUDING LOGO AND CONTACT AND CLIENT LOGIN*/
/***************************************************************************************/


#header-nav

{margin: 0 0 20px 0; padding:10px 0 0 234px;
position: relative;
height: 80px; /*Height of header section*/
/*border-bottom: 1px dotted #ccc;*/
}

#logo {position: absolute; top:10px; left:0;}

/*DEFAULT*/
#header-nav ul {margin: 0; padding:0; list-style: none; font-size: 11px; clear:both;}
#header-nav ul li {padding:0; float:left; margin-right: 16px; }

#header-nav ul.grey-nav-emphasis {font-size: 13px; font-weight:bold; padding-top: 6px; padding-bottom: 4px;}

/*HOME ABOUT ETC LINK STYLING*/
#header-nav ul.grey-nav a:link {color: #666666; text-decoration: none;}
#header-nav ul.grey-nav a:visited {color: #666666; text-decoration: none;}
#header-nav ul.grey-nav a:hover {color: #e32819; text-decoration: underline;;}
#header-nav ul.grey-nav a:active {color: #e32819; text-decoration: underline;}

#header-nav ul.grey-nav-emphasis a:link {color: #333333; text-decoration: none;}
#header-nav ul.grey-nav-emphasis a:visited {color: #333333; text-decoration: none;}
#header-nav ul.grey-nav-emphasis a:hover {color: #e32819; text-decoration: underline;;}
#header-nav ul.grey-nav-emphasis a:active {color: #e32819; text-decoration: underline;}


/*SERVICES LINK STYLING*/
#header-nav ul li a:link {color: #333333;}
#header-nav ul li a:visited {color: #000000;}
#header-nav ul li a:hover {color: #e32819;}
#header-nav ul li a:active {
	color: #e32819;
	float: left;
}


/*#header-nav ul li.home {border-left: none;}*/


/*POSITIONED CLIENT AREA*/
#contact-client {}
#contact-client ul {margin: 0 0 0 0; padding:0; list-style: none; font-size: 1.0em;}
#contact-client ul li {display: inline;  padding-right: 5px;}
#contact-client ul li a{}
#contact-client form {width: 124px;}
#contact-client input {margin-top: 5px;}

/*MAKE TEL NO AND EMAIL BIGGER*/
#header-nav ul.phone-mail {width: 160px; }
#header-nav ul.phone-mail li{font-size: 1.1em;  font-weight: normal; float:left; }
#header-nav ul.phone-mail li.phone {font-size: 1.1em; color:#CCCCCC;}





/***************************************************************************************/
/*TOP SECTION FOR INTRODUCTIONS AND BLURB AND COLUMNS WRAPPER*/
/***************************************************************************************/

#topsection
{margin: 0; padding:0 351px 10px 0; font-size: 1.2em; line-height: 150%;
}


#contentwrapper{
float: left;
width: 100%;
margin: 0; padding:0;
}



/***************************************************************************************/
/*FIRST COLUMN MAIN CONTENT AREA CONTAINER*/
/***************************************************************************************/

#contentcolumn{
float: left;
text-align: left;
width: 575px;
margin: 0 10px 0 0; 
padding:0;
}

/*FIRST COLUMN INNER TUBE FOR MOST PAGES WITH IMAGES (NO RIGHT SEPARATOR BORDER) */
.innertube{
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
padding: 0 10px 0 0;
text-align:left;

}


/*FIRST COLUMN INNER TUBE FOR PAGES THAT ARE MAINLY TEXT (HAVE A RIGHT SEPARATOR BORDER) */
body.home.good-news .innertube, body.home.blog .innertube{
margin: 0;
padding: 0 10px 0 0;
text-align:left;
border-right: 1px dotted #ccc;
}


/*FLASH INTRO FOR HOME PAGE */
#flash-intro {
height: 305px;
margin: 0; 
padding:0;
background: url(../images/main-flash.jpg) no-repeat center top;
}


/*RIGHT CALL TO ACTIONS FOR HOME PAGE
body.home .double-col {padding:0; margin:0;  background-image:url(../images/call-to-2-col.jpg); width:341px; height:168px; }
body.home .single-col1 {float: left; padding:0; width: 165px; height:143px; background-image:url(../images/call-to-1-col.jpg);}
body.home .single-col2 {float: left; padding:0; width: 165px; height:143px; background-image:url(../iimages/call-to-1col-2.jpg);}

.right-col-list li.double-col img, .right-col-list li.single-col img {border: 0; padding: 0; margin:0;display: block;}

*/

ul.banner-col {list-style: none; padding:0; margin:0; width:580px; border: none;}

#contentwrapper ul.banner-col li img {border: none; padding: 0; margin-top: 6px;}

ul.banner-col li.single-col1 {float: left; padding:0; margin-right:9px;}
ul.banner-col li.half-col {float: left; padding:0; margin-right:9px;}


ul.banner-col li.single-col1 a {padding:0; width: 220px; height:143px;display: block;}
ul.banner-col li.half-col a {padding:0;  width: 116px; height:143px;display: block;}


ul.banner-col li.single-col1.no-right-pad {margin-right:0;}

/***************************************************************************************/
/*TWO COLUMN LAYOUT FOR ABOUT, TEAM AND CONTACT PAGES
/***************************************************************************************/



#contentcolumn-split{
float: left;
text-align: left;
width: 456px;
margin: 0 10px 0 0; 
padding:0;
border-right: 1px dotted #ccc;
}


#rightcolumn-split{
float: left;
text-align: left;
width: 456px;
margin: 0; 
padding:0;

}


#rightcolumn-blog{
float: left;
text-align: left;
width: 306px;
margin: 0; 
padding:0;

}

.facebook {
border:1px solid #CCCCCC;
display:block;
margin:5px 0;
padding:4px;
width:150px;
}



/***************************************************************************************/
/*TWO COLUMN LAYOUT FOR CASE STUDY EXAMPLE PAGE
/***************************************************************************************/



#contentcolumn-case-study{
float: left;
text-align: left;
width: 456px;
margin: 0 10px 0 0; 
padding:0;
border-right: 1px dotted #ccc;

}




#rightcolumn-case-study{
float: left;
text-align: left;
width: 458px;
margin: 0; 
padding:0;

}






body.home dl {width: 450px; margin:20px 0; padding:0;border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
body.home dt {float: left;  width: 80px; margin:10px 0; padding:0; }
body.home dd {float: left; width: 355px; margin:10px 0; padding:0 0 0 10px; border-left: 1px dotted #ccc; }


body.about dl {width: 300px; margin:20px 0; padding:0;border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
body.about dt {float: left;  width: 80px; margin:10px 0; padding:0; }
body.about dd {float: left; width: 185px; margin:10px 0; padding:0 0 0 10px; border-left: 1px dotted #ccc; }

body.about.the-team dl {width: 440px; margin:10px 0; padding:0;border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
body.about.the-team dt {float: left;  width: 130px; margin:5px 0; padding:0; }
body.about.the-team dd {float: left; width: 275px; margin:5px 0; padding:0 0 0 10px; border-left: 1px dotted #ccc; }


.case-study-client-said {float: left; margin-top: 100px; padding:0 10px; font-style:italic; line-height: 170%;}


.case-study-client-said p {text-indent: 10px; padding:0 10px;  }

.case-study-client-said span {font-style: normal; font-weight:bold; font-family: 'Lucida Grande', 'Lucida Sans', Verdana, sans-serif; padding-left: 300px;}


.back-to-case-studies {padding: 3px 15px 10px 15px; font-weight: bold;}

/***************************************************************************************/
/*SINGLE COLUMN CASE STUDY INDEX PAGE
/***************************************************************************************/


ul.case-study-index-list {margin: 0; padding:0; width: 926px; }
ul.case-study-index-list li {float: left; list-style: none; padding:0; margin: 0 10px 10px 0; width: 224px; border-bottom: 1px dotted #ccc; }
ul.case-study-index-list li span {padding-left: 180px;}
ul.case-study-index-list li strong {font-size: 12px; color: #D92E27;}
ul.case-study-index-list li.no-line {margin-right: 0;}


/***************************************************************************************/
/*FOUR COLUMN LAYOUT - OLD HOME PAGE LAYOUT WILL REUSE FOR BANNERS*/
/***************************************************************************************/

/*HOME PAGE INTRO'S TO SITE */

/*.col-one, .col-two, .col-three, .col-four {margin-top: 10px;}

.col-one {float: left; width: 224px; padding-right: 10px;}
.col-two {float: left; width: 224px; margin-right: 10px; }
.col-three {float: left; width: 224px; margin-right: 10px;}
.col-four {float: left; width: 224px;}


.col-one ul, .col-two ul, .col-three ul, .col-four ul{margin: 0; padding:0;}
.col-one ul li, .col-two ul li, .col-three ul li, .col-four ul li{list-style: none; padding:5px 0; margin: 0 0 20px 0; display: block; border-bottom: 1px dotted #ccc;}
.col-one h4, .col-two h4, .col-three h4, .col-four h4 {padding: 4px 0; margin: 0;}
.col-one ul li img, .col-two ul li img, .col-three ul li img, .col-four ul li img {padding: 4px; margin: 5px 0 5px 0; width: 190px; border: 1px solid #ccc; display: block;}
.col-one ul li p, .col-two ul li p, .col-three ul li p, .col-four ul li p {padding: 0; margin:0; }
.col-one ul li span a, .col-two ul li span a, .col-three ul li span a, .col-four ul li span a {padding: 7px 0 0 180px; color: #666; text-decoration: none; display: block; }

.col-one ul li span a:hover, .col-two ul li span a:hover, .col-three ul li span a:hover, .col-four ul li span a:hover {color: #2C1319; text-decoration: underline;}



.col-one h2 {background: url(../images/pencil.gif) no-repeat 50% 0%;}
.col-two h2 {background: url(../images/newspaper.gif) no-repeat 49% 0%; }
.col-three h2 {background: url(../images/speech_bubble.gif) no-repeat 45% 0%;}
.col-four h2 {background: url(../images/book.gif) no-repeat 30% 0%;}


/*TAKES THE PADDING OFF THE FIRST COLUMN SO THE GRID IS CONSITANT 
.single-col.left-pad {margin-left: 10px;}*/


/***************************************************************************************/
/*HOME PAGE BANNERS*/
/***************************************************************************************/

/*HOME PAGE BANNERS TO SITE */
/*TAKES THE PADDING OFF THE FIRST COLUMN SO THE GRID IS CONSITANT 
.single-col.left-pad {margin-left: 10px;}*/

/***************************************************************************************/
/*HOME PAGE RIGHT HAND SIDE*/
/***************************************************************************************/

/*HOME PAGE INTRO'S TO SITE */

.col-one, .col-two, .col-three, .col-four {margin: 0; padding:0;display:inline;}
.col-one ul, .col-two ul, .col-three ul, .col-four ul{margin: 0; padding:0;}
.col-one ul li, .col-two ul li,  .col-four ul li{list-style: none; padding:5px 0; margin: 0 0 10px 0; display: block; border-bottom: 1px dotted #ccc; }
.col-one h4, .col-two h4, .col-three h4, .col-four h4 {padding: 4px 0; margin: 0;}
.col-one ul li img, .col-two ul li img, .col-three ul li img, .col-four ul li img {padding: 4px; margin: 5px 0 5px 0;  border: 1px solid #ccc; display: block;}
.col-one ul li p, .col-two ul li p, .col-three ul li p, .col-four ul li p {padding: 0; margin:0; }
.col-one ul li span a, .col-two ul li span a, .col-three ul li span a, .col-four ul li span a {padding: 5px 0 0 105px; color: #666; text-decoration: none; display: block; }

.col-one ul li span a:hover, .col-two ul li span a:hover, .col-three ul li span a:hover, .col-four ul li span a:hover {color: #2C1319; text-decoration: underline;}

.col-three ul li, .col-one ul li.no-bottom-line {list-style: none; padding:5px 0; margin: 0 0 10px 0; display: block; border-bottom: none;}
.col-one h2 {background: url(../images/beer.gif) no-repeat 85% 0%;}
.col-one h2.pencil {background: url(../images/pencil.gif) no-repeat 65% 0%;}
.col-two h2 {background: url(../images/newspaper.gif) no-repeat 80% 0%; }
.col-three h2 {background: url(../images/speech_bubble.gif) no-repeat 75% 0%;}
.col-four h2 {background: url(../images/book.gif) no-repeat 70% 0%;}


/*TAKES THE PADDING OFF THE FIRST COLUMN SO THE GRID IS CONSITANT */
.single-col.left-pad {margin-left: 10px;}





/***************************************************************************************/
/*RIGHT COLUMN DEFAULT WIDTH*/
/***************************************************************************************/


#rightcolumn{
float: left;
text-align: left;
width: 336px;
margin: 0; 
padding:0;
display: inline;

}

/*RIGHT COLUMN LIST FOR GALLERY ETC*/
ul.right-col-list {margin: 0; padding:0; width: 336px; }
.right-col-list li {float: left; list-style: none; padding:0; margin: 0 0 7px 0; width: 165px; }


/*WEB DESIGN LIST FOR GALLERY ETC*/

ul.right-col-gallery {margin: 10px 0; padding:10px 0; border-top: 1px dotted #ccc;  height: 610px; overflow: auto; }
.right-col-gallery li {float: left; list-style: none; padding:0; margin: 0 0 7px 0; width: 127px; }


/***************************************************************************************/
/*IF ITS A 3 COLUMN LAYOUT THESE GO INSIDE THE RIGHT COL*/
/***************************************************************************************/


#middlecolumn-inside{
float: left;
text-align: left;
width: 155px;
margin: 0 10px 0 0; 
padding:0;
display: inline;
}


#rightcolumn-inside{
float: left;
text-align: left;
width: 160px;
margin: 0; 
padding:0 0 0 10px;
border-left: 1px dotted #ccc;
display: inline;

}


/***************************************************************************************/
/*2 AND 3 COLUMN SUPPORTING ELEMENTS
/***************************************************************************************/




ul.col2-list {margin:0; padding:0; list-style: none;}
ul.col2-list li {border-bottom: 1px dotted #ccc; margin: 10px 0; padding: 0 0 10px 0;}

ul.col3-list {margin:0; padding:0; list-style: none;}
ul.col3-list li {border-bottom: 1px dotted #ccc; margin: 10px 0;}

.content-story {border-top: 1px dotted #ccc; padding: 20px 0;}

.no-line {border-top: 0; padding: 0 0 20px 0;}


#rightcolumn h4{
margin: 0; 
padding:0;

}


/*ul.right-col-list {margin: 0; padding:0; }
.right-col-list li {list-style: none; padding:0; margin: 0; }
*/



/***************************************************************************************/
/*INSIDE LAYOUTS*/
/***************************************************************************************/




.one-col-generic ul {list-style: none; margin:0; padding:0;}
.one-col-generic ul li {float: left; width: 106px; margin:0 10px 0 0; display: inline;}

.one-col-generic ul li.no-margin {margin-right:0;}

/*
body.services #rightcolumn{
float: left;
text-align: left;
width: 165px;
margin: 0; 
padding:0;

}

#rightcolumn h2 {width: 330px;}

ul.right-col-list {margin: 0; padding:0; width: 336px; }
.right-col-list li {float: left; list-style: none; padding:0; margin: 0 0 7px 0; width: 165px; }



body.services .innertube{
margin: 0 0 20px 0; 
padding: 0;
text-align:left;


}



body.services .innertube p{

margin: 0; 
padding: 0;
text-align:left;


}

*/


li img {padding: 4px; margin: 5px 0 5px 0; border: 1px solid #ccc; display: block;}




/*ul.search-archive {list-style: none; margin:0; padding:0; width: 336px;}
ul.search-archive li {float: left; width: 107px; margin:0 10px 0 0;}
*/

/**********************--------------------------clearfix*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}
/**********************--------------------------END clearfix*/


/***************************************************************************************/
/*Hold footer*/
/***************************************************************************************/
#footer{
clear: both;
width: 100%;
height: 50px;
text-align: center;
padding-top: 10px;
border-top: 1px solid #e9e6e6;


}
#inside-footer{margin:0 auto; text-align:left; float: left;}

.footer-image {float: left;}

.footer-logo {float: left; margin-top: 57px;}


.one-col-generic img {padding: 4px; margin: 5px 0 5px 0; border: 1px solid #ccc; display: block;}
.indent-grey-box {
	border: 1px solid #999999;
	background-color: #ececec;
	margin: 6px;
	padding: 4px;
}

ul.footer-links {display: inline; list-style: none; padding: 0; margin:0;} ul.footer-links li {display: inline; list-style: none; padding: 0 20px 0 0;}


/***************************************************************************************/
/*SEO Page*/
/***************************************************************************************/

.seotext {
    margin: 14px 0;
    }
    
.seobanner {
    margin-top: 7px;
    }
    
ul.seolinks {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    }

ul.seolinks li {
    list-style-type: none;
    padding-bottom: 35px;
	font-size: 1.2em;
	text-align: left;
    }
    
li.seofacebook {
    background: url(../images/facebook.png) no-repeat;
    list-style-type: none;
    padding-left: 53px;
	padding-top: 10px;
	float: left;
    }
    
li.seotwitter {
    background: url(../images/twitter.png) no-repeat;
    list-style-type: none;
    padding-left: 55px;
	padding-top: 10px;
	float: left;
	margin-left: 13px;
    }


/***************************************************************************************/
/*Blog specifics*/
/***************************************************************************************/

div.post {margin: 0 0 20px 0; }
.description {margin: 5px 0; padding: 5px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #f7f6f4; color: #666;}
.description a {color: #666;}
.commentForm {background-color: #f7f6f4; border: 1px dotted #ccc; padding: 10px; margin:10px 0;}
.commentForm label {display:block; float:left; padding:5px; width:60px;}
.commentForm input {display:block; padding:5px; width:200px; border: 1px dotted #ccc;}

#btnSaveAjax {padding: 5px; background-color: #562e36; font-size: 1.2em; color: #fff;}
#ctl00_cphBody_CommentView1_hfCaptcha {display: none;}
#commentPreview {border: 1px solid #fff; background-color: #fff;}
#commentPreview img {display: none;}
ul#commentMenu ul  {list-style: none; margin:0; }
ul#commentMenu li {border: 1px solid #fff; padding: 3px; display: inline;}
.share {display: none;}
.socialBookmarksContainer {border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
.socialBookmarksContainer img {padding: 10px 5px 5px 5px; float: none;}
.socialBookmarksContainer a img {float: none;}

.bbcode a {padding: 5px; display: inline;}

#commentCompose textarea {border: 1px dotted #ccc;}

body.blog #widgetzone ul {list-style: none; margin:2px 0;}
#widgetzone ul li {margin: 5px 0 5px 0; padding: 5px 5px 5px 10px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #f7f6f4;}
#widgetzone ul li span {display: block;}
.categorylist li img {border: none; display: inline; padding: 0 5px; margin:0;}


.tagcloud {padding-bottom: 10px;}
.tagcloud ul li {display:block;float:left; border-right: 2px solid #fff;}

#ctl00_cphBody_PostList1_posts .socialBookmarksContainer {display: none;}
#header-nav #navigation-block {
	padding-top: 8px;
}
#footer #inside-footer #bottom-panel {
	margin-top: 12px;
	background-color: #efefef;
	padding: 8px;
	border: 1px dotted #666666;
}

#
html, body {
height: 100%;
overflow: auto;
}

#livehelp {
position:fixed !important;
position: absolute; /*ie6 and above*/
right: 0px;
bottom:10px;
display: none;
}

#addressblock {

width:330px;

}

#ab_left {
	
	float:left;
	
}

#ab_right {

float:right;

}