* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* Firebird PR CSS by Ridgeway Studios - www.ridgewaystudios.com*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body 
{ background: url(../images/background.jpg) left top repeat; background-color: #735868; color: #555555; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 75%; text-align: center; }

a:link { color:#DF0185; text-decoration: underline; }
a:visited { color:#DF0185; text-decoration: underline; }
a:hover { color:#B00E6D; text-decoration: underline; }
a:active { color:#B00E6D; text-decoration: underline; }

a.blacklink:link { color:#000000; text-decoration: none; }
a.blacklink:visited { color:#000000; text-decoration: none; }
a.blacklink:hover { color:#DF0185; text-decoration: underline; }
a.blacklink:active { color:#DF0185; text-decoration: underline; }

a.whitelink:link { color:#FFFFFF; text-decoration: none; }
a.whitelink:visited { color:#FFFFFF; text-decoration: none; }
a.whitelink:hover { color:#DF0185; text-decoration: underline; }
a.whitelink:active { color:#DF0185; text-decoration: underline; }

a.breadcrumbs:link { color:#555555; text-decoration: none; }
a.breadcrumbs:visited { color:#555555; text-decoration: none; }
a.breadcrumbs:hover { color:#000000; text-decoration: underline; }
a.breadcrumbs:active { color:#000000; text-decoration: underline; }

a.footerlink:link { color:#FFFFFF; text-decoration: underline; }
a.footerlink:visited { color:#FFFFFF; text-decoration: underline; }
a.footerlink:hover { color:#000000; text-decoration: underline; }
a.footerlink:active { color:#000000; text-decoration: underline; }

a.imagelink:link { border-bottom: 0px; text-decoration: none; }
a.imagelink:visited { border-bottom: 0px; text-decoration: none; }
a.imagelink:hover { border-bottom: 0px; text-decoration: none; }
a.imagelink:active { border-bottom: 0px; text-decoration: none; }

h1 { color:#000000; font-size: 1.5em; font-weight: bold; margin-top: 12px; }

h2 { color:#000000; font-size: 1.3em; font-weight: bold; margin-top: 15px; }

h3 { color:#555555; font-size: 1.3em; font-weight: normal; }

h4 { color:#000000; font-size: 1.2em; line-height: 1.3em; font-weight: normal; margin: 15px 0px 3px 0px; }

p { font-size: 1.1em; line-height: 1.5em; margin-bottom: 12px; }

ul { font-size: 1.1em; line-height: 1.4em; }

.greyul { margin-left: 20px; list-style-image: url(../images/grey-arrow.gif); list-position: inside; }

.pinkul { margin-left: 20px; list-style-image: url(../images/pink-arrow.gif); list-position: inside; }

.secondgreyul { margin-left: 40px; list-style-image: url(../images/grey-arrow.gif); list-position: inside; }

.secondpinkul { margin-left: 40px; list-style-image: url(../images/pink-arrow.gif); list-position: inside; }

.thirdpinkul { margin-left: 60px; list-style-image: url(../images/pink-arrow.gif); list-position: inside; }

.padtop { margin-top: 3px; }

.portfolio { margin: 10px 0px 0px 0px; }

.padtopmore { margin-top: 6px; }

.logo { border-bottom: 0px; text-decoration: none; position: relative; padding: 21px 0px 0px 32px; }

.phonenumber { overflow: hidden; text-decoration: none; position: relative; float: right; color: #FFFFFF; font-size: 1.2em; padding: 21px 25px 0px 0px; }

.slogan { font-size: 2.0em; line-height: 0.9em; color: #FFFFFF; margin: 0px 0px 30px 0px; }

.subslogan { font-size: 0.8em; color: #DF0185;}

.quote { font-size: 1.5em; color: #DF0185; font-weight: bold; }

.testimonialp { font-size: 0.9em; line-height: 1.3em; color: #777777; margin-bottom: 12px; }

.testimonialtitle { color:#FFFFFF; font-size: 1.2em; font-weight: normal; margin: 0px 0px 0px 0px; }

.first { margin-top: 12px; }

.firstextra { margin-top: 20px; }

.blacktext { color: #000000; }

.casestudy { font-size: 1.0em; line-height: 1.2em; margin-bottom: 0px; }

.breadcrumbs { font-size: 0.9em; }

.registration { margin-top: 250px; font-size: 1.0em; }

.small { font-size: 0.9em; }

.doubleul { color: #3E3E3E; font-size: 1.1em; line-height: 1.4em; list-style: square; list-position: inside; margin: 0px 0px 5px 55px; }

.nostyle { list-style: none; }

.subcaption { font-size: 0.8em; }

.threecol { float: left; position: relative; color: #FFFFFF; width: 135px; margin: 0px 10px 20px 20px; }

.white { color: #FFFFFF; }

.formtext { color: #3D5F2F;  margin: 5px 5px 5px 20px; }

.xmark { font-weight: bold; font-size: 1.0em; color: #20401D; margin: 5px 5px 5px 5px; }

.leftspace { padding: 0px 0px 0px 20px; }

.button { border-bottom: 0px; text-decoration: none; position: relative; padding: 7px 0px 0px 0px; }

.bulletlisterror { color: #9D080D; margin: 0px 20px 0px 37px; }

.bulletlist { margin: 0px 20px 20px 37px; }

div#page_size { width: 950px; margin: 0 auto 0 auto; padding: 0 0 0 0; background-color: #FFFFFF; text-align: left; }

div#page_header { overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 950px; text-align: left; }

div#page_hero_homepage { overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 950px; background: url(../images/hero-homepage.jpg) left top no-repeat; background-color: #000000; text-align: left; }

div#page_hero_about { overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 950px; background: url(../images/hero-about.jpg) left top no-repeat; background-color: #FFFFFF; text-align: left; }

div#page_hero_prservices { overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 950px; background: url(../images/hero-pr-services.jpg) left top no-repeat; background-color: #FFFFFF; text-align: left; }

div#page_hero_portfolio { overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 950px; background: url(../images/hero-portfolio.jpg) left top no-repeat; background-color: #FFFFFF; text-align: left; }

div#page_hero_contact { overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 950px; background: url(../images/hero-contact.jpg) left top no-repeat; background-color: #FFFFFF; text-align: left; }

div#homepage_left_column { overflow: hidden; float: left; position: relative; width: 950px; }

div#homepage_slogan { overflow: hidden; float: right; position: relative; padding: 0px 30px 0px 30px; width: 700px; text-align: right; }

div#page_white_homepage { overflow: hidden; float: left; position: relative; top: 0px; left: 0px; width: 950px; background: url(../images/white-shadow.gif) left top repeat-x; background-color: #FFFFFF; padding: 20px 0px; text-align: left; }

div#page_navigation { overflow: hidden; float: left; position: relative; text-align: left; padding: 20px 0px 10px 33px; }

				#navigation_box { display: block; float: left; position: relative; list-style: none; }
				#navigation_box li {  }
				#navigation_box li a { width: 112px; display: block; font-size: 1.0em; font-weight: normal; border: none; text-decoration: none; color: #FFFFFF; background: url(../images/nav-arrow.gif) right top no-repeat; background-color: #DF0185; border: 1px solid #DF0185; padding: 6px 10px 6px 10px; margin-top: 2px; }
				#navigation_box li a:hover { display: block; background-color: #FD3A9E; border: 1px solid #FFB8FB; }
				#navigation_box li a:visited { display: block; }
				#navigation_box li a:active { display: block; background-color: #FD3A9E; border: 1px solid #DF0185; }
				#navigation_box .hidden { visibility: hidden; display: none; }
				#navigation_box li .selected { border: 1px solid #EF80C2; }
				#navigation_box li .sub { border-left: 1px dotted #7F7F7F; }
				#navigation_box li a.sub { width: 103px; display: block; font-size: 0.8em; font-weight: normal; border: none; text-decoration: none; color: #DF0185; background: url(../images/subnav-arrow.gif) left top no-repeat; background-color: #FFFFFF; border-left: 1px dotted #7F7F7F; padding: 3px 10px 3px 20px; margin-top: 0px; }
				#navigation_box li a.sub:hover { display: block; background: url(../images/subnav-arrow-on.gif) left top no-repeat; background-color: #FFFFFF; border-left: 1px dotted #7F7F7F; color: #B00E6D; }
				#navigation_box li a.sub:visited { display: block; }
				#navigation_box li a.sub:active { display: block; background: url(../images/subnav-arrow-on.gif) left top no-repeat; background-color: #FFFFFF; border-left: 1px dotted #7F7F7F; color: #B00E6D; }
				#navigation_box li .subselected { border-left: 1px dotted #7F7F7F; }
				#navigation_box li a.subselected { width: 103px; display: block; font-size: 0.8em; font-weight: normal; border: none; text-decoration: none; color: #000000; background: url(../images/subselected-arrow.gif) left top no-repeat; background-color: #FFFFFF; border-left: 1px dotted #7F7F7F; padding: 3px 10px 3px 20px; margin-top: 0px; }
				#navigation_box li a.subselected:hover { display: block; background: url(../images/subnav-arrow-on.gif) left top no-repeat; background-color: #FFFFFF; border-left: 1px dotted #7F7F7F; color: #B00E6D; }
				#navigation_box li a.subselected:visited { display: block; }
				#navigation_box li a.subselected:active { display: block; background: url(../images/subnav-arrow-on.gif) left top no-repeat; background-color: #FFFFFF; border-left: 1px dotted #7F7F7F; color: #B00E6D; }				
				
div#homepage_left { overflow: hidden; float: left; position: relative; width: 400px; padding: 0px 20px 0px 32px; }		
				
div#homepage_centre { overflow: hidden; float: left; position: relative; width: 223px; border-left: 1px dotted #7F7F7F; padding: 0px 20px 30px 20px; }

div#homepage_right { overflow: hidden; float: left; position: relative; width: 211px; padding: 0px 0px 30px 0px; }

div#case_study { overflow: hidden; float: left; position: relative; width: 201px; padding-bottom: 5px; }

			   div#case_study_line { overflow: hidden; float: left; position: relative; width: 460px; border-bottom: 1px dotted #7F7F7F; margin-bottom: 25px; }
			   div#case_study_image { overflow: hidden; float: left; position: relative; width: 201px; }
		   	   div#case_study_black { overflow: hidden; float: left; position: relative; width: 181px; padding: 5px 10px 5px 10px; border-top: 1px solid #DF0185; background: url(../images/white-arrow.gif) right top no-repeat; background-color: #000000; }
			   div#about_us_footnote { overflow: hidden; float: left; position: relative; width: 181px; color: #FFFFFF; padding: 5px 10px 5px 10px; border-top: 1px solid #DF0185; background-color: #000000; }

div#testimonial { overflow: hidden; float: left; position: relative; width: 201px; padding: 20px 0px; }
			   
			   div#testimonial_black { overflow: hidden; float: left; position: relative; width: 181px; padding: 5px 10px 5px 10px; border-bottom: 1px solid #DF0185; background-color: #000000; }
			   div#testimonial_grey { overflow: hidden; float: left; position: relative; width: 181px; padding: 5px 10px 5px 10px; border-bottom: 1px solid #DF0185; background-color: #EEEEEE; }
 
div#left_column { overflow: hidden; float: left; position: relative; width: 198px; }
 
div#centre_column { overflow: hidden; float: left; position: relative; padding: 50px 0px 20px 0px; width: 500px; }

div#centre_column_wide { overflow: hidden; float: left; position: relative; padding: 50px 0px 20px 0px; width: 723px; }

div#centre_column_news { overflow: hidden; float: left; position: relative; padding: 10px 0px 0px 0px; width: 723px; border-top: 1px dotted #7F7F7F; }

div#page_breadcrumbs { overflow: hidden; float: left; position: relative; padding-bottom: 5px; width: 500px;}

div#page_title { overflow: hidden; float: left; position: relative; border-left: 1px dotted #7F7F7F; padding: 0px 20px 10px 20px;  width: 460px;}

div#page_title_wide { overflow: hidden; float: left; position: relative; border-left: 1px dotted #7F7F7F; padding: 0px 20px 10px 20px;  width: 683px;}

div#page_image_wide { overflow: hidden; float: left; position: relative; padding: 0px 0px 10px 0px;  width: 723px;}

div#page_body { overflow: hidden; float: left; position: relative; padding: 10px 20px 10px 20px; width: 460px; }

div#right_column { overflow: hidden; float: left; position: relative; padding: 0px 0px 20px 0px; width: 201px; }
				
div#page_footer { overflow: hidden; float: left; position: relative; padding: 0px; 0px; background: url(../images/pink-shadow.gif) left top repeat-x; background-color: #DF0185; width: 950px; }
				
div#copyright { overflow: hidden; float: left; width: 650px; }
											
				div#copyright .footer { color: #FFFFFF; font-size: 0.8em; line-height: 1.0em; margin: 10px 0px 10px 33px; }

div#credit { overflow: hidden; float: left; width: 300px; text-align: right;}				
				
				div#credit .credit { color: #FFFFFF; font-size: 0.8em; line-height: 1.0em; margin: 10px 30px 10px 0px; }