/*
THEME NAME: PearlDesignDotIe
THEME URI: http://www.pearldesign.ie/main
DESCRIPTION: Pearl Design Theme
VERSION: 1.0
AUTHOR: Mickey Joe Murphy
*/


/* Resert Rules Start */
/* ====================================================================================== */

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn,font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
	
blockquote{ font-weight: bold ; font-size:16px ; }
	
/* Make sure to display new HTML5 elements as blocks */
/* ====================================================================================== */
article , aside , figure , footer , header , nav , section , hgroup { display:block ;}
	


:focus { outline: 0; }
.centre{ max-width: 1000px; min-width: 750px; margin: 0 auto ;  }
.straplinecentre{ width: 1000px ; margin-right: auto ; margin-left: auto ; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.centrePage { text-align: center ; }



/* Main Site Rules */
/* ====================================================================================== */


body {  font-family: Georgia, "Times New Roman", Times, serif ; font-size: 0.8em ; background: #7ba5cf ; 
		line-height: 125%; color: white; }

p{ margin-bottom:5px ; font-family: Georgia, "Times New Roman", Times, serif ;	 font-size: 14px ; line-height: 18px ; }
.justify{ text-align: justify ; }
a{ outline:none ; color:#1313b8 ; text-decoration: none ; }
a:link , a:visited , a:hover , a:active { outline:none ; color: #666 ; text-decoration: none ; }
.clear-both { clear:both; }
.clear { clear: both ; }

.up { position:fixed; z-index:30; float:right; bottom:15px; right:15px; }
.bottompadding{ padding-bottom: 50px ; }

div.latesttweets{ position: relative ; bottom: 170px ; height:100px ; width:100% }	
div.latesttweets p{ color: #ffffff ; font-size : 50px ; line-height: 45px ; text-align: center ; }

p.cta{ font-family: 'ChunkFiveRoman' , Arial , sans-serif ; text-shadow: 1px 1px 1px #000; }

.arrows{ background-image: url('images/arrows.png') ; background-position: center ; background-repeat: no-repeat ; height: 60px ; }

p.wwwumargin{ margin-top: 8px ; }


/* MAIN RULE SET */
/* ====================================================================================== */

div.inside { padding: 0 0 10px 10px ; }

div.insidegutter { padding: 0px 20px 20px 20px ; }
	
header.dublin{ 	background-image: url('images/dublin_extended.png') ; background-position: center top ;
				background-repeat: no-repeat ; height: 750px ; padding-top: 30px ;}

div#logowrapper{ position:relative ; margin: 0 auto; text-align: left ;  }

div.logo{ position: absolute ;	 top: -140px ; left: 32% ; background-image: url('images/logo.png') ; width: 350px ; height: 286px; }

div.logo a#logolink{ position: absolute ;	top: -70px ; left: 5% ; display: block ;  text-decoration:none;
					 text-indent: -9999px; width: 290px ; height: 327px  ; }

/* MISC HEADER RULES */
/* ====================================================================================== */

div.topcta {	float: left ;  margin-left: 6.5% ; padding-top: 15px ;  }
	div.topcta p { font-family: 'BebasRegular', Arial, sans-serif;  text-shadow: 1px 1px 1px #000; line-height: 20px ; word-spacing: 3px ;}
	div.topcta p.contactDetailsTop { font-size: 18px ; }
	div.topcta p a { color: #fff ; }



/* SOCIAL NETWORKING */
/* ====================================================================================== */

ul.socnet{ float:right ; margin-right: 6% ; }
	ul.socnet li{  float: right ; list-style: none ; height: 75px ; width: 65px ; }
	ul.socnet li a#facebook , ul.socnet li a#twitter , ul.socnet li a#rss , ul.socnet li a#linkedin {
		display: block ; text-decoration:none; text-indent: -9999px; height: 75px ; width: 65px ; background-repeat: no-repeat; }
	ul.socnet li a#rss{ background-image: url('images/rss.png') ; }
	ul.socnet li a#facebook{ background-image: url('images/facebook.png') ; }
	ul.socnet li a#twitter{ background-image: url('images/twitter.png') ; }
	ul.socnet li a#linkedin{ background-image: url('images/linkedin.png') ; }

	div#headertop{ 	margin-top: 25px ; background-image: url('images/bg_header.png') ; /*position: fixed ;*/
					background-repeat: repeat-x  ; height:100px ; margin-bottom: 75px ; }	
	
	div#strapline{ 	position:relative ; z-index: 10 ; 
					width: 880px ; height:200px ; margin-right: auto ; margin-left: auto ; }
					
	div#strapline h1 { text-shadow: 3px 3px 6px #000; font-family: 'BebasRegular', Arial, sans-serif; 
					  text-transform: capitalize ; color: #FFF ; 
					  font-size: 70px ;
					  line-height: 75px ;
					  word-spacing: 10px ;
					  }
					  
	div#strapline h1 span.straplineLine1{ font-size: 74px ; }
	div#strapline h1 span.straplineLine2{ font-size: 51px ; }
	
h2.title , h2.entry-title{  display: block ; font-family: 'BebasRegular', Arial, sans-serif;	line-height: 50px ; 
								height: 66px ; font-size: 50px ; padding: 30px 30px 70px 0 ; text-shadow: 1px 1px 1px #000;
								word-spacing: 10px ; }


div.dumdum{ height:50px ; }

nav.menu {  height:80px; }
	nav.menu ul { list-style:none;  position: relative; z-index:50; padding:9px 5px ; display: block ;}
	nav.menu li { float: left; font-family: 'BebasRegular', Arial, sans-serif; }
	nav.menu ul#leftmenu li { float: left; font-family: 'BebasRegular', Arial, sans-serif; padding-bottom: 300px ; ;}
	nav.menu ul#rightmenu li { float: right; font-family: 'BebasRegular', Arial, sans-serif; }
	nav.menu a:hover {color:#d7d4d4 ;  background-position: -200px -100px  ; }
	nav.menu a:hover span{ display: block ; }
	nav.menu a, 
	nav.menu a:active, 
	nav.menu a:visited { display:block ; text-decoration:none; outline: none ; position:absolute ; padding: 5px ;  font-size:15px ;
						 color: #ffffff ; text-shadow: 1px 1px 1px #000; word-spacing: 2px ; }

a#menu_home{ left: -14% ; }
a#menu_aboutus{  left: -1% ;  }
a#menu_services{  left: 20% ;  }
a#menu_blog{  left: 40% ; }
a#menu_ourwork{ left: 27%}
a#menu_contactus{ left: 47% ;}
a#menu_designprocess{ left: 70% ;}

span.move{ position: relative ; }

a#menu_aboutus span{ top: 10px ; left: -130px ; width: 188px ; height: 80px ; background-image: url(images/aboutus_hover.png) ; background-repeat: no-repeat ; }
a#menu_services span{ top: 10px ; left: -20px ; width: 106px ; height: 80px ; background-image: url(images/services_hover.png) ; background-repeat: no-repeat ; }
a#menu_blog span{ top: 10px ; left: 10px ; width: 205px ;  height: 80px ; background-image: url(images/blog_hover.png) ; background-repeat: no-repeat ; }
a#menu_ourwork span{ top: 5px ; left: -120px ; width: 205px ; height: 80px ; background-image: url(images/ourwork_hover.png) ; background-repeat: no-repeat ;  }
a#menu_contactus span{ top: 1px ; left: -1px ; width: 100px ; height: 90px ; background-image: url(images/contactus_hover.png) ; background-repeat: no-repeat ; }
a#menu_designprocess span{ top: -5px ; left:  10px ; width: 258px ; height: 80px ; background-image: url(images/designprocess_hover.png) ; background-repeat:no-repeat ; }

div#leftmenu{ padding-top: 20px ; float:left; height: 50px ; width: 400px ; margin-left: 12% ; }
div#rightmenu{ padding-top: 20px ; float:right ; height: 50px ; width: 400px ; margin-right: 5% ;}

div#slide {position:absolute; bottom:0; height:4px; background:#ffffff; z-index:10}

div#maincontent101{ -moz-box-shadow:0 1px 1px #333333; -webkit-box-shadow:0 1px 1px #333333; box-shadow:0 1px 1px #333333; }
div#servicescolour{ background-color: #404042 ; background-image: url(images/bd_services_tile.png) ; text-shadow: 1px 1px 1px #CCC ; }
div#servicesbdimage{ background-image: url(images/bd_services.png) ; background-position: center ; background-repeat: no-repeat ;
					 text-shadow: 1px 1px 1px #CCC ;}
div#aboutuscolour{ background-color: #fff; background-image: url(images/bd_aboutus.jpg) ; background-repeat: repeat-x ; padding-top: 50px ; color:#333 ; }

div#contactuscolour{ background-color: #020202 ; /*background-image: url('images/contactus_bd.jpg') ; background-repeat: repeat-x ;*/ padding-top: 50px ; text-shadow: 1px 1px 1px #CCC ; }

div#ourworkcolour{ background-color: #78AF2C ;  background-image: url('images/bd_ourwork.png') ; text-shadow: 1px 1px 1px #CCC ; }
div#ourworkbdimage{  background-image: url(images/bd_services.png) ; background-position: center ; background-repeat: no-repeat ;
					 text-shadow: 1px 1px 1px #CCC ; }

div#designprocesscolour { background-image: url('images/body-noise.png') ; padding-top: 50px ; text-shadow: 1px 1px 1px #CCC ;
						  background-color: #FBB03B ; }

div#blogcolour{ background-image: url('images/bd_blog.png') ; padding-top: 50px ; background-color: #A63E00 ;  }

section#services { height: 1050px ; }
section#contact { height:800px ; }
section#ourwork{ height: 1060px ; }
section#aboutus{ height:1060px ; max-width: 1000px; min-width: 750px; margin: 0 auto ; }
section#designprocess{ background-image: url('images/bd_designprocess.png') ; height: 900px ; background-repeat: no-repeat ; width: 1000px ; margin-left: auto ; margin-right: auto ; }
section#blog{ position: relative ; padding-bottom: 50px ; z-index: 10 ; }

div.serviceslink{ text-align:center ; }
div.serviceslink a{ font-family: 'ChunkFiveRoman', Arial, sans-serif; color:#fff ; font-size: 18px ; text-shadow: 1px 1px 1px #000; }
p.servicestext{ height:200px ; }
	
	
	
/* ABOUT US COLUMNS */
/* ====================================================================================== */

.colmaskau {clear:both; float:left; width:100%;	overflow:hidden;}
.colrightau, .colmidau, .colleftau { float:left; width:100%; position:relative; }
.col1au,
.col2au,
.col3au { float:left; position:relative; padding:0 0 1em 0; overflow:hidden; }
.doublepageau {	}
.doublepageau .colleftau { right:50%;	}
.doublepageau .col1au { width:46%;	left:52%; }
.doublepageau .col2au { width:46%; left:56%; }


h3#whowearetitle , 
h3#whyustitle , 
h3.title , 
h3#twltitle { font-family: 'ChunkFiveRoman' , Arial , sans-serif ; text-shadow: 1px 1px 1px #999 ; font-size : 45px ; 
			  line-height: 45px ; text-align: center ; }

h3.title{ padding-left: 10px ; padding-right: 10px ; color: #fff ; text-shadow: 2px 2px 2px #000; }
	
div.line1{ background-color: #000; height: 10px ; margin-top:5px ; }

div.line2{ background-color: #000; height: 3px ; margin-top:2px ; margin-bottom:10px ; }

div#whatwelove{ margin-top:50px ; }
	
	
	
/* THINGS WE LOVE */
/* ====================================================================================== */


div#thingswelove{ margin-top: 45px ; width: 1000px ; margin-left: auto ; margin-right: auto ;  }
	div#thingswelove li {  float: left ;  }
	div#thingswelove li a { display: block ; height: 150px ; width: 150px ; }
	li.marginreet{ margin-right:20px ; }


#ourworkcontainer { margin:50px auto; width:909px; }
	#ourworkcontainer div { margin-right:3px; margin-top: 3px ; float:left; width:280px; height:130px;
							border:10px solid #fff; position:relative; overflow:hidden; }
	#ourworkcontainer .owcLeft { margin-left: 150px ; }
	#ourworkcontainer .owcRight { margin-right: auto ; }
	#ourworkcontainer img { position:absolute; }

.twlWidth { width: 510px !important ; margin-left: auto; margin-right: auto ; }


/* Services Rules */
/* ====================================================================================== */

.colmask { position:relative;clear:both; float:left; width:100%; overflow:hidden;}
/* common column settings */
.colright, .colmid, .colleft { float:left; width:100%; position:relative; }
.col1, .col2, .col3 { float:left; position:relative; padding:0 0 1em 0;	overflow:hidden; height: 290px ; }

.colmid{ margin-bottom: 20px ;}
.threecol { }
.threecol .colmid { right:25%; }
.threecol .colleft { right:50%;}
.threecol .col1 { width:30%;left:110%; }
.threecol .col2 { width:30%;	left:45%; }
.threecol .col3 { width:30%; left:85%; }

/* SERVICES SECTION */
/* ====================================================================================== */

div.servicesheader a { float : left ; display: block ; width: 70px ; height: 80px ; }

div.servicesHCont { text-align: center ; }
div.servicesHCont h3.servicesHeadings {font-family: 'BebasRegular', Arial, sans-serif;  text-shadow: 2px 2px 2px #000; line-height: 20px ;
					  word-spacing: 3px ; font-size: 26px ; text-transform: capitalize ; padding-top : 20px ; width: 100% ; }

div.servicesHCont h3.servicesHeadingsSEO{font-family: 'BebasRegular', Arial, sans-serif;  text-shadow: 2px 2px 2px #000; line-height: 30px ;
					  word-spacing: 3px ; font-size: 26px ; text-transform: capitalize ;  width: 100% ; }


div.servicesHCont a { color: #FFF ;  }


div.servicesmargin{ margin-bottom: 15px ; }
	
div.topdivgallery{ height: 80px ; background-color: #099 ; padding:5px ; }
div.bottomdivgallery{ height:80px ; background-color:#9C0 ; padding: 5px ; }

div#headerbottom{ background-color: #2a5279 ; height: 200px ; }

div.cloud{ position:relative ;  bottom: 700px ; z-index:1 ; }

#skya { position:absolute; width:100%; height: 416px; background: transparent url(images/sky.jpg) 0 0px repeat-x; }

#cloud2 { position: absolute; width: 100%;  height: 416px; background: transparent url(images/sea1.png) 0 130px repeat-x; }
#cloud1 { position: absolute; width: 100%; height: 416px; background: transparent url(images/sea2.png) 0 130px repeat-x; }



div.cloudBlog{ position:relative ;   z-index: 1 ; top: -100px ; background-color: #0F0 ;  }
	#cloudBlog2 { position: absolute; width: 100%;  height: 416px; background: transparent url(images/sea1.png) 0 130px repeat-x; }
  	#cloudBlog1 { position: absolute; width: 100%; height: 416px; background: transparent url(images/sea2.png) 0 130px repeat-x; }
	
#balls{ position: absolute ; bottom: 50px ;}

/* TITLES */
/* ====================================================================================== */

h2#ourworktitle , h2#servicestitle, h2#blogtitle , h2#contactustitle ,h2#designprocesstitle{
	font-family: 'BebasRegular', Arial, sans-serif; text-align:center; font-size: 70px ; height: 70px ; text-shadow: 2px 2px 10px #000;
	padding-top: 30px ; padding-bottom: 30px ; }

h2#aboutustitle { font-family: 'BebasRegular', Arial, sans-serif; text-align:center; font-size: 70px ; height: 70px ;
				  text-shadow: 2px 2px 10px #5e5c5c; padding-top: 50px ; padding-bottom: 30px ; }



/* SERVICES SECTION */
/* ====================================================================================== */

div#services_webdesign ,div#services_ppc ,div#services_webdev,div#services_seo ,div#services_sm ,div#services_copyright ,div#services_bannerads,div#services_hosting ,div#services_logo ,h3.servicestitle_webdesign ,h3.servicestitle_ppc,h3.servicestitle_webdev,h3.servicestitle_seo,h3.servicestitle_sm,h3.servicestitle_copyright ,h3.servicestitle_bannerads ,h3.servicestitle_hosting,h3.servicestitle_logo {
		background-repeat: no-repeat;
		height: 80px ;
		
}

div#services_webdesign ,div#services_ppc ,div#services_webdev,div#services_seo ,div#services_sm ,div#services_copyright ,div#services_bannerads,div#services_hosting ,div#services_logo {
	float : left ;
	width: 70px ;
}

h3.servicestitle_webdesign ,h3.servicestitle_ppc,h3.servicestitle_webdev,h3.servicestitle_seo,h3.servicestitle_sm,h3.servicestitle_copyright ,h3.servicestitle_bannerads ,h3.servicestitle_hosting,h3.servicestitle_logo{
	float: right ;
	width: 220px ;
}

div#services_webdesign{  background-image: url(images/services_webdesign.png) ; }
div#services_ppc{ background-image: url(images/services_ppc.png) ; }
div#services_webdev{ background-image: url(images/services_webdev.png) ; }
div#services_seo{ background-image: url(images/services_seo.png) ; }
div#services_sm{ background-image: url(images/services_sm.png) ; }
div#services_copyright{ background-image: url(images/services_copyright.png) ; }
div#services_bannerads{ background-image: url(images/services_bannerads.png) ; }
div#services_hosting { background-image: url(images/services_hosting.png) ; }
div#services_logo { background-image: url(images/services_logo.png) ; }

h3.servicestitle_webdesign {  background-image: url(images/title_webdesign.png) ; }
h3.servicestitle_ppc {  background-image: url(images/title_ppc.png) ; }
h3.servicestitle_webdev {  background-image: url(images/title_webdev.png) ; }
h3.servicestitle_seo {  background-image: url(images/title_seo.png) ; }
h3.servicestitle_sm {  background-image: url(images/title_sm.png) ; }
h3.servicestitle_copyright {  background-image: url(images/title_copyright.png) ; }
h3.servicestitle_bannerads {  background-image: url(images/title_bannerads.png) ; }
h3.servicestitle_hosting {  background-image: url(images/title_hosting.png) ; }
h3.servicestitle_logo {  background-image: url(images/title_logo.png) ; }


/* FOOTER RULES */
/* ====================================================================================== */

p.lcp{ font-family: 'BebasRegular', Arial, sans-serif; font-size: 70px ; }
p.lcpee{ font-family: 'ChunkFiveRoman' , Arial , sans-serif ; font-size: 3.7em ; margin-top: 25px; margin-bottom: 30px ; }

a#googlelink{ display:block ; text-align:left ; font-family: 'BebasRegular', Arial, sans-serif; font-size: 15px ;
			  color: #ffffff ; margin-top: 10px ;}

div#contactuswrapper{ width: 1000px ; margin-left: auto ; margin-right: auto ; }
div#leftcontact{ margin-left: 5% ; width:40% ; height:400px ; float:left ; }

div#rightcontact{ margin-right: 3% ; width: 40% ; height:400px ; float:right ; }


/* FORM STYLING */
/* ====================================================================================== */

p.contactform input , p.contactform textarea{ border:1px solid #111; background: #282828 url(images/form_input.gif) repeat-x; color:#fff ; }

p.contactform , p.contactform input ,  div.wpcf7-response-output , div.wpcf7-validation-errors , p.address{
	word-spacing: 3px ; font-family: Georgia, "Times New Roman", Times, serif ; font-size: 15px ; text-shadow: none ; }
	
	

p.companyname{ font-size: 30px ; line-height: 30px ; }
p.bottommargin{ margin-bottom: 20px ; }

span.cfmargin { display:block ; margin-top: 10px ; margin-bottom: -5px ; }

textarea{ width: 390px ; }

li#text-3{ list-style: none ; }


/* Footer Styling */
/* ====================================================================================== */


footer{ height: 300px ; background-image: url(images/footer_texture.jpg) ; }

div#footerdivider{ position:relative ; bottom:16px ; background-image: url(images/footer_divider.png) ;
					height:16px ; background-repeat: repeat-x ;}

section#footersection{ max-width: 1000px; min-width: 750px; margin: 0 auto ; height: 200px ; background-color:#0C3 ;}



/* Blog and Page Rules */
/* ====================================================================================== */

div.colblogmask {  position:relative;	clear:both; float:left; width:95%;  margin-bottom: 50px ; background-image: url('images/blog_bd.png') ; background-repeat: repeat-y ; padding: 15px 30px 30px 55px ; 	}

div.colblogmaskSingle {  position:relative;	clear:both; float:left; width:95%;  margin-bottom: 50px ; background-image: url('images/blog_bd_2.png') ; background-repeat: repeat-y ; padding: 5px 30px 0px 55px ; 	}

div.colblogleft  , .colblogleftSingle { float:left; width:100%; position:relative; }

div.colblog1, aside.colblog2{ float:left; position:relative; padding:0 0 1em 0; overflow:hidden; }
div.colblog1Single { float:left; position:relative; padding:0 0 0 0; overflow:hidden; }
div.blogCentre { width: 1030px ; margin-left: auto ; margin-right: auto ; }



/* 2 Column (right menu) settings */

div.maincontent div.colblogleft { right:25%; }
div.maincontent div.colblog1 { width:72%; left:26%; }
div.maincontent div.colblog1Single { width:100%;  }
div.maincontent aside.colblog2 { width:23%;	left:22%; }
	
h2.postheading { display:block ; margin-bottom: 15px ;}

div.post h2 a , div.page h2 a { padding-bottom: 100px ; font-family: 'BebasRegular', Arial, sans-serif; font-size: 30px ; color: #919191 ; }

div.read-more a{ font-family: Arial, sans-serif; font-size: 30px ; color: #919191 ; }

div.entry404 { margin-left: auto ; margin-right: auto ; width: 600px ; color: #919191 ; }

div.search404Wrapper { width: 320px ; margin-left: auto ; margin-right: auto ;  }
div.searchMainWrapper { float: left ; }

div.search404 {  position: absolute ; }

div.entry p { line-height: 18px ; color: #919191 ; margin-top: 10px ; }

div.entrySearch p { line-height: 18px ; color: #919191 ; margin-bottom: 30px ; }

h3.posttitle , h2.blogSidebarHeading , h3.posttitlePage , h3.posttitle404 { font-family: 'BebasRegular', Arial, sans-serif; font-size : 35px ; 
			  line-height: 40px ; text-align: center ; margin-bottom: 15px ; word-spacing: 5px ;  color: #919191 ;}
h3.posttitle { float: left ; width: 80% ; }
h3.posttitle404 { margin-top: 30px ; }
h3.posttitlePage { width: 100% ; }
	h3.posttitle a , h3.posttitlePage a{ color: #919191 ; }
	
a.readTheRest { display: block ; color: #fff ; background-image : url('images/readmore.png') ; width: 140px ;height: 35px ; padding: 12px 5px 5px 5px;  font-family: 'BebasRegular', Arial, sans-serif; text-shadow: 1px 1px 1px #000; text-align: center ; -moz-border-radius: 5px;
border-radius: 5px; border: 1px solid #e5e3e3 ; margin-top: 20px ; word-spacing: 5px ; }
h3.postdate { margin-bottom: 5px  ; background-image : url('images/calender.png') ; height: 95px ; width: 81px ; float: right ; }
	h3.postdate a { color: #919191 ;  font-family: Georgia, "Times New Roman", Times, serif ;}
	
h3.postdateSingle { margin-bottom: 5px  ; background-image : url('images/calender_page.png') ; height: 95px ; width: 80px ; float: right ; }
	h3.postdateSingle a { color: #919191 ;  font-family: Georgia, "Times New Roman", Times, serif ;}
	
h3 span.dateMonth { display: block ; width: 80px ; text-align: center ; padding-top: 15px ; font-size: 10px ;}
h3 span.dateDay { display: block ; width: 80px ; text-align: center ; padding-top: 8px ; font-size: 32px ;} 
h3 span.dateYear { display: block ; width: 80px ; text-align: center ; padding-top: 10px ; }

li.categories { line-height: 18px ; }
li.categories a { font-family: Arial, Helvetica, sans-serif ; color: #919191 ; }
	
div.post_divider { background-image: url('images/post_divider.png') ; background-repeat: repeat-x ; height: 6px ; margin-bottom: 20px ;}

a.arrowslink{ display: block ; width: 100px  ; }

a#blogFB { display: block; margin-top: 20px ; margin-bottom: 50px ;}

div.centreblock{ width: 100px ; margin-left: auto ; margin-right: auto ; }

.socialNetworkingButtons { float: left; width: 350px;  height: 20px;  padding-top: 40px; }
	.linkedinShare { width: 70px; float: left; }
	.twitterShare { width: 70px; float: left; }
	.googleShare { width: 40px; float: left; margin-left: -5px ;}
	.facebookShare { width: 70px; float: left;  }

div.postmetadata { width: 785px ; 
    padding: 5px 20px !important;
    margin:15px 0 0 !important;
    text-shadow: none;
    border: 1px solid #BBB;
    background-color: #EEE;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0 0 9px #CCCCCC;
    -webkit-box-shadow: 0 0 9px #CCCCCC;
    background: -moz-linear-gradient(center top , #FFF, #EEE);
    background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#EEE));
}

div.postmetadataBlogmain { 
	position: absolute ;
	width: 370px ; 
    padding: 5px 20px !important;
    left: 40px ;
	top: 50px ;
    text-shadow: none;
    border: 1px solid #BBB;
    background-color: #EEE;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0 0 9px #CCCCCC;
    -webkit-box-shadow: 0 0 9px #CCCCCC;
    background: -moz-linear-gradient(center top , #FFF, #EEE);
    background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#EEE));
}


div.uppertags , div.lowerTags { width: 100% ; }

div.lowerTags { padding-top: 110px ;}

div.theAuthor { float: left ; width: 35%  ; color: #919191 ; padding-top: 15px ; font-family: Georgia, "Times New Roman", Times, serif ;}
div.theAuthor p { font-family: Georgia, "Times New Roman", Times, serif ; padding-bottom: 10px ; }
	div.theAuthor img { padding: 1px ; border: solid #CCC 1px ; }
	p.theAuthorSingle { padding-top: 20px ; }
	
p.postedIn { font-family: Georgia, "Times New Roman", Times, serif ; float: right ;}
p.postedInSingle { padding-bottom: 10px ; font-family: Georgia, "Times New Roman", Times, serif ; float: right ; }
div.tagsMainPage { float: right ; width: 60% ; color: #919191 ; padding-top: 10px ; }
	div.tagsMainPage a { color: #919191 ; }
	div.tagsMainPage p.daTags { float: right ; font-family: Georgia, "Times New Roman", Times, serif ;   }
	
div.tagsSingle{  width: 50% ; color: #919191 ; padding-top: 110px ; margin-right: 15px ;}
	div.tagsSingle a { color: #919191 ; }
	div.tagsSingle p {  float: right ; font-family: Georgia, "Times New Roman", Times, serif ;  }
	
div.navWrapper { width: 100%; font-family: Georgia, "Times New Roman", Times, serif ; padding-top: 60px ;
 font-weight:bold; }
div.nav-previous { width: 47% ;  float: left ; padding-left: 40px ;}
div.nav-next { width: 40% ; float: right ; margin-right: 80px ;}



ul.categoryList { margin-bottom: 50px ; }

div.colblog1Single div.post , div.colblog1Single div.page{ padding: 5px 100px 20px 40px ;  width: 825px ; background-image: url('images/postSingle_bg.png') ; margin-left: 5px ; }
	div.postHeadSingle { background-image: url('images/postSingle_top.png') ; height: 47px ; width: 950px ; margin-left: 5px ;}
	div.postBottomSingle { background-image: url('images/postSingle_bottom.png') ; height: 288px ; width: 950px ; margin-left: 5px ;}
	div.postBottomSingle404 { background-image: url('images/postSingle_bottom.png') ; height: 288px ; width: 950px ; margin-left: 5px ; }

div.post , div.page{  padding: 5px 100px 0px 40px ;  width: 580px ; background-image: url('images/post_bg.png') ; margin-left: 5px ; background-repeat: repeat-y ;}
	div.postHead { background-image: url('images/post_top.png') ; height: 47px ; width: 680px ; margin-left: 5px ;}
	div.postBottom { background-image: url('images/post_bottom.png') ; height: 298px ; width: 680px ; margin-left: 5px ; position: relative ;}

div.ctc { }
	div.ctc a { color: #919191 ; }

div.blog_top { background-image: url('images/blog_top.png') ;  height: 70px ; width: 1100px ; background-repeat: no-repeat ;
				position: absolute ; top: -49px ; /*left: 0px  ;*/  margin-left: auto; margin-right: auto ; z-index: 1000 ;}
				
div.blog_bottom { background-image: url('images/blog_bottom.png') ;  height: 102px ; width: 1100px ; height: 50px ;  background-repeat: no-repeat ; position: absolute ; bottom: 50px ; /*left: 8px  ;*/ margin-left: auto; margin-right: auto ; z-index: 1000 ;   }

div.miscData { width: 84% ;  position: relative ;   }
.marginTop { margin-top: 30px ; }

div.relWrapper { position: relative ; }
	div.blogComments { color: #fff ; background-image: url('images/comment.png') ; height: 64px  ; width: 64px ;  position: absolute ; bottom: 5px ; background-repeat: no-repeat ; float: right ; right: 10px ;   }
		div.blogComments span { display: block ; text-align: center ; padding-top: 20px ; }
		
		
	div.blogCommentsSingle { color: #fff ; background-image: url('images/comment.png') ; height: 64px  ; width: 64px ; background-repeat: no-repeat ; float: right ; margin-top: 15px ; }
		div.blogCommentsSingle span { display: block ; text-align: center ; padding-top: 20px ; }
		
div.pinWrapper { position: relative ;  }
	div.pinWrapper img{ position: absolute ; display: block ; left: 20px ; bottom: -5px ; }

ul.blogSubscribe { height: 70px ; }
	ul.blogSubscribe li { float: left ; list-style: none ; width: 55px ;}

div.paddingtop { padding-top: 15px ; }

div.navigationSingle { position: absolute ; }

div.sidebarSearch {  padding-top: 20px ; }
div.sidebarSearch label { font-family: 'BebasRegular', Arial, sans-serif; font-size : 35px ; 
			  line-height: 40px ; text-align: center ; margin-bottom: 15px ; word-spacing: 5px ;  color: #919191 ; display: block;  }
	
div.readMoreWrapper { width: 100% ; margin-left: auto ; margin-right: auto ; text-align: center ; height: 40px ; }

a.readMore {  color: #fff ; background-image : url('images/readmore.png') ; width: 180px ;height: 35px ; padding: 17px 10px 17px 10px;  font-family: 'BebasRegular', Arial, sans-serif; text-shadow: 1px 1px 1px #000; text-align: center ; -moz-border-radius: 5px;
border-radius: 5px; border: 1px solid #cfcaca ;  word-spacing: 5px ; margin-right: 50px ;}

div.colblogmaskSingle div.navigation { width: 800px ; text-align: center ; }
div.colblogmask div.navigation { width: 600px ; text-align: center ; }
div.navWrapper { position: absolute ; }
div.navigationSingle { position: relative ; }
ul.blogroll { margin-bottom: 50px ; }

div.categoryPosts { margin-top:50px ; margin-bottom: 20px ; }


/* Services page */
/* ====================================================================================== */
.socialNetworkingButtonsServices { position: absolute; width: 350px;  height: 50px; top: 150px ; left: 350px ; }
	.linkedinShare { width: 70px; float: left; }
	.twitterShare { width: 70px; float: left; }
	.googleShare { width: 40px; float: left; margin-left: -5px ;}
	.facebookShare { width: 70px; float: left;  }

div.pageImage {  float: right ; margin: 10px 0 10px 10px ; background-color: #ffffff ;}
div.pageImage img { display: block ;padding: 10px ; border-style:solid;
border-width:1px; 
border-color: #d4d3d1 ; -moz-box-shadow: 3px 3px 3px #ccc ; -webkit-box-shadow: 3px 3px 3px #ccc;
  box-shadow:        3px 3px 3px #ccc;
 }


/* Services menu */
/* ====================================================================================== */

div.servicesNavRel { position: relative ; }
div#servicesNav { position: absolute ;  width: 970px ; margin-left: auto ; margin-right: auto ; top: 50px ;}
ul#topdeco li , ul#bottomdeco li { float:left ;	 margin-right: 35px ; }

ul#topdeco li a, 
ul#bottomdeco li a{ font-family: 'BebasRegular', Arial, sans-serif; color: #ffffff ; font-size: 14px ;
					word-spacing: 5px ; text-shadow: 1px 1px 1px #000; }

ul#topdeco li a:hover, ul#bottomdeco li a:hover{ color: #e4e2e2; }

li.nomargin{ margin-right: 0px !important ;	 }

div#topdecocentre{ width: 750px ; margin-left: auto ; margin-right: auto ; }

div#bottomdecocentre{ width: 550px ; margin-left: auto ; margin-right: auto ; }

h3.pageHeadings {  font-family: 'ChunkFiveRoman' , Arial , sans-serif ;  font-size : 22px ; 
			  line-height: 20px ;  color: #919191 ; margin-top: 20px ;}
			  
h4.subHeadings {  font-family: 'PacificoRegular' , Arial , sans-serif ;  font-size : 18px ; 
			  line-height: 20px ;  color: #919191 ; margin-top: 20px ;}



/* Closing Credits */
/* ====================================================================================== */

div.movieStyleBd { background-color:#020202 ; /* border-top:1px solid #fff ;*/}


div.movieStyle { height: 570px ; background-color:#020202 ; background-image: url('images/credits.png') ; background-position: center ; background-repeat: no-repeat ;  font-family: 'SFMoviePosterRegular', Arial, sans-serif; width: 1100px ; margin-left: auto ; margin-right: auto ;}

h2.closingTitle { text-align:center ;  display: block ; padding-top: 70px ; }

div.closingTitle { text-align:center ;  display: block ; padding-top: 70px ; }



div.creditsWrapper { width: 900px ; margin-left: auto ; margin-right: auto ; text-align: center ;}

ul.closingCredits1 { width: 850px ; margin-left: 70px ;}
ul.closingCredits2 { width: 800px ; margin-left: 75px ;}
ul.closingCredits3 { width: 800px ; margin-left: 25px ;}
ul.closingCredits4 { width: 750px ; margin-left: 75px ; }
ul.closingCredits5 { width: 350px ; margin-left: 295px ; }


ul.closingCredits1 { display: block ; padding-top: 180px ; word-spacing: -4px ;}
ul.closingCredits2 , ul.closingCredits3 , ul.closingCredits4  , ul.closingCredits5 { display: block ; word-spacing: -4px ;} 
	ul.closingCredits1 li , ul.closingCredits2 li , ul.closingCredits4 li ,  ul.closingCredits5 li { float: left ; font-size: 44px ;  color: #9f9f9f ; line-height: 30px ;}
	
	ul.closingCredits3 li { float: right ; font-size: 44px ;  color: #9f9f9f ; line-height: 30px ;}
	ul.closingCredits1 li a , ul.closingCredits2 li a , ul.closingCredits3 li a , ul.closingCredits4 li a , ul.closingCredits5 li a { font-family: 'SFMoviePosterRegular', Arial, sans-serif; color: #9f9f9f ; word-spacing: 5px ; text-shadow: 1px 1px 1px #000; word-spacing: -4px ;}
	ul.closingCredits1 span , ul.closingCredits2 span , ul.closingCredits3 span , ul.closingCredits4 span , ul.closingCredits5 span{ text-transform: uppercase ; }
	
	
	ul.closingCredits1 li.closingCreditsLine1 { margin-right: 10px ; }
	ul.closingCredits2 li.closingCreditsLine2 { margin-right: 2px ;  }
	ul.closingCredits3 li.closingCreditsLine3 { margin-right: 10px ; }
	ul.closingCredits4 li.closingCreditsLine4 { margin-right: 5px ; }
	ul.closingCredits5 li.closingCreditsLine5 { margin-right: 5px ; }
	
		.cCWDSH { margin-left: 5px !important ; }
		.cCIM { margin-right: 4px !important ; }
		.cCLD { margin-left: 10px !important ; }
		.cCFB { margin-left: 70px !important ; }
	
ul.bottomNotices li { color: #919191 ;
list-style: circle; margin-left: 15px ;}
	.bnMargin { margin-top: 10px ; }
	

/* Main Blog page rules */
/* ====================================================================================== */

div.blogContainer{ 	background-image: url('images/dublin_extended.png') ; background-position: center top ;
				background-repeat: no-repeat ; }
				
				
				
/* Design Process */
/* ====================================================================================== */				

ul.dptext {  width: 1000px ; margin-left: auto ; margin-right: auto; height: 900px ; position: relative ;}
	ul.dptext li { color:#FFF ; font-family: 'BebasRegular', Arial, sans-serif; font-size : 18px ; word-spacing: 2px ;   }
	ul.dptext li span.dpheading { font-size : 13px ; color: #fff ; position: absolute ;  }
					.dpMiddle { text-align:center ; }
						
					  .dpConsultation { position: absolute ; left: 95px ; top: 140px ;}
					  .dpPlanning { position: absolute ; left: 472px ; top: 140px ;}
					  .dpDesign { position: absolute ; left: 850px ; top: 140px ;}
					  .dpUAS{ position: absolute ; left: 102px ; top: 590px ; }
					  	.dpUpgrades { display: block ;  padding-bottom: 3px ;}
						.dpSupport { text-align: center ; display: block ;} 
					  .dpTesting { position: absolute ; left: 474px ; top: 593px ;}
					  .dpDevelopment { position: absolute ; left: 829px ; top: 593px ;}
					  	
						.dpGoals { position: absolute ; left: 50px ; top: 56px ;}
						.dpTA	{ position: absolute ; left: 69px ; top: 29px ;}
						.dpPurpose	{ position: absolute ; left: 160px ; top: 56px ;}
						.dpTimeframe	{ position: absolute ; left: 30px ; top: 223px ;}
						.dpContent	{ position: absolute ; left: 100px ; top: 250px ;}
						.dpCompetition { position: absolute ; left: 150px ; top: 223px ;}
						
						.dpIA	{ position: absolute ; left: 405px ; top: 29px ;}
						.dpWireframing	{ position: absolute ; left: 390px ; top: 223px ;}
						.dpNavigation	{ position: absolute ; left: 520px ; top: 223px ;}
						
						.dpBranding	{ position: absolute ; left: 829px ; top: 29px ;}
						.dpLayout	{ position: absolute ; left: 782px ; top: 223px ;}
						.dpColour	{ position: absolute ; left: 900px ; top: 223px ;}
						
						.dpSU	{ display: block ; width: 75px ;position: absolute ; left: 32px ; top: 490px ;}
							.dpSite { text-align: center ; display: block ; padding-bottom: 5px ;}	
							
						.dpGA	{ display: block ; width: 150px ; position: absolute ; left: 126px ; top: 490px ;}
							.dpGoogle  { text-align: center ; display: block ; padding-bottom: 5px ; }
							.dpOnline { text-align: center ; display: block ; }
						.dpSEO	{ position: absolute ; left: 40px ; top: 705px ;}
						
						.dpBrowserTesting	{ position: absolute ; left: 380px ; top: 490px ;}
							.dpCross { display: block ;  padding-bottom: 5px ;}
							.dpTestingTest { text-align: center ; display: block ;  }
						.dpCValidation	{ position: absolute ; left: 508px ; top: 512px ;}
							.dpCode {}
							.dpValidation {}
						.dpUAT	{ position: absolute ; left: 415px ; top: 705px ;}
						
						.dpHTML { position: absolute ; left: 760px ; top: 490px ;}
							.dpValid {  display: block ; padding-bottom: 5px ; }
							.dpHTML5 { text-align: center ; display: block ; }
						.dpPHP	{ position: absolute ; left: 905px ; top: 510px ;}
						.dpWordJoom	{ position: absolute ; left: 755px ; top: 680px ;}
							.dpWordpress { display: block ; padding-bottom: 5px ; }
							.dpJoomla { text-align: center ; display: block ;  }
						.dpFlash	{ position: absolute ; left: 850px ; top: 705px ;}
						.dpJQuery	{ position: absolute ; left: 905px ; top: 680px ;}
  

/* IE SHADOW STUFF */
/* ====================================================================================== */


.ie8n9xxxxx {
	zoom: 1;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=#ffffff) progid:DXImageTransform.Microsoft.DropShadow(Color=#000, OffX=1, OffY=1)" ;
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#000 );

}

/* FONTS */
/* ====================================================================================== */


@font-face {
    font-family: 'ChunkFiveRoman';
    src: url('fonts/chunkfive-webfont.eot');
    src: url('fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/chunkfive-webfont.woff') format('woff'),
         url('fonts/chunkfive-webfont.ttf') format('truetype'),
         url('fonts/chunkfive-webfont.svg#ChunkFiveRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'BebasRegular';
    src: url('fonts/bebas___-webfont.eot');
    src: url('fonts/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebas___-webfont.woff') format('woff'),
         url('fonts/bebas___-webfont.ttf') format('truetype'),
         url('fonts/bebas___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSans300';
    src: url('fonts/museosans-300-webfont.eot');
    src: url('fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans-300-webfont.woff') format('woff'),
         url('fonts/museosans-300-webfont.ttf') format('truetype'),
         url('fonts/museosans-300-webfont.svg#MuseoSans300') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'SFMoviePosterRegular';
    src: url('fonts/sf_movie_poster-webfont.eot');
    src: url('fonts/sf_movie_poster-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sf_movie_poster-webfont.woff') format('woff'),
         url('fonts/sf_movie_poster-webfont.ttf') format('truetype'),
         url('fonts/sf_movie_poster-webfont.svg#SFMoviePosterRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PacificoRegular';
    src: url('fonts/Pacifico-webfont.eot');
    src: url('fonts/Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Pacifico-webfont.woff') format('woff'),
         url('fonts/Pacifico-webfont.ttf') format('truetype'),
         url('fonts/Pacifico-webfont.svg#PacificoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* Blog Comments */
/* ====================================================================================== */

.relWrapper { color: #000 ; }

ol.commentlist {
    margin: 0;
    padding: 0;
    width: 800px;
}
.commentlist li {
    list-style: none;
    margin-left: 15px;
}
.commentlist .children li {
    border-left: 1px dotted #D6D6D6;
}
.comment {
    padding: 10px;
}
.commentlist .comment-meta {
    padding: 7px 7px 30px;
    display: block;
    font-style: normal;
}
.commentlist .even .comment-meta,
.commentlist .children .even .comment-meta,
.commentlist .children li .even .comment-meta,
.commentlist .children .children li .even .comment-meta,
.commentlist .children .children .children li .even .comment-meta,
.commentlist .children .children .children .children li .even .comment-meta,
.commentlist .children .children .children .children .children li .even .comment-meta,
.commentlist .children .children .children .children .children .children li .even .comment-meta,
.commentlist .children .children .children .children .children .children .children li .even .comment-meta,
.commentlist .children .children .children .children .children .children .children .children li .even .comment-meta {
    background: transparent url('images/comment-bubble.png') no-repeat scroll 40px 100%;
	
}
.commentlist .odd .comment-meta,
.commentlist .children .odd .comment-meta,
.commentlist .children li .odd .comment-meta,
.commentlist .children .children .children li .odd .comment-meta,
.commentlist .children .children .children .children .children li .odd .comment-meta,
.commentlist .children .children .children .children .children .children .children li .odd .comment-meta {
    background: transparent url('images/comment-bubble-alt.png') no-repeat scroll 20px 100%;
}
.commentlist .comment-meta img {
    padding: 1px;
    border: 1px solid #AAB59A;
    float: left;
    margin-right: 9px;
}
.avatar-wrapper {
    display: block;
    width: 70px;
    float: left;
}
commentmetadata {
    display: block;
    width: 568px;
    float: left;
}
.commentlist .author {
    font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
    margin: 5px;
}
.commentlist .time {
    background: url('images/clock.png') no-repeat 1px;
    padding-left: 25px;
}
.commentlist .commenttext {
    padding: 20px;
    background-color: #E7E7E7;
    color: #000;
    position: relative;
    text-shadow: none !important;
}
.commentlist .alt .commenttext {
    padding: 20px;
    background-color: #FFF;
    color: #000;
    text-shadow: none !important;
}
.commentlist .children .even .commenttext,
.commentlist .children li .even .commenttext,
.commentlist .children .children li .even .commenttext,
.commentlist .children .children .children li .even .commenttext,
.commentlist .children .children .children .children li .even .commenttext,
.commentlist .children .children .children .children .children li .even .commenttext,
.commentlist .children .children .children .children .children .children li .even .commenttext,
.commentlist .children .children .children .children .children .children .children li .even .commenttext,
.commentlist .children .children .children .children .children .children .children .children li .even .commenttext {
    padding: 20px;
    background-color: #E7E7E7;
    color: #000;
    position: relative;
}
.commentlist .children .odd .commenttext,
.commentlist .children li .odd .commenttext,
.commentlist .children .children li .odd .commenttext,
.commentlist .children .children .children li .odd .commenttext,
.commentlist .children .children .children .children .children li .odd .commenttext,
.commentlist .children .children .children .children .children .children .children li .odd .commenttext {
    padding: 20px;
    background-color: #FFF;
    color: #000;
}
.depth-2, .depth-3, .depth-4, .depth-5, .depth-6, .depth-7, .depth-8, .depth-9, .depth-10 {
    padding-right: 0px;
    padding-bottom: 0px;
}
.commentlist .commenttext .round-corner-t-l {
    background:transparent url('images/round-corners.png') no-repeat scroll 0 0;
    left:0;
    top:0;
}
.commentlist .commenttext .round-corner-t-r {
    background:transparent url('images/round-corners.png') no-repeat scroll 100% 0;
    right:0;
    top:0;
}
.commentlist .commenttext .round-corner-b-l {
    background:transparent url('images/round-corners.png') no-repeat scroll 0 -12px;
    left:0;
    bottom:0;
}
.commentlist .commenttext .round-corner-b-r {
    background:transparent url('images/round-corners.png') no-repeat scroll 100% -12px;
    right:0;
    bottom:0;
}
.commentlist .commenttext .round-corner-t-l,
.commentlist .commenttext .round-corner-t-r,
.commentlist .commenttext .round-corner-b-l,
.commentlist .commenttext .round-corner-b-r {
    height: 12px;
    width: 12px;
    position: absolute;
}
#respond {
    clear: both;
    margin: 20px 0 0 0;
    padding: 20px 0 20px 0;
    width: 100%;
}

#comment, fieldset textarea{
    height: 150px;
    padding: 5px;
    width: 97%;
}
#commentform p, fieldset p{
    padding: 2px 0;
    clear: both;
}

#commentform input{
    padding: 5px;
    cursor: pointer;
	border:1px solid #d2d0d0; background: #fff repeat-x; color:#000 ;
}

#commentform input#submit { background-color: #e7e7e7 ; }

h3#comments , .nocomments { font-size: 18px ; padding-top: 40px ; color: #919191 ;}


p textarea#comment{ border:1px solid #d2d0d0; background: #fff repeat-x; color:#000 ; width: 815px ; }

/* End Comments */


/* 404 Comments */
/* ====================================================================================== */

div.oopsImage {  width: 100% ; }


div.oopsImage img { margin-left: auto ; margin-right: auto ; display: block ;}





/* Search Comments */
/* ====================================================================================== */

#search { margin: 25px 0 0 28px; }
#search .search_box {
    height: 31px;
    margin-top: 5px;
    display: inline-block;
    float: left;
}
#search input.inputbox, #search input.inputbox_focus {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    float: left;
    margin: 0;
    padding: 7px 0 7px 14px;
    width: 172px;
    height: 16px;
    font-size: 13px;
    line-height: 10px;
    color: #999;
    text-shadow: 0 1px #F4F4F4;
}
#search input.inputbox_focus {
    background: transparent url('images/searchbox.png') no-repeat scroll 0 -31px;
}
#search input.inputbox {
    background: transparent url('images/searchbox.png') no-repeat scroll 0 0;
}
#search input.search-btn {
    background:transparent url('images/searchbox.png') no-repeat scroll 100% 0;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 31px;
    margin: 0;
    padding: 0;
    width: 38px;
}
#search input.search-btn:hover {
    background-position: 100% -31px;
}

/* Blog Search*/
/* ====================================================================================== */


#searchBlog { margin: 25px 0px 50px 0px ;  }
#searchBlog .search_box {
    height: 31px;
    margin-top: 5px;
    display: inline-block;
    float: left;
}
#searchBlog input.inputbox_focus {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    float: left;
    margin: 0px 10px 0px 0px ;
    padding: 7px 0 7px 14px;
    width: 123px ; 
    height: 16px;
    font-size: 13px;
    line-height: 10px;
    color: #999;
    text-shadow: 0 1px #F4F4F4;
}
#searchBlog input.inputbox_focus {
    background: transparent url('images/searchboxBlog.png') no-repeat scroll 0 -31px;
}
#searchBlog input.inputbox {
    background: transparent url('images/searchboxBlog.png') no-repeat scroll 0 0;
}
#searchBlog input.search-btn {
    background:transparent url('images/searchboxBlog.png') no-repeat scroll 100% 0;
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 31px;
    margin: 0;
    padding: 0;
    width: 38px;
}
#searchBlog input.search-btn:hover {
    background-position: 100% -31px;
}





/* Searchpage Comments */
/* ====================================================================================== */

#searchMain { margin: 25px 0 0 0px; }
#searchMain .search_box {
    height: 31px;
    margin-top: 5px;
    display: inline-block;
    float: left;
}
#searchMain input.inputbox, #searchMain input.inputbox_focus {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    float: left;
    margin: 0;
    padding: 7px 0 7px 14px;
    width: 172px;
    height: 16px;
    font-size: 13px;
    line-height: 10px;
    color: #999;
    text-shadow: 0 1px #F4F4F4;
}
#searchMain input.inputbox_focus {
    background: transparent url('images/searchbox.png') no-repeat scroll 0 -31px;
}
#searchMain input.inputbox {
    background: transparent url('images/searchbox.png') no-repeat scroll 0 0;
}
#searchMain input.search-btn {
    background:transparent url('images/searchbox.png') no-repeat scroll 100% 0;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 31px;
    margin: 0;
    padding: 0;
    width: 38px;
}
#searchMain input.search-btn:hover {
    background-position: 100% -31px;
}