@charset "utf-8";
/* CSS Document */
@font-face 
{
font-family:"Roboto";
src:url(../fonts/Roboto-Regular.ttf)    format('Truetype');
font-weight: normal;
font-style: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face 
{
font-family:"Roboto Light";
src:url(../fonts/Roboto-Light.ttf)    format('Truetype');
font-weight: normal;
font-style: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face 
{
font-family:"Roboto ";
src:url(../fonts/Roboto-Bold.ttf)    format('Truetype');
font-weight: normal;
font-style: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body
{
	
	padding:0;
	margin:0;
	font-family:"Roboto";
}
.innercontainer
{
	width:1349px;
	margin:0 auto;
}
.container
{
	width:1230px;
	margin:0 auto;
	padding-bottom:100px;
}



	

.mob_img
{
	float:left;
	margin-top:20px;
	
}



.search 
{
   font-style:italic;
	margin-left:90px;
	margin-top:120px;
	font-family:"Roboto";
	font-size:14px;
	color:#818181;
	border:1px solid #666;
	border-radius:5px;
	height:35px;
	width:300px;
	box-shadow:3px 3px 0px 0px #d4d4d4 inset;	
}
.searchbox
{
    border: 0 none;
    color:#666;
    float: left;
    font-family: "Ubuntu Light";
    font-size: 14px;
    height:27px !important;
    padding-left: 15px;
    width:220px !important;
	margin-left:10px;
	background-color:#FFF;
	margin-top:-10px;
}
.submit 
{
    background-image:url(../images/search.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#FFF;
    border: 0 none;
    cursor: pointer;
    float: left;
   height:27px !important;
    width: 35px;
	margin-top:-10px;
	
}

.flexslider carousel
{
	width:1168px;
	float:left;
	margin-top:10px;
	
	
}
.project_details
{
	 margin: 0 auto;
    display: table;
    margin-bottom: 55px;
    width: 100%;
	
}
.project_title
{
	text-align:center;
	float:left;
	margin-top:25px;
	padding-left:380px;
	font-size:24px;
	
	color:#00CC66;
	
}
.dwnd_btn
{
	background-color:#ff9a00;
	padding:10px;
	
}
.dwnd_btn a
{
	text-decoration:none;
	color:#FFF;
}
.slides
{
	list-style-type:none;
	float:left;
}
.dotnet
{
	float:left;
	margin-top:40px;
	width:287px;
}

.dot
{
	z-index:1;
	position:relative;
	height:50px;
	background-color:#ff9a00;
	width:410px;
	color:#FFF;
	font-size:16px;
	
}
.dot h4
{
	padding-left:10px;
	padding-top:3px;
}
.youtube
{
	width:863px;
	float:left;
	
	
}
.dotnetvideo
{
	float:left;
	width:386px;
	border-bottom:4px solid #ff9a00;
	
	margin-right:25px;
	 padding: 15px 10px 10px;
}


.youtube_part2
{
	
	float:left;
	width:280px;
	
	
	
}
td
{
padding:10px;	
	
}
.callus
{
	float:left;
	width:300px;
	height:266px;
	background-color:#000;
	margin-top:30px;
}
.visitors
{
	float:left;
	width:300px;
	height:266px;
	color:#900;
	
	margin-top:30px;
}
.visitors_inner
{
	width:100px;
	margin:0 auto;
}

.views
{
	width:300px;
	height:57px;
	background-color:#f2f2f2;
	float:left;
	text-align:center;
	margin-top:45px;
	border-bottom:5px solid #F60;
	text-align:center;
}
.visitor_count 
{
	
	width:300px;
	height:57px;
	
	float:left;
	
	margin-top:45px;

	

	
}
.visitor_count p 
{
	padding-left:110px;
	font-size:36px;
	color:#096;
}
.other_projects
{
	float:left;
	width:280px;
	height:280px;
	background-color:#000;
	margin-top:30px;
	border-bottom:4px solid #ff9a00;
}

.videotitle
{
	
	font-family:"Roboto";
	font-size:20px;
	color:#000000;

}
.videoparagraph
{
	
	font-family:"Roboto Light";
	font-size:14px;
	width:386px;
	word-spacing:3px;
	color:#000000;
	line-height:20px;
	margin-top:-11px;
}

.project_solution
{
	
	font-family:"Roboto";
	font-size:22px;
	color:#ff9a00;
	float:left;
	text-align:center;

	margin-top:6px;
	
}
.callus_title
{
	
	font-family:"Roboto";
	font-size:30px;
	color:#FFF;
	float:left;
	padding-left:95px;
	margin-bottom:-34px;
	margin-top:2px;
	
	
	
	
}
.callus_number
{
	
	font-family:"Roboto";
	font-size:30px;
	color:#ff9a00;
	float:left;
	padding-left:70px;
	margin-top:35px;
	
	
	
	
}
.other
{
	
	font-family:"Roboto";
	font-size:25px;
	color:#000000;
	float:left;
	padding-left:40px;
}

.other_projects
{
	width:300px;
	height:57px;
	background-color:#f2f2f2;
	float:left;
	text-align:center;
	margin-top:45px;
	
}
.topics
{
	font-family:"Roboto Light";
	font-size:14px;
	color:#000000;
	width:270px;
	padding:15px;
	float:left;
	border-bottom:1px solid #CCC;
}
hr
{
	float:left;
	background-color:#000;S
}

.floatboxstyle
{
	width:429px; display:none; z-index:9999; border:#666666 solid 1px; border-radius:5px; text-align:left; opacity: 0.85; float:inherit; display:block; position:fixed; right:50%; right:auto; left:auto; bottom:20px; box-shadow: 0px 1px 8px #333333;
	
}


.floatboxinnercontainerstyle
{
	width:98.9%; background-color:#4D9D42; height:21px; padding-bottom:5px; padding-top:5px; padding-left:15px; text-align:left; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:17px; border-top-right-radius:4px; border-top-left-radius:4px; box-shadow: 0px 1px 5px #333333; font-weight:bold; text-shadow: 2px 1px 2px #000000;
}	

.floatboxcontentstyle
{
	width:99%; float:left; padding-left:5px; padding-right:8px; padding-top:8px; padding-bottom:8px; color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:17px;
}

.floatcontenttable_style
{
	background-color:#FF9900; border-radius:5px; border:#CCCCCC solid 1px; box-shadow: 0px 0px 5px #333333;
}

.floatDataHead_style
{
	color:#FFFFFF; text-shadow: 2px 1px 2px #000000; padding-left:5px; font-weight:bold; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:17px; 
}

.floatDatalink_style
{
	color:#FFFFFF; text-shadow: 2px 1px 2px #000000; padding-left:5px; font-weight:bold; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:17px;
	text-decoration:none; 
}	








#primary_nav_wrap
{
	margin-top:15px
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	
	
}

#primary_nav_wrap ul a
{
	display:block;
	
	text-decoration:none;
	
	
	
	padding:0 5px;
	color:#FFF;
	  font-family:"Roboto";
	font-size:14px;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	color:#FFF;
	  font-family:"Roboto";
	font-size:14px;
	
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#ff9a00;
	
}

#primary_nav_wrap ul li:hover
{
	background:#ff9a00;
	
}
#primary_nav_wrap ul li ul li:hover
{
	background:#343138;
	
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#ff9a00;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;
	
}
.other_links
{
	list-style-type:disc;
	color:darkblue;
	font-family:"Roboto";
	
	font-size:20px;
}
.other_links li
{
	line-height:50px;
}
.other_links a
{
	text-decoration:none;
}
.other_links li:hover
{
	text-decoration:underline;

}
.enquiry_address
{
	width:100%;
	float:left;
	margin-top:40px;
	padding-bottom:50px;
}
.enquiry_frm
{
	width:60%;
	float:left;
}
.enquiry_address p
{
	padding-top:20px; 

}
.enquiry_form
{
	width:50%;
	float:left;
}
.address
{
	width:100%;
	float:left;
}
.location_address
{
	width:40%;
	float:left;
}
.location_address h5
{
	font-size:22px;
		font-family:"Roboto";
		
	
}
.location_address ul
{
	padding:0;
}

.list
{
	list-style-type:none;
	font-size:17px;
}
.location_map
{
	float:left;
	width:100%;
	margin-bottom:20px;
	
}
.location_map h3
{
	font-size:22px;
		font-family:"Roboto";
		
	
}
.framei
{
	height:300px;
	width:100%;
	float:left;
	
}
.enquiry-title
{
background-color: #26282a;
    color: #ffffff;
    font-family: "Arial";
    font-size: 20px;
    height: 33px;
    padding-left:5px;
    padding-top: 12px;
    text-transform: capitalize;
    width:100%;
    font-weight: 100;
}
#contact_form
{
	    float: left;
    border: 1px solid #d6d6d6;
    background: linear-gradient(#ffffff, #eeeeee);
	width:100%;
}

.titles
{
	text-align:center;
}
.bxslider3 li
{
	width:265px !important;
	
}
.gallery
{
	width:1150px;
	float:left;
	border:2px solid #e5e5e5;
	margin-top:30px;
	padding:5px;
}
.next_btn
{
	width:1150px;
	float:left;

	
}
.next_btn
{
	text-align:center;
}
.gallery h1
{
	font-size:24px;
	color:#900;
}
.gallery_images
{
	margin:0 auto;
	width:1000px;
	padding-bottom:30px;
}
.gallery_images li
{
	float:left;
	list-style-type:none;
	padding:10px;
	
	
}
.gallery_images li img
{
	border:3px solid #dbdbdb;
padding:3px;
}
.ieeetitles
{
	display:table;
	margin:0 auto;
	padding-bottom:100px;
}
.ieeetitles table
{
	width:800px;
}
.ieeetitles td
{
	padding:20px 5px;
}

.input {
    height: 30px !important;
    margin: 5px;
    padding: 5px;
    width:415px !important;
	    color: black !important;
		border: 1px solid #000;
}
.dropdown {
    height: 40px !important;
    margin: 5px;
    padding: 5px;
    width:428px !important;
	    color: black !important;
		border: 1px solid #000;
}
.sub_btn {
    background-color:#903;
    border: medium none;
   
    color:#FFF;
	padding:15px;
    width: 120px;
	cursor:pointer;
}
.commentbox
{
		border: 1px solid #000;
}
.error
{
	color:#F00;
	padding:15px;
}


/**/

.header
{
	background-image:url(../images/header_bg.png);
	float:left;
	width:100%;
	
}
.header_inner
{
	margin:0 auto;
	width:1200px;
}
.logo
{
	float:left;
	margin-top:20px;
	width:70%;
	
}


.contact
{
	float:left;
	width:30%;
	margin-top:15px;
	
	
}
.phone
{
	width:100%;
	float:left;
	border-bottom:1px solid #CCC;
	font-size:16px;
	
}
.mobile
{
	background-image:url(../images/mobile_no.png);
	height:30px;
	background-repeat:no-repeat;
	padding-left:35px;
	
}
.telephone
{
	background-image:url(../images/telephone_no.png);
	height:30px;
	background-repeat:no-repeat;
	padding-left:35px;
	
}
.socialnetwork
{
	width:100%;
	float:left;
	margin-top:10px;
		
	
	

	

}
.marquee
{
	
	float:left;
	
	width:100%;
	padding-bottom:20px;
	font-size:14px;
	margin-top:20px;
	
}
.marquee_inner
{
	width:1200px;
	margin:0 auto;
}
.marquee a
{

font-size:24px;
	color:#ff9a00;
	font-family:Verdana, Geneva, sans-serif;
}
.menubar
{
	width:100%;
	float:left;
	background:#666;
}
.slider
{
	width:100%;
	float:left;
	
}
.slider_inner
{
	margin:0 auto;
	width:1200px;
}

.row-3
{
	width:100%;
	float:left;
	padding-bottom:60px;
}
.row-3-inner
{
	width:1200px;
	margin:0 auto;
}
.row-3-1
{
	width:900px;
	float:left;
}
.row-3-1-1
{
	width:900px;
	float:left;
	
}
.row-3-1-1-1
{
	float:left;
	width:450px;
}
.row-3-1-2
{
	width:900px;
	float:left;
}
.row-3-1-2-1
{
	float:left;
	width:450px;
}
.row-3-1-3
{
	width:900px;
	float:left;
}
.row-3-1-3-1
{
	float:left;
	width:450px;
}
.row-3-1-4
{
	width:900px;
	float:left;
}
.row-3-1-4-1
{
	float:left;
	width:450px;
}
.video_heading
{
	width:410px;
	background-color:#ff9a00;
	margin-top:40px;
	height:55px;
	font-size:18px;
	
	color:#FFF;
	
	float:left;
	
}
.video_heading p
{
	text-align:center;
	
	
}
.video
{
	width:410px;
	float:left;
}
.video_link 
{
	width:410px;
	float:left;
	padding-top:10px;
}
.video_link a 
{
	color:#ff9a00;
	direction:rtl;
}
.row-3-2
{
	width:300px;
	float:left;
}
.row-3-2-1
{
	width:280px;
	float:left;
	background-color:#000000;
	height:300px;
	margin-top:40px;
}
.row-3-2-1-1
{
	width:280px;
	float:left;
	border-bottom:2px solid #CCC;
}
.row-3-2-1-1 h2
{
	color:#ff9a00;
	text-align:center;
	
	padding-bottom:10px
	
}
.row-3-2-1-2
{
	width:280px;
	float:left;
}
.row-3-2-1-2 ul
{
	margin:0 auto;
	display:table;
	
}

.row-3-2-1-2 h2
{
	color:#FFF;
	text-align:center;
	
	
	
}
.row-3-2-1-2 p
{
color:#FFF;
	text-align:center;
	font-size:18px;	
}
.row-3-2-1-2 li
{
	color:#FFF;
	list-style-type:none;
	font-size:25px;
	
}
.row-3-2-2
{
	width:280px;
	float:left;
	
}
.row-3-2-2-1
{
	width:280px;
	float:left;
	background-color:#f2f2f2;
	border-bottom:3px solid #ff9a00;
	margin-top:20px;
	
	
}
.row-3-2-2-1 h2
{
	text-align:center;
}
.row-3-2-2-2 li
{
	line-height:50px;
	font-size:18px;
	list-style-type:none;
	padding:0;
}
.row-3-2-2-2 li a
{
	text-decoration:none;
	color:#ff9a00;
}
.row-3-2-3
{
	width:280px;
	float:left;
	
}
.row-3-2-3-1
{
	width:280px;
	float:left;
	background-color:#f2f2f2;
	border-bottom:3px solid #ff9a00;
	margin-top:20px;
	
	
}
.row-3-2-3-1 h3
{
	text-align:center;
}
.row-3-2-3-2
{
	width:280px;
	float:left;
	margin-top:20px;
	
	
	
}

.row-3-2-3-2 li
{
	line-height:50px;
	font-size:18px;
	list-style-type:none;
	
	
}
.row-3-2-4
{
	width:280px;
	float:left;
	
}
.row-3-2-4-1
{
	width:280px;
	float:left;
	background-color:#f2f2f2;
	border-bottom:3px solid #ff9a00;
	margin-top:20px;
	
	
}
.row-3-2-4-2
{
	width:280px;
	float:left;
	margin-top:20px;
	
	
	
}
.row-3-2-4-1 h3
{
	text-align:center;
}
.row-3-2-4-2 p
{
	font-size:24px;
	color:#32572d;
	text-align:center;
}
.footer
{
	
	float:left;
	width:100%;
	background-color:#333;
	height:150px;
	
	    
	
}
.footer_inner
{
	margin:0 auto;
	width:1200px;
}
.footer_menu
{
	
	float:left;
	width:30%;
	color:#FFF;
	font-family: "Roboto";
	
	
	
	
}


.copyright
{
	float:left;
	color:#FFF;
	width:100%;
	
	
	
	
}
.cr
{
font-family: "Roboto";
	font-size:16px;
	margin-top:20px;
	
	
	
	
}
.cr a
{
	text-decoration:none;
	color:#FFF;
}
.cr a:hover
{
	color:#ff9a00
}
.cr p
{
	text-align:right;
	padding-top:15px;
}
