/* 

Project Name :- Rednetsystems
Desgin by :- Firefox ITES Services
Date :- 17/06/2013

*/


body {
	margin: 0px;
	padding: 0px;
	/* [disabled]font-size:12px; */
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
}


@font-face {
    font-family: 'arialnarrow';
    src: url('arialnb_3-webfont.eot');
    src: url('arialnb_3-webfont.eot?#iefix') format('embedded-opentype'),
         url('arialnb_3-webfont.woff') format('woff'),
         url('arialnb_3-webfont.ttf') format('truetype'),
         url('arialnb_3-webfont.svg#arialnarrow') format('svg');
    font-weight: normal;
    font-style: normal;

}


.floatingWidget{position:fixed; bottom:200px; right:0; _position:absolute;  z-index:99999;}
.floatingWidget .floatingWidgetfb{float:left; width:154px; height:143px; cursor:pointer; color:#333333; font-size:16px;}

.layout-contariner{ width:1000px; margin:0px auto ; border-top: solid #1f1f1f 7px;}
.layout-base-container{
	width: 964px;
	padding: 0px 18px 23px 18px;
	float: left;
}

.header-area .top-area{ float:left; width:964px;}
.top-area .logo{ float:left; width:230px; height:86px;}
.top-area .live-chat-area { float:right; width:174px; height:69px;}
.live-chat-area .chat-box{ width:174px; height:45px;}
.live-chat-area .social-icon { width:137px; height:23px; padding-left:55px; padding-top:30px;}
.social-icon img{ float:left; padding:0px 2px; width:23px; height:23px;}
.header-area .nav{ width:100%; float:left; height:34px;}
.nav ul{ list-style:none; padding:0px; margin:0px; float:left;}
.nav ul li{ float:left; height:34px; line-height:34px; background:url(../images/nav-bg-2.png) repeat-x; }
.nav ul li a{ padding:0px 20px 0px 22px; margin:0px; color:#fff; font-family:Helvetica, Arial, sans-serif; text-decoration:none; font-size:17px; display:block;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.nav ul li a{ padding:0px 20px 0px 19px; margin:0px; color:#fff; font-family:Helvetica, Arial, sans-serif; text-decoration:none; font-size:17px; display:block;}
}

.nav ul li a:hover{ background:url(../images/nav-bg-h.png) 0px -34px repeat-x;}
.nav ul .img{ float:left; height:34px; background:url(../images/nav-left-cr.png) left top no-repeat; padding-left:1px;}
.nav .call{
	width: 300px;
	height: 34px;
	color: #ececec;
	font-size: 15px;
	line-height: 32px;
	float: left;
	display: block;
	padding: 0px 0px 0px 39px;
	margin-bottom: 20px;
	background-image: url(../images/call-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}

.header-area .slider-area{ width:962px; height:309px; float:left; margin:3px 0px 0px 0px;}
.slider-area img{ width:962px; height:309px; }

.layout-base-container .body-area{ width:100%; float:left;}
.body-area .midde-section{ padding:22px 0px 31px 0px;}
.midde-section .our-specialties{ width:390px; padding:0px 0px; float:left;}
.our-specialties h1{ font-family: 'arialnarrow'; font-size:23px; letter-spacing:0.5px; color:#595959; padding:0px; margin:0px;}
.our-specialties h1 span{ color:#e24335;}
.our-specialties ul { padding:5px 0px 0px 25px; margin:0px; list-style:none;}
.our-specialties ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 25px;
	list-style-image: url(../images/bullet.png);
}

.midde-section .howitwork{ width:573px; height:205px; padding:0px; float:left; }
.howitwork h1{ font-family: 'arialnarrow'; font-size:23px; letter-spacing:0.5px; color:#595959; padding:0px 0px 10px 0px; margin:0px;}
.howitwork h1 span{ color:#e24335;}
.howitwork .left{ background:url(../images/htw-left.png) no-repeat; height:142px; width:6px; float:left;}
.howitwork .mid{ background:url(../images/htw-mid.png) repeat-x; height:142px; width:560px; float:left;}
.howitwork .mid img{ height:135px; float:left; padding:2px 0px 0px 10px;}
.howitwork .right{ background:url(../images/htw-right.png) no-repeat; height:142px; width:6px; float:left;}


.body-area .matter-area{ width:100%; float:left; background:#FFF; margin:20px 0px 0px 0px;}
.matter-area h2{ width:99%; float:left; background:#0061a5; margin:0px; padding:10px 0px 10px 10px; font-size:15px; color:#fefefe; line-height:20px; font-weight:normal;}
.matter-area h2 span{ font-size:12px;}
.matter-area p{ color:#000; line-height:18px; float:left; width:95%; padding:10px 10px 0px 20px; margin:0px; font-size:13px;}

.body-area .matter-area-2{ width:100%; float:left; background:#FFF; margin:20px 0px 0px 0px;}
.matter-area-2 h2{ width:99%; float:left; background:#0061a5; margin:0px; padding:10px 0px 10px 10px; font-size:15px; color:#fefefe; line-height:20px; font-weight:normal;}
.matter-area-2 h2 span{ font-size:12px;}
.matter-area-2 p{ color:#646262; line-height:22px; float:left; width:99%; padding:10px 5px; margin:0px; font-size:14px;}

.matter-area .four-box-area{width:96%; margin:0px auto;}
.matter-area .box-area{
	width: 230px;
	min-height: 240px;
	background: #f5f5f5;
	float: left;
	border-right: solid #ebebeb 1px;
	margin: 15px 0px;
}
.box-area h3{width:165px; margin:30px auto 10px auto; background:#aa1b10; font-size:15px; line-height:22px; color:#fefefe; font-weight:normal; padding:3px 10px;}
.box-area p{
	width: 175px;
	margin: 0px auto 10px auto;
	font-size: 12px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
	padding: 0px 30px;
	text-align: left;
}
.box-area p span{ color:#036ca3; font-weight:bold; clear:both; text-align:left; padding:10px 0px 0px 10px;}
.box-area p span a{ color:#036ca3; text-decoration:underline;}

.fotter{ width:100%; background:#1f1f1f; float:left; margin-top:auto}
.fotter h{
	float: left;
	font-size: 20px;
	text-transform: lowercase;
	color: #FFFFFF;
	padding: 0px;
	font-weight: normal;
	line-height: 70px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.fotter h{ float:left; font-size:13px; text-transform:lowercase; color:#FFFFFF; padding:0px 125px 0px 160px; margin:0px; font-weight:normal; line-height:70px;}
.fotter h{
	float: left;
	font-size: 15px;
	text-transform: lowercase;
	color: #ececec;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	line-height: 70px;
}

.bn{ border-right: none !important;}

#form1 { width:100%; float:left;}
#form1 label{ width:100%; float:left; padding:0px 20px; line-height:35px; font-size:16px; color:#333333; width:20%;}
#form1 #textfield{ width:30%; padding:7px 5px; border:#999999 solid 1px; background:#f5f5f5;}
#form1 #textarea{ width:40%; padding:7px 5px; border:#999999 solid 1px; background:#f5f5f5;}
#form1 #button{ padding:5px; margin:0px 0px 0px 220px; border:#06F solid 1px; background:#0061A5; color:#FFF; font-size:16px; cursor:pointer;}

.text-1 p{
	font-size: 12px;
	color: #000;
	font-weight: normal;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
}
.text-1 ul {
	float: left;
	list-style-type: decimal;
	overflow: auto;
}
.text-1 ul li{
	font-size: 13px;
	color: #000;
	font-weight: normal;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-image: url(../images/bullet.png);
}

.matter-area .support h3{ width:94%; float:left; border: dashed #ccc 1px; margin:20px; padding:10px 0px 10px 10px; font-size:18px; color:#333; line-height:20px; font-weight:normal;}
.support h3 p{ color:#646262; line-height:18px; float:left; width:99%; padding:10px 5px 0px 5px; margin:0px; font-size:15px;}
.support h3 p a{ color:#646262; text-decoration:none;}
.support h3 p a:hover{ color:#0061a5; text-decoration:underline; font-weight:bold;}


.body-area .contact{ width:98%; float:left; background:url(../images/contact.png) no-repeat right center; min-height:350px;}
.contact h1{color:#E24335; line-height:45px; width:90%; padding:10px 5px 0px 30px; margin:0px; font-size:25px;}
.contact h4{color:#0061A5; line-height:25px; width:90%; padding:10px 5px 0px 30px; margin:0px; font-size:18px;}
.contact h4 span{color:#646262; width:40%; display:block;}














@media only screen and (max-width:780px) 
{
.layout-contariner{ width:100%; margin:10px auto; border-top: solid #1f1f1f 7px;}
.layout-base-container{
	width: 94%;
	margin: 0px;
	background-color: #FFFFFF;
}
.header-area .top-area{ float:left; width:100%;}
.top-area .logo{ float:left; width:230px; height:86px;}
.top-area .live-chat-area { float:left; clear:both; width:174px; height:69px;}



.header-area .nav{ width:100%; float:left; height:34px;}
.nav ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
}
.nav ul li{ float:left; height:34px; line-height:34px; background:url(../images/nav-bg-2.png) repeat-x; }
.nav ul li a{ padding:0px 7px 0px 5px; margin:0px; color:#fff; font-family:Helvetica, Arial, sans-serif; text-decoration:none; font-size:12px; display:block;}
.nav ul li a:hover{ background:url(../images/nav-bg-h.png) 0px -34px repeat-x;}
.nav ul .img{
	float: left;
	height: 34px;
}
.nav .call{
	width: 100%;
	height: 34px;
	color: #ececec;
	font-size: 14px;
	line-height: 32px;
	float: left;
	display: block;
	padding: 0px 0px 0px 5px;
	margin-bottom: 20px;
	background-image: url(../images/call-bg.png);
}


.header-area .slider-area{ width:100%; height:309px; float:left; margin:3px 0px 0px 0px;}
.slider-area img{ width:100%; height:309px; }
.fotter h2{width:100%; font-size:13px; text-align:left; color:#FFFFFF; clear:both; font-weight:normal; line-height:20px; padding-left:0px !important;}

/*
.fotter{ width:95%; background:#1f1f1f; float:left; margin-top:0px;}
.fotter h1{width:100%; font-size:24px; text-align:center; color:#FFFFFF; clear:both; font-weight:normal; line-height:40px;}

.fotter h3{width:100%; font-size:20px; text-align:center; color:#ececec; clear:both; font-weight:normal; line-height:30px;}
*/
}


/*
@media only screen and (max-width:420px) 
{
.layout-contariner{ width:100%; background:#00CC00; margin:10px auto; height:700px; border-top: solid #1f1f1f 7px;}
.layout-base-container{ width:94%; margin:0px 3%; background:#99CC99; height:500px;}
.header-area .top-area{ float:left; width:100%;}
.top-area .logo{ float:left; width:230px; height:86px;}
.top-area .live-chat-area { float:left; clear:both; width:174px; height:69px;}

}