﻿@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #000000;
}
html { padding:0; margin:0;}

/* main */
.main {
	background-position: center top;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background-image: url('images/mainbg2.jpg');
	background-repeat: no-repeat;
}
.resize { width:1009px; margin:0 auto;}

/********** header **********/
.header {
	padding: 0;
	margin: 0 auto;
	height: 163px;
	width: 1048px;
}
.block_header {
	background-position: center top;
	margin: 0 auto;
	width: 1048px;
    height: 163px;
	padding: 0;
	border: none;
	background-image: url('images/topheaderbg.jpg');
	background-repeat: no-repeat;
}
/* logo */
.logo { float:left; padding:0; margin:0; width:215px;}
.logo h1 a {
	font-family: arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
}
.search h2 {
	font-family: arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
	text-align:right;
}

.logospan {
	color: #FFF;
	font-size: 10pt;
	text-decoration: none;
}
/* header_text*/
.header_text { width:284px; float:right; font:normal 11px Tahoma, Geneva, sans-serif; color:#9a9a9a; padding:0; margin: 80px 45px 0 0; text-align:center;}
.header_text a {font:normal 11px Tahoma, Geneva, sans-serif; color:#9a9a9a; text-decoration:none;}
.header_text a:hover { text-decoration:underline;}
.header_text h2 {
	font-family: arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	text-align:right;
}

/* search */
.search { padding:0; margin:25px 0; float:right; width:300px;}
/* menu */	
.menu_resize { background: url(images/menu_bg.gif) top no-repeat; width:1009px; height:72px; margin:0 auto; padding:0;}
.menu { padding:0; margin:0; width:1009px; height: 72px; float:left;}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:0; text-decoration:none; border:0;}
.menu ul li a span {background:none;}
.menu ul li a:hover {   background: url(images/r_menu.gif) no-repeat right ;}
.menu ul li a:hover span { background:url(images/l_menu.gif) no-repeat  left ;}
.menu ul li a.active { background:url(images/r_menu.gif) no-repeat  right ;}
.menu ul li a.active span {  background:url(images/l_menu.gif) no-repeat  left ;}

.formdiv {
	width: 260px;
	height: 195px;
	margin-top: 90px;
	margin-right: 20px;
	float: right;
	font-family: arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12pt;
}
.textbox {
	border: 1px solid #FF7E00;
	width: 112px;
	height: 28px;
}

/********** slider **********/
.graybg {
	margin: 2px auto;
	width: 986px;
	height: 15px;
	padding: 0;
	background-image: url('images/graybar.jpg');
	background-repeat: no-repeat;
}
.gallery {
	margin: 0px auto;
	width: 986px;
	height: 307px;
	padding: 0;
}

.slider{
	margin: 0 auto;
	width: 1009px;
	height: 291px;
	padding: 0;
}
.slider div.list { padding:5px 0;}
.slider div div.img { float:right; width:419px; padding:17px 10px 0 0; margin:0;}
.slider div h2 {width:387px; float:left; font:bold 40px Arial, Helvetica, sans-serif; color:#050505; margin:0; padding:10px 0; line-height:1.1em;}
.slider div h2 span { color:#ff5400;}
.slider div p { width:387px; font:normal 14px Arial, Helvetica, sans-serif; color:#747474; margin:0; padding:3px 0; line-height:1.8em;}
.slider div p.user { float:left; width:180px; margin:0; background:url(images/ul_li_simple.gif) 0px center no-repeat; padding:0 0 0 20px; font:normal 11px Arial, Helvetica, sans-serif; color:#3b6e77; line-height:1.8em;}
/********* slider2 ************/
.slider2 {background: url(images/slider2_bg.gif) top center repeat-x; margin:0 auto; padding:0; height:94px;}
.slider2_resize { width:1009px; margin:0 auto; padding:0;}
.slider2_resize h2 { font: bold 40px Arial, Helvetica, sans-serif; color:#050505; padding:30px 0 0 20px; margin:0;}

/********** block index **********/
.body {
    width: 100%;
	margin: 0 auto;
	clear: both;
}
.body_main_page { width:580px; float:left; margin:15px 0 0 0px; padding:0;}
.body_main_page img { float:left; margin:0; padding:0; clear: both;}
.body_main_page ul {
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.body_main_page ul li {
	list-style-type: none;
	margin: 10px 0;
	padding: 0px;
}
.body_main_page3 { width:970px; float:left; margin:15px 0 0 20px; padding:0;}
.body_main_page3 img { float:left; margin:5px; padding:0; position: relative; }
.body_main_page3 ul {
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.body_main_page3 ul li {
	list-style-type: none;
	margin: 10px 0;
	padding: 0px;
}
.body_main_page3 h3 {
	font-size: 12px;
	font-weight: bold;
	color: #590660;
	padding: 0px;
	margin: 0px;
}
.body_main_page4 { width:560px; float:right; margin:15px 0 0 20px; padding:0;}
.body_main_page4 img { float:left; margin:5px; padding:0; position: relative; }
.body_main_page4 ul {
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.body_main_page4 ul li {
	list-style-type: none;
	margin: 10px 0;
	padding: 0px;
}
.body_main_page4 h3 {
	font-size: 12px;
	font-weight: bold;
	color: #590660;
	padding: 0px;
	margin: 0px;
}

.body_main_page2 { width:398px; float:left; margin:0; padding:15px 10px;}
.body_main_page .blogaa {  width: 123px; height: 123px; float:left; margin:0; padding:10px;}
.body h1 { font:italic 14px Arial, Helvetica, sans-serif; color:#000; padding:10px 0 10px 0; margin:15px 0;}
.body h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#000; border-bottom:1px solid #454545; padding:10px 0 10px 0; margin:15px 0;}
.body h2 a { font:bold 18px Arial, Helvetica, sans-serif; color:#000; border-bottom:1px solid #454545; padding:10px 0 10px 0; margin:15px 0;}
.body h2 a:hover {
	color: #FF8100;
	text-decoration: underline;
}
.body h4 { font:bold 18px Arial, Helvetica, sans-serif; color:#000;  padding:10px 0 10px 0; margin:15px 0;}
.body h2 span { color:#000;}
.body h3 { font:bold 14px Arial, Helvetica, sans-serif; color:#CC890D;  padding:10px 0 0px 4px; margin:0;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#000; line-height:1.8em; padding:5px 5px; margin:0;}
.body p span { font:normal 11px Arial, Helvetica, sans-serif; color:#000; line-height:1.8em;}
.body a { color:#000; text-decoration:none; font:bold italic 12px Arial, Helvetica, sans-serif; background:url(images/bg_link_a.gif) left no-repeat; padding:0; margin:0;}
.body img { float: left; margin:10px 10px; padding:0;}
.body_main_page h2 {
	font-family: arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #061F4B;
}

.body_resize {
	background-position: left top;
	width: 1009px;
	margin: 0 auto;
	padding: 0;
}
.body_resize_bg {
	float: left;
	width: 1009px;
	margin: 0;
	padding: 0;
	background-image: url('images/midbg.jpg');
	background-color: #FFFFFF;
	background-repeat: repeat-x;
    background-position: left top;

}
.bodybg {
	float:left;
	width: 100%;
	background: url('images/graybg.jpg') repeat;
	margin: 0;

}
.body .body_small { width:280px; float:left; margin:0; padding:20px;}
.body .body_small a { float:left; color:#FF8100; text-decoration:none; font:bold 11px Arial, Helvetica, sans-serif; background:url(images/body_a_bg.gif) left no-repeat; padding:0 0 0 20px; margin:0;}
.body .body_small ul { list-style:none; margin:10px auto; padding:0;}
.body .body_small li { background:url(images/categosry_ul_li.gif) left no-repeat; margin:3px 0; padding:0 0 0 20px;}
.body .body_small li a { font:bold 11px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; padding:0; margin:0; float:none; background:none;}
.body .body_small li a:hover { color:#FF8100; text-decoration:none;}
.body .body_big { width:940px; float:left; margin:0; padding:20px;}
.body .body_big ul { list-style:none;  margin:10px auto; padding:0;}
.body .body_big li { list-style-type: none; font: normal 12px  Arial, Helvetica, sans-serif; color:#fff; background:url(images/categosry_ul_li.gif) left no-repeat; margin:3px 0; padding:0 0 0 25px;}
.body .body_big .bbloga { width: 123px; height: 123px; float:left; margin:10px; padding:0;}
.body .body_big .bbloga  a.bbloga {
	color: #000;
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	background: url(images/body_a_bg.gif) left no-repeat;
	padding: 0 0 0 20px;
	margin: 0;
	list-style-type: none;
}
/*left*/
.left { width:300px; float:left; margin:10px 10px; padding:5px 5px;}
.left a.con { float:none; background:none; padding:0; margin:0;}
.left ul { list-style:none; margin:5px 5px; padding:0;}
.left li { padding:5px 20px; margin:0; border-bottom:1px solid #c1c1c1; background:url(images/left_ul_li.gif) left no-repeat;}
.left li a { background:none; float:none; padding:0; margin:0; font: bold 11px Arial, Helvetica, sans-serif; color:#222; text-decoration:none;}
.left li a:hover { color:#29a5aa;}
/*right*/
.right { width:595px;  float:left; margin:10px 10px; padding:5px 5px;}
.right ul { list-style-type: none; margin:5px 10px; padding:0; width:385px; float:right;}
.right li { font:bold 11px Arial, Helvetica, sans-serif; color:#333333; background:url(images/right_ul_li.gif) left no-repeat; padding:5px 20px; margin:5px 0; border-bottom:1px solid #c1c1c1;}
.right .service { width:270px; float:left; margin:5px 5px; padding:5px 5px;}
.right .service a { float:none;}
.right .service p { color:#5d5d5d;}
.right em { font: bold italic 11px Arial, Helvetica, sans-serif; color:#222;}
.right p.line { border-left:3px solid #cfcfcf; margin:5px 20px; padding:5px 5px;}
/*buttonss*/
.buttonss { width:505px;  float:left; margin:10px 10px; padding:5px 5px;}
.buttonss p { text-align:center;}
.buttonss a { background:none; float:none; padding:6px 6px; margin:0; font: bold 12px Arial, Helvetica, sans-serif; color:#222; text-decoration:none;}
.buttonss a:hover { border:1px solid #d6d6d6; background:#f6f6f6; color:#29a5aa; text-decoration:none; padding:3px 5px; margin:0;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#f7f8f7; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#F00;}
#contactform input.text { width:440px; border:1px solid #4c4c4c; margin:10px 0; padding:5px 2px; height:16px; background:#434343; float:left;}
#contactform textarea { width:440px; border:1px solid #4c4c4c; margin:10px 0; padding:2px; background:#434343; float:left;}
#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}
/*FBG*/
.FBG {
	background-position: top;
	background: url('images/footerbg.jpg') repeat-x top;
}
.FBG h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #454545; padding:10px 0 10px 0; margin:15px 0;}
.FBG p { font:normal 11px Arial, Helvetica, sans-serif; color:#b0b0b0; line-height:1.8em; padding:5px 5px; margin:0;}
.FBG p span { color:#ff5c00;}
.FBG em { font: bold italic 12px Arial, Helvetica, sans-serif; color:#656565;}
.FBG a { color:#EE2C00; text-decoration:none; font:bold 11px Arial, Helvetica, sans-serif; background:url(images/a_more_info.png) left no-repeat; padding:0; margin:0;}
.FBG a:hover {text-decoration:underline; }
.FBG img { float: left; margin:10px 10px; padding:0;}
.FBG_resize {
	width: 980px;
	margin: 0 auto;
	padding: 0;
}
.FBG ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.FBG li a {
	padding: 0 0 0 20px;;
	margin:0;
}

/****Recent **/
.Recent  { width:285px; float:left; padding:10px 20px; margin:0;}
/*************footer**********/
.footer {
    width: 1009px;
	padding: 0;
	margin: 0 auto;
	height: 180px;
	clear: both;
}
.footer_resize {
	background-position: left top;
	width: 1009px;
	margin: 0 auto;
	padding: 0;
	background-image: url('images/footerbg.jpg');
	background-repeat: no-repeat;
	height: 180px;
}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#272727;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#272727; text-decoration:underline; padding:5px 5px; margin:0;}
.footer img {margin:0px 5px; padding:0; float:left;}
.footer p.leftt { text-align:right; width:50%; margin:0; padding:40px 0 0 0; float:right;} 
.footer p.rightt { text-align:right; width:50%; margin:0; padding:10px 0; float:right;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #c1c1c1; padding:0; margin:10px 0; background:none; line-height:0;}
.leftlist {
	float: left;
	width: 120px;
	margin: 0;
	padding:0;
}
.rightlist {
	float: right;
	width: 120px;
	margin: 0;
	padding:0;
}
.titlebar {
	width: 462px;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px;
}
.titlebar img {
   margin:0;
   padding:8px 8px 8px 0;
}
.titlebar-ourwork {
	width: 462px;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px;
}
.titlebar-ourwork img {
   margin:0;
   padding:8px 8px 8px 15px;
}
.titlebar-ourwork2 {
	width: 398px;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px;
}
.titlebar-ourwork2 img {
   margin:0;
   padding:0;
}
.name {
	margin: 0 0 0 58px;
}
.style1 {
	border-width: 0px;
}
.featuredprodslider {
	width: 1009px;
	height: 171px;
	background-image: url('images/featuredprodbg.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0px;
	margin: 0px auto;
	clear:both;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;

}
.featuredprodslider h2 {
	font-family: arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0 0 0 10px;
	padding: 0px;
}
.leftli {
	padding: 0px;
	margin: 0px;
	float: left;
}
.rightli {
	padding: 0px;
	margin: 0 0 0 40px;
	float: left;
}
.rightli2 {
	padding: 0px;
	margin: 0px;
	float: right;
}
/* Slider */
#slider {  width:1009px; padding:18px 0 0 0; margin:0 auto;}
div#slideshow { width: 100%; height:291px; padding:0; }
.slider-item { width: 100% !important; }
.slider-item img { float:right; margin:0; padding:0;}
.slider_content_inner img { border: none; }
.controls-center { width: 1009px; margin:0 auto; padding:5px 0;}
#slider_controls { margin:0 auto; z-index: 1000; width:1009px;}
#slider_controls h2 { width:600px; float:left; font: normal 11px Arial, Helvetica, sans-serif; color:#525252; padding:5px 0 0 20px; margin:0;}
#slider_controls ul { margin:0 auto; padding:0; width:100px;}
#slider_controls ul li { margin:0; padding:0 ; list-style: none; }
#slider_controls ul li { float: right; display: block; }
#slider_controls ul li a { width:17px; height: 8px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:10px 2px 0 2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { color:#979797; background:url('images/tabs_1.gif') no-repeat center center; }
ul.videos li {
	float: left;
	width: 10em;
	margin: 10px 10px;
}
ul.videos {
  margin-bottom: 1em;
  padding-left : 0em;
  margin: 10px 20px;
  list-style: none;
}
.videosliderbg {
	background-image: url('images/videosliderbg.png');
	width: 1009px;
	height: 166px;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px 0 0 8px;
}
.galleryb { width:1009px; height:166px; margin:0 auto; padding: 0; }
#sliderb { width:1009px; height:166px; margin: 0; padding: 0; list-style:none; }
#sliderb ul.slideb {
	margin: 0px;
	padding: 0;
	list-style: none;
}
#sliderb li.slideb {

	padding: 0;
	list-style: none;
	margin: 0;
}

/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#sliderb li.slideb { width:1009px; height:166px; overflow:hidden; }
#sliderb li.slideb span {
	margin: 10px 20px 10px 20px;
	padding: 0px;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	float: left;
	width: 130px;
	height: 176px;
}
#sliderb li.slideb img {
	margin: 0px 0px 5px 0px;
	float: left;
	clear: both;
	width: 120px;
	height: 90px;
}
p#controlsb { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; width:41px; height:58px; position:absolute; left: -1px; top:-120px; }
#nextBtn { display:block; margin:0; width:41px; height:58px; position:absolute; left: 969px; top:-120px; }
#prevBtn a {
	background-position: 0 0;
	display: block;
	width: 41px;
	height: 58px;
	background: url('images/leftarrow.png') no-repeat 0 0;
}
#nextBtn a {
	background-position: 0 0;
	display: block;
	width: 41px;
	height: 58px;
	background: url('images/rightarrow.png') no-repeat 0 0;
}
.sublinksdiv {
  margin-bottom: 1em;
  padding-left : 0em;
  margin: 15px 65px;
  list-style: none;
}
.sublinks  {
	margin-bottom: 1em;
	padding-left : 0em;
	margin: 3px 15px;
	list-style: none;
	width: 144px;
	height: 100px;
	float: left;
}
.sublinks img  {
	width: 100px;
	height: 90px;
}
.flashslidedelay {
	background-image: url('images/slide4a.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
#slider-static {
	width: 1009px;
	padding: 0;
	margin: 0 auto;
	clear: both;
	background-color: #000000;
}
#slider-static2 {
	width: 979px;
	height: 350px;
	padding: 20px 30px 0 0;
	margin: 0 auto;
	clear: both;
	background-color: #000000;
}

.secondary-spacer {
	width: 1009px;
	height: 15px;
	clear: both;
	margin: 0px auto;
	padding: 0px;
}
.body h3 a{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #CC890D;
	padding: 10px 0 0px 4px;
	margin: 0;
	text-decoration: underline;
}
.body h3 a:hover {
	color: #F5C66D;
}
.orderform {
	margin: 0px auto;
	padding: 0px;
	width: 480px;
}
.orderform2 {
	margin: 0px 0 0 15px;
	padding: 0px;
	width: 480px;
	float:left;
}
.contactinfo {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	width: 250px;
}
.redbox {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	border: 1px solid #FF0000;
	background-color: #FFCCCC;
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
}
.photopic {
	border: 1px solid #C0C0C0;
	width: 312px;
	float: left;
	padding-top: 5px;
	margin-right: 5px;
	margin-top: 5px;
	text-align: center;
	background-color: #F0F0F0;
}
.photopic h2 {
	border-style: 0;
	border-color: 0;
	font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #333333;
		line-height: 1em;
		border-width: 0px;
		padding: 0px;
		margin: 0px;
		text-align: center;
		text-decoration: none;
}
.photopic img {
margin: 5px;
padding: 0;
text-align: center;
}
