/*css reset*/
html,body,div,span,h1,h2,h3,p,a,img,dl,dt,dd,ol,ul,li,form,label,table,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight: inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}
body
{
    background:#FFF; line-height: 1.5;color:#333;font-size:12px; 
    font-family:Arial, Verdana, Helvetica, sans-serif
}
ol, ul{list-style:none}
.clearBoth {clear:both;height:0;overflow:hidden}em{font-style:normal}
a{color:#666;text-decoration:underline}
a:visited{ color:#0F2C58}
a:hover{color:#1B7097;text-decoration:underline}
a:active{color:navy}
img{-ms-interpolation-mode: bicubic}

/*headerWrapper*/
.headerWrapper{ background: url(../images/header_bg.jpg) repeat-x; }
	.header{ overflow:hidden; position:relative; margin:0 auto; width:964px; height:134px;}
		.header h1{ position:absolute; top:0; left:0; width:342px; height:96px}
			.header h1 a{ display:block; background: url(../images/logo.jpg) no-repeat;width:430px; height:96px; text-indent:-9999px}
			.header span{ position:absolute; top:0; right:0}
				.header span a{ display:block; background:url(../images/client_login1.jpg) no-repeat; width:124px; height:22px; text-indent:-9999px}
		.navigation{ overflow:hidden; padding:0 15px; margin-top:96px; height:38px}
			.navigation li{ display:inline; float:left; margin:0 5px}
				.navigation .current{background:url(../images/navRight_bg.jpg) no-repeat top right; height:38px; line-height:30px}
				.navigation .current strong{ background:url(../images/navLeft_bg.jpg) no-repeat left top; overflow:hidden; display: inline-block; padding:0 12px; height:38px; color:#FFF}
			.navigation li a,.navigation li a:visited{ clear:both; display:inline-block;  color:#FFF; height:38px; line-height:30px;cursor:pointer}
			.navigation li a:hover{background:url(../images/navRight_bg.jpg) no-repeat top right; text-decoration:none}
				.navigation li a strong{padding:0 12px;overflow:hidden; display: inline-block; height:38px; color:#FFF}
				.navigation li a:hover strong{background:url(../images/navLeft_bg.jpg) no-repeat left top}
/*container1*/
.containerWrapper{ width:100%;}
	.container1{ position:relative; background:url(../images/container1_bg.jpg) no-repeat; margin:0 auto; width:964px; height:366px}
		.container1 .slogan { position:absolute; top:00px; left:15px;width:97%; }
		.slogan p{ margin-bottom:15px; line-height:1.2; color:#333;  font-weight:700; width:410px}
		.container1 .readMore{ position:absolute; top:280px; left:806px; width:84px; height:22px}.container1 .readMore a{ display:block; width:84px; height:22px; text-indent:-9999px}		.container1 .description p{ position:absolute; top:265px; left:553px; line-height:1.2; color:#CCC; width:245px; height:60px}
			.container1 .description p strong{ color:#FFF}
		.container2{ overflow:hidden; margin:0 auto 30px; width:964px}
		.container2 div{ position:relative; float:left; display:inline; width:230px; height:138px}
		.container2 div h2{ margin:5px 0 0 62px; color:#00618E; font-weight: bold; line-height:1; width:164px; height:46px; font-size:16px}
		.container2 div span{ position: absolute; top:114px; left:76px; width:76px; height:22px}.container2 div span a{ display:block; text-indent:-9999px; width:76px; height:22px}
			.container2 .section-Development{ background:url(../images/Development_bg.jpg) no-repeat}
			.container2 .section-Development h2{ margin-left:75px; padding-top:10px; width:108px; height:36px}
			.container2 .section-Ecommerce{ background:url(../images/Ecommerce_bg.jpg) no-repeat; margin-left:14px }
			.container2 .section-Ecommerce h2{margin-left:75px; padding-top:16px; width:108px; height:30px}
			.container2 .section-Systems{ background:url(../images/Systems_bg.jpg) no-repeat; margin-left:14px}
			.container2 .section-Systems h2{ margin:5px 0 0 52px; padding-top:6px; height:40px}
			.container2 .section-Hosting{ background:url(../images/Hosting_bg.jpg) no-repeat; margin-left:14px}
			.container2 .section-Hosting h2{margin-left:75px; padding-top:16px; width:108px; height:30px}
		.textList{  padding:0 35px; width:160px;}
		.textList li{ background:url(../images/icon.gif) no-repeat 0 4px; padding:0 0 0 8px; margin-bottom:4px; height:15px; line-height:15px;}

/* Custom classes and so on */

#icon
{
    float: right;
    position: relative;
    right: 0px;
}


label
{
 display: block;
}

.contactlbl
{
    display: inline-block;
    width: 100px;
    font-size: larger;
}

.textbox {
	background-image:url(../images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 230px;
	color:#333333;
	padding:3px;
	font-family:tahoma, arial, sans-serif;
}

h3
{
    color: #00618E;
    font-size: 15pt;
}

h4
{
    color: #00618E;
    font-size: 12pt;
    margin: 10px;
}

.clienteditor ul
{
    padding-left: 20px;
}

.clienteditor ul li
{
    list-style-type: square;
}

.clienteditor a
{
    color: navy;
}

.slogan h1{color: #00618E; font-family: "Arial"; font-size: 22pt;}


.portfolio
{
 margin: 0px 0px 5px 0px;
}

.portfolio li
{
	display: inline-block;;
	list-style-type: none;
	width: 210px;
	text-align: center;
}

.slogan
{
    font-weight: bold;
}

.pageImage
{
    background-repeat: no-repeat;
    height: 200px;
    width: 150px;
    float: right;    
    position: relative;
    top: -14px;
    margin-right: 20px; 
    z-index: 0;
}


#homepageimg{}

#contactpageimg{background-image: URL("../images/email.jpg");}

#hostingpageimg{background-image: URL("../images/server.jpg");}

#webdevpageimg{background-image: URL("../images/webdevicon.png");}

#ecommercepageimg{background-image: URL("../images/kart.jpg");}

#cmspageimg{background-image: URL("../images/file.jpg");}

.leightbox {
	color: #333;
	display: none;
	position: absolute;	
	top:-100px;
	left: 20%;
	width: 520px;
	padding: 1em;
	border: 5px solid #000;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;
}

#overlay
{
	display: none;
	position: absolute;
	top:0px;	
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.40;
	filter: alpha(opacity=40);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

.closeBtn
{
    position: absolute;    
    right: 0px;    
    top: 1px;    
    z-index: 1000;
}

.hosting_icon
{
    background-image: URL("../images/hosting_icon.gif");
    background-repeat: no-repeat;
    width: 230px;
    height: 65px;
    display: inline-block;
    line-height: 65px;
    padding-left: 50px;
    cursor: pointer;
    font-size: 14pt;
    margin-top: 15px;
}

.hosting_icon a
{
    text-decoration: none;
}

.hostingInfo
{
    border: solid black 1px;
    width: 100%;
    background-color: White;
    color: Black;
}

.hostingInfo th
{border: dotted 1px silver;font-weight: bold}

.hostingInfo td
{
    border: dotted 1px silver;
    font-weight:normal;
    text-align: center;
}

.hostingInfo thead th
{
    background-color: #00628B;
    color: White;
    text-align: center;
    font-size: 11pt;
}

.hostingInfo tfoot th
{
    background-color: #00628B;
    color: White;
    text-align: center;
    font-size: 11pt;
}

textarea
{
    height: 60px;
}

#footer
{
    font-size: xx-small;
}

#footer a
{
    font-size: x-small;
}


.clear {
	clear:both
}

#gallery {
	    position: relative;
	    left: 0px;
	    width:300px;
        height: 225px;
	}

	#gallery a {
		float:left;
		position:absolute;
	}

	#gallery a img {
		border:none;
		width:300px;
	    height: 225px;
	}

	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600;
		background-color:#000;
		color:#ffffff;
		height:70px;
		width:100%;
		position:absolute;		
		bottom:0;
		font-size: 9pt;
	}

	#gallery .caption a{
		color: white;
		font-weight: bold;
	}

	#gallery .caption .content {
		margin:5px
	}

	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}

#contentWrapper1
{
    opacity:.25;
    filter: alpha(opacity=25);
    background-color: White;
    color: Black;
    min-height: 320px;
    padding: 5px;
}

.cms-editable
{
    opacity: 1;    
}

#pageContent p
{    
    width: 100%;
}