/*-----------------------------------------------------------------------------
version:   1.2
author:    Peter Scherschel	
email:     peter@anagio.com
website:   http://www.anagio.com/
date:      10. Oct. 2008 
Copyright 2008 Anagio, All Rights Reserved
newstyle
-------------------------------------------------------------------------------*/


body{
	margin: 0px;
	padding: 0px;
	background-image: url(http://www.anagio.com/images/bg.jpg);
}


.container {
	width: 1024px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background:#FFFFFF;
}

.header {
	background-image: url(/image-new/header-back.jpg);
	width: 1024px;
	background-repeat: repeat-x;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 134px;
}


.logo {
	float: left;
	width: 200px;
}

.logoholder {
height: 100px;
width: 400px;
	padding: 0px;
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(http://www.anagio.com/images/26t.jpg);
        background-repeat: no-repeat;
}


.textbanner {
	float: right;
	width: 800px;
}


.anagio {
	display: None;
}


.subtext {
	display: none;
}

.mainbody {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 1000px;
}

.leftbody {
	width:230px;
	float: left;
}

.h1{
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size:18px;
	color:#157384;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

.textbody {
	float: left;
	width: 770px;
	background-image: url(/image-new/page-split.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.bannermain {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 700px;
margin-top: -115px;
margin-left: 0px;
}



.bannerholder {
	margin-left: 1px;
	padding: 0px;
	width: 700px;
	height:219px;
	background-image: url(/image-new/banner.jpg);
	background-repeat:no-repeat;
	clear: both;
}
.banner-holder img{
	margin-left: 1px;
}
.bodycontent {
	font-family:"Trebuchet MS", "Times New Roman", Times, serif;
	color:#747474;
	font-size:12px;
	padding-bottom: 10px;
       margin-left: 20px;
	clear: both;
	float: left;
	width: 700px;
}
.servicecontent, .portfoliocontent {
	font-family:"Trebuchet MS", "Times New Roman", Times, serif;
	color:#747474;
	font-size:12px;
	padding-top: 20px;
	padding-bottom: 10px;
	clear: both;
	float: left;
	width: 700px;
}


#textcontent {
	font-family:"Trebuchet MS", "Times New Roman", Times, serif;
	color:#747474;
	font-size:12px;
	padding-bottom: 0px;
        padding-left:40px;
	font-size:1.2em;
	
	width: 770px;
}

.right-article-img {
	background-image: url(/image-new/design.jpg);
	background-repeat:no-repeat;
	clear: both;
	height: 118px;
	width: 214px;
	padding-bottom:5px;
	background-position: center top;
}

.multilingualimage {
	background-image: url(/image-new/multilingual.jpg);
	background-repeat:no-repeat;
	clear: both;
	height: 118px;
	width: 214px;
	padding-bottom:5px;
	background-position: center top;
}
.ecommerceimage {
	background-image: url(/image-new/e-commerce.jpg);
	background-repeat:no-repeat;
	clear: both;
	height: 118px;
	width: 214px;
	padding-bottom:5px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-position: center top;
}




.left {
	float: left;
	width: 238px;
	clear: both;
	margin: 0px;
	padding: 0px;
}
.middle {
	float: left;
	width: 238px;
}

.right {
	float: right;
	width: 238px;
}





.title a {
	background-image: url(/image-new/green-bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #0665fe;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	padding-left: 22px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:5px;
}

.title a:hover {
	color: #9f06fe;
}

.serviceholder {
	margin-left: 40px;
	padding: 0px;
	clear: both;
	width: 715px;
}

.image a img{
	text-decoration: none;
border:0px;
} 
.servicecontent {
	margin-left: 5px;
	padding: 0px;
	clear: both;
	width: 200px;
	margin-top:5px;
}

.servicelink {
	background-image: url(/image-new/more-icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	clear: both;
	text-decoration: none;
	font-weight: bold;
	padding-left: 22px;
	margin-top:10px;
	margin-bottom: 14px;
	width: 200px;
	margin-left:5px;
}



.read{
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size:11px;
	color:#0665fe;
	text-decoration:underline;
}



.read:hover{
	color:#9f06fe;
}







.footer {
	background-image: url(/image-new/footer-color.jpg);
	margin: 0px;
	clear: both;
	width: 1024px;
	border-top: 28px solid #010066;
	height: 90px;
}


.footerline {
	background-image: url(/image-new/footer-back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	clear: both;
	height: 70px;
	margin: 0px;
	padding-top:20px;

}


.bottomlinks{
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size:12px;
	color:#cccccc;
	text-decoration:none;
	float:left;
	padding-left:30px;
	width:1000px;
}

.bottomlinks a{
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size:12px;
padding:10px;
	color:#cccccc;
	text-decoration:none;
	float:left;
padding-top:20px;
}
.w3c {
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size:13px;
	color:#bbbbbb;
	text-decoration:none;
	padding-left:8px;
}

.w3c a {
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size:13px;
	color:#cccccc;
	text-decoration:none;
padding-left:8px;
}

.copyright{
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size:12px;
	color:#cccccc;
	padding-left:40px;
padding-top:20px;

	
}
.copyright a{
	color:#cccccc;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	text-decoration:none;
}


.allcontents {
	float: left;
	width: 720px;
	clear: both;
	margin: 0px;
	padding: 0px;
}

.companybanner {
	margin-left: 35px;
	padding: 0px;
	width: 724px;
	height:140px;
	background-image: url(/image-new/company.jpg);
	background-repeat:no-repeat;
	clear: both;
}

.banner-txt {
	font-family: "Trebuchet MS", Times New Roman, Times, serif;
	font-size:35px;
	color:#157384;
	font-weight:bold;
	text-decoration:none;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 240px;
width: 180px;
	clear: both;
}

.portfoliobanner {
	margin-left: 0px;
	padding-bottom: 0px;
	width: 724px;
	height:140px;
	background-image: url(/image-new/banner-portfolio.gif);
	background-repeat:no-repeat;
	clear: both;
}

.aboutbanner {
	margin-left: 0px;
	padding: 0px;
	width: 724px;
	height:140px;
	background-image: url(/image-new/banner-about.gif);
	background-repeat:no-repeat;
	clear: both;
}

.productbanner {
	margin-left: 0px;
	padding: 0px;
	width: 724px;
	height:140px;
	background-image: url(/image-new/banner-product.gif);
	background-repeat:no-repeat;
	clear: both;
}

.contactbanner {
	margin-left: 0px;
	padding: 0px;
	width: 724px;
	height:140px;
	background-image: url(/image-new/banner-contact.gif);
	background-repeat:no-repeat;
	clear: both;
}

.newsbanner {
	margin-left: 0px;
	padding: 0px;
	width: 724px;
	height:140px;
	background-image: url(/image-new/banner-news.gif);
	background-repeat:no-repeat;
	clear: both;
}


.cmsbanner {
	margin-left: 0px;
	padding: 0px;
	width: 724px;
	height:140px;
	background-image: url(/image-new/content-management-system.jpg);
	background-repeat:no-repeat;
	clear: both;
}

.productbanner {
	margin-left: 0px;
	padding: 0px;
	width: 724px;
	height:140px;
	background-image: url(/image-new/banner-products.gif);
	background-repeat:no-repeat;
	clear: both;
}


.domainbanner {
	margin-left: 0px;
	padding: 0px;
	width: 724px;
	height:140px;
	background-image: url(/image-new/domain-registration.jpg);
	background-repeat:no-repeat;
	clear: both;
}


.hostingbanner {
	margin-left: 0px;
	padding: 0px;
	width: 724px;
	height:140px;
	background-image: url(/image-new/web-hosting.jpg);
	background-repeat:no-repeat;
	clear: both;
}


.otherservicesbanner {
	margin-left: 0px;
	padding: 0px;
	width: 724px;
	height:140px;
	background-image: url(/image-new/services.jpg);
	background-repeat:no-repeat;
	clear: both;
}


.hidemail {
	unicode-bidi:bidi-override; 
	direction: ltr; 
	margin: 0;
	color:#747474;
}

.hidemail:hover{
	color:#8cab00;

}


.textcontent {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 700px;
}

.h4{
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size:12px;
	color:#157384;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

/* CSS Menu */

#vertmenu {
	font-family: "Trebuchet MS", "Times New Roman", Times, serif;
	font-size: 100%;
	width: 210px;
	padding-left: 10px;
	padding-top:10px;
	margin: 0px;

}


#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px solid #ededed;
padding: 4px 0px 2px 16px;
text-decoration: none;
color: #0665fe;
width:175px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #665fe0;
background-color: #f2f2f2;
}

div#navbar 
{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding-left:1px;
	padding-top:4px;
	
}


#navbar ul li a:link, #navbar ul li a:visited 
{
color: #9f06fe;
text-decoration: underline;
display: block;
padding-left:5px;
width: 20px;


}#navbar ul li a:hover {

text-decoration: underline;
color: #c33333;
}

#navbar a.current {
text-decoration: none;
}

#navbar ul li {
margin: 0px; 
padding: 2px; 
list-style-type: none; 
display: block;
padding-left:14px;
background-image:url(/image-new/rewnd_16.gif);
background-repeat:no-repeat;
}

#navbar ul {
margin: 0px; 
padding: 0px;}

.textbanner ul {
margin-top: 0px;
margin-left: 350px;
}

.textbanner li {
display: block;
float: left;
width: 75px;
margin-top: 0px;
margin-left: -20px;
}
.l10n_lang_list li {
vertical-align: middle;
}
.l10n_current a img{
BORDER: black 0px solid;	
}
.bubble {
	width: 80px;
	height: 96px;
float: left;
margin-left:0px;
margin-top:0px;

}
.bubble a {
	width: 80px;
	height: 96px;
float: left;
background-image:url(/image-new/bubble-2.gif);
background-repeat:no-repeat;
margin-left:200px;
margin-top:-370px;
position: relative;
}
.bubble a > {
margin-left:380px;
positon: relative;
}
	.bubble a:link, .bubble a:visited {
		display: block;
		padding: 20px 5px 5px 10px;
		text-align: center;
		font-size: 125%;
		font-weight: bold;
		color: #FFFFFF;
		line-height: 1.5;
		text-decoration: none;
		letter-spacing: -1px;
	width: 85px;
	}
		.bubble a:link span, .bubble a:visited span {
			display: block;
			line-height: 1.1;
			font-weight: normal;
			font-size: 80%;
			letter-spacing: -.25px;
margin-left:-0px;
	width: 80px;
		}
.leftcolumn
{
	color: #666;
width: 385px; 
	background: #fff;	
        margin: 0px 0px 0px 0px;
	padding: 0px;                  		      
	float: left;
        text-align: left;   
}
.rightcolumn a{
	
	background-color: #fff;
	color:#fff;
	font-family: arial, helvetica, sans-serif;	
	font-size:12px;
	text-decoration: none;
}

.rightcolumn a img{
	text-decoration: none;
	padding: 10px 5px 5px 15px;
	background-color: #fff;
	color:#fff;
	font-family: arial, helvetica, sans-serif;	
	font-size: 12px;
border: 0;
	}
.rightcolumn img{
	text-decoration: none;
	padding: 10px 5px 5px 50px;
	background-color: #fff;
	color:#fff;
	font-family: arial, helvetica, sans-serif;	
	font-size: 12px;
border: 0;
	}

.rightcolumn a:hover{
	background-color:#FFFFFF;
	color:#000066;
text-decoration: none;
}
.rightcolumn  { 
        background-color: #FFFFFF;
        margin: 0;
        padding: 0; 
margin-left: 2px;
        width: 100px; 
float: left;                
}

/* =slimbox
-----------------------------------------------------------------------------*/


div .thumb {
  float:left;
  padding:25px;
}

.thumb_container {
  width:450px;
}



/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;

	background: transparent url(/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: normal;
font-size: 12px;
padding: 15px;
}
.thumb a img{
border: 1px;
border-color: lightblue;
text-decoration: none;
}
.leftbody a img {
padding: 20px;
}

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px;
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 {width: 30px;}

.span-2 {width: 70px;}
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}
.span-8 {width: 310px;}
.work {height:325px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24, div.span-24 { width:960px; margin:0 0 30px 0;  }



/* Add these to a column to append empty cols. */

.append-1 { padding-right: 40px;}
.append-2 { padding-right: 80px;}
.append-3 { padding-right: 120px;}
.append-4 { padding-right: 160px;}
.append-5 { padding-right: 200px;}
.append-6 { padding-right: 240px;}
.append-7 { padding-right: 280px;}
.append-8 { padding-right: 320px;}
.append-9 { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}

/* Add these to a column to prepend empty cols. */

.prepend-1 { padding-left: 40px;}
.prepend-2 { padding-left: 80px;}
.prepend-3 { padding-left: 120px;}
.prepend-4 { padding-left: 160px;}
.prepend-5 { padding-left: 200px;}
.prepend-6 { padding-left: 240px;}
.prepend-7 { padding-left: 280px;}
.prepend-8 { padding-left: 320px;}
.prepend-9 { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}


/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #ddd;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #ddd;
}


/* Use these classes on an element to push it into the 
next column, or to pull it into the previous column.  */


.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }
.pull-6 { margin-left: -240px; }
.pull-7 { margin-left: -280px; }
.pull-8 { margin-left: -320px; }
.pull-9 { margin-left: -360px; }
.pull-10 { margin-left: -400px; }
.pull-11 { margin-left: -440px; }
.pull-12 { margin-left: -480px; }
.pull-13 { margin-left: -520px; }
.pull-14 { margin-left: -560px; }
.pull-15 { margin-left: -600px; }
.pull-16 { margin-left: -640px; }
.pull-17 { margin-left: -680px; }
.pull-18 { margin-left: -720px; }
.pull-19 { margin-left: -760px; }
.pull-20 { margin-left: -800px; }
.pull-21 { margin-left: -840px; }
.pull-22 { margin-left: -880px; }
.pull-23 { margin-left: -920px; }
.pull-24 { margin-left: -960px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}


.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }
.push-6 { margin: 0 -240px 1.5em 240px; }
.push-7 { margin: 0 -280px 1.5em 280px; }
.push-8 { margin: 0 -320px 1.5em 320px; }
.push-9 { margin: 0 -360px 1.5em 360px; }
.push-10 { margin: 0 -400px 1.5em 400px; }
.push-11 { margin: 0 -440px 1.5em 440px; }
.push-12 { margin: 0 -480px 1.5em 480px; }
.push-13 { margin: 0 -520px 1.5em 520px; }
.push-14 { margin: 0 -560px 1.5em 560px; }
.push-15 { margin: 0 -600px 1.5em 600px; }
.push-16 { margin: 0 -640px 1.5em 640px; }
.push-17 { margin: 0 -680px 1.5em 680px; }
.push-18 { margin: 0 -720px 1.5em 720px; }
.push-19 { margin: 0 -760px 1.5em 760px; }
.push-20 { margin: 0 -800px 1.5em 800px; }
.push-21 { margin: 0 -840px 1.5em 840px; }
.push-22 { margin: 0 -880px 1.5em 880px; }
.push-23 { margin: 0 -920px 1.5em 920px; }
.push-24 { margin: 0 -960px 1.5em 960px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}

img { behavior: url(/image-new/iepngfix.htc) }
#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right; 
border:0px;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
border:0px;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(/image-new/welcome.png) no-repeat right top;
}

#pageflip a  {
	text-decoration:none;
border:0px;
}