/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
	font-family: Helvetica, Arial, Verdana, sans-serif;
 font-size:14px;
} 

#enter{
	margin-top:-100px;
	margin-left:380px;
	}


#splashpage{ 
 width:900px;
 min-height:600px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 background-image:url(../images/splashpage.jpg)
 
} 
 
#pagewidth{ 
 width:900px;
 min-height:700px;
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
 background:#00a9ec url(../images/Pop_website_01.jpg) top left no-repeat;
} 

#pagewidthpopup{ 
 width:585px;
 min-height:500px;
 text-align:center;  
margin-left:auto; 
 margin-right:auto;
 padding-top:120px;
 padding-bottom:30px;
 background:#00a9ec url(../images/Pop_website_01.jpg) no-repeat;
  background-position: -20px -60px;

} 
 
#header{
 position:relative; 
 height:190px; 
 width:100%;
 text-align:right;
} 
#title{ 
width:280px;
 float:right;
 margin-right:30px;
}

#footer{
width:880px;
 position:absolute;
 top:10px;
 text-align:right;
 font-size:9px;
 color:#FFFFFF;
} 
	 
	
	#slidenav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#slidenav li {
		padding:0;
		margin:0;
	}

	#slidenav a {
			padding:0;
		margin:0;

		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	#slidenav li.active a, #slidenav li a:hover  {
		color:#a5d8f6;
	}
	
 
#subnav{
 position:absolute;
 top:170px;
 text-align:right;
 margin-left:215px;
} 
	
	#subnav ul {
		margin:0px 0px 0px 220px;
		padding:0;
		list-style:none;
	}
	#subnav li {
		float:left;
		margin:0px 10px 0px 0px;
		padding:0;
	}

	#subnav a {
		float:left;
		display:block;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	#subnav li.active a, #subnav li a:hover  {
		color:#a5d8f6;
	}
	
	

 
#leftcol {
float:none;

	float: left;
	width: 200px;
	line-height: 1.4em;
}
.gutter2 {
	margin: 0px 20px 0px 0px;
}

.gutter {
	margin: 0px 40px 0px 40px;
}

 
#maincol{
float:none;
 float: right; 
 display:inline; 
 position: relative; 
 width:76%;
 background-position: 0px 25px;
 min-height:420px; 
height:auto !important;
height:420px;  
 text-transform: uppercase;

 }
 .workbackground, .workbackgroundguinness {
  background:url(../images/work/BHSAback.jpg) no-repeat;}
   .workbackgroundcne {
  background:url(../images/work/CNE_Back.jpg) no-repeat;}
     .workbackgroundcb {
  background:url(../images/work/CB_Back.jpg) no-repeat;}
   .workbackgroundclassic {
  background:url(../images/work/classicFMback.jpg) no-repeat;}
   .workbackgroundpitch {
  background:url(../images/work/pitchback.jpg) no-repeat;}
    .workbackgrounddirty {
  background:url(../images/work/dirtyback.jpg) no-repeat;}
    .workbackgroundcdwalltile {
  background:url(../images/work/cdwalltileback.jpg) no-repeat;}
    .workbackgroundmum {
  background:url(../images/work/mumback.jpg) no-repeat;}

#content{
width:650px;
margin:0;
padding:0;
border-top:8px #FFFFFF solid;
padding-top:40px;
list-style:none;

}


#content.work{
width:650px;
margin:0;
padding:40px 0px 0px 0px;
border-top:8px #FFFFFF solid;
padding-top:40px;
list-style:none;

}

p {
	font-size:14px;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
}

.quote{
padding-left:255px;/*used to be 300px*/
	font-size:18px;
}

.quote2{
padding-left:300px;
	font-size:18px;
}

.quote3{
	margin-left:0px;
}

span.bigquote{
	color:#CCFF00;
	font-size: 24px;
	display: inline;
}

span.quotation{
	font-size: 40px;
	display: inline;
	line-height:.2em;
	vertical-align:bottom;
	
	
	font:Verdana, Arial, Helvetica, sans-serif;
	
	}
	.quoteby{
	font-size:14px;
	padding-left:50px;	}


.worktext{
padding-left:300px;
	}

.about {
font-size:14px;
color:fff;
line-height:2em;
padding-left:32px;
padding-top:5px;
background:url(../images/star.jpg)  center left no-repeat;

}

.strong{
font-weight:bold;
font-size:16px;
text-transform: uppercase;


}

p.servicestext{
padding-left:20px;
background:url(../images/starsmall.jpg)  top left no-repeat;


}

#thumbnails a  {
	float: left;
	margin: 15px 12px 15px 0px;
	text-decoration: none;
	display: inline;
}

#thumbnails_friends a  {
	float: left;
	margin: 5px 5px 5px 5px;
	text-decoration: none;
	display: inline;
}

/*--------------------------navigation --------------------------------------------*/

#menu{
width:118px;
margin:0;
padding:0;
border-top:8px #FFFFFF solid;
padding-top:40px;
list-style:none;

}


#menu ul, #menu li{
	padding:0;
	margin:0;
	list-style:none;


}
#menu ul li a {
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	padding:0;
	margin:0;
	text-decoration:none;}
	
	
#menu ul li em {
visibility:hidden;
}



#m1 a{
	background-image:url(../images/btnAbout.gif);
	height:29px;
}
#m1.current a, #m1 a:hover {
	background-image:url(../images/btnAboutOver.gif);
}

#m2 a{
	background-image:url(../images/btnServices.gif);	
	height:29px;
}
#m2.current a, #m2 a:hover {
	background-image:url(../images/btnServicesOver.gif);	
}

#m3 a{
	background-image:url(../images/btnPeople.gif);	
	height:29px;
}
#m3.current a, #m3 a:hover {
	background-image:url(../images/btnPeopleOver.gif);	
}


#m4 a{
	background-image:url(../images/btnFriends.gif);	
	height:29px;
}
#m4.current a, #m4 a:hover {
	background-image:url(../images/btnFriendsOver.gif);	
}

#m5 a.wokroll{
	background-image:url(../images/btnWork.gif);	
	height:29px;
			background-repeat:no-repeat;	

}
#m5.current a.wokroll, #m5 a.wokroll:hover {
	background-image:url(../images/btnWorkOver.gif);
			background-repeat:no-repeat;	
}

#m6 a{
	background-image:url(../images/btnContact.gif);	
	height:29px;
}
#m6.current a,  #m6 a:hover {
	background-image:url(../images/btnContactOver.gif);	
}

#m7 a{
	background-image:url(../images/btnHome.gif);
	background-repeat:no-repeat;	
	height:29px;
}
#m7.current a,  #m7 a:hover {
	background-image:url(../images/btnHomeOver.gif);
	
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}












#imap2 {display:block; width:600px; height:80px; float:left; position:absolute; top:60px;}
* html #imap2 {top:40px;}

#imap2 dd {position:absolute; padding:0; margin:0;}
#imap2 #picp2 {left:0px; top:0px; z-index:20;}

#imap2 a#rectangle {display:block;  width:600px; height:80px; text-decoration:none; z-index:20;}
#imap2 a#square {display:block;  width:600px; height:80px;  text-decoration:none; z-index:20;}





/* set the size of the definition list <dl> and add the background image 
#imap {display:block; width:300px; height:240px; float:left; position:absolute; top:20px;}


#imap dd {padding:0; margin:0;}

#imap #picp {left:0px; top:0px; z-index:20;}


#imap a#rectangle {display:block; width:220px; height:320px; text-decoration:none; z-index:20;}
#imap a#square {display:block; width:232px; height:240px; text-decoration:none; z-index:20;}



#imap a span, #imap a:visited span {
position:relative; width:200px; display:block; background:#fff; color:#000; border:1px solid #000; padding:5px; margin-top:240px;
}



#imap a:hover span {position:relative; width:200px; display:block; background:#fff; color:#000; border:1px solid #000; padding:5px;}

* html #imap a:hover span {width:200px; w\idth:190px;}


#imap a#paul:hover span {left:0px; top:150px;}

*/

#imap{
display:block; width:300px; height:240px; float:left; position:absolute; top:20px;
}

a.links{ position:absolute; color:#fff; text-align:center; width:220px; text-decoration:none; margin-left:0px; margin-top:350px;}
a.links:hover{color:#a5d8f6;  width:220px; text-decoration:none;}

a.links2{ position:absolute; color:#fff; text-align:center; width:220px; text-decoration:none; margin-left:0px; margin-top:280px;}
a.links2:hover{color:#a5d8f6;  width:220px; text-decoration:none;}

/* move the span text to a common position at the bottom of the image map */
/* add the style for the link span text - first line */

/*a.links{ position:absolute; color:#fff; text-align:center; width:220px; text-decoration:none; margin-left:0px; margin-top:350px;}
a.links:hover{color:#a5d8f6;  width:220px; text-decoration:none;}*/