/* 
Title:			Pemaquid 2.0	
Author: 		Pemaquid Communications
Last Update: 	10/11/2010
*/

/* general styles
---------------------------------------------------------- */
body {
	/* font: small verdana, tahoma, arial, helvetica, sans-serif; */
	font: small "Lucida Grande", "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	
	margin: 0 auto;
	padding: 0;
	background:#fff url(/images/background.gif) repeat-x top left;
	color: #333;  
	line-height: 1.4em;
	}

h1{
	font-size: 150%;
	}

h2{
	font-size: 140%; 
	padding:0;
	margin:0;
	}
h3{
	font-size:120%;
	margin:0;
	padding:0;
	}

li {list-style: disc;}

a, a:visited{
	color:#000;
	text-decoration:underline;
	}

a:hover{color:#FF8700;}

img {border:none;}	

blockquote p { /* remove default padding around p tag within quotes */
	padding:0; 
	margin:0; 
	}
	
.clear {clear:both;}

.right{
	float:right;
	padding:0 0 0 10px;
	}

.left{
	float:left;
	padding:0 10px 0 0;
	}

.text_right{
	text-align:right;
	}

/* font-size helpers */
.medium{font-size:80%;}
.small{font-size:71%;}
		
/*page structure
---------------------------------------------------------- */	
#container {
	margin:0 auto;
	padding:0;
	width:720px;
	}
	
.four_column{
	font: small 'Lucida Grande', 'Lucida Sans Unicode'; 
	float:left;
	width:160px;
	margin-left:20px;
	font-size:95%;
	}

.left_column{
	margin-left:0px;
	}
	
.four_column h3{
	height:30px;
	text-indent:-9999px;
	}

.four_column h3.design{
	background:transparent url(/images/design.gif) no-repeat top center;
	}	

.four_column h3.cms{
	background:transparent url(/images/cms.gif) no-repeat top center;
	}	
	
.four_column h3.sc{
	background:transparent url(/images/sc.gif) no-repeat top center;
	}	
	
.four_column h3.training{
	background:transparent url(/images/training.gif) no-repeat top center;
	}
	
#leftside {
	float: left;
	margin:5px 0 0 0;
	padding:0;
	width:450px;
	display:inline;
	}

#rightside {
	float: right;
	width: 220px;
	margin:5px 0 0 0;
	padding: 0;
	display:inline;
	font-size:85%;
	}
	
#rightside ul li
{
	list-style-type: none;
	background:transparent url(../images/bullet_orange.gif) no-repeat left top;
	padding:0;
	padding-left:20px;
	margin:0;
	
}
		
/* marquee
---------------------------------------------------------- */	
#marquee {
	clear:both;
	width:100%;
	margin-top:20px;
	}

#marquee h2{
	height:86px;	
	text-indent:-9999px;
	background:transparent url(/images/marquee_new.gif) no-repeat top center;
	}
	
#marquee p{
	margin:20px auto;
	height:40px;	
	text-indent:-9999px;
	background:transparent url(/images/tagline.gif) no-repeat top center;
	}

/* marquee bubbles
---------------------------------------------------------- */		

#marquee #webdesign {
	height:86px;	
	text-indent:-9999px;
	background:transparent url(/images/design_bubble.gif) no-repeat top center;
	}

#marquee #cms {
	height:86px;	
	text-indent:-9999px;
	background:transparent url(/images/cms_bubble.gif) no-repeat top center;
	}

#marquee #strategic {
	height:86px;	
	text-indent:-9999px;
	background:transparent url(/images/sc_bubble.gif) no-repeat top center;
	}

#marquee #training {
	height:86px;	
	text-indent:-9999px;
	background:transparent url(/images/training_bubble.gif) no-repeat top center;
	}


/* testimonial
---------------------------------------------------------- */
#testimonial{
	width:600px;
	margin:20px auto;
	border-top:2px solid #CCCC99;
	border-bottom:2px solid #CCCC99;
	background:#F5F6C4;
	text-align:center;
	font-size:80%;
	margin-bottom:40px;
	}
	
#testimonial blockquote{
	margin:0;
	padding:0;
	}
	
/* footer
---------------------------------------------------------- */	
#footer {
	margin: 0 auto;
	background: transparent;
	padding: 6px;
	font-size:85%;
	color:#999999;
	}

#footer  a, #footer a:visited{
	color:#999999;
	text-decoration:underline;
	background:transparent;
	}

#footer a:hover{
	color:#000;
	text-decoration:underline;
	}

#footer p{
	text-align:center;
	}


/* navigation
---------------------------------------------------------- */	
#nav ul{
	float:right;
	margin:15px 35px 20px 10px;
	width:62%;  /* Needed to properly float nav in Opera 7.x; adjust width to position nav */
	}

#nav li {
	margin:0;
	padding:0 10px;
	list-style:none;
	float:left;
	border-right:1px solid #e2e2e2;
	}
	
#nav li.last{
	border-right:none;
	}

#nav a{
	font-family:"Century Gothic", Arial, sans-serif;
	margin: 0;
	padding: 0;
	color:#999;
	text-decoration:none;
	font-size:115%;
	/* display:block; */
	}

#nav a:hover{
	background-color:transparent;
	color:#000;
	}

#nav li a.current{
	color:#000;
	}
	
	
/* header
---------------------------------------------------------- */	
#header{
	margin:10px 0 0 0;
	padding:0;
	width:100%;
	}
	
#header h1{
	margin:6px 0 0 0;
	padding:0;
	}
	
#header h1 a{	
	text-indent:-99999px;
	text-decoration:none;   
	height:47px;
	background: transparent url(/images/logo.gif) no-repeat top left;		
	float:left;
	width:175px;
	margin:0;
	padding:0;	
	}
	
/* skipnav
---------------------------------------------------------- */	
#skipnav {
	position:absolute;
	top:-9999px;
	height:10px; /* Needs to be at least 1px high for Safari */
	}

#skipnav li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}

#skipnav a, #skipnav a:visited {
	color:#9AADD9;
	font-size:85%;
	text-decoration:none;
	}
	
#skipnav a:active, #skipnav a:focus {
	background-color:#ffc;
	color:#333;
	display:inline;
	font-size:71%;
	position:absolute:
	top:0;
	}
	
/* utility nav
---------------------------------------------------------- */	
#utility {
	height:10px; /* Needs to be at least 1px high for Safari */
	}

#utility li {
	margin:10px 20px;
	padding:0;
	list-style:none;
	display:inline;
	float:right;
	}

#utility a, #skipnav a:visited {
	color:#9AADD9;
	font-size:85%;
	text-decoration:underline;
	}
	
/* skip anchor
---------------------------------------------------------- */	
#skipanchor {
	text-indent:-9999px;
	}

/* page title
---------------------------------------------------------- */	
.page_title {
	margin:0;
	color:#FA9E0D;
	font-size:200%;
	font-style: italic; 
	/* font: italic 24px/26px 'Century Gothic','Trebuchet MS',Arial,Helvetica,sans-serif; */
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;; 
	font-weight: normal;
	}

/* home promo - "Yeah, we can do that..."
---------------------------------------------------------- */	
.home_promo{
	 margin:0 auto;
	 padding:10px;
	 text-align:center;
	 }

.home_promo h2, .home_promo h3{
	font-size:160%;
	color:#F59A09;
	font-family:'Trebuchet MS'; 
	font-weight:bold;
	} 	

.home_promo li{
	 margin:0 auto;
	 list-style:none;
	 width:220px;
	 }
 
.home_promo a{
	 background:transparent url(/images/checkmark.gif) no-repeat left center;
	 padding-left:30px;
	 height:25px;
	 }
.home_promo .heading {
	font-size:300%;
	font-style:italic;
	margin:20px 0;
	}

.home_promo img {
	float:right;
	margin:10px;
	}

#flashcontent {
	float:right;
	margin-left:10px;
	margin-top:10px;
	width:160px;
	display:visible !important;
	z-index:100 !important;
	}
	
/* vcard
---------------------------------------------------------- */		
.hide {display: none;}

.downloadvcard{
	padding-left:25px;
	background:transparent url(/images/vcard.gif) no-repeat center left;
	font-size:85%;
	color:#999;
	}	

/* thanks
---------------------------------------------------------- */			
.thanks {
	margin-top:100px;
	text-align:center;
	font-size:300%;
	font-family:'Trebuchet MS';
	font-style:italic;
	font-weight:bold;
	color:#F59A09;
	margin:20px 0;
	}