@charset "utf-8";

body {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	line-height:16px;

	color:#858795;

	background:url(../images/bg-main.gif) top repeat-x;

}

.inner

{

	background:url(../images/bg-main-inner.gif) repeat-x;

}

a

{

	color:#858795;

	text-decoration:none;

}

a:hover

{

	color:#666;

	text-decoration:none;

}

*

{

	padding:0px;

	margin:0px;

}

#wrap

{

	width:960px;

	margin:0px auto;

}

.header-top

{

	float:right;

	width:690px;

	margin:13px 0 0 0;

	padding:0 0 38px 0;

}

.logo

{

	float:left;

	width:270px;

	padding:36px 0 0 0;

}

.theme

{

	float:left;

	width:960px;

	height:344px;

}

.content

{

	width:960px;

	float:left;

}

.title-gray

{

	width:170px;

	float:left;

	padding:20px 0 0 0;

}

.ourwork-container

{

	width:960px;

	float:left;

	padding:14px 0 0 0;	

}

.ourwork-content

{

	width:230px;

	float:left;

}

.marrig13

{

	margin-right:13px;

}

.marrig36

{

	margin-right:26px;

}

.marrig16

{

	margin-right:16px;

}

.martop25

{

	margin-top:25px;

}



.padtop32

{

	padding:32px 0 0 0;

}

.content-text-container

{

	float:left;

	width:473px;

	background:url(../images/line.gif) repeat-y 18px top ;

}

.content-text-container p

{

	padding:5px;

	text-align:justify;

}

.content-text1

{

	float:left;

	width:423px;

	background:url(../images/bg-text1.gif) no-repeat left top;

	padding:0px 0px 0px 50px;

}

.content-text2

{

	float:left;

	width:423px;

	background:url(../images/bg-text2.gif) no-repeat left top;

	padding:0px 0px 0px 50px;

}

.content-text1 img, .content-text2 img

{

	margin:0px 0px 18px 0;

}

.content-bottom

{

	background:url(../images/content-bottom.gif) no-repeat;

	width:473px;

	height:21px;

	float:left;

}

.bot-img

{

	float:left;

	width:202px;

	padding:0 2px 0 18px;

}

.bot-img p

{

	line-height:14px;

	padding-top:6px;

}

.bot-img p img

{

	padding:0 8px;

}

.client-container

{

	width:400px;

	float:left;

}

.client-left

{

	width:230px;

	float:left;

	height:148px;

}

.client-right

{

	width:170px;

	float:left; 

	text-align:right;

}

.client-bot

{

	width:400px;

	float:left;

	text-align:right;

	height:22px;

}

#button-redesign a, .button-website a, #button-webapp a, .button-software a

{   

	display: block; 

	height:144px;

	width:202px;

	float:left;

	margin-bottom:4px;

}



#button-redesign a 

{   

	background: url(../images/btn-redesign.jpg) no-repeat top;

}

#button-redesign a:hover 

{   

	background: url(../images/btn-redesign.jpg) no-repeat bottom;   

}

.button-website a 

{     

	background: url(../images/btn-website.jpg) no-repeat top;

}

.button-website a:hover 

{   

	background: url(../images/btn-website.jpg) no-repeat bottom;   

}

#button-webapp a 

{     

	background: url(../images/btn-webapp.jpg) no-repeat top;

}

#button-webapp a:hover 

{   

	background: url(../images/btn-webapp.jpg) no-repeat bottom;   

}

.button-software a 

{     

	background: url(../images/btn-software.jpg) no-repeat top;

}

.button-software a:hover 

{   

	background: url(../images/btn-software.jpg) no-repeat bottom;   

}



/*****inner****/



.content-left



{



	float:left;



	width:248px;



	padding:78px 23px 0px 0px;



	



}



.content-right



{



	float:left;



	width:689px;



	padding:4px 0 0 0;



}



.title-inner



{



	float:left;



	width:689px;



	height:46px;



}



.inner-content-top



{



	background:url(../images/inner-content-top.gif) no-repeat;



	height:27px;



	float:left;



	width:689px;	

	

}



.inner-content-bot



{



	background:url(../images/inner-content-bot.gif) no-repeat;



	height:20px;



	float:right;



	width:689px;	



}



.top-title

{

	float: left;

	width:960px;

	padding:0px 0px 26px 0px;

}

.inner-content-long-top

{

	background:url(../images/inner-content-long-top.gif) no-repeat;

	height:10px;

	float:left;

	width:960px;	

}

.inner-content-long-bot

{

	background:url(../images/inner-content-long-bot.gif) no-repeat;

	height:10px;

	float:left;

	width:960px;	

}

.inner-content-long

{

	float:left;

	width:922px;

	padding:20px 18px 0px 18px;

	border-left:1px solid #ddd;

	border-right:1px solid #ddd;

	line-height:18px;

	color:#858795;

}

.inner-sub-title

{

	float: left;

	width:922px;

	border-bottom:1px solid #dddddd;

	margin-bottom:20px;

}


.inner-sub-titlebott

{

	float: left;

	width:922px;

	margin-bottom:20px;

}


.inner-sub-title-left

{

	float:left;

	width:400px;	

	padding:0px 0px 10px 0px;

}

.inner-sub-title-right

{

	float:left;

	width:522px;

	text-align:right;

}

.right-button

{

float:left;

width:248px;

}

.portfolio, .redesign

{
	float: left;
	width:922px;
	margin:0 0 15px 0;

}

.portfolio-left

{

	float: left;

	width:637px;

	padding:0px 0px 0px 10px;

}

.portfolio-right

{

	float: right;

	width:241px;

	color:#858795;

	line-height:16px;

	padding:0px 10px 0px 20px;

}

.portfolio-left a

{

	display:block;

	border:5px solid #dddddd;

}

.portfolio-left a:hover

{

	border:5px solid #43444b;

	display:block;

}

.portfolio h2

{

	color:#858795;

	font-size:13px;

	padding:3px 0;

}

.portfolio h3, .redesign h3

{

	color:#43444b;

	font-size:14px;

	font-weight:bold;

	padding:3px 0;

}

.title-txt-blue

{

	color:#01a8ca;

	font-size:13px;

	font-weight:bold;

	padding-bottom:3px;

}

.redesign-left

{

	float:left;

	width:275px;

	padding:0 5px 0 0;

}



.redesign-right

{

	float:left;

	width:637px;

}



.inner-content



{



	float:left;



	width:627px;



	padding:0px 30px 0px 30px;



	border-left:1px solid #ddd;



	border-right:1px solid #ddd;



	line-height:18px;



	color:#858795;

	



}



.txt-blue



{



	color:#01a8ca;



}



.txt-gary



{



	color:#858795;



}



.txt-black



{



	color:#000;



}



.inner-content p



{



	padding:5px 0;



}



.inner-content h2



{



	font-weight:normal;



	line-height:20px;



}











#button-download a 



{   



	display: block;   



	background:  url(../images/btn-download-brochure.gif) top;



	height:63px;



	width:248px;



	float:left;



	margin:20px 0px 0px 0px;	



}







#button-download a:hover 



{   



	background:  url(../images/btn-download-brochure.gif) no-repeat bottom;   



}



#button-contact a 



{   



	display: block;   



	background: url(../images/btn-quick-contact.gif) top;



	height:63px;



	width:248px;



	float:left;



	margin:20px 0px 0px 0px;	



}







#button-contact a:hover 



{   



	background:  url(../images/btn-quick-contact.gif) no-repeat bottom;   



}







#button-sitemap a 



{   



	display: block;   



	background: url(../images/btn-sitemap.gif) top;



	height:17px;



	width:79px;



	float:right;



	margin:10px 0 0 0;



}







#button-sitemap a:hover 



{   



	background:  url(../images/btn-sitemap.gif) no-repeat bottom;   



}



#button-launch a 

{   

	display: block;

	background:url(../images/btn-launch-project.jpg) top;   

	height:22px;

	width:99px;

	float:left;

	margin:14px 0 0 0;

}



#button-launch a:hover 

{   

	background:  url(../images/btn-launch-project.jpg) no-repeat bottom;   

}

#button-prev a 

{   

	display: block;

	background: url(../images/btn-prev.gif) no-repeat top right;   

	height:22px;

	width:76px;

	float:right;

	text-align:left;

	margin:0 22px 0 0;

}



#button-prev a:hover 

{   

	background: url(../images/btn-prev.gif) no-repeat bottom right;   

}

#button-next a 

{   

	display: block;

	background: url(../images/btn-next.gif) no-repeat top left;   

	height:22px;

	width:54px;

	float:right;

}



#button-next a:hover 

{   

	background: url(../images/btn-next.gif) no-repeat bottom left;   

}







/****footer****/



.footer

{

	margin:30px 0px 0px 0px;

	background:url(../images/bg-footer.gif) repeat-x;

	float:left;

	width:100%;

	padding:28px 0px;

}

.footer-inner

{

	margin:20px 0px 0px 0px;

	background:url(../images/bg-footer.gif) repeat-x;

	float:left;

	width:100%;

	padding:28px 0px;

}

.footer-wrap

{

	width:960px;

	margin:0px auto;

	padding:8px 0 24px 0;

	

}

.site-map

{

	width:79px;

	float: right;

}

.footer-left

{

	width:462px;

	margin:0 0 0 18px;

	padding:0 0 10px 0;

	float:left;

	border-bottom:1px solid #dddddd;

	color:#a2a5b6;

	font-size:10px;

	line-height:20px;

}

.footer-right

{

	width:480px;

	float:right;	

	padding:20px 0 0 0;

	float:left;

	border-bottom:1px solid #dddddd;

	height:40px;

	text-align:right;

}

.footer-right-menu

{

	width:180px;

	float:right;	

	text-align:right;

	margin:0px 10px 0px 0px;

}



.footer-right ul

{

	list-style:none;

}

.footer-right li

{

	display:inline;

	list-style:none;

}

.footer-right img

{

	padding-top:10px;

}

.sitemap

{

	background:url(../images/bg-sitemap.gif) no-repeat;

	color:#FFF;

	width:79px;

	height:17px;

	display:block;

	float: right;

	text-align:left;

	padding:0px 0px 0px 8px;

}

.sitemap a

{

	color:#FFF;

}



/****topmenu*****/



#menu-top



{



	float:right;



	width:184px;



	margin:26px -10px 0 0;



	height:13px;



}











#menu-top ul{



	position: relative;



	width:288px;



	height:13px;



	background:url(../images/bg-menu-top.gif) no-repeat;



}







#menu-top ul li{



	list-style: none;	position: absolute;	top:0;



}







#menu-top ul li, #menu-top a{ 



	display:block; height:13px; border-bottom:0;



}







#menu-top ul li a{ 



	text-indent:-9999px; text-decoration:none; padding: 0px;



}







#tm1{ left:0; width:35px;}



#tm2{ left:35px; width:85px;}





#tm3{ left:125px; width:61px;}



#tm4{ left:175px; width:52px;}



#tm5{ left:227px; width:61px;}



.tm2_1{ left:35px; width:85px;}







#tm1 a:hover {



	background: transparent url(../images/bg-menu-top.gif) 0 -13px no-repeat; border-bottom:0;



}







#tm2 a:hover {



	background: transparent url(../images/bg-menu-top.gif) -35px -13px no-repeat; border-bottom:0;



}



.tm2_1 a:hover {



	background: transparent url(../images/bg-menu-top.gif) -35px -13px no-repeat; border-bottom:0;



}







#tm3 a:hover {



	background: transparent url(../images/bg-menu-top.gif) -125px -13px no-repeat; border-bottom:0;



}







#tm4 a:hover {



	background: transparent url(../images/bg-menu-top.gif) -175px -13px no-repeat; border-bottom:0;



}







#tm5 a:hover {



	background: transparent url(../images/bg-menu-top.gif) -227px -13px no-repeat; border-bottom:0;



}











#tm1a {



	left:0; width:35px; background: transparent url(../images/bg-menu-top.gif) 0 -13px no-repeat; border-bottom:0;



}







#tm2a {



	left:35px; width:90px; background: transparent url(../images/bg-menu-top.gif) -35px -13px no-repeat; border-bottom:0;



}



.tm2_1a {



	left:35px; width:90px; background: transparent url(../images/bg-menu-top.gif) -35px -13px no-repeat; border-bottom:0;



}



#tm3a 



{



	left:125px; width:61px; background: transparent url(../images/bg-menu-top.gif) -125px -13px no-repeat; border-bottom:0;



}



#tm4a 



{



	left:175px; width:52px; background: transparent url(../images/bg-menu-top.gif) -175px -13px no-repeat; border-bottom:0;



}



#tm5a 



{



	left:227px; width:61px; background: transparent url(../images/bg-menu-top.gif) -227px -13px no-repeat; border-bottom:0;



}



/****mainmenu*****/



#main-menu



{



	width:689px;



	float:right;



	background:url(../images/bg-menu.gif) no-repeat;



}







#main-menu ul{



	position: relative;



	width:689px;



	height:39px;



	background: url(../images/bg-menu.gif) no-repeat;



}







#main-menu ul li{



	list-style: none;	position: absolute;	top:0;



}







#main-menu ul li, #main-menu a{ 



	display:block; height:39px; border-bottom:0;



}







#main-menu ul li a{ 



	text-indent:-9999px; text-decoration:none; padding: 0px;



}







#mm1{ left:0; width:141px;}



#mm2{ left:141px; width:128px;}



#mm3{ left:269px; width:171px;}



#mm4{ left:440px; width:110px;}



#mm5{ left:550px; width:138px;}











#mm1 a:hover {



	background: transparent url(../images/bg-menu.gif) 0 -39px no-repeat; border-bottom:0;



}



#mm2 a:hover {



	background: transparent url(../images/bg-menu.gif) -141px -39px no-repeat; border-bottom:0;



}







#mm3 a:hover {



	background: transparent url(../images/bg-menu.gif) -269px -39px no-repeat; border-bottom:0;



}







#mm4 a:hover {



	background: transparent url(../images/bg-menu.gif) -440px -39px no-repeat; border-bottom:0;



}







#mm5 a:hover {



	background: transparent url(../images/bg-menu.gif) -550px -39px no-repeat; border-bottom:0;



}











#mm1a {



	left:0; width:141px; background: transparent url(../images/bg-menu.gif) 0 -39px no-repeat; border-bottom:0;



}







#mm2a {



	left:141px; width:128px; background: transparent url(../images/bg-menu.gif) -141px -39px no-repeat; border-bottom:0;



}



#mm3a 



{



	left:269px; width:171px; background: transparent url(../images/bg-menu.gif) -269px -39px no-repeat; border-bottom:0;



}



#mm4a 



{



	left:440px; width:110px; background: transparent url(../images/bg-menu.gif) -440px -39px no-repeat; border-bottom:0;



}



#mm5a 



{



	left:550px; width:138px; background: transparent url(../images/bg-menu.gif) -550px -39px no-repeat; border-bottom:0;



}







/*****quick menu****/







#menus

{	

	width:248px;

	margin:13px 0 0 0;

	float:left;

	color:#858795;

	font-size:13px;

	font-weight:bold;

}





#menus a



{





	text-decoration:none;



}



#menus a:hover



{



	color:#01a8ca;



	text-decoration:none;



}



#menus ul



{



	border-left:1px solid #dddddd;



	border-right:1px solid #dddddd;



}



#menus li



{



	list-style:none;



	background:url(../images/arrow-gray.gif) no-repeat 200px 14px;



	padding:10px 0px 10px 20px;



	border-bottom:1px solid #dddddd;



	height:auto;



}



.inner-menu-top



{



	background:url(../images/inner-menu-top.gif) no-repeat;



	width:248px;



	height:4px;



}



.inner-menu-bot



{



	background:url(../images/inner-menu-bot.gif) no-repeat;



	width:248px;



	height:4px;



}







#leftcolumn{



float:left;



width:150px;



height: 400px;



border: 3px solid black;



padding: 5px;



padding-left: 8px;











}







#leftcolumn a{



padding: 3px 1px;



display: block;



width: 100%;



text-decoration: none;



font-weight: bold;



border-bottom: 1px solid gray;



}







#leftcolumn a:hover{



background-color: #FFFF80;



}







#rightcolumn{



	float:left;



	width:627px;



	padding:0px 30px 0px 30px;



	border-left:1px solid #ddd;



	border-right:1px solid #ddd;



	line-height:18px;



}





* html #rightcolumn{ /*IE only style*/



height: 400px;



}



.bg_slid_submenu



{



	width: 200px; 



	background: #ffffff; 



	display:none;



	padding-top:2px;



	padding-left:15px;



	



}



#contentimage 



{   

	display: block;   

	height:240px;

	width:240px;

	float:right;

	margin:0px 0px 0px 0px;	

}



.txt-blue1



{

	color:#01a8ca;

	font-family:"HelveticaNeue ThinCond";

	font-size:37px;

	



}



.txt-grey1



{

	color:#858795;

	font-family:"HelveticaNeue ThinCond";

	font-size:37px;

	



}



.inner2



{

	color:#01a8ca;

	font-family:"HelveticaNeue ThinCond";

	font-size:20px;

	



}



.inner3



{

	color:#858795;

	font-size:12px

	



}



#aboveimagedcont



{   

	display: block;   

	height:40px;

	width:600px;

	float:left;

	margin:0px 0px 0px 0px;	

}



#innerimagedcont



{   

	display: block;   

	height:24px;

	width:383px;

	float:left;

	margin:0px 0px 0px 0px;	

}







/****************************Enquiry form below*******************************************/



*                           { margin: 0; padding: 0; }

html                        { overflow-y: scroll; }



.clear                      { clear: both; }



#page-wrap                  { width: 700px; margin: 40px auto; }



h1                          { font: 26px Georgia, Serif; margin: 10px 0; }



label                       { width: 190px; display: block; }



input[type=text], textarea  { width: 350px; outline: none; }



.rowElem 

label.error                 { float: none; font-style: italic; color: red;

                              position: absolute; top: 16px; left: 0; 

                              font-size: 12px; }

                              

.rowElem #jqTransformTextarea-mm

label.error                 { top: 28px; }



#changeTypeArea             { float: left; margin: 0 0 10px 0; width: 350px; }



.rowElem                    { position: relative; clear: both; min-height: 35px; }

.rowElemSelect              { clear: both; min-height: 35px; }



.thanks                     { color: #01a8ca; font-weight: bold; padding-right:100px }





.jqTransformTextarea, 

.jqTransformSelectWrapper   { margin: 0 0 8px 0; }



a:focus {

	outline: none;

}





/*****accordion menu*********/





.menu_list {	

	width:246px;

	color:#858795;

	font-size:13px;

	font-weight:bold;	

	border-left:1px solid #dddddd;

	border-right:1px solid #dddddd;



}

.menu_head {

	padding: 5px 10px;

	cursor: pointer;

	margin:1px;

    font-weight:bold;

    background: #fff url(arrow-down1.gif) center right no-repeat;

	color:#858795;

	border-bottom:1px solid #dddddd;

}

.menu_body {

	display:none;

	font-size:10px;

}

.menu_body a{

  display:block;

  color:#a7a7a7;

  background-color:#353641;

  text-decoration:none;

  padding:5px 0 5px 10px;

}

.menu_body a:hover{

  color: #01a8ca;

  text-decoration:none;

  }

  

/********home slider*******/

#slider ul, #slider li{

	margin:0;

	padding:0;

	list-style:none;

}

#slider, #slider li{ 

	width:400px;

	height:154px;

	overflow:hidden; 

}

span#prevBtn{

	float:left;

	height:22px;

	overflow:hidden;

	margin:0px 5px 0 360px;

}

span#nextBtn{

	float:right;

	height:22px;

	overflow:hidden;

	margin:0px 10px 0px 0px;

}

.width190

{

	width:200px;

	float:left;

}

.width230

{

	width:240px;

	float:left;

}

.width250

{

	width:260px;

	float:left;

}

.width150

{

	width:160px;

	float:left;

}

.width100

{

	width:90px;

	float:left;

}