/*-----------------------------------------------------------------------------
New Site

version:   1.0
author:    Clearscape
email:     info@clearscape.ie
website:   http://www.clearscape.ie/
date:	   xxxx 2007 		
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
@import url("sIFR-screen.css");

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}
.right {float:right;}
.left {float:left;}


/* Remove border around linked images */
img, a img {
	border: 0;
}

/*ul {list-style-type:none;}
a:link, a:visited {text-decoration:none; color:#3cb4e7;}
a:hover, a:active {text-decoration:underline; color:#58ab40; }*/

h1 {text-indent:-5000px;}

/* =Body
-----------------------------------------------------------------------------*/

body {
  font: 11px Verdana, Arial, Helvetica, sans-serif; background:#eee ;  
}
body a{ text-decoration:none ; color:#0099CC
    
}
body a:hover{ color:#666699;text-decoration:none  
    
}
body a:visited{ color:#666699;text-decoration:none  
    
}



/* =Main Content
-----------------------------------------------------------------------------*/
#wrapper {width:770px;  margin:0px auto; padding:14px 34px; background:url(../images/layout/bg.gif) repeat-y; }

/* =Header
-----------------------------------------------------------------------------*/
h1 {background:url(../images/layout/logo.gif) no-repeat; display:block; width:196px; height:60px; float:right;}
h4{ font-family:Century Gothic,Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; padding:9px 0px 0px 14px;}


/* =MainNav
-----------------------------------------------------------------------------*/
 ul.mainNav {
	clear:both;
	margin:0px; padding:0px;
	float:left;
	list-style:none;
	padding-top:15px;
	
	
	
			}
ul.mainNav li {
 		float:left;
 }


ul.mainNav a {	display:block; height:37px; text-indent:-5000px;	}
	
.home a, .services a , .about a, .technology a, .customers a, .contactus a, .markets a {background:url(../images/layout/nav/mainNav.gif) ;}

.home a {width:101px}
.home a:hover {background-position:0px -37px;}
.home a:active, #home .home a {background-position:0px -37px;}	

.about a {width:108px; background-position:-101px 0px;}
.about a:hover, #about .about a {background-position:-101px -37px;}	

.services a {width:124px; background-position:-209px 0px;}
.services a:hover {background-position:-209px -37px;}
.services a:hover, #services .services a {background-position:-209px -37px;}

.markets a {width:140px; background-position:-488px 0px;}
.markets a:hover {background-position:-488px -37px;}
.markets a:hover a{background-position:-488px -37px;}
#customers .customers a{background-position:-628px -37px;}
#markets .markets a{background-position:-488px -37px;}

.technology a {width:150px; background-position:-333px 0px;}
.technology a:hover {background-position:-333px -37px;}	
.technology a:hover, #technology .technology a{background-position:-333px -37px;}
/*
.customers a {width:140px; background-position:-488px 0px;}
.customers a:hover {background-position:-488px -37px;}
.customers a:hover, #customers .customers a{background-position:-488px -37px;}

.contactus a {width:132px; background-position:-628px 0px;}
.contactus a:hover {background-position:-628px -37px;}
.contactus a:hover, #contactus .contactus a{background-position:-628px -37px;}		
*/

.customers a {width:132px; background-position:-628px 0px;}
.customers a:hover {background-position:-628px -37px;}
.customers a:hover, #contactus .contactus a{background-position:-628px -37px;}


	
/* =News Services Partners Boxes(new version : Media Presentation & why BWO)
-----------------------------------------------------------------------------*/
#NSPboxes_wrap { margin:0px; padding:20px 0px 0px; width:760px;color:#FFFFFF; font-size:11px }
#redBox { width:240px; height:203px; background-image:url(../images/layout/redBox.gif); float:left ;background-repeat: no-repeat;}


#greenBox { width:240px; height:203px; background-image:url(../images/layout/greenBox.gif); float:right ;background-repeat: no-repeat;}
#blueBox {width:240px;height:203px;background-image:url(../images/layout/blueBox2.gif);float:right;  background-repeat: no-repeat;
}

#greenBox a:hover {text-decoration:underline; color:#FFF}

.insideText_wrap { padding: 0px 15px 20px 15px;}

#insideText_blueBox { padding-top:30px; margin-left:25px}


.insideText_date{ font-weight:bolder }	
#insideText_redBox{ line-height:15px }
#insideText_redBox a{text-decoration:underline; color:#FFFFFF}
#insideText_redBox a:hover{text-decoration:underline; color:#FFFFCC}
#MediaHeading a{color:#FFFFFF; text-decoration:none}
#MediaHeading a:hover{color:#FFFFCC;}
/* _____________circle Arrows in Index.htm ______________________*/

ul.circleArrow { list-style:none; padding:0px; margin:0px }

ul.circleArrow li {
 		float:right;
 }


ul.circleArrow a {	display:block;text-indent:-5000px;	}
	
.blue a {width:25px; height:25px;background-image: url(../images/buttons/continueCircleArrowBlue.jpg);margin:10px 13px 0px 0px}
.green a {width:27px; height:24px;background-image: url(../images/buttons/continueCircleArrowGreen.jpg);margin:65px 13px 0px 0px}

/* __/___________circle Arrows in Index.htm ______________________*/



#insideText_greenBox a{color:#FFFFFF; padding-bottom:0px; text-decoration:underline; }
#insideText_blueBox a{color:#FFFFFF; padding-bottom:0px; text-decoration:underline; }
h3.NSP {text-indent:-5000px}

/* =Body
-----------------------------------------------------------------------------*/


/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	clear:both;
	background-image:url(../images/layout/footer.jpg); 
	width:770px;
	height:51px;
	margin:0 auto;
	padding: 0px 34px;
	background-repeat: no-repeat; color:#000000;	
}



ul.footerNav {
	
	margin:0px; padding:0px;
	
	list-style:none;
	padding-top:10px;
	

			}
ul.footerNav li {
 		float:left; 
 }
ul.footerNav a{color:#000000; text-decoration:none; font-size:11px; display:block;}

.blackNav{color: #000000}

ul li ul{margin-left:10px;}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opera 7 */
fieldset {
  border: 1px solid transparent;
}

form {margin:0;padding:0;}
input {border:1px solid #66cccc;background:url(../images/layout/input_grad.gif) repeat-x; font-size:11px; height:16px;padding:2px 0 0 4px;  }
input.go {border:0px;background:url(../images/layout/go.gif) no-repeat; display:block; width:32px; height:20px; text-size:0px; text-align:left; color:#66cccc; padding:0px;}
#searchbox input {border-right:0px; float:left;}

select {height:20px; font-size:12px; color: #666666; }

#partnerFormBox{color: #FFFFFF;background: url(../images/layout/formBox.gif);height: 176px;width: 240px; margin:35px 0px 0px 8px}
#partnerFormBox_content{ padding:50px 15px 0px 8px}
input.partnerFormBox_go{border:0px;background: url(../images/buttons/continueCircleArrowGreen.jpg) no-repeat right; display:block;
	height: 24px;width: 65px; text-align:left; color:#FFFFFF; font-weight:bold; float:right; font-size:18px; font-weight:bold }



#partnerFormBox a{ text-decoration:none; color:#FFFFFF;font-weight:bold}
#partnerFormBox a:hover{ text-decoration:underline; color:#FFFFFF; font-weight:bold}
.partnerForm_gap{ line-height:14px}

/* =Tables
-----------------------------------------------------------------------------*/


tr.sitemap a:hover{text-decoration:underline}
tr.sitemap a:hover{text-decoration:underline}

.logos { padding:15px}

/* =Flash backgrounds, if flash not instaled
-----------------------------------------------------------------------------*/
.FlashBannerBG1 {
	width:759px;
	height:253px;
	background: url(../images/mainFlashBanner.jpg) no-repeat;
}



.OutputUrl
{
	
	display:none; 
}

/*Menu items*/
ul.MarketsSubNav
{
list-style:none;}
ul.MarketsSubNav a {display:block; width:189px; text-indent:-5000px;	}
	
.MarketsSubNav .Svoice a, .MarketsSubNav .Ssms a , .MarketsSubNav .Semail a, .MarketsSubNav .Scontainer a, .MarketsSubNav .Stechnology a, .MarketsSubNav .Sbrochure a , .MarketsSubNav .Scontactus, .Tbrochures a{background:url(../images/layout/nav/buttonsMarketstSubNav2.png)}

.MarketsSubNav .Svoice a { height:28px;  }
.MarketsSubNav .Svoice a:hover, .services_voicecalling .Svoice a{background-position:-189px 0px;}	

.MarketsSubNav .Ssms a {height:20px; background-position:0px -28px;}
.MarketsSubNav .Ssms a:hover, .services_sms .Ssms a{background-position:-189px -28px;}	

.MarketsSubNav .Semail a {height:20px; background-position:0px -48px;}
.MarketsSubNav .Semail a:hover, .services_email .Semail a{background-position:-189px -48px;}

.MarketsSubNav .Scontainer a {height:42px; background-position:0px -68px;}
.MarketsSubNav .Scontainer a:hover, .services_containermonitoring .Scontainer a{background-position:-189px -68px;}	

.MarketsSubNav .Stechnology  a {height:37px; background-position:0px -109px;}
.MarketsSubNav .Stechnology  a:hover {background-position:-189px -109px;}


.Sbrochure a {height:21px; background-position:0px -146px;}
.Sbrochure a:hover {background-position:-189px -146px;}	

.Scontactus a {height:32px; background-position:0px -167px;}
.Scontactus a:hover {background-position:-189px -167px;}


.Tbrochures a {height:20px; margin-left:1px; margin-top:10px; padding-top:3px;  background-position:0px -148px; }
.Tbrochure a:hover {background-position:-189px -148px;}	


.Mcontactus a{background:url(../images/layout/nav/marketsContact.png)}

.Mcontactus a {height:43px; }
.Mcontactus a:hover {background-position: 189px;}
