@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	outline:0;
}
body{
	background:#fff url(../images/bodybg.gif) top left repeat-x;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464749;
}
a {
	text-decoration:none;
	color:#000;
}
a:hover {
	 text-decoration:underline;
	 color:#000;
}
.body-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #464749;
}

h1, h2, h3, h4, h5, h6,  p, img, clear, span, ul, li, ol, dd, dl, dt, label, form, br {
	padding:0px;
	margin:0px;
}
.clear {
	height:0;
	font-size:0;
	line-height:0;
	clear:both;
}
.middle{
vertical-align:middle;
margin:0;
padding:0;
}
img {
	border:0;
}
.Fleft {
	float:left !important;
}
.Fright {
	float:right !important;
}

.nobdr{
 border:none !important;

}

.nobg{
 background:none !important;

}
.nopadding{
 padding:0 !important;

}


.nobdr_top{
 border-top:none !important;
}

.nomargin{
 margin:0px !important;

}

#wrapper{
	width:100%;
	height:auto;
	margin:0 auto;
	border-bottom:1px solid #e0e0e0;
	
}
#outer_wrapper{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	background:#fff url(../images/bodybg.gif) top left repeat-x;
	float:left;
}
.error {
	color:#F80000;
}
/*-----------------------------------css start here----------------------------------------------------------*/
/*-----------------------------------header css start here----------------------------------------------------------*/
#header{
	width:970px;
	height:134px;
	margin:0 auto;
}
.header_l{
	width:690px;
	height:105px;
	float:left;
}
.logo{
	width:231px;
	height:58px;
	padding:12px 0 0;
}
.header_r{
	width:240px;
	height:107px;
	float:right;
}
.menu{
	list-style-type:none;
	padding:9px 0px 0px 0px;
	width:690px;
	height:27px;
	margin:0;
}

.menu ul{
	margin:0;
	padding:0px;
	list-style-type:none;

}

.menu li{
	display: inline;
	margin: 0 0 0 2px;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}


.menu li a {
	margin:0;
	padding:0;
	display:block;
	height:28px;
	float:left;
	background:url(../images/navr.gif) top right no-repeat;
	color:#fff;
	font-size:11px; 
	line-height:24px;
	text-decoration:none; 
	cursor:pointer;
}

.menu li a span{
	display:block;
	float:left;
	background:url(../images/navl.gif) top left no-repeat;
	padding:0 15px ;
	padding-top:3px;
}

.menu li a:hover, .menu li  a.selected{
	background:url(../images/navr_h.gif) top right no-repeat;
	color:#fff;	text-decoration:none;
}

.menu li a.selected span{
	background:url(../images/navl_h.gif) top left no-repeat;
	color:#fff; text-decoration:none;
}


.menu li a:hover span{
	background:url(../images/navl_h.gif) top left no-repeat;
}

.menu li a:hover span .selected{
	background:url(../images/link-left.gif) top left no-repeat;
}
.header_r .call{
	float:left;
	padding:10px 0 0 5px;
}
.header_r h2{
	float:left;
	font:normal bold 36px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#3c3c3c;
	padding:25px 0 0 0;
}
.mail{
	padding:0 0 0 55px;
}
.mail img{
	float:left;
	padding:3px 5px 0 0;
}
.mail a{
	float:left;
	font:normal normal 15px;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color:#888888;
	text-align:left;
}
.navigation{
	width:690px;
	height:29px;
	margin:0 ;
}
.navigation ul{
	margin:0;
	padding:0;
	list-style:none;
}
.navigation ul li{
	margin:0;
	padding:0 8px 0 20px;
	font: normal normal 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	display:inline;
	float:left;
	background:url(../images/nav_br.gif) right center no-repeat;
}
.navigation ul li a{
	color:#fff;
	display:block;
	line-height:27px;
	text-decoration:none;
}
.navigation ul li a:hover{
	text-decoration:underline;
}
/*-----------------------------------header css end here----------------------------------------------------------*/
/*-----------------------------------banner css start here----------------------------------------------------------*/
#outer_banner{
	width:100%;
	height:474px;
	background:url(../images/bannerbg.jpg) left top repeat-x;
	margin:0;
	float:left;
}
#banner{
	width:1006px;
	height:307px;
	margin:0 auto;
}
.support{
	width:1000px;
	height:130px;
	margin:0 auto;
	padding:27px 0 0;
}
.supportbox{
	width:237px;
	height:123px;
	margin:0;
	padding:0 10px 0 0;
	float:left;
	background:url(../images/supportbg.jpg) left top no-repeat;
}
.supportbox.urgent{
	width:237px;
	height:123px;
	margin:0;
	padding:0 10px 0 0;
	float:left;
	background:url(../images/supportbgurgent.jpg) left top no-repeat;
}
.supportbox.urgent h2{
	color:#ffffff;
}
.supportbox.urgent .sboxr p{
	color:#FFFFFF;
} 
.supportbox.urgent .sboxr a{
	color:#FFFFFF;
	font-size:15px;
} 
.supportbox h2{
	font:normal normal 17px;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color:#4d4d4d;
	text-align:left;
	border-bottom:2px dotted #ccc;
	line-height:35px;
	margin:0 8px;
	padding:0 0 0 3px;
	text-transform:uppercase;
	font-size:20px;
}
.supportbox h2 span{
	color:#de8004;
}
.supportbox .sboxl{
	width:76px;
	height:59px;
	float:left;
	padding:10px 0 0 1px;
	text-align:center;
	vertical-align:middle;
}
.supportbox .sboxr{
	width:160px;
	float:left;
	padding:10px 0 0;
}
.supportbox .sboxr p{
	font:normal normal 12px Arial, Helvetica, sans-serif;
	color:#686464;
	text-align:left;
	padding:0 0 10px;
}
.supportbox .sboxr a{
	font:italic normal 10px Arial, Helvetica, sans-serif;
	color:#de8004;
	text-align:left;
	padding:0;
	text-transform:uppercase;
}
	
/*-----------------------------------banner css start end----------------------------------------------------------*/
/*-----------------------------------container css start start----------------------------------------------------------*/
#container{
	width:980px;
	height:auto;
	margin:0 auto;
}
.hleft{
	width:580px;
	height:auto;
	margin:0;
	float:left;
	padding:30px 0 0;
}

.hleft h2{
	font:normal normal 24px Arial, Helvetica, sans-serif;
	color:#282828;
	text-align:left;
	padding:0;
	text-transform:uppercase;
	
}
.hleft h2 span{
	color:#ef8601;
}
.hleft h4{
	color:#464749;
	text-align:left;
	padding:0;
	line-height:18px;
	border-bottom:1px solid #e5e5e5;
	padding:0 0 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
}
.hleft p{
	color:#464749;
	text-align:left;
	padding:5px 0;
	line-height:18px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.providing_solution{
	width:259px;
	float:left;
	padding:5px 0 10px 0;
	background-image: url("../images/rightpanel.png");
 	background-position:-12px -772px;
 	height:96px;
}

.callus{
	width:265px;
	float:left;
  	background-image: url("../images/rightpanel.png");
 	background-position: -10px -10px;
	height:39px;
	margin:12px 0 0 10px;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:14px;
	color:#7e7e7e;
	font-weight:normal;
	padding:75px 0 0 10px;
	
}

.hright{
	width:367px;
	height:auto;
	margin:0;
	float:left;
	text-transform:uppercase;
	color:#282828;
	font-size:20px;
	font-weight:normal;
	padding:30px 0 0 25px;
	
}

.hright span{
	color:#da8122;
}

.hright p{
	color:#4d4f54;
	font-size:14px;
	font-style:italic;
	text-transform:none;
	padding:5px 0 8px 0;
	
}

.form_box{
	width:367px;
	float:left;
}

.inp{
   width:175px;
   padding:6px 0px 8px 5px;
   color:#888888;
   border:none;
    font-family:Arial;
   background:url(../images/form-field.jpg) top left no-repeat;
   margin:5px 0 0 0;
   color:#74716e;
	font-size:12px;
	
}

.textfield{
   width:356px;
   max-width:356px;
   max-height:72px;
   font-family:Arial;
   float:left;
   padding:8px 0px 8px 5px;
   font-size:12px;
   height:72px;
   color:#74716e;
   border:none;
   background:url(../images/message-bg.jpg) top left no-repeat;
   margin:5px 0 0 0;
   resize:none;
}

#note {
	font-size:10px;
}

.submit{
   width:100px;
   font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
   float:left;
   padding:0px 0px 0px 0px;
   font-size:14px;
   height:25px;
   color:#fff;
   border:none;
   font-weight:normal;
   background:url(../images/submit-bg.jpg) top left no-repeat;
   text-transform:uppercase;
   text-align:center;
   line-height:25px;
   cursor:pointer;
}

.submit input{
	height:25px;
	border:0;
	background:none;
	color:#FFFFFF;
    cursor:pointer;
}

.submit a{
   
   color:#fff;
   
}

.bottom_container{
	width:980px;
	margin:0 auto;
	border-top:1px solid #e0e0e0;
	
	


}

.ourservices{
	width:245px;
	float:left;
	position:relative;
}

.ourservices h2{
	font-size:16px;
	 color:#db821a;
	 padding:15px 0 0 0;
	 
}

.ourservices span{
	color:#ed7205;
	font-size:15px;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}


.ourservices ul{
	margin:0px;
	padding:0px;
	list-style:none;
	padding:5px 0 0 0;
}

.ourservices ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color:#74716e;
	font-size:14px;
	background:url(../images/orange-arrow.png) 0 8px no-repeat;
	padding:0 0 0 15px;
	line-height:20px;
}



.ourservices ul li a{
	color:#74716e;
	text-decoration:none;
	
}

.ourservices ul li.nobg{
	background:none;
	padding:0px;
}

.img_fix{
	vertical-align:middle;
	padding:0 5px 0 0;
}

.networking_icons{
	width:230px;
	float:right;
	background:url(../images/icon-bg.jpg) right 0 no-repeat;
	text-align:right;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	height:24px;
	padding:5px 35px 0 0;
	margin:20px 0 0 0;
}

.need_services{
	position:absolute;
	z-index:1;
	top:-28px;
	right:12px;
}

.wrapper_footer{
	width:100%;
	margin:0 auto;
	background:#2b2b2b;
}

.footer{
	width:980px;
	margin:0 auto;
}

.footer_nav{
	width:650px;
	float:left;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:13px;
	color:#c7c2c2;
	padding:12px 0;
}


.footer_nav a{
	padding:0 0px;
	color:#c7c2c2;
}

.copyright{
	width:330px;
	float:left;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color:#c7c2c2;
	font-size:14px;
	text-align:right;
	font-style:italic;
	padding:12px 0;
	
}



/*-----------------------------------container css start end----------------------------------------------------------*/

.outer_mid{
	margin:0 auto;
	width:100%;
}

.content{
	width:980px;
	margin:0 auto;
}

.left_panel{
	width:692px;
	float:left;
	padding:0 0 15px 0;
}


.left_banner{
	width:692px;
	padding:15px 0 25px 0;
}

.web_develop{
	width:692px;
	margin:0px;
	padding:0px;
}

.web_develop h2{
	font-size:24px;
	color:#060606;
	font-weight:normal;
}

.web_develop span{
	font-size:24px;
	color:#d87b03;
	font-weight:normal;
}

.web_develop span.standout{
	font-size:17px;
	color:#d87b03;
	font-weight:normal;
	display:block;
	line-height:6px;
	text-align:center;
}


.web_develop h3{
	font-size:20px;
	color:#131313;
	font-weight:normal;
	padding:20px 0 0 0;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	
}

.web_develop p{
	font-size:15px;
	color:#565c6d;
	font-weight:normal;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	text-align:justify;
	padding:5px 12px 0 0;
	line-height:19px;
}

.web_develop .black-color{
	color:#2a2b2c;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
}

.web_develop ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.web_develop ul li{
	line-height:19px;
	font-size:15px;
	color:#565c6d;
	font-weight:normal;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	text-align:justify;
	padding:5px 0px 0 15px;
	background:url(../images/orange-bg.png) 0 8px no-repeat;
	
	
}

.right_panel{
	width:272px;
	float:left;
	padding:15px 0 0 0;
}

.portfolio{
	width:208px;
	height:47px;
	margin:0 0 0 14px;
  	background-image: url("../images/rightpanel.png");
 	background-position: -10px -242px;
	font-size:19px;
	color:#000000;
	font-weight:bold;
	padding:160px 0 0 50px;
}

.portfolio span{
	color:#d16e14;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:15px;
	font-weight:normal;
	padding:0 0 0 18px;
}

.portfolio a{
	color:#d16e14;
	 text-decoration:none;
}

.portfolio a:hover{
	color:#FF9900;
	 text-decoration:none;
}

.web_package{
	width:178px;
	height:101px;
	margin:15px 0 0 14px;
  	background-image: url("../images/rightpanel.png");
 	background-position: -10px -469px;
	font-size:18px;
	color:#FFFFFF;
	font-style:italic;
	padding:33px 0 0 80px;
	position:relative;
	
}

.web_package span{
	color:#FFFFFF;
	font-size:14px;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-style:normal;
	padding:0 0 0 30px;
	line-height:32px;
}

.web_package a {
	color:#FFFFFF;
	text-decoration:none;
}

.enquiry_box{
	width:285px;
	height:97px;
	margin:15px 0 0 14px;
	float:left;
  	background-image: url("../images/rightpanel.png");
 	background-position: -10px -125px;	
}	

.enquiry_box h2{
	font-size:26px;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 0 0 40px;
	
}

.enquiry_box span{
	font-size:16px;
	font-style:italic;
	color:#FFFFFF;
	padding:0 0 0 28px;
	
}

.click_here{
	width:84px;
	height:22px;
	float:right;
  	background-image: url("../images/rightpanel.png");
 	background-position: -10px -740px;	
	color:#FFFFFF;
	text-align:center;
	line-height:20px;
	margin-top: 7px;
    padding-right: 42px;
}

.click_here a{
	
	color:#FFFFFF;
	text-decoration:none;
}

.request_box{
	width:257px;
	height:97px;
  	background-image: url("../images/rightpanel.png");
 	background-position: -10px -623px;
	margin:15px 0 0 14px;
	
}

.request_box span{
	
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:27px;
	color:#000000;
	padding:0 0 0 0px;
	text-transform:none;
	font-weight:normal;
	padding: 0 0 0 29px;
	
}

.request_box h2{
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:41px;
	color:#d67014;
	text-transform:uppercase;
	text-align:center;
	line-height:26px;
}

.request_click{
	width:97px;
	color:#2b2b2b;
	font-size:12px;
	text-align:left;
	padding:5px 0 0 160px;
		
}

.request_click a{
	
	color:#2b2b2b;
	
		
}

.solution_provide{
	width:259px;
	height:113px;
	margin:12px 0 0 14px;
	background-image: url("../images/rightpanel.png");
 	background-position:-12px -772px;	
}

.call_at{
	width:280px;
	height:95px;
	margin:15px 0 0 14px;
	background:url(../images/call-at.jpg) 0 0 no-repeat;
	padding:10px 0 0 0;
  	background-image: url("../images/rightpanel.png");
 	background-position: -10px -10px;
	
}
.call_at.home{
	float:left;
}

.call_at h3{
font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:32px;
	color:#000000;
	padding:0 0 0 40px;
	line-height:26px;
}

.click-it{
	color:#010100;
	font-size:14px;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight:normal;
	padding:8px 0 0 10px;
	
}

.click-it a{
	color:#010100;
		
}
	

.call_at span{
	color:#dd810f;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0px 0 0 45px;
}

.click_here1{
	color:#FFFFFF;
	font-size:14px;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-style:normal;
	position:absolute;
	z-index:9;
	top:87px;
	left:112px;
}

.newsbreak {
    background-color: #653E1D;
    height: 1px;
    margin: 10px 0;
    width: 400px;
}

.date {

}

.news-content h3{
	padding:0 0 0 2px;
}

.news-content p{
	padding:0 12px 0 10px;
}

#calendar span {
	font-family: arial;
    font-size: 11px;
    color:#FFFFFF;
}


#calendar tbody tbody b{
    color:#000000;
}


#calendar span#lblToday{
    color:#000000;
}


/*-----------------------------------Portfolio css starts here----------------------------------------------------------*/

#portfolio-container .templatebox {
	float:left;
	margin-top:10px;
}

#portfolio-container .templatebox .picture img{
	width:200px;
	height:208px;
	padding:5px;
	margin:3px;
	border:solid 5px #D2D0D0;
}

#portfolio-container .templatebox .picture img:hover{
	border:solid 5px #B8B8B8;
}

#portfolio-container .templatebox .viewsite {
	height:22px;
	padding-top:2px;
	text-align:center;
}

#portfolio-container .templatebox .viewsite a{
	padding:4px 8px;
	background-color:#efa752;
	text-decoration:none;
	-moz-border-radius: 35px;
	border-radius: 35px;
	border:1px solid #93550d;
	text-align:center;
	outline:none;
}


#portfolio-container .templatebox .viewsite a:hover{
	background-color:#DB821A;

}

#portfolio-container .templatebox .viewsite a:active {
	line-height:16px;
}