* (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 }

/* Blue Bear Communications CSS by Ridgeway Studios - www.ridgewaystudios.com*/

body 
{ background-color: #FFFFFF; color: #012443; font-family: Arial, Helvetica, sans-serif; font-size: 75%; text-align: center; }

a:link { color:#1E538C; border-bottom: 1px solid #ACC5DA; text-decoration:none; }
a:visited { color:#1E538C; border-bottom: 1px solid #ACC5DA; text-decoration:none; }
a:hover { color:#11677A; border-bottom: 1px solid #11677A; text-decoration:none; }
a:active { color:#11677A; border-bottom: 1px solid #11677A; text-decoration:none; }

.grey { width: 262px; margin: 0px 0px 0px 0px; padding: 5px 15px 15px 15px; font-weight: normal; line-height: 1.5em; background-color: #E5E8EA; }

.greyleft { width: 375px; margin: 0px 0px 0px 0px; padding: 5px 15px 15px 15px; font-weight: normal; line-height: 1.5em; background-color: #E5E8EA; }

.lightblue {  margin: 5px 0px 0px 20px; font-size: 1.0em; font-weight: normal; line-height: 1.7em; color: #1E538C; list-style-image: url(../images/arrow-bullet.gif); }

.darkblue {   margin: 5px 0px 2px 20px; font-weight: normal; line-height: 1.6em; font-size: 1.0em; color: #414141; list-style-image: url(../images/arrow-bullet-black.gif); }

.whitewithborder { width: 261px; margin: 0px 0px 0px 0px; padding: 5px 15px 15px 15px; font-size: 0.9em; font-weight: normal; line-height: 1.5em; border: 1px solid #555555; background: url(../images/blue-bear-pr.jpg) bottom right no-repeat; }

.whitecontact { width: 261px; margin: 0px 0px 0px 0px; padding: 5px 15px 15px 15px; font-weight: normal; line-height: 1.5em;}

.whitebox  { margin: 5px 5px 0px 0px; width: 180px; font-weight: normal; line-height: 1.4em; color: #012443; font-size: 1.0em; }

.contactp  { margin: 15px 5px 0px 0px; width: 230px; font-weight: normal; line-height: 1.6em; font-size: 1.0em; color: #414141; }

.black { width: 262px; margin: 0px 0px 0px 0px; padding: 5px 15px 15px 15px; font-size: 0.9em; font-weight: normal; line-height: 1.5em; background: url(../images/lsc-logo.gif) top left no-repeat; background-color: #000000;  }

.blackbox  { margin: 5px 5px 0px 115px; width: 140px; font-weight: normal; line-height: 1.4em; color: #FFFFFF; font-size: 1.0em; }

p  { margin: 2px 0px 8px 0px; font-weight: normal; line-height: 1.7em; color: #002157; font-size: 1em; }

h5 { margin: 0px 0px 0px 0px; font-size: 1.2em; font-weight: bold; line-height: 1.6em; color: #1E538C; }

.smallprint  { margin: 0px 0px 0px 0px; font-size: 0.8em; font-weight: normal; line-height: 1.2em; color: #002157; }

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; }

.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 */


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

div#page_size { width: 731px; margin: 0 auto 0 auto; padding: 0 0 0 0; text-align: left; }

div#page_header { float: left; position: relative; top: 0px; left: 0px; position: relative; width: 226px; height: 83px;  text-align: center; }		
				
				div#page_header h1 { background:url(../images/blue-bear-communications-logo.gif) left top no-repeat; margin:0; padding:0; width:226px; height:83px; text-indent:-10000px; }
				 
div#homepage_slogan { float: left; position: relative; top: 0px; left: 0px; position: relative; width: 505px; height: 83px;  text-align: center; }	
				
				div#homepage_slogan h2 { background:url(../images/public-relations-oxford.jpg) left top no-repeat; margin:0; padding:0; width:505px; height:83px; text-indent:-10000px; }				 

div#page_slogan { float: left; position: relative; top: 0px; left: 0px; position: relative; width: 505px; height: 83px;  text-align: center; }	
				
				div#page_slogan h2 { background:url(../images/public-relations-in-oxford.gif) left top no-repeat; margin:0; padding:0; width:505px; height:83px; text-indent:-10000px; }				 

				
div#homepage_navigation { float: left; width: 731px; height: 28px; background:url(../images/home-nav-bg.jpg) left top no-repeat; text-align: left; }			

div#aboutpage_navigation { float: left; width: 731px; height: 28px; background:url(../images/about-nav-bg.jpg) left top no-repeat; text-align: left; }

div#howpage_navigation { float: left; width: 731px; height: 28px; background:url(../images/how-nav-bg.jpg) left top no-repeat; text-align: left; }

div#servicespage_navigation { float: left; width: 731px; height: 28px; background:url(../images/services-nav-bg.jpg) left top no-repeat; text-align: left; }

div#testimonialspage_navigation { float: left; width: 731px; height: 28px; background:url(../images/testimonials-nav-bg.jpg) left top no-repeat; text-align: left; }

div#contactpage_navigation { float: left; width: 731px; height: 28px; background:url(../images/contact-nav-bg.jpg) left top no-repeat; text-align: left; }

			    #navigation { float: left; width: 731px; height: 28px; list-style: none; margin: 5px 5px 5px 5px; margin: 0; }
				#navigation li { float: left; padding: 7px 9px 2px 9px; font-size: 0.9em }
				#navigation a:link { color:#1E538C; border:none; text-decoration:none; font-weight: bold; }
				#navigation a:visited { color:#1E538C; border:none; text-decoration:none; font-weight: bold; }
				#navigation a:hover { color:#11677A; border-bottom: 1px solid #11677A; text-decoration:none; font-weight: bold; }
				#navigation a:active { color:#11677A; border-bottom: 1px solid #11677A; text-decoration:none; font-weight: bold; }
				#navigation a.selected { color:#11677A; font-weight: bold; border-bottom: 1px solid #11677A; border-top: 1px solid #11677A; }		

div#homepage_banner { float: left; position: relative; top: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 731px; height: 150px; display: block; }

div#page_banner { float: left; position: relative; top: 0px; left: 0px; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; width: 731px; height: 83px; display: block; }

div#homepage_subbanner { float: left; position: relative; top: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 731px; height: 21px; display: block; }

div#page_subbanner { float: left; position: relative; top: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 731px; height: 8px; display: block; }
				
div#left_column { float: left; width: 408px; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 10px; }	

				div#left_column h3 { margin: 5px 0px 5px 0px; font-size: 1.3em; font-weight: bold; line-height: 1.4em; }

				div#left_column h4 { margin: 10px 0px 2px 0px; font-size: 1.0em; font-weight: bold; line-height: 1.4em; }
				
				div#left_column p { margin: 5px 0px 2px 0px; font-weight: normal; line-height: 1.6em; font-size: 1.0em; color: #414141; }
							
div#right_column { float: right; width: 292px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
				 
				div#right_column h6 { margin: 0px 0px 0px 0px; font-size: 1.2em; font-weight: bold; line-height: 1.6em; color: #1E538C; }			
											
div#page_contact { float: left; position: relative; top: 0px; left: 0px; width: 731px; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; border-top: 1px dotted #012443; }

				div#page_contact p { float: left; text-align: left; padding: 0px 0px 0px 0px; margin: 8px 20px 10px 15px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; font-weight: normal; color: #012443; }

div#page_footer { float: left; position: relative; top: 0px; left: 0px; width: 731px; padding: 0px 0px 0px 0px; margin: 5px 0px 10px 0px; background-color: #17799D; }

				div#page_footer p { float: left; text-align: left; padding: 0px 0px 0px 0px; margin: 8px 0px 8px 15px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; font-weight: normal; color: #FFFFFF; }

				div#page_footer a { float: right; text-align: right; padding: 0px 0px 0px 0px; margin: 8px 15px 8px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; font-weight: normal; color: #FFFFFF; }