@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

body{
	background-image:url(../images/bg.jpg);
	}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	-webkit-box-shadow: 1px 1px 15px #888888;
-moz-box-shadow: 1px 1px 15px #888888;
box-shadow: 1px 1px 15px #888888;
background-color:#fff;
padding-bottom:10px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header_main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 98%;
	display: block;
	padding:10px;
	
	background: #bdc1c4; /* Old browsers */
background: -moz-linear-gradient(top,  #bdc1c4 0%, #eef1f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdc1c4), color-stop(100%,#eef1f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bdc1c4 0%,#eef1f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdc1c4', endColorstr='#eef1f2',GradientType=0 ); /* IE6-9 */

}
#slider_main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#fff;
}

#main_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 98%;
	display: block;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	padding:10px;
	
	background: #bdc1c4; /* Old browsers */
background: -moz-linear-gradient(top,  #bdc1c4 0%, #eef1f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdc1c4), color-stop(100%,#eef1f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bdc1c4 0%,#eef1f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdc1c4', endColorstr='#eef1f2',GradientType=0 ); /* IE6-9 */
}


#main_service{
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	background-color:#333; 
	width:93%;
	padding:10px;
	border-radius:10px;
	}

#main_service h1{
	text-align:left;
	font-size:18px;
	color:#fff;
	}

#service_one {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block;
	border-bottom:1px solid #fff;
	color:#fff;
	margin-bottom:10px;

}

#service_two {
	clear: none;
	float: left;
	width: 98%;
	display: block;
	border-bottom:1px solid #fff;
	color:#fff;
	margin-bottom:10px;

}


#service_three {
	clear: none;
	float: left;
	width: 98%;
	display: block;
	color:#fff;
	margin-bottom:10px;


}

#menu_main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
		border-top-left-radius:20px;
	border-top-right-radius:20px;
	background: #1E5799;
}

#contact_form_home {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color:#000!important;
}


#contact_form_home input{
	width:92%;
	background-color:#1E5799;
	padding:8px;
	margin-bottom:8px;
	border:1px solid #FFF;
	outline:none;
	color:#fff;
	}
	
	
#contact_form_home textarea{
	width:92%;
	background-color:#1E5799;
	height:80px;
	padding:8px;
	margin-bottom:8px;
	border:1px solid #FFF;
	outline:none;
	color:#fff;
	}	




#slider_inner_home {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#welcome_main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#product_marquee {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#client_marquee {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#footer_main {
clear: both;
float: left;
margin-left: 0;
width: 98%;
display: block;
background-color: #666;
padding: 10px;
border-top: 2px solid #B91D1D;
color: #fff;
}

#footer_link {
clear: both;
float: left;
margin-left: 0;
width: 68.1836%;
display: block;
}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header_main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 98%;
	display: block;
	padding:10px;
	
	background: #bdc1c4; /* Old browsers */
background: -moz-linear-gradient(top,  #bdc1c4 0%, #eef1f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdc1c4), color-stop(100%,#eef1f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bdc1c4 0%,#eef1f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdc1c4', endColorstr='#eef1f2',GradientType=0 ); /* IE6-9 */

}
#slider_main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#fff;
}

#main_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 98%;
	display: block;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	padding:10px;
	
	background: #bdc1c4; /* Old browsers */
background: -moz-linear-gradient(top,  #bdc1c4 0%, #eef1f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdc1c4), color-stop(100%,#eef1f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bdc1c4 0%,#eef1f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdc1c4', endColorstr='#eef1f2',GradientType=0 ); /* IE6-9 */
}

#main_service{
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	background-color:#333; 
	width:98%;
	padding:10px;
	border-radius:10px;
	}

#main_service h1{
	text-align:left;
	font-size:18px;
	color:#fff;
	}


#service_one {
	clear: both;
	float: left;
	margin-left: 0;
	width: 31%;
	display: block;
	border-right:1px solid #fff;
	border-bottom:0px solid #fff;
	color:#fff;

}

#service_two {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 31.5%;
	display: block;
	border-right:1px solid #fff;
	border-bottom:0px solid #fff;
	color:#fff;


}
#service_three {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 31.5%;
	display: block;
	color:#fff;


}
#menu_main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	background: #1E5799;
}

#contact_form_home {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}



#contact_form_home input{
	width:92%;
	background-color:#1E5799;
	padding:8px;
	margin-bottom:8px;
	border:1px solid #FFF;
	outline:none;
	color:#fff;
	}
	
	
#contact_form_home textarea{
	width:92%;
	background-color:#1E5799;
	height:80px;
	padding:8px;
	margin-bottom:8px;
	border:1px solid #FFF;
	outline:none;
	color:#fff;
	}	



#slider_inner_home {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#welcome_main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#product_marquee {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#client_marquee {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


#footer_main {
clear: both;
float: left;
margin-left: 0;
width: 98%;
display: block;
background-color: #666;
padding: 10px;
border-top: 2px solid #B91D1D;
color: #fff;
}


#footer_link {
clear: both;
float: left;
margin-left: 0;
width: 68.1836%;
display: block;
}




}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header_main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 98%;
	display: block;
	padding:10px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	
	 background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}

#menu_main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height:50px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	background: #1E5799;

}


#slider_main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#1E5799;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	}
	
	
#slider_main img{
	border-radius:20px;
	}	

#main_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 98%;
	display: block;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	padding:10px;
	
	background: #bdc1c4; /* Old browsers */
background: -moz-linear-gradient(top,  #bdc1c4 0%, #eef1f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdc1c4), color-stop(100%,#eef1f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bdc1c4 0%,#eef1f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bdc1c4 0%,#eef1f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdc1c4', endColorstr='#eef1f2',GradientType=0 ); /* IE6-9 */
}



#main_service{
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	width:98%;
	padding:10px;
	border-radius:10px;
	
	background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
 background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
 background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
	}

#main_service_btn{
border:1px solid #cacaca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #333;
 background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
 background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);
 cursor:pointer;
}


#main_service_btn a{
	text-decoration:none;
	outline:none;
	color:#333;
	}


#main_service h1{
	text-align:center;
	font-size:18px;
	color:#fff;
	}


#main_service p{
	text-align:justify;
	padding-right:10px;}
	
	

#main_service img{
	width:97%;
	border-radius:10px;
	box-shadow:0px 0px 10px #000;}	


#service_one {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.5%;
	display: block;
	color:#fff;
	border-right:1px solid #fff;
	border-bottom:0px solid #fff;
}




#service_two {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 32.5%;
	display: block;
	color:#fff;
	border-right:1px solid #fff;
	border-bottom:0px solid #fff;
}

#service_three {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 32.5%;
	display: block;
	color:#fff;
}

#contact_form_home {
	clear: both;
	float: left;
	margin-left: 0;
	width: 27%;
	display: block;
	height:300px;
	background-color:#1E5799;
	padding:5px;
	padding-bottom:15px;
	border-bottom-left-radius:20px;
}


#contact_form_home input{
	width:95%;
	background-color:#fff;
	padding:8px;
	margin-bottom:8px;
	border:1px solid #FFF;
	outline:none;
	color:#000;
	}
	
	
#contact_form_home textarea{
	width:95%;
	background-color:#fff;
	height:80px;
	padding:8px;
	margin-bottom:8px;
	border:1px solid #FFF;
	outline:none;
	color:#000;
	}	


#slider_inner_home {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 69.3877%;
	display: block;
	border-bottom-right-radius:20px;
}

#welcome_main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 79.5918%;
	display: block;
	color:#000;
	text-align:justify;
}

#welcome_main input{
	outline:none;
	border:none;
	background-color:#fff;
	color:#333;
	width:98%;
	margin-bottom:10px;
	padding:8px;}
	
	
#welcome_main textarea{
	outline:none;
	border:none;
	background-color:#fff;
	color:#333;
	width:98%;
	margin-bottom:10px;
	padding:8px;
	height:80px;}
	
	


#product_marquee {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 18.3673%;
	display: block;
	color:#000;
}


#product_marquee img{
	margin:.0ps auto !important;
	margin-bottom:10px;}

#client_marquee{
	clear: both;	float: left;	margin-left: 0;	width: 100%;	display: block;}


#footer_main {
clear: both;
float: left;
margin-left: 0;
width: 98%;
display: block;
background-color: #666;
padding: 10px;
border-top: 2px solid #B91D1D;
color: #fff;
}


#footer_main {
clear: both;
float: left;
margin-left: 0;
width: 98%;
display: block;
background-color: #666;
padding: 10px;
border-top: 2px solid #1E5799;
color: #fff;
}


#footer_link {
clear: both;
float: left;
margin-left: 0;
width: 68.1836%;
display: block;
}

#footer_link ul {
list-style: none;
text-decoration: none;
outline: none;
display: inline-block;
}

#footer_link ul li{
	list-style:none;
	text-decoration:none;
	outline:none;
	display:inline-block;
	padding-right:8px;
}


#footer_link ul li a{
	text-decoration:none;
	outline:none;
	color:#fff;
}


#footer_link ul li a:hover{
	text-decoration:none;
	outline:none;
	color:#B91D1D;
}

#site_by{
	clear: none;
	float: right;
	margin-left: 1.0408%;
	width: 28.7755%;
	display: block;
	padding-top:12px;
	text-align:center;
}


#site_by a{
	text-decoration:none;
	outline:none;
	color:#fff;
}


#site_by a:hover{
	text-decoration:none;
	outline:none;
	color:#1E5799;
}

#steps_main {
width: 96%;
padding: 10px;
border: 1px solid #fff;
margin-bottom: 30px;

}


#step_image {
width: 220px;
background-color: #fff;
float: left;
border: 1px solid #333;
}

#step_detail {
width: 65%;
float: right;
}

#step_no {
font-size: 18px;
color: #c7071e;
font-weight: bold;
}

#step_detail p {
	font-size:13px;
color: #000 !important;
}

}






.button_example{
border:0px solid #25729a !important; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;font-weight:bold; color: #333 !important;
 background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
 float:right !important;
 width:80px !important;
 margin-bottom:8px !important;
}


.welcome_btn{
	-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
	background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
 background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
 width:80px !important;
 float:right !important;
}
