body { background:#000 url(../images/bg.jpg) top center no-repeat; font:12px Arial, Helvetica, sans-serif; padding:0; margin:0; color:#101010;}
html { padding:0; margin:0;}
.clr { clear:both;}
img { padding:0; margin:0; border:0; text-align:center;}
/* Wrapper -------------------------  Wrapper   ------- -----------------------Wrapper*/
.wrapper{width:940px; margin:0 auto; padding:0; font:normal 12px Arial, Helvetica, sans-serif; color:#999; } 
.header{margin:0; padding:0; float:left; width:940px; font:normal 12px Arial, Helvetica, sans-serif; color:#CCC;}
.logo{float:left; width:200px; height:60px; margin:22px 0 20px 30px; padding:0;   }
.logo a{display:block; width:200px; height:60px; padding:0; margin:0; font:bold 25px Arial, Helvetica, sans-serif; color:#CCC; text-decoration:none; text-indent:-9999px; outline:none; border:0; background:url(../images/logo.png) left center no-repeat; }
.appointment{float:right; margin:10px 30px 0 0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; }
.appointment a{display:block; height:78px; width:247px; background:url(../images/call.jpg) no-repeat; background-position:0px 0px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-indent:-9999px; outline:none; }
.appointment a:hover{background-position:0px -78px; }

.upload{float:right; margin:22px 40px 0 0; padding:0; font:normal 12px Arial, Helvetica, sans-serif;}
.upload a{display:block; height:62px; width:197px; background:url(../images/upload-button.gif) no-repeat; background-position:0px 0px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-indent:-9999px; outline:none; }
.upload a:hover{background-position:0px -62px; }
/* Menu  -----------------------------------           Menu             -------------------------------*/
.menu{ width:940px; padding:0; margin:0;}
.menu ul{ width:100%; margin:0 20px 0 15px; padding:0; list-style-type:none; }
.menu ul li{float:left; margin:0; padding:0; border:0; background:url(../images/menu-bg.gif) right no-repeat; }
.menu ul li a {display:block;  margin:0 6px 0 0; padding:5px 17px 5px 19px; color:#8f8f8f; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; outline:none;}
.menu ul li a:hover {color:#FFF; text-decoration:none;}
.menu ul li a.active {color:#fe7903; text-decoration:none;}

/* flash-resize      ---------------------------------------     flash-resize             ----------------------------- */
.flash-resize{width:100%; margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif;}
.flash-bg{margin:0 auto; width:940px; height:381px; padding:0; background:url(../images/flash-bg.gif) center top  no-repeat; }
.flash{float:left; width:869px; margin:0; padding:17px 35px 18px 35px; font:normal 12px Arial, Helvetica, sans-serif; color:#666;  }
.gallery{float:left; background:url(../images/gallery-bg.jpg) center top no-repeat; margin:0; padding:0; }

/* Body Resize        ---------------------------------------       Body - Resize        -----------------------------------*/
/* body */
.body-resize {padding:0; width:890px; margin:0 auto;}
/* */
.body { padding:0; margin:0 auto; }
.body h1 { font:bold 20px Arial, Helvetica, sans-serif; color:#FFF; padding:5px 5px; margin:5px 0 0 0;}
.body h2 { font:bold 16px Arial, Helvetica, sans-serif; color:#FFF;  padding:0px 5px; margin:5px 0 10px 0;}
.body h3 { font:normal 18px Arial, Helvetica, sans-serif; color:#575757; padding:10px 5px; margin:0 0 10px 0;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#979797; line-height:18px; padding:3px 20px 5px 5px; margin:0;}
.body p span { color:#a9a9a9; font: normal 12px Arial, Helvetica, sans-serif;}
.body ul{list-style-type:none; margin: 5px 0 10px 30px; padding:0;  }
.body ul li{margin:0; padding:4px 0 4px 12px; font:normal 12px Arial, Helvetica, sans-serif; color:#999; background:url(../images/arrow.gif) left no-repeat; }
.body a { color:#0087b8; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}
.body img { margin:10px auto; padding:0;}
.body img.floated { float:right; margin:5px 0px; padding:0;}
.body img.floated2 { float:left; margin:5px 0px 5px 0; padding:0;}
.right { width:320px; margin:10px 0; padding:0 10px; float:right;}
.left {width:600px; margin:10px 0; padding:0 10px; float:left;}
.left_blog {width:267px; padding:10px 20px 10px 0; margin:0; float:left;}
.left_blog2 {width:290px; padding:10px 0; margin:0; float:left;}


.contact {background:url(../images/contct-bg.jpg) top center no-repeat; margin:0; padding:100px 100px 0 250px; height:1300px; }

/* services     ----------------------------------         services             --------------------------------*/
.services{margin:0; padding:0; } 
.crawler{ padding:0; margin:0; }
.crawler img{cursor:pointer; cursor:hand; margin:5px; padding:0; }
.crawler ul{margin:0; padding:0; list-style-type:none; }
.crawler ul li{float:left; display:inline-block; margin:0; padding:0; background:none;  }

ul.gallery {
	width: 900px;
	list-style: none;
	margin: 0; padding: 0;
	background:none;
}
ul.gallery li {
	float: left;
	margin:10px 4px; padding:0;
	display:block;
	text-align: center;
	border: 1px solid #333;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
	background:none;
}
ul.gallery li a.thumb {
	width: 204px;
	height: 182px;
	padding: 5px;
	border-bottom: 1px solid #333;
	cursor: pointer;
	cursor:hand;
	background:none;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 204px;
	height: 182px;
	overflow: hidden;
	display: block;

}
ul.gallery li a.thumb:hover {
	background: #333;
}
ul.gallery li h2 {
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding:5px;
	background: #f0f0f0;
	border-top: 1px solid #333; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #333; display: block; outline:none;}
ul.gallery li a:hover{color:#F00; }
ul.gallery img{border:0; padding:0; margin:0; }


/* Footer     -------------------------------------         Footer                --------------------------------*/
.footer{margin:0; padding:20px 20px 20px 20px; background:url(../images/footer-bg.jpg) center top no-repeat; font:normal 12px Arial, Helvetica, sans-serif; }
.links{float:left; width:500px; margin:10px 0 0 20px; padding:0; font:normal 12px Arial, Helvetica, sans-serif;  }
.links a{margin:0; padding:0 3px; font:normal 12px Arial, Helvetica, sans-serif; color:#666; text-decoration:none; outline:none;}
.links a:hover{color:#FFF; text-decoration:none; }

.copy{float:right; margin:10px 20px 0 0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; color:#8d8c8c; }


/* Contact Form -  - - - - - - - - -- - -       Contact Form     - - - - - --  - - - -- --- --- */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center; color:#999;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:10px 0; padding:0px; color:#999;}
#contactform  span{color:#FF0000;}
#contactform * { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li {float:left; margin:0 0 3px 0; padding:2px; background:none; width:500px;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label {display:block; margin:0; width:150px; display:block; float:left; padding:2px 0 0 0; font:bold 11px Arial, Helvetica, sans-serif; color:#666666; }
#contactform input.text {float:left; width:280px; border-width: 1px; border:1px solid #1A1D1E;  padding:2px 2px; height:18px; background:#000; color:#999;}
#contactform input.fileField {float:left; width:230px; height:24px; border:1px solid #1A1D1E;  padding:0; margin:0; background:#000; color:#999;}
#contactform textarea {float:left; width:280px; border:1px solid #1A1D1E; padding:2px; background:#000; color:#999;}
#contactform li.buttons input { float:left; width:90px; height:30px;  padding:2px 4px; margin:10px 0 0 330px; background:url(../images/submit-bg.jpg) top center no-repeat ; border:#666 solid 0px;  font:bold 12px "Trebuchet MS", Tahoma, Arial; color:#FFFFFF; cursor:pointer; cursor:hand; text-transform:uppercase; letter-spacing:0.7px;}
#contactform select {float:left; width:285px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform select.mr {float:left; width:auto; border:1px solid #d6d6d6; padding:2px; background:#fff;}

#contactform li .radio {float:left; margin:0; padding:0; background:none; width:280px;}
#contactform li .radio div {float:left; margin:2px 0; padding:2px; background:none; width:275px;}
#contactform .radio input {float:left; margin:0; padding:0; font:bold 11px Arial, Helvetica, sans-serif; color:#666666; }
#contactform .radio label.radiobotton {float:left; width:250px; padding:0; *padding:3px 0; margin:0 0 0 5px; font:normal 12px Arial, Helvetica, sans-serif; color:#333333;}
#contactform li .radio .mr {float:left; margin:2px 5px 2px 0; padding:2px; background:none; }
#contactform .radio label.mr {float:left; width:auto; padding:0 5px 0 0; *padding:3px 0; margin:0 0 0 5px; font:normal 12px Arial, Helvetica, sans-serif; color:#333333;}





/*  PEEL EFFECTS     -------------------------------------------------           PEEL EFFECTS             --------------------*/
img { behavior: url(iepngfix.htc) }
#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right; 
}
#pageflip img {
	width: 60px; height: 62px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 55px; height: 55px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background:url(../images/subscribe.png) no-repeat right top;
}