/** CSS for WebIT Services */
/** Created by www.webitservices.ie June 2011 */
/** Here is the legend for this style sheet so you can follow the properties for the template and then the individual pages **/
		/** 1. ** Template or Page *********** Template or Page ************ Template or Page ************* Template or Page**/
		/** 2. ******** Body and Functions ********/
		/** 3. **** Outer most Div ****/
		/** 4. ** Inside Div - Propertys - general comments **/
/** The Style.CSS starts with the Template and then adds the pages; Index.html, About.html, Contact.html etc., as per sitemap **/



/** Template *********************** Template ****************************** Template ******************************* Template **/
/** Go to www.webitservices.ie/template.html to see what the page includes while active **/
/******** An insital set to clear border **********/
html,body,header, footer, div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td,quote {
	border		: 0;
	outline		: 0;
	font-size	: 100%;
	vertical-align : baseline;
	margin		: 0px;
	padding		: 0px;
}
/******** Body ********/
body{
	background	: #e1e1eb url('../images/canvasslice.jpg') repeat-x;
	height		: auto;
	text-align	: center; /** IE Bug - needed for margin-left, right: auto; settings to work for #Page */
}
h1{
	font-family	: "Arial", sans-serif;
	font-size	: 16px;	
	color		: #000160;
}
p{
	color		: #000000;
	font-family	: "Times New Roman", Times, serif;	
	font-size	: 16px;
}
a{
	color		: #fff;
	font-family	: "Times New Roman", Times, serif;
	text-decoration: none;
}
p a{
	color		: #000;
	font-family	: "Times New Roman", Times, serif;
	text-decoration: none;
}
/**** Header ****/
header{
	background	: url('../images/logo.jpg') no-repeat;
	width		: 930px;
	position	: relative;
	height		: 60px;
	margin-right: auto;
	margin-left	: auto;
	margin-top	: 77px;
	margin-bottom: 25px;
	overflow	: visible;
}
header h1{
	font-size	: 30px;	
	color		: #fff;
	text-align	: left;
	font-family	: "Times New Roman", Times, serif;	
	padding		: 28px 0px 0px 175px;
}
/** Menu **/
#menu {	
	position	: relative;
	float		: right;
	top			: -25px;
}
#menuItems li, #menuItems a {
	text-decoration: none;
	list-style	: none;
	display		: inline-block;
	font-family	: "Times New Roman", Times, serif;	
	font-size	: 18px;	
	color		: #fff;
}
#menuItems a:hover {
	color		: #70AAD0;
}
/**** Page ****/
#page{
	background-color: #fff;
	position	: relative;
	height		: auto;
	width		: 930px;
	margin-left	: auto;
	margin-right: auto;
	margin-bottom: 50px;
	-moz-box-shadow: 0 0 13px 0px #000;
	-webkit-box-shadow: 0 0 13px 0px #000;
	box-shadow: 0 0 13px 0px #000;
	border-radius:1em;
	/* For IE 8 */
	-ms-filter:
	"progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=0,strength=0)",
	"progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=45,strength=2)",
	"progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=90,strength=5)",
	"progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=10)";
	/* For IE 5.5 - 7 */
	filter: 
	progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=0,strength=0),
	progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=45,strength=2),
	progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=90,strength=5),
	progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=10);
}
/** Content **/
#content{
	height		: 555px;
	width		: 930px;
	overflow	: hidden;
}
/**** Footer ****/
footer{
	background	: url('../images/footer.jpg') no-repeat;
	position	: relative;
	width		: 930px;
	height		: 200px;
	overflow	: hidden;
	margin-left	: auto;
	margin-right: auto;
	margin-bottom: 25px;
	z-index		: 1000;
	-moz-box-shadow: 0 0 13px 0px #000;
	-webkit-box-shadow: 0 0 13px 0px #000;
	box-shadow: 0 0 13px 0px #000;
	border-radius:1em;
	/* For IE 8 */
	-ms-filter:
	"progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=0,strength=0)",
	"progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=45,strength=2)",
	"progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=90,strength=5)",
	"progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=10)";
	/* For IE 5.5 - 7 */
	filter: 
	progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=0,strength=0),
	progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=45,strength=2),
	progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=90,strength=5),
	progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=10);
}

footer p a {
	font-size	: 15px;
	color		: #fff;
}

footer p  {
	position	: relative;
	color		: #fff;
	text-align	: center;
	left		: 0px;/*-20px;*/
}
/** Social Media **/
.socialmedia{
	height		: 29px;
	width		: 29px;
	position	: relative;
	background-color	: #4b94ca;
}
.socialmedia a{
	padding	: 0px 15px 10px 15px;
}
#facebook{
	left		: 368px;
	top			: 5px;
	background	: #4b94ca url('../images/socialmediasprite.png') no-repeat -4px -35px;
}
#facebook:hover {
	background	: #4b94ca url('../images/socialmediasprite.png') no-repeat -4px -2px;
}
#facebook:active {
	background	: #4b94ca url('../images/socialmediasprite.png') no-repeat -4px -72px;
}
#youtube{
	left		: 423px;
	top			: -24px;
	background	: #4b94ca url('../images/socialmediasprite.png') no-repeat -37px -35px;
}
#youtube:hover {
	background	: #4b94ca url('../images/socialmediasprite.png') no-repeat -37px -2px;
}
#youtube:active {
	background	: #4b94ca url('../images/socialmediasprite.png') no-repeat -37px -72px;
}
#twitter{
	left		: 475px;
	top			: -52px;
	height		: 28px;
	background	: #4b94ca url('../images/socialmediasprite.png') no-repeat -70px -35px;
}
#twitter:hover {
	background	: #4b94ca url('../images/socialmediasprite.png') no-repeat -70px -2px;
}
#twitter:active {
	background	: #4b94ca url('../images/socialmediasprite.png') no-repeat -70px -72px;
}
#linkedin{
	left		: 530px;
	top			: -81px;
	height		: 28px;
	background	: #4b94ca url('../images/socialmediasprite.png') no-repeat -103px -35px;
}
#linkedin:hover {
	background	: #4b94ca url('../images/socialmediasprite.png') no-repeat -103px -2px;
}
#linkedin:active {
	background	: #4b94ca url('../images/socialmediasprite.png') no-repeat -103px -72px;
}
/** Sitemap **/
#sitemap {
	position	: relative;
	bottom		: 20px;
}
/** Validator **/
#wthreec{
	position	: relative;
	bottom		: 40px;
	left		: 0px;/*-20px;*/
	height		: 31px;
	width		: 88px;
}
/** Index.html *************************** Index.html *****************************8Index.html ***********************Index.html****/

/**** Panels ****/
.panelBorder{
	position	: relative;
	background	: #fff url('../images/bordersmall.png') no-repeat;
	width		: 320px;
	height		: 42px;
	left		: 10px;
	top			: 0px;
}
/** Panel One **/
#panelOne{
	position	: relative;
	height		: 270px;
	width		: 340px;
	top			: 10px;
	left		: 2px;
	background-color: #fff;
	z-index		: 1;
}
#panelOneTop{}
#panelOneTop h1{padding-top: 9px;}

#services{
	position	: relative;
	height		: 182px;
	width		: 316px;
	top			: 24px;
	left		: 0px;
	background-color: #fff;
}
/** Panel Two **/
#panelTwo{
	position	: relative;
	height		: 270px;
	width		: 580px;
	top			: -260px;
	left		: 342px;
	background-color: #fff;
	z-index		: 100;
}
#panelTwoTop{
	position	: relative;
	width		: 576px;
	height		: 42px;
	top			: 0px;
	left		: 0px;
	background	: #fff url('../images/borderlarge.png') no-repeat;
}
#panelTwoTop h1{padding-top: 9px;}
#maingraphic{
	position	: relative;
	height		: 228px;
	width		: 576px;
	top			: 13px;
	background-color: #f5f5f5;
}
#maingraphic h1{
	color		: #909090;
	text-align	: center;
}
/** From Dynamic HTML for Main Graphic**/
div.bgcarousel{ /* CSS for main carousel container */
background: #fff url(../images/ajax-load.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:576px; /* default dimensions of carousel */
height:228px;
}

img.navbutton{ /* CSS for the nav buttons */
margin:5px;
opacity:0.7;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: #fff;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: #fff;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: #fff;
left: 40px;
top: 100px;
width:200px;
padding: 10px;
font: bold 16px sans-serif, Arial;
text-shadow: 0 -1px 1px #ffffff; /* CSS3 text shadow */
z-index:5;
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc h2{
font-size:25px;
margin:0;
color: #c60505;
/* IE 8*/
    filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=ffffff);
}

div.slide div.desc a{
color:yellow;
text-decoration:none;
}

/** Panel Three **/
#panelThree{
	position	: relative;
	height		: 306px;
	width		: 920px;
	top			: -302px;
	left		: 2px;
	background-color: #fff;
	z-index		: 10;
}
#panelThreeTop{}
#panelThreeTop h1{padding-top: 9px;}
/** Services **/
.service {
	height		: 250px;
	width		: 277px;
	position	: relative;
	background	: #fff url('../images/servicepanel.png') no-repeat 0px 0px;
}

.service h1{padding-top: 9px;}
.service a{
	position	: relative; 
	padding		: 0px 137px 232px 137px;
}
.service li{
	background	: url('../images/tick.png') no-repeat 0px 0px;
	margin		: 10px 5px 0px 58px;
	list-style	: none;
}
.service p{
	color		: #464656;
	padding-left: 30px;
	text-align	: left;
}
.service:hover {
	background	: #fff url('../images/servicepanel.png') no-repeat 0px -250px;
}
.service:active {
	background	: #fff url('../images/servicepanel.png') no-repeat 0px -500px;
}
#serviceOne{
	left		: 32px;
	top			: 10px;
}
#serviceTwo{
	left		: 328px;
	top			: -240px;
}
#serviceThree{
	left		: 622px;
	top			: -490px;
}
/** Free Trial **/
#freetrial{
	position	: relative;
	background	: url('../images/trialbutton.png') no-repeat 0px -26px;
	height		: 22px;
	width		: 142px;
	bottom		: -8px;
	left		: 68px;
}
#freetrial a {
	padding-left: 70px; /* with html markup padding:0px 37px; */
	padding-right: 70px;
	padding-top	: 3px;
	padding-bottom: 0px;
}

#freetrial:hover{
	background	: url('../images/trialbutton.png') no-repeat 0px 0px;
}
#freetrial:active{
	background	: url('../images/trialbutton.png') no-repeat 0px -52px;
}

/** Free Trial.php ***************** Free Trial.php ******************** Free Trial.php ********************** Free Trial.php **/
	/** CSS not included here. Please see all files under 'overlay' folder for any CSS referring to Freetrial.php **/
/** About.html *********************** About.html ************************ About.html ************************* About.html **/
#aboutness{
	padding		: 70px 100px;
	width		: 700px;
	text-align	: justify;
}
#aboutness p, #aboutness a {
	padding		: 3px 3px;
	font-family	: "Arial", sans-serif;
}

/** Affiliations.html ********************* Affiliations.html ********************** Affiliations.html ********************** Affiliations.html **/
#affcontent{
}
#affcontent table{
	border-collapse: separate;
    border-spacing: 31px;
}
#affcontent td{
	height		: 130px;
	padding-top	: 3px;
	width		: 190px;
	/*border		: 2px solid #464656;
	-moz-box-shadow: 0 0 13px 0px #000;
	-webkit-box-shadow: 0 0 13px 0px #000;
	box-shadow: 0 0 13px 0px #000;
	border-radius:1em;
	/* For IE 8 
	-ms-filter:
	"progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=0,strength=0)",
	"progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=45,strength=2)",
	"progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=90,strength=5)",
	"progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=10)";
	*/
	
}

/** Contact.php *********************** Contact.php ************************ Contact.php ************************* Contact.php **/
#main-container{
	width:400px;
	margin:30px auto;
	text-align:left;
}
#form-container{
	background-color:#f5f5f5;
	padding:15px;
	
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
}
#form-container td{
	white-space:nowrap;
}
#form-container a, #form-container a:visited {
	color:#00BBFF;
	text-decoration:none;
	outline:none;
}
#form-container a:hover{
	text-decoration:underline;
}
#form-container h1{
	color:#777777;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:5px;
}
#form-container h2{
	font-weight:normal;
	font-size:14px;
	color:#242a72;
	margin-bottom:15px;
	border-bottom:1px solid #eeeeee;
	margin-bottom:15px;
	padding-bottom:10px;
}
#form-containerlabel{
	text-transform:uppercase;
	font-size:10px;
	font-family:Tahoma,Arial,Sans-serif;
}

#form-container textarea{
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

#form-container td > button{
	text-indent:8px;
}

.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}
/** Marketing boxes for all 3 services on Websites and Email, Online Marketing and Technical Support **/
.market{
	position	: relative;
	height		: 130px;
	width		: 870px;
	top			: 0px;
	left		: 30px;
	padding-top	: 20px;
}
.market h1{
	padding-left: 145px;
}
.market p, .market p a{
	font-family	: "Arial", sans-serif;
	font-size	: 14px;	
	color		: #000160;
	text-align	: justify;
	padding		: 2px 0px;
}
.market ul{
	padding-top	: 10px;
} 
.market li {
	color		: #464656;
	list-style	: none;
	text-align	: left;
	padding-left: 145px;
}
/** Home button sprite for all 3 services on Websites and Email, Online Marketing and Technical Support **/
#homebutton{
	position	: relative;
	background	: url('../images/hbsprite.png') no-repeat 0px -56px;
	height		: 47px;
	width		: 47px;
	bottom		: 8px;
	left		: 425px;
}
#homebutton:hover{
	background	: url('../images/hbsprite.png') no-repeat 0px 0px;
}
#homebutton:active{
	background	: url('../images/hbsprite.png') no-repeat 0px -110px;
}

/** Websites and Email.html ***** Websites and Email.html ********* Websites and Email.html ******** Websites and Email.html **/
#intropane{
	position	: relative;
	height		: 88px;
	width		: 870px;
	top			: 20px;
	left		: 30px;
	text-align	: left;
}
#intropane p, #intropane p a{
	font-family	: "Arial", sans-serif;
	font-size	: 14px;	
	color		: #000;/*#000160;*/
	text-align	: justify;
	padding		: 2px 0px;
}
#regemail{	
	text-align	: left;
	margin-top	: 5px;
	left		: 5px;
	background	: #fff url('../images/email.jpg') no-repeat;
}
#webhost {
	text-align	: left;
	position	: relative;
	left		: 395px;
	background	: #fff url('../images/webhosting.jpg') no-repeat;
	background-position: right;
	width		: 528px;
}
#webhost h1, #webhost  li{padding-left: 0px;}
#newdnb{
	text-align	: left;
	margin-top	: 5px;
	left		: 5px;
	width		: 597px;
	background	: #fff url('../images/wbstes.jpg') no-repeat;
}
#newdnb h1, #newdnb  li{padding-left: 202px;}
#seo{
	text-align	: left;
	position	: relative;
	left		: 465px;
	background	: #fff url('../images/seoim.jpg') no-repeat;
	background-position: right;
	width		: 435px;
	height		: 180px;
}
#seo h1, #seo  li{padding-left: 0px;}
#ednup{
	text-align	: left;
	margin-top	: -45px;
	left		: 5px;
	background	: #fff url('../images/editweb.jpg') no-repeat;
	width		: 435px;
}
#ednup h1, #ednup  li{padding-left: 205px;}
/** Online Marketing.html ******** Online Marketing.html *********** Online Marketing.html *********** Online Marketing.html **/
#introonline{
	position	: relative;
	height		: 170px;
	width		: 870px;
	top			: 20px;
	left		: 30px;
	text-align	: left;
}
#introonline p, #introonline p a{
	font-family	: "Arial", sans-serif;
	font-size	: 14px;	
	color		: #000;/*#000160;*/
	text-align	: justify;
	padding		: 2px 0px;
}
#identity{	
	text-align	: left;
	margin-top	: 5px;
	background	: #fff url('../images/passport.png') no-repeat;
}
#analytic {
	text-align	: left;
	position	: relative;
	left		: 380px;
	background	: #fff url('../images/anadat.jpg') no-repeat;
	background-position: right;
	width		: 537px;
}
#analytic h1, #analytic  li{padding-left: 0px;}
#adcamp{
	text-align	: left;
	margin-top	: 5px;
	background	: #fff url('../images/onadv.jpg') no-repeat;
}
#adcamp  h1, #adcamp   li{padding-left: 205px;}
#media {
	text-align	: left;
	position	: relative;
	left		: 465px;
	background	: #fff url('../images/mediaicons.png') no-repeat;
	background-position: right;
	width		: 435px;
}
#media  h1, #media   li{padding-left: 0px;}
#flyers{
	text-align	: left;
	background	: #fff url('../images/flyers.jpg') no-repeat;
	width		: 465px;
	height		: 258px;
}
#flyers  h1, #flyers   li{padding-left: 205px;}
/** Technical Support.html ******* Technical Support.html ********* Technical Support.html ********** Technical Support.html **/

#introtech{
	position	: relative;
	height		: 200px;
	width		: 870px;
	top			: 20px;
	left		: 30px;
	text-align	: left;
	margin-bottom: 20px;
}
#introtech p, #introtech p a{
	font-family	: "Arial", sans-serif;
	font-size	: 14px;	
	color		: #000;/*#000160;*/
	text-align	: justify;
	padding		: 2px 0px;
}
#emailprob{	
	text-align	: left;	
	margin-top	: 88px;
	background	: #fff url('../images/emprob.jpg') no-repeat;
}
#emailprob  h1, #emailprob li{padding-left: 165px;}
#webprob {
	text-align	: left;
	position	: relative;
	left		: 415px;
	background	: #fff url('../images/wbsprobs.jpg') no-repeat;
	background-position: right;
	width		: 512px;
}
#webprob h1, #webprob  li{padding-left: 0px;}
#newpclp{
	text-align	: left;
	margin-top	: 5px;
	background	: #fff url('../images/pcupgrade.jpg') no-repeat;
}
#newpclp  li, #newpclp h1 {padding-left: 165px;}

#uprepair{
	text-align	: left;
	position	: relative;
	left		: 344px;
	background	: #fff url('../images/lprpair.jpg') no-repeat;
	background-position: right;
	width		: 570px;
}
#uprepair h1, #uprepair  li{padding-left: 0px;}
#remotesp{
	text-align	: left;
	margin-top	: 5px;
	background	: #fff url('../images/rmsuppt.jpg') no-repeat;
}
#remotesp li, #remotesp h1 {padding-left: 230px;}

/** Portfolio.html **************** Portfolio.html *********************** Portfolio.html *********************Portfolio.html **/
#textarea {
	text-align	: left;
	padding-left: 30px;
}
#textarea h1{
	padding-left: 30px;
}
#textarea h2, #textarea a{
	color		: #000;
	text-decoration:underline;
	padding-left: 170px;
	font-family	: "Arial", sans-serif;
	font-size	: 16px;	
	color		: #9FA3A4;
}
#textarea p{
	font-size	: 14px;
	text-align	: left;
	padding-left: 170px;
}
.frame{
	position	: relative;
	height		: 150px;
	width		: 800px;
	top			: 0px;
	left		: 30px;
	padding-top	: 20px;
	-moz-box-shadow: 0 0 13px 0px #000;
	-webkit-box-shadow: 0 0 13px 0px #000;
	box-shadow: 0 0 13px 0px #000;
	border-radius:1em;
	/* For IE 8 */
	-ms-filter:
	"progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=0,strength=0)",
	"progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=45,strength=2)",
	"progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=90,strength=5)",
	"progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=10)";
	/* For IE 5.5 - 7 */
	filter: 
	progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=0,strength=0),
	progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=45,strength=2),
	progid:DXImageTransform.Microsoft.Shadow(color=#6a6a6a,direction=90,strength=5),
	progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=10);
}
.frame h1{
	padding-left: 145px;
}
.frame p, .frame p a{
	font-family	: "Arial", sans-serif;
	font-size	: 14px;	
	color		: #000160;
	text-align	: justify;
	padding		: 2px 5px 2px 0px;
}
.frame ul{
	padding-top	: 10px;
} 
.frame li {
	color		: #464656;
	list-style	: none;
	text-align	: left;
	padding-left: 145px;
}
#webit{
	background	: #fff url('../images/webit.jpg') no-repeat;
}
#barry{
	background	: #fff url('../images/bmg.jpg') no-repeat;
}
#cloudforce{
	background	: #fff url('../images/cfpage.jpg') no-repeat;
}
#skernel{
	background	: #fff url('../images/skern.jpg') no-repeat;
}
#wgc{
	background	: #fff url('../images/ward.jpg') no-repeat;
}
#orca{
	background	: #fff url('../images/orca.jpg') no-repeat;
}
#landmark{
	background	: #fff url('../images/landmark.jpg') no-repeat;
}
#ghcl{
	background	: #fff url('../images/adwrds.jpg') no-repeat;
}