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

body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #000;
	font-family: 'Open Sans', sans-serif;
}
img {
	border: 0px;
}
.clear {
	clear: both;
}
.top_bg {
	height: auto;
	background: #f5821f;
}
.top_inner {
	width: 1000px;
	margin: 0 auto;
	height: auto;
}
.top_wel_text {
	float: left;
	width: 350px;
	line-height: 35px;
	font-size: 14px;
	color: #FFF;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}
.enquiry_text {
	float: left;
	width: 120px;
	text-align: center;
	margin-left: 100px;
	background: #e5720f;
	border: solid #f7a259 1px;
	line-height: 23px;
	margin-top: 4px;
	border-radius: 15px;
}
.enquiry_text a {
	text-decoration: nonel;
	color: #FFF;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.enquiry_text a:hover {
	color: #ccc;
}
.form_bg {
	margin: 0 auto;
}
.formhead {
	background: #f5821f;
	text-shadow: 000ed1 1px 1px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-family: Arial, serif, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-transform: uppercase;
}
.formmain {
	padding: 15px 20px;
	background: #109ae5;
	text-align: center;
}
.seperatemain {
	height: 36px;
	padding: 6px 0;
}
.formicon {
	width: 36px;
	height: 36px;
	float: left;
	background: #ccc;
}
.formfeild {
	width: 184px;
	float: left;
	height: 36px;
}
.forminput {
	height: 29px;
	background: url(../images/inputimg.png) no-repeat left top #FFFFFF;
	border: none;
	padding-left: 14px;
	width: 184px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 34px;
}
.seperatemainbig {
	height: 60px;
	padding: 5px 0;
}
.formiconbig {
	width: 36px;
	height: 60px;
	float: left;
	background: #ccc;
}
.formfeildbig {
	width: 184px;
	float: left;
	height: auto;
}
.forminputbig {
	height: 50px;
	background: url(../images/inputimgbig.png) no-repeat left top #FFFFFF;
	border: none;
	padding: 5px 5px 5px 15px;
	width: 185px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 0;
}
.submitform {
	height: 36px;
	line-height: 36px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background: #000;
	margin-top: 10px;
	text-transform: uppercase;
}
.submitform a {
	color: #fff;
	text-decoration: none;
	display: block;
}
.submitform a:hover {
	color: #dbd9d9;
}
.form_fancybox {
	width: 280px;
	display: none;
	height: auto;
}
.social_networking_bg {
	float: right;
	width: 300px;
}
.follow_us_text {
	float: left;
	width: 35%;
	line-height: 35px;
	font-size: 14px;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}
.follow_icon_bg {
	float: left;
	width: 60%;
	height: auto;
	margin-left: 15px;
	margin-top: 5px;
}
.follow_icon_bg img {
	margin-left: 4px;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	border-radius: 10px;
}
.follow_icon_bg img:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
header {
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #f4f4f4;
	background: url(../images/header_bg.png) no-repeat top center, url(../images/header_bg1.png) repeat-x;
}
.header_inner {
	width: 1000px;
	margin: 0 auto;
	height: auto;
}
.logo {
	float: left;
	width: 336px;
	text-align: left;
}
.support_bg {
	float: left;
	height: auto;
	width: 108px;
	margin-left: 80px;
}
.header_right {
	float: right;
	width: 400px;
	height: auto;
	margin-top: 8px;
}
.phone_icon_bg {
	height: auto;
	margin-bottom: 10px;
}
.phone_icon {
	float: left;
	width: 37px;
	height: auto;
}
.phone_number_text {
	float: left;
	margin-left: 10px;
	font-size: 19px;
	text-shadow: #FFF 1px 1px;
	line-height: 37px;
	font-family: 'Open Sans', sans-serif;
}
.phone_number_text a {
	color: #000;
}
.phone_number_text a:hover {
	color: #109ae5;
}
.flash_bg {
	height: auto;
}
.nav_bg {
	height: auto;
	background: url(../images/nav_bg.jpg) repeat-x;
}
nav {
	background: url(../images/nav_bg.jpg) repeat-x;
	width: 1000px;
	margin: 0 auto;
	height: auto;
	display: block;
	margin: 0 auto;
}
.last {
	background: none !important;
}
section {
	height: auto;
	background: url(../images/header_bg1.png) repeat-x top;
	border-top: solid #FFF 1px;
	padding-bottom: 10px;
}
.section_inner {
	width: 1000px;
	margin: 0 auto;
	height: auto;
}
.get_your_text {
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #000;
	text-shadow: #fff 1px 1px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-transform: uppercase;
}
.get_your_text span {
	color: #f5821f;
}
.about_us_text {
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	font-size: 25px;
	font-weight: bold;
	color: #000;
	text-shadow: #fff 1px 1px;
	line-height: 55px;
	text-transform: uppercase;
	margin-bottom: 15px;
	margin-top: 10px;
	border-bottom: dashed #ccc 1px;
	padding-left: 15px;
}
.about_us_text span {
	color: #f5821f;
}
.web_design_bg {
	height: auto;
}
.box_1 {
	float: left;
	width: 300px;
	margin: 8px;
	border: dashed #ccc 1px;
	border-radius: 20px;
	background: #f6f6f6 url(../images/box_1_bg.png) repeat-x top;
	padding: 7px;
}
.box_1:hover {
	-webkit-box-shadow: 0 0 16px 1px #ccc;
	box-shadow: 0 0 16px 1px #ccc;
	border: dashed #356eff 1px;
}
.web_design {
	height: auto;
}
.web_design_icon {
	float: left;
	width: 60px;
	height: 45px;
	margin-left: 10px;
}
.web_design_text {
	float: left;
	width: 70%;
	margin-left: 10px;
	font-family: 'Open Sans', sans-serif;
}
.web_design_text a {
	text-decoration: none;
	color: #356eff;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 45px;
	text-shadow: #FFF 1px 1px;
	font-weight: bold;
}
.info_it_text {
	font-family: 'Open Sans', sans-serif;
	padding: 15px;
	font-size: 13px;
	line-height: 19px;
	color: #666666;
	text-shadow: #fff 1px 1px;
	height: 135px;
}
.looking_bg {
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(../images/header_bg1.png) repeat-x top;
}
.looking_inner {
	width: 900px;
	margin: 0 auto;
	height: auto;
}
.looking_left {
	float: left;
	width: 500px;
}
.looking_text {
	line-height: 55px;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #f5821f;
}
.further_bg {
	height: auto;
}
.further_right {
	float: right;
	width: 400px;
	height: auto;
	padding: 10px;
	background: #eff0f0;
	padding-left: 45px;
}
.further_dont_text {
	line-height: 20px;
	font-size: 15px;
	margin-bottom: 15px;
	color: #666666;
}
.further_dont_text p {
	line-height: 35px;
	font-size: 16px;
	font-weight: bold;
}
.free_domain_bg {
	height: auto;
	margin-bottom: 10px;
}
.free_domain_left {
	float: left;
	width: 42%;
	padding: 6px;
	background: #FFF;
	border-radius: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.free_domain_right {
	float: right;
	width: 45%;
	padding: 6px;
	background: #FFF;
	border-radius: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.free_domin_icon {
	float: left;
	width: 18px;
	height: auto;
}
.free_domain_text {
	float: left;
	margin-left: 8px;
	font-size: 13px;
	text-shadow: #fff 1px 1px;
	color: #666666;
}
.see_our_bg {
	float: left;
	width: 162px;
	height: auto;
}
.newwebsitepic {
	float: left;
	width: 159px;
	position: absolute;
	margin-left: -50px;
}
.portfolio_bg {
	float: right;
	width: 370px;
}
.website_portfolio_text {
	line-height: 55px;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #f5821f;
	text-align: center;
	border-top: dashed #ccc 1px;
	border-radius: 50px;
}
.website_img {
	margin: 10px;
	padding: 5px;
	height: auto;
	background: #eff0f0;
}
.website_images {
	background: #FFF;
	height: auto;
}
.website_icon_bg {
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(../images/box_1_bg.png) repeat-x;
}
.website_icon_inner {
	margin: 0 auto;
	width: 960px;
}
.stepcarousel {
	position: relative;
	overflow: scroll;
	width: 100%;
	height: 190px;
}
.stepcarousel .belt {
	position: absolute;
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	width: 180px;
	text-align: center;
	height: 165px;
	float: left;
	overflow: hidden;
	margin: 9px;
	border: #ccc 1px dashed;
	border-radius: 6px;
}
.panel_text {
	color: #093869;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-align: center;
}
footer {
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: solid #ccc 2px;
	background: #373737;
}
.footer {
	width: 1000px;
	margin: 0 auto;
	height: auto;
}
.address_bg {
	float: left;
	width: 265px;
	height: auto;
}
.address_text {
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	line-height: 35px;
	text-transform: uppercase;
	padding-left: 10px;
	border-bottom: dashed #ccc 1px;
}
.mane_aderss_text {
	line-height: 25px;
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
	color: #969696;
}
.mane_aderss_text p {
	padding-bottom: 6px;
	color: #fff;
	font-size:16px;
}
.our_links_bg {
	float: left;
	width: 210px;
	margin-left: 10px;
}
.our_links {
	height: auto;
	margin-top: 10px;
}
.our_links ul {
	margin: 0px;
	padding: 0px;
}
.our_links ul li {
	list-style: none;
	line-height: 28px;
	background: url(../images/arow_icon.png) no-repeat left;
}
.our_links ul li a {
	text-decoration: none;
	font-size: 14px;
	border-bottom: dashed #464545 1px;
	display: block;
	color: #969696;
	padding-left: 35px;
}
.our_links ul li a:hover {
	padding-left: 50px;
	color: #FFF;
	transition: all 0.7s;
}
.tag_bg {
	float: left;
	width: 190px;
	height: auto;
	margin-left: 25px;
}
.web_designing_text {
	height: auto;
	margin-top: 10px;
}
.web_designing_text li {
	list-style: none;
	line-height: 23px;
	margin-bottom: 5px;
}
.web_designing_text a {
	background: #676767;
	padding: 4px;
	color: #d4d4d4;
	text-decoration: none;
	font-size: 12px;
}
.web_designing_text a:hover {
	color: #f5821f;
}
.contact_bg {
	float: left;
	width: 250px;
	margin-left: 25px;
}
.contact_number {
	font-size: 20px;
	line-height: 30px;
	color: #cccccc;
	margin-top: 10px;
}
.contact_number p{font-size:15px;}
.contact_fax_text {
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	color: #969696;
	margin-top: 10px;
}
.copyright_bg {
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #000;
}
.copyright_inner {
	width: 1000px;
	margin: 0 auto;
}
.copyright_text {
	float: left;
	width: 50%;
	font-size: 14px;
	line-height: 35px;
	color: #fff;
}
.copyright_text span {
	color: #a5a5a5;
	font-size: 16px;
}
.developed_text {
	float: right;
	width: 30%;
	font-size: 14px;
	line-height: 35px;
	color: #fff;
}
.developed_text a {
	color: #a5a5a5;
	font-size: 16px;
}
.developed_text a:hover {
	color: #FFF;
}
.about_text {
	font-size: 15px;
	color: #666666;
	line-height: 26px;
	padding: 10px;
}
.about_box_bg {
	height: auto;
	margin-top: 10px;
}
.about_box_1 {
	float: left;
	width: 222px;
	height: 260px;
	padding: 5px;
	border: dashed #ccc 1px;
	margin: 8px;
	border-radius: 8px;
}
.web_bg_1 {
	height: auto;
}
.web_1_text {
	float: left;
	width: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 22px;
	background: #e5720f;
	color: #FFF;
	border-radius: 50px;
}
.web_bg_text {
	float: left;
	margin-left: 15px;
	font-size: 17px;
	font-weight: normal;
	line-height: 20px;
	width: 70%;
	padding-top: 6px;
}
.web_box_text {
	margin-top: 8px;
	line-height: 19px;
	font-size: 13px;
	color: #666666;
}
.services_box_1 {
	float: left;
	width: 300px;
	margin: 8px;
	border: dashed #ccc 1px;
	border-radius: 20px;
	background: #f6f6f6 url(../images/box_1_bg.png) repeat-x top;
	padding: 7px;
}
.services_box_1:hover {
	-webkit-box-shadow: 0 0 16px 1px #ccc;
	box-shadow: 0 0 16px 1px #ccc;
	border: dashed #356eff 1px;
}
.services_boxt_text {
	font-family: 'Open Sans', sans-serif;
	padding: 15px;
	font-size: 13px;
	line-height: 19px;
	color: #666666;
	text-shadow: #fff 1px 1px;
	height: 158px;
}
.portfolio_images_bg {
	height: auto;
}
.view_bg {
	float: left;
	height: auto;
	width: 445px;
	margin: 10px;
}
.portfolio_text {
	text-align: center;
	height: auto;
}
.portfolio_text a {
	text-decoration: none;
	font-size: 18px;
	color: #000;
}
.portfolio_text a:hover {
	color: #e5720f;
}
.view {
	width: 445px;
	height: 320px;
	margin: 10px;
	float: left;
	border: 5px solid #fff;
	overflow: hidden;
	position: relative;
	text-align: center;
	box-shadow: 0px 0px 5px #aaa;
	cursor: default;
}
.view .mask, .view .content {
	width: 440px;
	margin-top: 70px;
	height: 200px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view img {
	display: block;
	position: relative;
}
.view a.info {
	background: url(../images/link.png) center no-repeat;
	display: inline-block;
	text-decoration: none;
	padding: 0;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
}
.contact_us_bg {
	height: auto;
	margin-bottom: 20px;
}
.contact_us_left {
	float: left;
	width: 55%;
	height: auto;
}
.let_keep_text {
	height: auto;
	font-size: 22px;
	margin-bottom: 20px;
	color: #505050;
}
.your_name_bg {
	height: auto;
	margin-top: 10px;
}
.your_name_icon_bg {
	float: left;
	width: 40px;
	height: 35px;
	background: #CCC;
	text-align: center;
}
.your_name_icon_bg img {
	max-height: 100%;
	max-width: 100%;
}
.your_name_input_bg {
	float: left;
	width: 390px;
	height: auto;
	background: #CCC;
}
.your_name_input {
	width: 100%;
	height: 28px;
	background: #ebebeb;
	border: 0px;
	padding-left: 15px;
}
.message_bg {
	height: auto;
	margin-top: 10px;
}
.message_input {
	padding: 15px;
	background: #ebebeb;
	width: 100%;
	height: 80px;
	border: 0px;
}
.submit_bg {
	float: left;
	width: 120px;
	text-align: center;
	margin-top: 20px;
	line-height: 30px;
	background: #393a3b;
	border-radius: 10px;
}
.submit_bg:hover {
	background: #000;
}
.submit_bg a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	color: #FFF;
}
.submit_bg a:hover {
	color: #FFF;
}
.contact_right_bg {
	float: right;
	height: auto;
	width: 38%;
}
.main_contact_us_text {
	font-size: 15px;
	color: #505050;
	line-height: 24px;
}
.span_number{padding-left:50px;}
.main_contact_us_text p {
	font-size: 22px;
	color: #e5720f;
	line-height: 45px;
}
.main_contact_us_text strong {
	color: #000;
}
.main_contact_us_text a {
	color: #e5720f;
}
.map_bg{border:solid #ccc 2px;
height:155px;
margin-top:18px;}

.thank_you_for_submitting{text-align:center;
font-size:30px;
line-height:85px;
text-transform:uppercase;
color:#1354fb;
text-shadow:#FFF 1px 1px;}
.weaccepttext strong{font-size:14px;
color:#FFF;
line-height:45px;}

.barcodesbg{height:auto;
font-size:18px;
line-height:35px;}
.numberofitemsbg{height:auto;
margin-top:50px;
margin-bottom:50px;
border:solid #ccc 1px;}

.barcodeitemsbg{height:auto;}
.barcodeitemsbg1{height:auto;
background:#f5f5f5;
border-top:solid #ccc 1px;
border-bottom:solid #ccc 1px;
}
.numberofitemstext{float:left;
width:45%;
font-size:16px;
line-height:35px;
padding-left:3%;}
.initialfeetext{float:left;
width:22%;
font-size:16px;
line-height:35px;
padding-left:3%;}
.annualtext{float:left;
width:20%;
font-size:16px;
line-height:35px;
padding-left:3%;}

.photogallery{float:left;
width:22%;
height:150px;
text-align:center;
margin:10px;
border:solid #ccc 1px;
background:#FFF;
}
.photogallery img{max-height:80%;
max-width:80%;}
.gcode{clear:both;
font-size:20px;
text-align:center;}