@charset "utf-8";
/* CSS Document */

/* HOME PAGE LAYOUT*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0; padding: 0;}

body {
	background-image: url(../images/MainBG.jpg);
	background-repeat: repeat-x;
}

#main{
	width:100%;
	margin:0px;
	background:url(images/MainBG.jpg) repeat-x;
	height: auto;
}

#wrapercontent
	{
		width:990px;
		height:auto;
		margin:0;
		padding:0;
		}
#container{
	width:990px;
	height:1700px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0;
}

#header
{
	margin:0;
	padding:0;
	width:990px;
	height:250px;
	}
#minmenucontainer{ margin:0; padding:0; width:100%;height:20px;}
.minimenu{ margin:0; padding:0; height:20px; width:130px; float:right;}
.minimenu ul li{list-style-type:none;float:left; margin-left:10px; margin-right:0;font-family:Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;color:#FFF;}
.minimenu ul li a{ color:#FFF;}
.Logo{ width:100%; height:120px; background:url(images/mainheader.png) no-repeat;}
.Logo h1{ text-indent: -999999px;}
#navbar
{ 
width:971;
height:70px;
margin-top:25px;
background:url(images/navbar.png) no-repeat;
background-position:center;
}

.spacerline
		{
	width:745px;
	height:15px;
	float:left;
	margin-top:0;
	margin-left:auto;
	margin-bottom:0;
	margin-right:auto;
	padding:0;
	outline-color:#999;
	outline-style:dotted;
	outline-width:thin
			}
.spacer
{
	width:auto;
	height:15px;
	float:left;
	
}

.header
{
	margin-left:5px;
	height:50px;
	padding-top:10px;
}

#slideshow
{
	width:100%;
	height:324px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}
.box-t1{
	width:972px;
	height:7px;
	display: block;
	padding: 0px;
	background-color:transparent;
	background-image:url(images/Top_BG_Slice.png);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.box-t2
	{
	padding:0;
	width:972px;
	height:7px;
	background-image:url(images/Top_BG_Process.png);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}

#deep-box-t3 
   {
	width:755px;
	height:auto;
	}


#deep-box-b3
    {
	width:755px;
	height:auto;
	}
.box-t3
    {
	width:745px;
	height:10px;
	left: 10px;
	padding: 0;
	background-image: url(images/Top-BG-maincontent.png);
	float: right;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	}
	
#deep-box-t4
	{
	width:990px;
	height:20px;
	
	}	
.box-t4
	{
	width:810px;
	height:20px;
	float:none;
	background:url(images/Top_BG_MainQuote.png) no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

#deep-box-b4
	{
	width:990px;
	height:20px;
	
	}	
.box-b4
	{
	width:810px;
	height:20px;
	float:none;
	background:url(images/Bottom_BG_MainQuote.png) no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	
	
.slicecontainer{
	width:974px;
	height:302px;
	padding:0;
	position:relative;
	background:url(images/slice1.png) no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.box-b1
    {
	width:972px;
	height:15px;
	display: block;
	padding: 0px;
	background-color:transparent;
	background-image:url(images/Bottom_BG_Slice.png);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	
.box-b2{
	background-image: url(images/Bottom_BG_Process.png);
	height: 6px;
	width: 972px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.box-b3
    {
	width:745px;
	height:15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	float: right;
	background-image: url(images/Bottom_BG_maincontent.png);
	background-repeat: no-repeat;
	}

#boxcontainer
    {
	width:958px;
	overflow:hidden;
	white-space:nowrap;
	display: block;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
	}
	
.box
    {
	width:191px;
	height:168px;
	display:inline-block;
	float:left;
	margin: 0px;
	background:url(images/1_gathering.png) no-repeat;
	background-position:center;
	}

.box1
    {
	width:191px;
	height:168px;
	display:inline-block;
	float:left;
	margin: 0px;
	background:url(images/1_gathering.png) no-repeat;
	background-position:center;
	}

.box2
    {
	width:191px;
	height:168px;
	display:inline-block;
	float:left;
	margin: 0px;
	background:url(images/2_Draft.png) no-repeat;
	background-position:center;
	}
.box3
    {
	width:191px;
	height:168px;
	display:inline-block;
	float:left;
	margin: 0px;
	background:url(images/3_Revision.png) no-repeat;
	background-position:center;
	}
.box4
    {
	width:191px;
	height:168px;
	display:inline-block;
	float:left;
	margin: 0px;
	background:url(images/4_Finilize.png) no-repeat;
	background-position:center;
	}

.box5
    {
	width:191px;
	height:168px;
	display:inline-block;
	float:left;
	margin: 0px;
	background:url(images/5_Launch.png) no-repeat;
	background-position:center;
	}


#boxprocess1
    {
	padding-top:15px;
	background-color:transparent;
	}
	
#boxprocess2
    {
	padding:0;
	float:left;
	width: 745px;
	height: 405px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
	
#maincontent {
	display: block;
	margin: 0px;
	width:100%;
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height:640px;
	float: left;
}

#maincontentWD
{
	margin: 0px;
	width:100%;
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height:1150px;
	float: left;
}
#maincontentSBWD
	{
		}
		
.processheader
   {
	width:965px;
	height:35px;
	margin-bottom:5px;
	margin-left:auto;
	font-size:100%;
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#646464;
	margin-top: 0px;
	margin-right: auto;
}

.processcontainer{
	background-color: #FFF;
	padding: 0px;
	height: auto;
	width: 972px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.color
      { 
      color:#141414;
	  }

.tittle2
	{
		font-family: Arial, Helvetica, sans-serif;
		color:#09F;
		font-weight: bold;
		}
.title
   {
	font-family: Arial, Helvetica, sans-serif;
	color:#019bb7;
	margin-left:10px;
	font-weight: normal;
	}
	
.image1
   { 
    width:187px;
	height:auto;
	float:left;
	padding-left:10px;
	padding-right:10px;
	}
	
.contentdescription
   {
	width:700px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: justify;
	float: none;
	clear: right;
	clip: rect(auto,auto,auto,auto);
	line-height: 20px;
	white-space: normal;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	}
#box-maincontent
   {
	padding: 0px;
	float: left;
	height: 650px;
	width: 745px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-image: url(images/maincontentBG.png);
	}

#box-maincontentWD
   {
	padding: 0px;
	float: left;
	height: 1100px;
	width: 745px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-image: url(images/maincontentBG.png);
	}

#box-maincontentWDE
   {
	padding: 0px;
	float: left;
	height: 1050px;
	width: 745px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-image: url(images/maincontentBG.png);
	}
#box-maincontentWMC
	{
	padding: 0px;
	float: left;
	height: 1100px;
	width: 745px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-image: url(images/maincontentBG.png);
	
	}

#box-maincontentCWD
	{
    padding: 0px;
	float: left;
	height: auto;
	width: 745px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-image: url(images/maincontentBG.png);
	}

#corporatecontent
	{
		width:700px;
		height:auto;
		font-family: Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    color: #666;
	    text-align: justify;
		line-height:1.5em;
		margin-right:auto;
		margin-left:auto;
		padding:0;
		text-align:justify;
		float:none;
		
		}
#boxprocess2{
	height: 364px;
	width: 710px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	background-image: url(images/Main_fullBG_Deep_process.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#serviceboxleft{
	float: left;
	overflow:hidden;
	height: auto;
	width: 300px;
	display:block;
	margin-top: 15px;
	margin-right: auto;
	margin-left: 20px;
	margin-bottom: 0px;
}

#serviceboxright{
	float: right;
	height: auto;
	width: 300px;
	margin-top: 15px;
	padding: 0px;
	margin-right: 20px;
	margin-bottom: auto;
	margin-left: auto;
}

.portfolio
    {
		padding-left:85px;
		padding-top:15px;
		height:80px;
		display:block;
		opacity:1;
		cursor:auto;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		background:url(images/Portfolio_img.png) no-repeat left;
	}
.webdesign
    {
        padding-left:85px;
		padding-top:15px;
		height:80px;
		display:block;
		opacity:1;
		cursor:auto;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		background:url(images/Webdesign_img.png) no-repeat left;	
	}	

.ecommerce
    {
        padding-left:85px;
		padding-top:15px;
		height:80px;
		display:block;
		opacity:1;
		cursor:auto;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		background:url(images/Ecommerce_img.png) no-repeat left;	
	}	

.ourprocess
    {
        padding-left:85px;
		padding-top:15px;
		height:80px;
		display:block;
		opacity:1;
		cursor:auto;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		background:url(images/Ourprocess_img.png) no-repeat left;	
	}	

.webdevelopment
    {
        padding-left:85px;
		padding-top:15px;
		height:80px;
		display:block;
		opacity:1;
		cursor:auto;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		background:url(images/Webdevelopment.png) no-repeat left;	
	}	

.webmarketing
    {
        padding-left:85px;
		padding-top:15px;
		height:80px;
		display:block;
		opacity:1;
		cursor:auto;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		background:url(images/Internetmarketing_img.png) no-repeat left;	
	}	
.headline{color:#019bb7; font-size:16px; font-weight:bold;}
.subheadline{ color:#646464; font-size:100%; line-height:130%; display:block; text-align:left;}
.servicebox{
	height: auto;
	width: 280px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

.footercontainet
   {
	width:990px;
	height:99px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: no-repeat;
	background-image: url(images/footer_BG.png);
	vertical-align: middle;
	padding: 0;
	float: left;
	   }
#footer{
	width:990px;
	height:115px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}

#quickquote
   {
	margin:0;
	padding-right:9px;
	width:216px;
	height:354px;
	float:right;
	clear: right;
	background:url(images/Maing_BG_Quote.png) no-repeat;
	}

#quickform
{
	width:205px;
	margin:0;
	padding-left:10px;
	}

#quickform label
   {
	   display:block;
	   width:12em;
	   text-align:left;
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:12px;
	   color:#FFF;
	   padding-left:1px;
	   
	}

#quickform ol
   {
	   margin:0;
	   padding-top:10px;
	   list-style:none;
	   
	   }
#quickform ol li
{
	padding-top:0.3em;
	padding-bottom:0.3em;
	}
	
.quickquote1{
	font-family:advent;
	font-size:2em;
	color:#FFF;
	padding-left:10px;
	}
.quickquote2{
	font-family:advent;
	font-size:1em;
	color:#FFF;
	padding-left:10px;
	}		
	
.fontfooter
   {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 900px;
	color: #09C;
	height: auto;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	   }

.fontfooter2
   {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 900px;
	color:#666;
	padding-top:10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	   }

.deepfooter
	{
	width:900px;
	height:auto;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	text-align:center;
		}

.webdesign-box1{
	width: 745px;
	height:auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	float:left;
}

.readmore
	{
		width:110px;
		height:25px;
		margin:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFF;
		float:left;
		background:url(images/readmoreimg.png) no-repeat;
		text-align:center;
	}


/***************************************** BANNER SECTION LAYOUT *******************************/

#banner1{
	width:990px;
	height:170px;
	padding:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;	
	}

/******************************************QUOTE FORM LAY OUT***************************/

#quotecontainer
	{
	width:808px;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	background-color: #FFF;
	}

.paragraph1
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#666;
		}
.font2
	{
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#06F;}		
#ourprocess
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#09F;
	padding-left: 15px;
	height: 30px;
	padding-top: 10px;
	font-weight: normal;
		}		

#ourprocesscontent
	{
	color:#666;
	width:808px;
	line-height:1.5em;
	text-align: left;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	background-color: #FFF;
		}
		
#deepprocesscontent
	{
	width:740px;
	height:auto;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
	}
	
.checkbox {
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	list-style-image: url(images/checkbox_img.png);
	list-style-position: inside;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: auto;
	width: auto;
	list-style-type: square;
}

.checkbox2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	list-style-position: outside;
	height: auto;
	width: 600px;
	list-style-type: square;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 50px;
	line-height: 25px;
	display: inline-block;
	list-style-image: url(images/checkbox_img.png);
	margin: 0px;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
}

ul.checkbox3 li
{
background:url(images/arrow.png) no-repeat;
padding-left:40px;
}

ul.checkbox3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	margin:10px 0px;
	list-style:none;
	padding-left:20px;
	line-height: 25px;
	display:block;
	
}

#webpackagecontainer
{
	padding:0;
	width:700px;
	height:190px;
	float:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	
.packagecontainer
{
	padding:0;
	width:300px;
	height:160px;
	float:left;
	display:block;
	margin-top: 10;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}