@charset "UTF-8";
/* CSS Document */

body { background-image:url(images/shattered.png); background-repeat:repeat;height:100%; overflow:scroll}
html{ background-image:url(images/shattered.png); background-repeat:repeat;height:100%;} 
#header_container { background-image:url(images/black_paper.png);  height:100px; left:0; position:fixed; width:100%; top:0px;z-index:996 }
ul{ 
  width:760px;
  margin-bottom:20px;
  overflow:hidden; padding:0px
}
li{
  
  float:left;
  display:inline; line-height:200%
}
#triple li  { width:33.333%; } 
h3{color:#999}
#headerlogo{background-image:url(images/logoheader.png); height:210px; width:300px;margin:0 auto;width:940px; background-repeat:no-repeat;  z-index:998; position:relative;  }
#footer_container { background:url(images/black_paper.png) left top repeat;  height:100px;  bottom:0;left:0; position:fixed; width:100%;text-decoration:none }
#footer {  margin:0 auto;margin-top:15px; width:940px; text-align:center; height:100px; text-decoration:none;}
#footertext {font-family: Verdana, Geneva, sans-serif;font-size:100%; color:white; } 
#minortext a{font: Verdana, Geneva, sans-serif; font-size:80%; color: #666; line-height:100%; text-decoration:none;}
#container { margin:0 auto;width:940px; background-image:url(images/ricepaper.png); background-repeat:repeat;top:10px; position:relative; height:auto; padding-bottom:200px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */} 

.shadow{
    -webkit-box-shadow: 0px 5px 10px #000;
    box-shadow: 0px 5px 10px #000;
} 
#textcontent{ margin:0 auto; width:680px; height:auto; top:250px; position:relative; padding-left:100px; padding-right:100px; font: 100%  Arial, Helvetica, sans-serif; padding-bottom:100px; text-align:justify; line-height:130%;}


#images{margin:0 auto;width:680px;height:285px;  position:relative}


#menu{width:940px; height:0px;top:30px; margin:0 auto;left:300px; position:relative;} 

#phonediv { width:500px; height:55px; margin: 0 auto; left:120px; top: 120px;  position:relative; background-repeat:no-repeat; text-align:right; font:100% Days One; background-position:center;
	color:#999;}
	#phone { width:55px; height:55px; margin: 0 auto; left:75px;  background-image:url(images/phone.png); position:relative; background-repeat:no-repeat; top:-35px; 
	color: grey;}

#contactform {margin:0 auto; height:300px; width:940px; position:relative; left:250px; top:200px; font: 12px Days One;}

.err
{
	font: 12px Days One;
	color: red;
}

<!--this is start of style for menu-->
ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;background-color:#000;background-image:url(images/mainbk.png);background-repeat:repeat;border-width:0px;border-style:solid;border-color:#333;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;-moz-box-shadow:0.7px 0.7px 1px #777777;-webkit-box-shadow:0.7px 0.7px 1px #777777;box-shadow:0.7px 0.7px 1px #777777;background-color:#333;background-image:none;border-width:1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-style:solid;border-color:#5A5E60;padding:0 9px 9px;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
	z-index:1;} 
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:1px 1px 1px 0;
	*display:inline;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1>li{
	margin:0 0 0 1px;}
ul#css3menu1 ul>li{
	margin:1px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font: 12px Days One, sans-serif;color:#FFF;padding:10px;background-image:url(images/mainbk.png);background-repeat:repeat;background-position:0 200px;border-width:0px;border-style:none;border-color:;}
ul#css3menu1 ul li{
	float:none;margin:9px 0 0;}
ul#css3menu1 ul a{
	text-align:left;padding:8px 0 0 0;background-image:none;border-width:1px 0 0 0;border-style:solid;border-color:#262626;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:13px Arial;color:#cccccc;text-decoration:none;}
ul#css3menu1 li:hover>a{
	border-style:none;color:#ffffff;background-image:url(images/mainbk.png);background-position:0 100px;text-decoration:none;}
	ul#css3menu1 li a.pressed{
	background-color:#C00;border-style:none;color:#ffffff;background-image:url(images/mainbk.png);background-position:0 100px;text-decoration:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
	background-color:#333;background-image:none;border-style:solid;border-color:#262626;color:#ff0000;text-decoration:none;}
ul#css3menu1 li.topfirst>a{
	border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;text-shadow:#000000 0px -1px 1px;}
ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst a.pressed{
	text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.topmenu>a{
	text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{
	text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.toplast>a{
	border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;text-shadow:#000000 0px -1px 1px;}
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast a.pressed{
	text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 _>li>a{
	padding:0;}
ul#css3menu1 li.subfirst>a{
	border-width:0;border-style:none;padding:0;}
ul#css3menu1 li.subfirst:hover>a,ul#css3menu1 li.subfirst a.pressed{
	border-style:none;} 
/*this is end of style for menu*/  

/*new css*/
.home #container { margin:0 auto;width:940px; background-image:url(images/ricepaper.png); background-repeat:repeat;top:10px; position:relative; height:auto; padding-bottom:200px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */}
#textcontent2{ margin:0 auto; width:680px; height:auto; top:250px; position:relative; padding-left:100px; padding-right:100px; font: 100%  Arial, Helvetica, sans-serif; padding-bottom:160px; text-align:justify; line-height:130%; }

.prting_srv { top: 200px !important; }
.home_digital { top: 50px !important; }

.menu_link { display:none;} 
.contimg { width:800px; height:341px; margin:0 auto !important;  }

.cont_map { float:left; }
.contct_add { float:left; } 
.cnt_form { width: 400px; } 

.quick_cont { width:55%; float:left; text-align:right; }
.cont_hding { margin-top:0px; width:400px; } 

.dig_pr { width:100%; margin:0 auto; margin-top:50px ; float:none; text-align:center; display:inline-block; }

.form_send{ margin-top:0px; width:800px; }

/*slider*/
#wowslider-container { display:none; }



/*---------------------------------------------------- Responsive CSS Start ----------------------------------------------------*/

@media (max-width:980px) {  
 
body { background:none !important; overflow:inherit; margin-top:0; } 

img { max-width:100%; border:none;}

ul#css3menu1 { width:auto; }

#container { width:100%; margin:0; float:left; }
#header_container { position:inherit; } 
#headerlogo { width:auto; position:absolute; }
.shadow { width:100%; }

.home_con {width:100%; }
.home #textcontent { width:94%; padding-left:10px; padding-right:10px; left:inherit; padding-bottom:20px; } 
.home #container { padding-bottom:0 !important; } 
#textcontent { width:93%; padding-left:10px; padding-right:10px; left:inherit; }

#textcontent2 { width:93%; padding-left:10px; padding-right:10px; left:inherit; }  

.contimg img { width:100% !important; text-align:center; margin:auto; float:none; display:inline-block; }  

#phonediv { top:23px; }
.form_send { width:100%; }

/*contact*/  
.cnt_form { width:100%; }
iframe { width:100%; }
form{ width:100% !important; } 

/*footer*/ 
#footer_container { width:100%; position:relative; height:auto; float:left; }

#footer { width:auto; height:inherit; padding: 2px 10px 10px 10px; }

/*add new css*/

.inner { }

}

@media (max-width:900px) { 

.mainmenu{position:relative; right:10px; bottom:0px; width:160px; background:none; border-bottom:none; border-top:none; float:left;} 
.menu_link{ clear:both; margin:0px; display:block !important; background:url(images/res_menu_link.jpg) right center no-repeat ; text-decoration:none;  outline:none; transition:none; height:34px; float:right; text-indent:9999px;} 
.menu_link.active{ background:url(images/res_menu_linkh.jpg) right center no-repeat ; transition:none; }  

ul.topmenu{ width:100%; height:auto; float:left; display:none; margin:0px; position:absolute; right:0px; top:34px; background:none;}
ul.topmenu li{ width:100%; float:left; margin-left:0; margin:0px; padding:0; border-left:none; cursor:pointer; }
ul.topmenu li a:link,ul.topmenu li a:visited{ display:block; height:auto; margin:0; padding:6px 16px; float:none; text-align:left; font-size:12px; background:#ee3124!important; color:#fff !important; border-bottom:#fff 1px solid !important; border-radius:0px; text-shadow:none !important; font-family:Verdana, Geneva, sans-serif !important; } 
ul.topmenu li a:hover, ul.topmenu li a.menuhover { color:#ee3124 !important; background:#fff !important; text-shadow:none !important;}  
ul.topmenu ul{ left:0; position:relative; top:0; width:auto; height:auto !important; }
ul.topmenu ul li { border:0;}
ul.topmenu ul li a:link, ul.topmenu ul li a:visited{ width:auto; height:auto; padding:3px 15px 3px 15px; background:#3f3f3f; color:#fff; border-bottom:#5c5c5c 1px solid;} 
ul.topmenu ul li a:hover{  color:#a6adfc; background:#242424;}
ul.topmenu ul ul {left:0;}

/*menu end*/ 

#menu { width:auto; float:right; position:absolute; left:-10px; top:10px; height:auto; margin:0 10px 0 0; }  
ul#css3menu1 { width:200px; display:none; position:inherit !important; float:right; padding-top:0 !important;} 
ul#css3menu1 li.topfirst > a { border-radius:0; text-shadow:none;}
ul#css3menu1 li.topmenu>a { text-shadow:none; }
ul#css3menu1 li.toplast > a { border-radius:0; }

.contimg { width:100% !important; height:inherit; } 

 }
 
@media (max-width:768px) { 
h1 { line-height:normal; text-align:left; font-size:20px; }
h2 { line-height:normal; } 
ul { width:100%; } 
.home_con {width:100%; } 
#headerlogo { height:auto !important; background:none; position:relative !important; width:65%!important; display:inline-block;}  

#phonediv { left:19px !important; position:inherit; top:120px; float:none; padding:0 10px; margin:auto; width:82%; }
.quick_cont { width:auto; }
#phone { position:inherit; left:inherit; } 

/*slider*/
#wowslider-container1 { display:none;}
#wowslider-container { display:block; width:auto; background:none !important; height:auto !important; padding:0 10px; }

#wowslider-container .ws_images { width:auto !important; height:auto !important; position:relative !important; left:0 !important; }
#wowslider-container .ws_shadow { background:none !important; } 

.home #textcontent { font-size:13px ; position:inherit; left:inherit; top:inherit; padding-bottom: 10px; }

#textcontent { font-size:13px ; top:160px; padding-bottom: 10px; } 

#textcontent2 { font-size:13px; }

.home #container { padding-bottom:20px !important; float:left; width:100%; }


#images { width:100%; position:inherit; top:inherit; left:inherit; height:auto !important; }

/*about*/

/*footer*/
#footer { line-height:20px; }
#minortext a { line-height:normal; }

 }

@media (max-width:480px) {
h1, h2 { text-align:center; font-size:16px; }  

#headerlogo { width:65%!important; } 
#headerlogo img { height:auto; }

#phonediv { width:96% !important; left:inherit !important; top:inherit !important; float:left !important; font-size:11px; margin-top:5%; }
/*upload*/ 
.up_text { text-align:justify !important; float:left; }
/*contact*/
.cont_hding { float:none; width:100%; display:inline-block; text-align:center; }  
.cont_map { margin:auto; float:none; display:inline-block ; text-align:center; width:100%; }
.cont_map img { height:auto; margin:auto ; text-align:center; float:none !important; padding-bottom:10px; }  
/*footer*/
#footertext { font-size:12px; }
#docContainer.fb-small .column { padding:0 0 0 2px!important; }

#container { padding-top: 24%!important; padding-bottom:30px; } 
.home_con { padding-top:40px ; }

/*slider*/ 

#wowslider-container { float:left; position:inherit !important; left:inherit !important; }
.home .prting_srv { padding-bottom:0px !important;  }
.home #textcontent { padding-bottom:0px; }

body .prting_srv { top:inherit !important; left:inherit !important; position:inherit !important; float:left !important; }   

#textcontent { top:inherit; position:inherit!important; left:inherit; top:inherit!important; display:inline-block; }
#images { height:auto !important; float:left; }  
#content { float:left !important; width:100%; height:auto !important; }

#phone { left:13px; }

}

@media (max-width:320px) {

#phonediv { width:286px !important; font-size:11px; margin-top:0px; }
#phone { left:12px; }

.contct_add { width:100%; text-align:center; }  

 }