/*-----------------------------------------------------------------------------
New Site

version:   1.0
author:    Clearscape
email:     info@clearscape.ie
website:   http://www.clearscape.ie/
date:	   July 2009		
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
@import url("sIFR-screen.css");

/* Remove padding and margin */
html, body, 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,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}

body {line-height: 1;background: #e8ebf0;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Class for clearing floats */
.clear {
	clear:both;
}
.clearleft{clear:left}
.right {float:right;}
.left {float:left;}
.nofloat{float:none}


/* Remove border around linked images */
img, a img {
	border: 0;
}

strong{font-weight:bold}
ul {list-style-type:none;}
ul li{background:url(../images/layout/bullet.gif) no-repeat 2px 6px; padding-left:15px}
#content ul li ul {padding-left:20px; margin:5px}
ul li ul li{background:none; padding:0;}


a:link, a:visited {text-decoration:none; color:#574ba1;}
a:hover, a:active {text-decoration:underline; color:#574ba1; }

.maincol ul, .maincol-products ul, .maincol_nosub ul{margin:15px 0px}


.maincol p, .maincol-products p, .maincol-projects p, .maincol_nosub p  {margin-bottom:10px}

.maincol img.right, .maincol_nosub img.right{padding:10px}

.maincol-products ul li:first-child{background:none; font-weight:bold; padding:0; padding-bottom:5px}

/* =Body
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif;   
}

/* =Main Content
-----------------------------------------------------------------------------*/
#wrapper {font-size:12px; width:940px;  margin:0px auto; background: url(../images/layout/wrapperbg.gif) repeat-y #ffffff; padding:0px 12px; color:#444444; line-height:16px }

.header_right{width:623px; float:right;}

/* =Headings
-----------------------------------------------------------------------------*/
h1{background:url(../images/layout/logo.jpg) no-repeat; width:317px; height:81px; display:block; text-indent:-9999px; float:left}

h2{display:block; text-indent:-9999px; height:22px; margin-bottom:15px;}

.col2 h2{width:93px; background:url(../images/layout/welcome_hp.jpg) no-repeat; margin-bottom:5px;}
.col3 h2{width:145px; background:url(../images/layout/avail_hp.jpg) no-repeat; }
.col3 h2.updates{width:83px; background:url(../images/layout/updates_hp.jpg) no-repeat; margin-top:10px}
.maincol h2{width:83px; background:url(../images/layout/about_hp.jpg) no-repeat; }
.maincol-projects h2{width:83px; background:url(../images/layout/projects_hp.jpg) no-repeat; }
.maincol-products h2{width:83px; background:url(../images/layout/products_hp.jpg) no-repeat; }
.maincol-contact h2{width:83px; background:url(../images/layout/contact_hp.jpg) no-repeat; }
.clientspage h2{width:80px; background:url(../images/layout/clients.gif) no-repeat; }
.downloadspage h2{width:96px; background:url(../images/layout/downloads.gif) no-repeat; }
.servicespage h2{width:151px; background:url(../images/layout/services.gif) no-repeat; }
.capabilitiespage h2{width:90px; background:url(../images/layout/capabilities.gif) no-repeat; }
.designqualpage h2{width:117px; background:url(../images/layout/designqual.gif) no-repeat; }
.environmentpage h2{width:117px; background:url(../images/layout/environment.gif) no-repeat; }
.careerspage h2{width:117px; background:url(../images/layout/careers.gif) no-repeat; }
.sitemappage h2{width:117px; background:url(../images/layout/sitemap.gif) no-repeat; }
.privacypage h2{width:117px; background:url(../images/layout/privacy.gif) no-repeat; }

h3 {font-size:13px; color:#333; margin-bottom:15px; font-weight:bold}

h4 {font-weight:bold; font-size:12px; padding:5px 5px 15px 10px}

/* =MainNav
-----------------------------------------------------------------------------*/
ul#mainNav{display:block; width:621px; background:url(../images/layout/mainnavgrad.jpg) repeat-x; height:40px; margin-top:1px}
ul#mainNav li {float:left; background:url(../images/layout/mainnavgrad.jpg) repeat-x; height:40px; text-indent:-9999px;  padding-left:0;}
ul#mainNav li a{height:40px; display:block}
ul#mainNav li a:hover, ul#mainNav  li a:active{background-position:right bottom;}
#active{background-position:bottom right;}


.home{background:url(../images/layout/nav/home.jpg) no-repeat; width:72px; margin-left:38px;}
.home-active{background:url(../images/layout/nav/home.jpg) no-repeat; width:72px; margin-left:38px; background-position:bottom right;}

.about{background:url(../images/layout/nav/about.jpg) no-repeat; width:87px;}
.about-active{background:url(../images/layout/nav/about.jpg) no-repeat; width:87px; background-position:bottom right;}

.products{background:url(../images/layout/nav/products.jpg) no-repeat; width:79px;}
.products-active{background:url(../images/layout/nav/products.jpg) no-repeat; width:79px; background-position:bottom right;}

.projects{background:url(../images/layout/nav/projects.jpg) no-repeat; width:79px;}
.projects-active{background:url(../images/layout/nav/projects.jpg) no-repeat; width:79px; background-position:bottom right;}

.clients{background:url(../images/layout/nav/clients.jpg) no-repeat; width:69px;}
.clients-active{background:url(../images/layout/nav/clients.jpg) no-repeat; width:69px; background-position:bottom right;}

.downloads{background:url(../images/layout/nav/downloads.jpg) no-repeat; width:96px;}
.downloads-active{background:url(../images/layout/nav/downloads.jpg) no-repeat; width:96px; background-position:bottom right;}

.contact{background:url(../images/layout/nav/contact.jpg) no-repeat; width:101px;}
.contact-active{background:url(../images/layout/nav/contact.jpg) no-repeat; width:101px; background-position:bottom right;}


/* =Body
-----------------------------------------------------------------------------*/

#content{padding-top:16px; clear:both}
*:first-child+html #content {padding-top:8px;}
ul.flags li{float:right; margin-right:7px; margin-top:0px; padding-top:6px; background:none;   }
ul.flags li a{width:22px; height:16px; display:block; padding-top:16px; width:45px }
.englishflag{background:url(../images/layout/english.jpg) no-repeat 10px 0px}
.spanishflag{background:url(../images/layout/spanish.jpg) no-repeat}
.germanflag{background:url(../images/layout/german.jpg) no-repeat}
.arabicflag{background:url(../images/layout/arabic.jpg) no-repeat 8px 0px}


.timeanddate{height:27px;width:200px;padding-top:13px;padding-left:274px;font-size:10px; display:inline; line-height:40px}
 
*:first-child+html .timeanddate {padding-top:0px; margin-top:-15px;}


.flashbanner{width:620px; height:219px; background:url(../images/layout/hpbanner.jpg) no-repeat; float:left; margin-right:20px; margin-top:0; padding:0; }
.flashbanner2{width:940px; height:134px; background:url(../images/layout/hpbanner2.jpg) no-repeat; float:left; margin-right:0px}

.dublin, .jordan{width:300px; height:105px; display:block; float:right}
.dublin{background: url(../images/layout/dublin.jpg) no-repeat}
.jordan{background: url(../images/layout/jordan.jpg) no-repeat; margin-top:10px}

.hp_promolinks{ width:220px; float:left; margin-right:20px; }
.hp_promolinks li{height:51px; margin-bottom:12px; padding:0; background:none}
.hp_promolinks li a{width:220px; height:51px; display:block; text-indent:-9999px;}
.hp_promolinks li a:hover{background-position:right;}

.subnav {width:222px; float:left; margin-right:18px;}
.subnav li{height:21px; margin-bottom:2px; padding:0; border-bottom:1px solid #F8F8F8; background:url(../images/layout/subnav-img.jpg) no-repeat;}
.subnav li.span{height:35px; margin-bottom:2px; padding:0; border-bottom:1px solid #F8F8F8; background:url(../images/layout/subnav-img2.jpg) no-repeat;}
.subnav li a{color:#333; height:21px; display:block; padding-left:22px; padding-top:2px;}
.subnav li a:hover{text-decoration:none; color:#000; }


.project li{ margin-bottom:1px; padding-left:10px;  background:none; display:block; }
.project li a{color:#333;  padding-top:2px;}

.downloadbroch{background:url(../images/layout/downloadbroch.jpg) no-repeat}
.services{background:url(../images/layout/services.jpg) no-repeat}
.designqual{background:url(../images/layout/designqual.jpg) no-repeat}
.enviro{background:url(../images/layout/enviro.jpg) no-repeat}
.capabilities{background:url(../images/layout/capabilities.jpg) no-repeat}
.careers{background:url(../images/layout/careers.jpg) no-repeat}

.col2, .col3{background:#f8f8f8; height:423px}
.col2{width:350px; float:left; margin-right:20px; padding:15px; margin-bottom:10px;}
.col3{width:270px; padding:15px; float:right; ; margin-bottom:10px;}

.maincol, .maincol-products {width:670px; float:left; padding:15px; background:#f8f8f8; MARGIN-TOP:0PX; margin-bottom:10px; min-height:400px}

.maincol-contact, .maincol-projects, .maincol_nosub {width:909px; height:650px; float:left; padding:15px; background:#f8f8f8; MARGIN-TOP:0PX; margin-bottom:10px;}
.maincol-projects, .maincol_nosub {height:auto; min-height:400px}

.col2 li{margin-bottom:10px;}

.col3 a{color:#444444;}
.col3 li{margin-bottom:10px}
.viewallproducts{margin-top:30px; padding-bottom:20px}


.clientspage .maincol_nosub ul li{float:left; background:none; padding:0; padding-top:15px; width:207px; height:100px; text-align:center; border:1px solid #EAEAEC; background:#ffffff; margin:9px }

ul.pdf_icons{width:450px;float:left}
.pdf_icons li{margin-bottom:15px}
.pdf_icons li a{background:url(../images/layout/pdf_icon.jpg) no-repeat 60% 100%; height:31px; display:block}

.environmentpage img{border:1px solid #EAEAEC; margin-bottom:15px;}

/* =Project Feature
-----------------------------------------------------------------------------*/

.project-panel {width:422px; border:1px solid #EAEAEC; padding:10px;  background:#fff; margin-bottom:15px; height:120px }
.project-panel img{float:right; padding:15px}
.project_col1 {margin-right:20px; float:left}
p.project {font-size:12px; padding-left:6px; padding-right:6px;}


/* =Product Feature
-----------------------------------------------------------------------------*/

.product-panel {width:411px; border:1px solid #EAEAEC; padding:10px; background:#fff; margin-right:15px; margin-bottom:15px; float:left; display:block}
.product-panel2 {width:199px; border:1px solid #EAEAEC; padding:10px;  background:#fff; margin-bottom:15px; float:left;}
p.gallery {font-weight:bold; font-size:12px; margin-left:8px;}


/* =Contact Page
-----------------------------------------------------------------------------*/

.contact-panel {width:568px; border:1px solid #EAEAEC; padding:10px;  background:#fff; margin-right:15px; margin-bottom:15px; float:left;}
.contact-panel2 {width:282px; border:1px solid #EAEAEC; height:577px; padding:10px;  background:#fff; margin-bottom:15px; float:left;}
*:first-child+html .contact-panel2 {height:562px;}
p.contact-title {color:#4e3caa; padding-bottom:2px; border-bottom:1px solid #EAEAEA;}
.submit{background:url(../images/layout/formbutton.gif) no-repeat; width:62px; height:30px; display:block; text-indent:-9999px; border:none; font-size:0px; cursor:pointer}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {width:964px; margin:auto; background:url(../images/footer.gif) no-repeat; color:#434345; font-size:11px}
#footer p{float:left; margin-top:10px}
.copyright{margin-right:450px}
.nsai{width:88px; height:50px; display:block; text-indent:-9999px; background:url(../images/nsai.gif) no-repeat; margin-top:10px; float:right}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}
form {margin:0;padding:0;}
select {height:20px; font-size:12px; color: #666666; }

/* =Tables
-----------------------------------------------------------------------------*/
td {text-align: left;font-weight: normal;}