*{
	margin:0;
	padding:0;
}
body{
	background:#fbfbfb url(images/bg.gif) repeat-x top;
	font:11px/20px Tahoma,Helvetica,sans-serif;
	color:#222;
}
blockquote {
font-family: Georgia, serif;
font-size: 12px;
font-style: italic;
width: 350px;
color: #383838;
}
#boxp {
width: 550px;
height: 300px;
}
/* Layout Styles Starts */

#wrapper{
	width:960px;
	margin:0 auto;
}
	#header{
		height:106px;
		overflow:hidden;
	}
		#logo{
			width:385px;
			padding:23px 0 0 5px;
			float:left;
		}
			#logo h1{
				background:url(images/logo.png) no-repeat;			
			}
				#logo h1 a{
					height:64px;
					display:block;
				}
					#logo h1 a span{
						display:none;
					}
		#box{
		width:206px;
			height:73px;
			padding:20px 0 0 5px;
			float:right;
		}
		#toll-free1{
			width:174px;
			height:78px;
			padding:20px 0 0 5px;
			float:right;
		}
		#toll-free{
			width:220px;
			height:75px;
			padding:24px 0 0 5px;
			float:right;
		}
		
	#menu{
		background:url(images/mf-bg.png) no-repeat;
		height:39px;
		margin:0 0 14px 0;
	}
		#menu ul{
			list-style:none;
		}
			#menu li, #menu li a, #menu li a.home:hover, #menu li a.hcurrent, #menu li a.current{
				display:block;
				float:left;
			}
				#menu li a, #menu li a.current, #menu li a.hcurrent{
					padding:0 20px;
					color:#fff;
					line-height:39px;
					cursor:pointer;
				}
					#menu li a:hover, #menu li a.current{
						background:#403b3c;
						text-decoration:none;
					}
					#menu li a.home:hover, #menu li a.hcurrent{
						background:url(images/menu-h-home.png) no-repeat left;
					}
	#main-banner{
		height:258px;
		overflow:hidden;
		background:url(images/banner-bg.png) no-repeat;
		padding:30px 30px 30px 10px !important;
		padding:30px 30px 0 30px;
	}
		#main-banner img{
			float:left;
		}
		#main-banner .floatright{
			width:410px;
			float:right;
			padding:5px 0 0 0;
		}
			#main-banner .floatright h2{
				color:#231f20;
				font-size:46px;
				margin:0 0 10px 0;
				display:block;
				background:url(images/1np.png) no-repeat;
				width:335px;
				height:38px;
			}
			#main-banner .floatright h3{
				color:#00b4f0;
				font-size:36px;
				display:block;
				background:url(images/2np.png) no-repeat;
				width:398px;
				height:32px;
				margin:0 0 10px 0;
			}
				#main-banner .floatright h2 span, #main-banner .floatright h3 span{
					display:none;
				}
			#main-banner .floatright p{
				margin:0 0 15px 0;
			}
	#container-home{
		padding:22px 0;
	}
		.sblock1-wrap{
			width:310px;
			float:left;
			margin:0 15px 0 0 !important;
			margin:0 13px 0 0;
			background:url(images/sblock1-bg.jpg) repeat-y;
		}
			.sblock1-wrap.end{
				margin:0 !important;
				margin:0;
			}
			.sblock1{
				background:url(images/sblock1-top.jpg) no-repeat top;
			}
				.sblock1-bottom{
					background:url(images/sblock1-bottom.jpg) no-repeat bottom;
					padding:25px 25px 55px 25px;
				}
					.sblock1-bottom h4{
						font-size:28px;
					}
					.sblock1-bottom p{
						margin:0 0 15px 0;
					}
			
	#container{
		padding:0 0 22px 0;
	}
		#mainarea{
			width:635px;
			float:left;
		}
			.mblock1-wrap{
				background:url(images/mblock1-bg.jpg) repeat-y;
			}
				.mblock1{
					background:url(images/mblock1-top.jpg) no-repeat top;
				}
					.mblock1-bottom{
						background:url(images/mblock1-bottom.jpg) no-repeat bottom;
						padding:25px;
					}
			#works{
				margin:25px 0 0 0;
			}
				#works h3{
					font-size:20px;
				}
		#sidearea{
			width:310px;
			float:right;
		}
			.sblock2-wrap{
				background:url(images/sblock2-bg.jpg) repeat-y;
			}
				.sblock2{
					background:url(images/sblock2-top.jpg) no-repeat top;
				}
					.sblock2-bottom{
						background:url(images/sblock2-bottom.jpg) no-repeat bottom;
						padding:25px 25px 0 25px;
					}
						#sidearea .sblock2-bottom ul{
							list-style:none;
							margin:0;
						}
							.sblock2-bottom li{
								padding:3px 0;
							}
	#footer{
		background:url(images/mf-bg.png) no-repeat;
		height:39px;
		line-height:39px;
		padding:0 25px;
		margin:0 0 17px 0;
		color:#fff;
		overflow:hidden;
	}
		#footer a{
			color:#fff;
		}

/* Layout Styles Ends */



/* Form Styles */

.input{
	border:1px solid #a5a5a5;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:2px;
	width:200px;
}
textarea.input{
	width:415px;
	height:100px;
}
.input:focus, .textarea:focus{
	border:1px solid #000;
}

.submit-btn{
	background:url(images/submit-btn.jpg) no-repeat;
	width:67px;
	height:27px;
	border:none;
	outline:none;
	cursor:pointer;
}

a.take-tour-btn, a.portfolio-btn, a.read-more-btn{
	background:url(images/buttons.gif) no-repeat top;
	width:131px;
	margin:0 19px 0 0;
	height:35px;
	display:block;
	float:left;	
}
a.portfolio-btn{
	background-position:0 -36px;
}
a.read-more-btn{
	background-position:0 -72px;
	width:91px;
}
	a.take-tour-btn span, a.portfolio-btn span, a.read-more-btn span, a.visit-site-btn span{
		display:none;
	}
a.visit-site-btn{
	background:url(images/vist-site-btn.jpg) no-repeat;
	width:91px;
	height:27px;
	display:block;
	margin:0 0 5px 0;
}

/* Form Styles */


/* Paragraph and list Styles */

#container p.hr{
	border:solid #d3d3d3;
	border-width:1px 0 0 0;
	margin:0;
	outline:none;
}
#container p{
	margin:0 0 15px 0;
}
#container form p{
	margin:0 0 5px 0;
}
#container p img.floatleft{
	margin:0 20px 0 0;
}
#container p img.floatright{
	margin:0 0 0 20px;
}
#mainarea img.floatleft, #mainarea p img.floatleft{
	margin:10px 10px 10px 0;
}
#mainarea img.floatright, #mainarea p img.floatright{
	margin:10px;
}
#container ul, #container ol{
	margin:0 0 0 20px;
}
#container ol{
	margin:0 0 0 30px;	
}
ul#portfolio{margin:0;list-style:none;}
#container dt, #container1 dt{
	font-weight:bold;
	margin:20px 0 10px 0;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a {
	color:#222;
	text-decoration:none;
	font-weight:bold;
}
a:hover {text-decoration:underline;color:#098ab4;}
h1{font-size:32px;}
h2{font-size:26px;}
h3{font-size:23px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#231f20;font-family:"Myriad Pro Cond","Trebuchet MS";font-weight:normal;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ color:#231f20;font-weight:normal;}							
img{border:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}
.padding15{padding:15px;}


/* Genric Styles Ends */
.button {
font-family: Arial;
color: #ffffff;
font-size: 14px;
padding: 5px;
text-decoration: none;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;
-webkit-box-shadow: 2px 1px 3px #666666;
-moz-box-shadow: 2px 1px 3px #666666;
box-shadow: 2px 1px 3px #666666;
text-shadow: 0px 1px 0px #666666;
border: dotted #000000 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#07ace3), to(#0e6480));
background: -moz-linear-gradient(top, #07ace3, #0e6480);
}
.button:hover {
background: #0ba6d9;
}
.alert-box {
	color:#555;
	border-radius:10px;
	font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
	padding:10px 36px;
	margin:10px;
}
.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
}
.error {
	background:#ffecec url('images/error.png') no-repeat 10px 50%;
	border:1px solid #f5aca6;
}
.success {
	background:#e9ffd9 url('images/success.png') no-repeat 10px 50%;
	border:1px solid #a6ca8a;
}
.warning {
	background:#fff8c4 url('images/warning.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
}
.notice {
	background:#e3f7fc url('images/notice.png') no-repeat 10px 50%;
	border:1px solid #8ed9f6;
}

.modal {
  display: none;
  width: 400px;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(images/close.png) no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(images/spinner.gif) #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

    .login_form.modal {
      border-radius: 0;
      line-height: 18px;
      padding: 0;
      font-family: "Lucida Grande", Verdana, sans-serif;
    }

    .login_form h3 {
      margin: 0;
      padding: 10px;
      color: #fff;
      font-size: 20px;
      background: -moz-linear-gradient(top, #00B4F0, #424242);
      background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00B4F0),color-stop(1, #424242));
    }

    .login_form.modal p { padding: 20px 30px; border-bottom: 1px solid #ddd; margin: 0;
      background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eee),color-stop(1, #fff));
      overflow: hidden;
    }
    .login_form.modal p:last-child { border: none; }
    .login_form.modal p label { float: left; font-weight: bold; color: #333; font-size: 13px; width: 110px; line-height: 22px; }
    .login_form.modal p input[type="text"],
    .login_form.modal p input[type="password"] {
      font: normal 12px/18px "Lucida Grande", Verdana;
      padding: 3px;
      border: 1px solid #ddd;
      width: 200px;
    }


    .part {
      display: none;
    }
	
	/* pagination style */
.pagin {
padding: 2px 0;
margin: 0;
font-family: "Verdana", sans-serif;
font-size: 7pt;
font-weight: bold;
}
.pagin * {
padding: 2px 6px;
margin: 0;
}
.pagin a {
border: solid 1px #666666;
background-color: #EFEFEF;
color: #666666;
text-decoration: none;
}
.pagin a:visited {
border: solid 1px #666666;
background-color: #EFEFEF;
color: #60606F;
text-decoration: none;
}
.pagin a:hover, .pagin a:active {
border: solid 1px #CC0000;
background-color: white;
color: #CC0000;
text-decoration: none;
}
.pagin span {
cursor: default;
border: solid 1px #808080;
background-color: #F0F0F0;
color: #B0B0B0;
}
.pagin span.current {
border: solid 1px #666666;
background-color: #666666;
color: white;
}
.datagrid table { 
border-collapse: collapse; 
text-align: left; 
width: 100%; 
} 
.datagrid {
font: normal 12px/150% Arial, Helvetica, sans-serif; 
background: #fff; 
overflow: hidden; 
border: 6px solid #231F20; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.datagrid table td, 
.datagrid table th { 
padding: 9px 8px; 
}
.datagrid table thead th {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #231F20), color-stop(1, #403638) );
background:-moz-linear-gradient( center top, #231F20 5%, #403638 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#231F20', endColorstr='#403638');
background-color:#231F20; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #FFFFFF; } .datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #00496B; border-left: 2px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.datagrid table tbody .alt td { background: #00B4F0; color: #FFFFFF; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }

.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8a8083), color-stop(1, #3d3437) );
	background:-moz-linear-gradient( center top, #8a8083 5%, #3d3437 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a8083', endColorstr='#3d3437');
	background-color:#8a8083;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#c9c9c9;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:35px;
	width:84px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
#tbl .tbl-facebook {
            width: 555px;
			height: 35px;
			padding: 15px;
			background: #DFEAF1;
			border-color: #5872a7 #ccc #ccc #ccc;
			
			}
#tek {
margin-left: 20px;
}

.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d3437), color-stop(1, #8a8083) );
	background:-moz-linear-gradient( center top, #3d3437 5%, #8a8083 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3437', endColorstr='#8a8083');
	background-color:#3d3437;
}.classname:active {
	position:relative;
	top:1px;
}
hr.style-five { border: 0; height: 0; /* Firefox... */ box-shadow: 0 0 5px 1px black; } 
hr.style-five:after { /* Not really supposed to work, but does */ content: "\00a0"; /* Prevent margin collapse */ }
hr.style-seven { height: 30px; border-style: solid; border-color: black; border-width: 1px 0 0 0; border-radius: 20px; } hr.style-seven:before { /* Not really supposed to work, but does */ display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: black; border-width: 0 0 1px 0; border-radius: 20px; }

.datagrid1 table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid1 {font: normal 12px/150% Geneva, Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 3px solid #006699; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }.datagrid1 table td, .datagrid1 table th { padding: 10px 9px; }.datagrid1 table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } .datagrid1 table thead th:first-child { border: none; }.datagrid1 table tbody td { color: #00496B; border-left: 3px solid #E1EEF4;font-size: 11px;font-weight: normal; }.datagrid1 table tbody .alt td { background: #E1EEF4; color: #00496B; }.datagrid1 table tbody td:first-child { border-left: none; }.datagrid1 table tbody tr:last-child td { border-bottom: none; }

