@charset "utf-8";

/*----Common and Resets---->>START*/
body,
h1, h2, h3, h4, h5, h6,
p, li, form, div, table, tr, td html { padding: 0px; margin: 0px; }
ul{padding:0; margin:0; line-height:0; list-style:none; font-size:0px;}
img { border: 0px; }
form { display: inline; }

body {background-color:#F5F5F5; color: #464849; font: 14px/18px Tahoma, Arial, Helvetica; font-smooth:always; text-align: center; margin:0 auto; padding:0px 0 0 0;}
a{ text-decoration:none; outline:none; border:none;}
img a{outline:none; border:none;}
.clear { clear: both; line-height:0; font-size:0; }
.wrap { width: 100%; }
.center { width: 100%; text-align: center; }

#contener { width:960px; text-align:center; margin:0 auto; padding:5px 0 0 0; background-color:#fff;}
#layout { width: 960px; margin: 0px auto; text-align:left; padding:0 0 5px 0px;}


/*----Common and Resets----<<END*/

/*----Header---->>START*/
#headertop {width: 960px; margin:0 auto; height:50px; float:left; }

#headertop #logo { width: 226px; height: 65px; position: absolute; top:0px; left:32px; z-index: 50px; padding:0;}/*End of eCeltic Logo*/

#headertop #slogun { width: 440px; height: 100px; position: absolute; top:-4px; left:280px; z-index: 50px; padding:0;}
#headertop #slogun h2 { color:#2B3C82; font-family:Tahoma, Arial, Helvetica; font-size:24px; line-height:28px; font-weight:bold; background-color:inherit; padding:0 0 0 0;}
#headertop #slogun h2 span { color:#F77F0F; background-color:inherit;}/*End of Header Top Slogun*/

#followus{ width: 206px; height: 27px; position: absolute; top:0px; right:7px; z-index: 50px; padding:0;}
#followus p{color:#3A8BB3; font-family:Tahoma, Arial, Helvetica; font-size:14px; font-weight:bold; background-color:inherit; float:left; padding:0 5px 0 0px;}
.iconbox{width:35px; float:left}/*End of Follow Us*/

#livechat{width:144px; height:66px; position:absolute; top:45px; right:12px; z-index:50px;}/*End of Live Caht*/

#navigation-layout{height: 41px; float:left;  left:0px; z-index: 50px; padding:0;}

.navileftbg{width:5px; height:41px; background:url(../images/navi-leftbg.gif) no-repeat 0 0; float:left;}
.navirightbg{width:5px; height:41px; background:url(../images/navi-rightbg.gif) no-repeat 0 0; float:right;}
.navimidbg{height:41px; width:753px; background:url(../images/navi-midbg.gif) repeat-x 0 0; float:left;}
.navimidbg ul{padding:0; margin:0;}
.navimidbg ul li{padding:0 19px; margin:0 0 0 0; float:left; color:#FFFFFF; background:url(../images/nav-divider.gif) no-repeat right 0;}
.navimidbg ul li a{padding:0; margin:0; color:#FFFFFF; font-family:Tahoma, Arial, Helvetica; font-size:13px; line-height:41px; font-weight:bold; }
/*.navimidbg ul li.noimg{background-image:none; background:url(../images/order.jpg) no-repeat right 0;  width:155px;}/*End of Navigation*/
.navimidbg ul li.noimg {
    background: url("../images/order.jpg") no-repeat scroll right 0 transparent;
    width: 166px;
}

.navimidbg ul li a:hover{color:#000;}
#banner-layout{width: 960px; float:left; height:252px; margin-bottom:10px;}

#banner-slide01{width:960px; margin:0 auto; height:252px; top:0px; left:0px; float:left; z-index:50px;}

/*End of Banner Slide*/

#christmas{width:236px; margin:0 auto; height:82px; position:absolute; top:0; right:22px; z-index:50px;}
/*End of Christmas*/
/*----Header----<<END*/


/*----Body---->>START*/
#body-layout{width:946px; margin:0 auto; padding:20px 0 0 0;}

#body-leftpart{width:223px; float:left;}
.leftbox{width:211px; float:left; border:1px solid #D8D3D3; padding:0px 5px 10px 5px; margin:0 0 10px 0;}
.leftbox h2{width:209px; height:45px; background:url(../images/heading-textbg.gif) no-repeat 0 0; color:#FFFFFF; font-family:Tahoma, Arial, Helvetica; font-size:14px; font-weight:bold; font-smooth:always; text-align:center; line-height:22px;}
.leftbox ul{padding:10px 8px 0 10px; margin:0;}
.leftbox ul li{padding:10px 0 10px 20px; color:#2B3C82; font-family:Tahoma, Arial, Helvetica; font-size:15px; font-weight:normal; font-smooth:always; border-bottom:1px solid  #06C;  background:url(../images/bullet-arrow.gif) no-repeat 10px 20px; line-height:15px; background-color:#fff;}
.leftbox ul li a{color:#2B3C82;}
.leftbox ul li a:hover{color: #000; }
#readmore {background:url(../images/readmore.jpg) top; width:120px; height:36px; float:left; text-indent: -99999px; }
.fl_box-1 {background:url(../images/readmore.jpg) top; width:120px; height:36px; float:left; text-indent: -99999px; }
.fl_box-2 {background:url(../images/readmore.jpg) top; width:120px; height:36px; float:left; text-indent: -99999px; }
.fl_box-3 {background:url(../images/readmore.jpg) top; width:120px; height:36px; float:left; text-indent: -99999px; }
.fl_box-4 {background:url(../images/readmore.jpg) top; width:120px; height:36px; float:left; text-indent: -99999px; }

.readmore:hover { background-position:bottom;  }
/*End of body-leftpart*/
.readmore_text a{color: #06F;text-decoration:underline; font-size:16px;} 
.readmore_text a:hover{color: #000; text-decoration:underline;}
#body-Middlepart{width:458px; float:left;}
#body-middlecontent{width:440px; margin:0 auto;}
#body-Middlepart_inner{width:680px; float:left;}
#body-middlecontent-inner{width:670px; margin:0 auto;}
.middlebox-leftimg{width:428px; float:left; border:1px solid  #268abf; padding:17px 5px; margin:0 0 10px 0;}
.middlebox-leftimg img{width:86; height:86px; margin:0 30px 0 15px; float:left;}
.middlebox-leftimg h2{width:285px; color:#2B3C82; font-family: Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:normal; font-smooth:always; text-align:left; float:left; background-color:inherit;}
.middlebox-leftimg h2 span{color:#2B3C82; font-size:32px; background-color:inherit;}
.middlebox-leftimg p{width:285px; color:#575C5C; font-family:Tahoma, Arial, Helvetica; font-size:15px; line-height:21px; font-weight:normal; font-smooth:always; text-align:left; float:left; background-color:inherit; padding:10px 0 0 0;}

.middlebox-rightimg{width:428px; float:left; border:1px solid #268abf; padding:17px 5px; margin:0 0 10px 0;}
.middlebox-rightimg img{width:86; height:86px; margin:0 15px 0 15px; float:right}
.middlebox-rightimg h2{width:285px; color:#2B3C82; font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:normal; font-smooth:always; text-align:left; float:left; background-color:inherit; padding:0 0 0 15px}
.middlebox-rightimg h2 span{color:#2B3C82; font-size:32px; background-color:inherit;}
.middlebox-rightimg p{width:285px; color:#575C5C; font-family:Tahoma, Arial, Helvetica; font-size:15px; line-height:21px; font-weight:normal; font-smooth:always; text-align:left; float:left; background-color:inherit; padding:10px 0 0 15px;}

/*End of Middle Top Part*/

#casestudy{width:438px; float:left; border:1px solid #D8D3D3;}
#casestudy .chead{height:44px; color:#FFFFFF; font-family:Tahoma, Arial, Helvetica; font-size:22px; font-weight:normal; font-smooth:always; text-align:left; line-height:44px; padding:0 0 0 10px; background-color:#258DC8; }
#casestudy .casestudy-slide01{width:355px; margin:0 auto; padding:12px 0;}
.casestudyleft{width:205px; float:left;color:#FFFFFF; font-family:Tahoma, Arial, Helvetica; font-size:22px; font-weight:normal; font-smooth:always; text-align:left; line-height:44px; padding:0 0 0 10px; background-color:#258DC8 ; margin-bottom:10px; }
/*End of Case Study  Part*/

/*End of body-Middlepart*/

#body-rightpart{width:263px; float:left;}
#body-rightpart_inner{width:263px; float:right;}
#getfree{width:263px; float:left;}
#getfree-topbg{width:263px; float:left; background:url(../images/free-quotebg.png) no-repeat 0 0; height:83px;}
#getfree-bottompart{width:261px; float:left; border:1px solid #4891B3; border-top:none; padding:5px 0 15px 0;}
.fromcontent{width:238px;  float:left; padding:0 0 5px 7px;}
.fromcontent p{color:#000000; font-family:Tahoma, Arial, Helvetica; font-size:13pt; font-weight:normal; font-smooth:always; text-align:left; padding:0 0 9px 0;}
.fromcontent input{width:230px; height:23px; border:1px solid #D8D3D3; padding:0 3px;font-family:Arial, Helvetica;}
.fromcontent input.file {width:230px;}
.fromcontent textarea{width:230px; border:1px solid #D8D3D3; padding:3px 3px; overflow:hidden ;font-family:Tahoma, Arial, Helvetica; font-size:10pt; }
.fromcontent-uplode{  float:left; padding:0 0 12px 7px;font-family:Arial, Helvetica; font-size:12px; color:#000;}
.fromcontent-uplode p{color:#000000; font-family:Arial, Helvetica; font-size:13pt; font-weight:normal; font-smooth:always; text-align:left; padding:0 0 9px 0;}
.freequote-submit{width:238px;  float:left; padding:0px 0 12px 7px;}
.free-submit{background:url(../images/getafree-button.gif) no-repeat 0 0; width:194px; height:41px; border:none; cursor:pointer; outline:none;}
/*End of Get a Free Quote*/

#latestnews{width:254px; float:left; padding:0 0 0 7px;}
#latestnews h2{color:#268CC5; font-family:Tahoma, Arial, Helvetica; font-size:33px; font-weight:normal; font-smooth:always; text-align:left; padding:30px 0; border-bottom:1px solid #D8D3D3;}
#latestnews h3{color:#000; font-family:Tahoma, Arial, Helvetica; font-size:20px; font-weight:normal; font-smooth:always; text-align:left; padding:15px 0; }
#latestnews p{color:#6D7272; font-family:Tahoma, Arial, Helvetica; font-size:13px; line-height:20px; font-weight:normal; font-smooth:always; text-align:justify; padding:0 0 10px 0; }
#latestnews a{ outline:none;}
/*End of Lates News*/

#methodology{width:254px; float:left; padding:15px 0 0 7px;}
#methodology h2{color:#268CC5; font-family:Tahoma, Arial, Helvetica; font-size:33px; font-weight:normal; font-smooth:always; text-align:left; padding:15px 0 30px 0; border-bottom:1px solid #D8D3D3;}
#methodology ul{padding:0; margin:0;}
#methodology ul li{margin:0; background:url(../images/bullet-circle.gif) no-repeat 0 18px; color:#000000; font-family:Tahoma, Arial, Helvetica; font-size:20px; font-weight:normal; font-smooth:always; text-align:left; padding:25px 0 10px 30px;}
#methodology ul li a{color:#000000; font-family:Tahoma, Arial, Helvetica; font-size:20px; font-weight:normal; font-smooth:always; text-align:left; text-decoration:none;}
#methodology ul li a:hover{color:#268CC5; font-family:Tahoma, Arial, Helvetica; font-size:20px; font-weight:normal; font-smooth:always; text-align:left; text-decoration:underline;}

/*End of Methodology*/

#clientlogo{width:920px; padding:10px 10px; border:1px solid #D8D3D3; margin:10px 8px;}
.leftaerrow{width:17px; float:left; margin-top:20px;}
.clientlogo{width:880px; float:left;}
.clientlogo ul{padding:0px 0 0 10px; margin:0;}
.clientlogo ul li{padding:0 5px; margin:0; float:left}
.rightaerrow{width:17px; float:left; margin-top:20px;}

/*----Body----<<END*/

/*----Footer---->>START*/
#footerbg{ width: 900px; margin: 0px auto; text-align:left; padding:15px 30px; background-color:#3A8BB3;}
#footerbg p{color:#000; font-family:Tahoma, Arial, Helvetica; font-size:13px; line-height:20px; font-weight:normal; font-smooth:always; text-align:justify; }
#footerbg p a{color:#FFFFFF; font-family:Tahoma, Arial, Helvetica; font-size:13px; line-height:20px; font-weight:normal; font-smooth:always; text-align:justify; }

/*----Footer----<<END*/


/*----Inner Page---->>START*/

#innerbody-content{width:450px; float:left; padding:0 4px 0 15px !important;}
#innerbody-content h2{color:#268CC5; font-family:Tahoma, Arial, Helvetica; font-size:26px; font-weight:normal; font-smooth:always; text-align:left; padding:0px 0;}
#innerbody-content h3{color:#000; font-family:Tahoma, Arial, Helvetica; font-size:20px; font-weight:normal; font-smooth:always; text-align:left; padding:15px 0; }
#innerbody-content p{color:#6D7272; font-family:Tahoma, Arial, Helvetica; font-size:13px; line-height:20px; font-weight:normal; font-smooth:always; text-align:justify; padding:10px 20px 10px 0; }
#innerbody-content a{ outline:none; text-decoration:underline;}



/*----Inner Page----<<END*/

#cot_tl_fixed {
    z-index: 999;
	bottom: 0;
	right:0;
    font-family: Arial,Helvetica,sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 0 0px;
    position: fixed;
    text-shadow: 1px 1px 1px #000000;
	width:150px;
	height:93px;
	float:right;
	
	
}

/*accordion css*/
.arrowlistmenu{
width:209px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

color: white;
width:209px;
height:45px; 
background:url(../images/heading-textbg.gif) no-repeat 0 0;
/*margin-bottom: 10px;*/ /*bottom spacing between header and rest of content*/
padding: 2px 0px 4px 3px /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
margin-top: 15px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
 background:url(../images/heading-textbg.gif) no-repeat 0 0;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #666;
background: no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color:#666;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #06C;
background-color: #F3F3F3;
}

/*casestudies*/
.columnbox{width:209px; margin:0px; padding:0px; border:#E7EAEB 1px solid; background-color:#FFFFFF; float:left;}
.columnboxheadingleft{width:33px; height:41px; background:url(../images/columnboxheadimg.jpg) no-repeat; float:left;}
.columnboxheadingright{width:180px; font-family:calibri; font-size:18px;color:#ffffff; text-transform:uppercase; float:left; padding:6px 0px 0px 6px;}
.columnboxheadingleft img{}
/*.columnboxheadingright{width:180px; font-family:arial; font-size:18px;color:#ffffff; text-transform:uppercase; float:left; padding:6px 0px 0px 6px; font-weight:normal;}*/

.columnboxheading{width:220px;height:41px; margin:0px auto; padding:0px;background-color:#FFFFFF; float:left; background:url(../images/columnboxheadbg.jpg) repeat-x top; float:right;}
.columnboxcontent{ width:215px; margin:0px auto; padding:5px 6px 10px 6px;font-family:verdana; font-size:11px;color:#000000; font-weight:bold;float:left; line-height:14px; border:   #CCC 1px solid;}


.servicenav ul li{ margin:0; padding:0;}

.servicenav ul li span.title{ float:left; width:160px; padding:0 0 0 0; line-height:16px; margin:0; font-weight:bold; margin:0; font-size:11px;color:#06C;}
.servicenav ul li span.title a:hover{color:#000;}
.servicenav ul li img{ float:left; margin:0 10px 10px 0; padding:0; border:none;}
.servicenav ul li span.desc{ font-weight:normal; font-size:12px; line-height:22px; float:left; width:150px; color:#000;;}

.servicenav ul li a:hover{ margin:0 0 0 0px; padding:0;}
.servicenav ul li:hover{ margin:0px; padding:0px 0px 0 0;}

ul#casestudy li{ margin-bottom:15px;}
ul#casestudy li a{ text-transform:none; font-size:20px; padding-left:10px; margin-botom:15px; font-weight:normal;}
ul#casestudy li a:hover{ color:#e76702; text-decoration:underline;}


/*17.10.2011*/


.freeorder{background:url(../images/freeorder.png) no-repeat right bottom;
 width:265px; height:42px; float:right; padding:0px;
  margin:5px 20px 0px 0px;}



.glossymenu{
margin: 5px 0;
padding: 0;
width: 261px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
float:left;
}

.glossymenu a.menuitem{
background:  #238cc9 repeat-x bottom left;
font: bold 14px  Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 10px 0;
padding-left: 10px;
text-decoration: none;
border-bottom:1px solid #000;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: 
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom:1px solid #0C3;
}

.glossymenu div.submenu ul li a{
display: block;
font: bold 13px  Arial, Helvetica, sans-serif;
color: #666;
text-decoration: none;
padding: 8px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #CCC;
color:#FFF;
}

/*[if IE 9]>
.navimidbg{height:41px; width:761px; background:url(../images/navi-midbg.gif) repeat-x 0 0; float:left;}
<![endif]*/