/*  
Theme Name: 'Precision Restoration Services'
Theme URI: 
Description: 'Precision Restoration Services'
Author: 'Marco-Mainstream Media Works'

*/
@charset "utf-8";
/* CSS Document */

html, body, div, span, ul, li, a, img, p, input, h1, h2, h3, select { margin:0px; padding:0px; border:0px; }

body {  background: url(images/bg.jpg) repeat;  }

.ctr { width:1140px; margin:0px auto; }

.lft { float:left; }
.rgt { float:right; }

.clear { clear:both; }

.thm { float:left; margin:0px 10px 0px 0px; }

.brdtop { background: #f4c306; height:5px; width:100%; }

.sms    { 
			visibility:hidden;
			border-radius: 8px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			background:#138c42; 
			color:#FFFFFF; 
			text-align:center; 
			font-weight:600;
			padding:5px 10px 5px 10px; 
			margin:10px 0px 0px 0px;
	   }
.sms a { color: #FFF; text-decoration:none; }	

#top          { background:#000000; } 

#header       { 
				background:url(images/topbg.jpg) repeat;
				font-family: 'Open Sans', sans-serif; 
				padding:15px 0px 0px 0px;
				
			  }
			  
#header .logo { padding:0px 0px 0px 20px; margin:0px 0px 10px 0px; }

.cont 		  { 
				background:url(images/conticon.png) no-repeat left;	
			    color:#FFF; 
				line-height:1.4em; 
				font-size:14px; 
			    font-weight:400;
				padding:5px 0px 15px 60px;
				margin:10px 10px 0px 0px; 
				text-transform:uppercase; 
				
			  }	
			  
			  
.cont span    { font-size:25px; font-weight: 700; }	

#nav          { 
					background: #1b1b1b;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
				
					
					
			  }
#nav ul          { font-size:15px; color:#FFF; text-transform:uppercase; }			  
#nav li          { 
					
					list-style:none; 
					float:left; 
					padding:14px 20px 14px 20px;   
				 }			  
#nav li a        { color:#FFF; text-decoration:none; } 
#nav li a:hover  { color: #98382b; } 

#nav li:first-child { border-left:none; }
#nav li:last-child  { border-right:none; }		  			  


#slider 	{  
					background:url(images/sliderbg.jpg) repeat-x;	
					padding:10px 0px 10px 0px;	
			}
#slider img {  
					
				
            }	

h1   { font-family: 'Open Sans', sans-serif;  font-size:30px; color:#262626; margin:0px 0px 5px 0px; font-weight: 400;  }
h1 a { color:#262626; text-decoration:none; }


h2   { font-family: 'Open Sans', sans-serif;  font-size:20px; color:#262626; margin:0px 0px 5px 0px; font-weight: 400; }
h2 a { color:#262626; text-decoration:none; }

#content     { padding:15px 0px 10px 0px; background:#FFF;  }

#cont_left   { width:760px; padding:0px 10px 0px 10px; }

#cont_left p { 
				font-family: 'Open Sans', sans-serif;  
				font-size:15px; 
				color:#000000; 
				line-height:1.5em; 
				text-align:justify; margin:0px 0px 10px 0px; 
			 }
#cont_left input, textarea { border:solid 1px #CCC; padding:2px 2px 2px 2px; }			 
#cont_left p a { color:#6fc711; }			 
.or			   { color:#fff; }				 
			 
#cont_right  { width:320px; padding:10px 10px 0px 0px; list-style:none; }

#testi       { }

#testtop     { padding:10px 0px 10px 0px; width: auto; text-align:center; }
#testtop h2  { color:#969696; }

#testibox    { 
			
				border-radius: 8px;
			   -webkit-border-radius: 8px;
			    -moz-border-radius: 8px;
				background:#f6f6f6;
				padding:15px 10px 15px 10px;
				margin:10px 0px 0px 0px; 
				font-size:12px; 
				font-family: 'Open Sans', sans-serif;  
				color:#969696; 
				line-height:1.5em; 
				
			
			 } 
#testibox p  	{ padding:0px 10px 10px 10px; font-size:13px; text-align:center; }	

.nme           { font-family: 'Open Sans', sans-serif;  font-size:12px; color:#53506f; margin:0px 0px 0px 10px;  text-align:center;  }
.nme span      { color:#53506f; text-transform:uppercase; } 

.tpic           { margin:10px 0px 0px 10px; }

#blog           { font-family: 'Open Sans', sans-serif;  }
#blog ul        { }
#blog li        { 
				  list-style:none;
				  color:#1a3c55;
    			  content: "";
    			  font-size: 12px; 
				  line-height:1.9em;
				  width:200px;
   				}
#blog li a  {				
				color: #a0a0a0;
   				font: 14px/1.2em 'Open Sans',sans-serif; text-decoration:none;
    			text-transform: uppercase; padding:0px 0px 0px 10px;
			}


#box            { background: url(images/bgthumb.gif) repeat; border-top:solid 5px #0d1125; padding:15px 0px 15px 0px; }
#box1           { 
					width:242px;
					padding:15px 0px 15px 0px; 
					margin:0px 3px 0px 3px;
					background:#fdfdfd; 
					box-shadow: 0 0 0 1px #CCC inset;
					float:left; 
				}
				
#icon_c         { background:#0d1125; width:90px; height:60px; margin:0px auto; padding:10px 0px 10px 0px;  }
#box1 img       { margin:0px auto; display:block; vertical-align:middle;  }
#box1 .txt1     { 
					font-family: 'Open Sans', sans-serif; 
					font-size:20px; 
					color:#0d1125; 
					text-align:center; 
					margin:10px 0px 10px 0px; 
					line-height:1.2em; 
				 }
#box1 .txt1 span { color:#e45437; }
.triangle2       { 
					width: 0; 
					height: 0; 
					border-left: 10px solid transparent; 
					border-right: 10px solid transparent; 
					border-top: 10px solid #0d1125;
					margin:0px auto;	
				}

#btmc          { 	
					
					background:url(images/topbg.jpg) repeat;
					font-family: 'Open Sans', sans-serif; 
					padding:15px 10px 15px 10px; 
					
			   }
#btmc ul       { padding:15px 0px 0px 0px; text-align: center; }			    
#btmc li       { 
					width:360px; 
					list-style: none; 
					display: inline-block; 
				    margin: 0px 1px; 
					
			   }
#btmc li img   { margin-bottom: 10px; width: 100%; height:auto;  }			   			    
#btmc li h3    { 
					font-family: 'Open Sans', sans-serif;  
					color:#fff; 
					font-size:16px; 
					text-align:center; 
					font-weight:700; 
					display: block; 
					text-transform:uppercase; margin:0px 0px 10px 0px;   
			   }
#btmc li p     { 
					font-family: 'Open Sans', sans-serif;  
					color:#fff; 
					font-weight:300; 
					font-size:13px; 
			}

.txt2          { 
					font-size: 28px; 
					font-weight:600;
					color: #ffffff; 
					line-height:1em; 
					text-align:center; 
					text-transform:uppercase; 
			  }	
				
#footer       { 
					
					background: #2e3235;	
					padding:20px 10px 20px 10px; 
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
					font-size:13px; 
			  }

#footer p     { color: #FFF; text-transform:uppercase; padding:0px 0px 0px 0px; float:left;  }
#footer p a   { color:#bf4d46; text-decoration:none; }


#footer ul   { text-transform:uppercase; float:right; color: #FFF;  }
#footer li   { list-style:none; padding:0px 10px 0px 10px; display:inline; }
#footer li:last-child { border-right:none; }
#footer li a { color: #FFF; text-decoration:none; }				
#footer li a:hover { color:#bf4d46; text-decoration: underline; }

#socs        { border-top:solid 5px #bf4d46; margin:10px 0px 10px 0px;    }
#socs h2     { 
				font-family: 'Open Sans', sans-serif; 
				text-transform:uppercase; 
				padding:10px 0px 10px 0px; 
				font-weight:700; 
				color:#686868; 
				font-size:14px; 
				text-align:center; 
				border-bottom:solid 1px #dfdfdf;  
			 }
#socs ul     { width: auto; margin:0px auto; display:block; text-align:center;}			 
#socs li     { list-style:none; display:inline; margin:0px 3px 0px 3px;  }			 


.responsiveMenuSelect { background:#1b1b1b !important; color:#FFF; padding:10px 0px 10px 0px; font-weight:bold;  }

@media (max-width: 1024px) { 
				.ctr { width:1000px; margin:0px auto; }
				
				#cont_left   { width:670px; padding:0px 10px 0px 0px; }
				
				#cont_right  { width:310px; padding:10px 0px 0px 10px; list-style:none; }

}

/* Styles for tablet and laptop */
@media (max-width: 999px) and (min-width: 768px) {
	
    .ctr  { width: 100%; }
	
	.lft      { float:none; width:100%  }
	.rgt      { float:none; width:100%  }
	
	.thm { float:none; width:90%; margin:0px auto; display:block;   }
	
	#nav 	{ width:100%;  }
	
	#header       { padding:10px 0px 10px 0px; }
	#header .logo { text-align:center; margin:0px auto; display:block; padding:0px; }
	
	.cont		 { 	
						background:none;	
						width:100%; 
						padding:10px 0px 10px 0px; 
						margin:10px 0px 0px 0px; 
						text-align:center;  
				  }		
	
	#slider img         { height:auto !important;  }
	h1 { text-align:center; }
	h2 { text-align:center; }
	
	#cont_left   { width:100%; padding:0px 0px 0px 0px; }

	#cont_left p   { }
	
	#cont_right  { width:100%; padding:0px 0px 0px 0px; }
	#blog li       { width:100%; text-align:center; }
	
	#btmc li     { width:100%; text-align:center; } 
	#btmc li img { margin:0px auto 10px auto; display:block; text-align:center; width:90%; }
	
    ::-webkit-scrollbar { display: none; }
    ::-moz-scrollbar { display: none; }
}

/* Styles for mobile */
@media (max-width: 767px) {
	
	.ctr { width: 100%; }
	
	.lft      { float:none; width:100%  }
	.rgt      { float:none; width:100%  }
	
	.thm { float:none; width:90%; margin:0px auto; display:block;   }
	
	.sms { 
		visibility: visible;
	
	}
	
	#nav 	  { width:100%;  }
	
	#header           { padding:10px 0px 10px 0px; }
	#header .logo     { text-align:center; margin:0px auto; display:block;  padding:0px; }
	#header .logo img { width: auto; margin:0px auto;  }
	.cont		 { 	
						background:none;	
						width:100%; 
						padding:10px 0px 10px 0px; 
						margin:10px 0px 0px 0px; 
						text-align:center;  
				  }	
	
	#slider img         { height:auto;  }
	h1 { text-align:center; }
	h2 { text-align:center; }
	
	
	#cont_left     { width:100%; padding:0px 0px 0px 0px; }
	
	#cont_left p   { }
	
	#cont_right  { width:100%; padding:0px 0px 0px 0px; }
	#blog li       { width:100%; text-align:center; }
	#box1       { 
					width:100%;
					padding:15px 0px 15px 0px; 
					margin:0px 0px 0px 0px; 
					float:none; 
				}
	#btmc li     { width:100%; text-align:center; } 
	#btmc li img { margin:0px auto 10px auto; display:block; text-align:center; width:90%; }
	
	#footer p  { width:100%; text-align:center; margin:0px 0px 10px 0px;  }

	::-webkit-scrollbar { display: none; }
    ::-moz-scrollbar { display: none; }
	
	}	
@media (max-width: 768px) { 
		#btmc li img { margin:0px auto; display:block; text-align:center; width:90% }
		
}	  