/*
Theme Name: Interior
Author: shaon
Author URI: http://wpeden.com
Version: 1.0
Description: Interior is minimal & simple WordPress Theme designed to emphasize and present your products which could be suitable for almost all kinds of business .You can use it as Business template, Your personal portfolio or even a Blog.*/

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

body{
    background:#f8f8f8;
	color: #333;
	font-family: 'Arial', sans-serif;
	margin:0px;
	padding:0px;
}

* {
	margin:0px;
	padding:0px;
	}
li {
	list-style:none;
	}

.full-div {
	width: 960px;
	height:auto;
	margin:0px auto;
	}
	
.hader {
	width:960px;
	height:150px;
	float:left;
	}
.hader-top-bar {
	width:960px;
	height:4px;
	background:#000;
	}
.logo {
	 
	width:400px;
	height:65px;
	margin:0px auto;
	margin-top:30px;
	}
.menu {
	width:950px;
	height:60px;
	float:left;
	border: 5px solid #ECECEC;
	}

.bar-div {
	width:100%;
	height:30px;
	margin-top:30px;
	float:left;
	}	
.bar {
	width:100%;
	height:30px;
	border-bottom:5px solid #ECECEC !important;
	margin-top:-20px;
	float:left;
	}
.bar h2 {
	font:22px;
	 
	color:#565656;
	text-align:center;
	background:#f8f8f8;
	padding:0px 15px;
	margin-top:20px;
	text-transform:uppercase;
	float:left;
	
	}
.bar_h2_margin {
	margin-left:350px;
	}
	

	
.container-a {
	width: 100%;
	height:auto;
	float:left;
	margin-top:30px;
	}
.container-pro {
	width:22%;
	height:300px;
	border:5px solid #ECECEC;
	margin-right:25px;
	float:left;
	}
.container-pro-last {
	margin-right:0px !important;
	}
div.container-pro:last-child {
    margin-right:0px !important;
    }
.container-pro h2 {
	font-size:24px;
	 
	color:#333;
	width:100%;
	height:50px;
	line-height:50px;
	font-weight:bold;
	border-bottom: 5px solid #ececec;
	text-transform:uppercase;
	text-align:center;
    overflow: hidden;
	} 
.container-pro h2 a {
    font-size:16px;
    color:#333;
    width:100%;
    height:50px;
    line-height:50px;
    font-weight:bold;
    /*border-bottom: 5px solid #ececec;*/
    text-transform:uppercase;
    text-align:center;
    text-decoration: none;
    } 	
.container-pro-figer {
	padding:10px 9px;
	float:left;
	}
.container-pro-figer img {
	cursor:pointer;
	
	-moz-transition: all 0.2s ease-in-out 0s;
	}
.container-pro-figer img:hover {
	opacity: 0.4;
	
	}
	
.grid_1 {
	width:320px;
	height:auto;
	float:left;
	}
	
.grid_1_h2_margin {
	margin-left:50px;
	font-size:20px;
	}

.grid_1_container_1st {
	margin-top:20px;
	width: 100%;
	height: 150px;
	float: left;
	border: 5px solid #ececec;
	}

.grid_1_container_1st:hover {
	background:#ececec;
	}
	
.grid_1_container_1st h3 {
	font-size:20px;
	 
	color:#565656;
	line-height:50px;
	margin:10px;
	}
	
.grid_1_container_1st p {
	font-size:13px;
	 
	color:#333;
	line-height:20px;
	margin:10px;
	}
div.grid_1_container_1st:last-child {
    margin-top:0px ;
    }
.grid_1_container {
	width: 100%;
	height: 150px;
	float: left;
	border: 5px solid #ececec;
	border-top:none;
	}
.grid_1_container:hover {
	background:#ececec;
	}
	
.grid_1_container h3 {
	font-size:20px;
	 
	color:#333;
	line-height:50px;
	margin:10px;
	}
	
.grid_1_container p {
	font-size:13px;
	 
	color:#333;
	line-height:20px;
	margin:10px;
	}
	
.read_more {
	width: 100%;
	height:50px;
	margin:10px 0px;
	float:left;
	}
.read_more a {
	font-size:15px;
	font-weight:bold;
	 
	color:#333;
	 
	}
.read_more a:hover {
	text-decoration:none;
	}
	
.grid_2 {
	width:380px;
	height:auto;
	float:left;
	margin-left:20px;
	}
	
.grid_2 h2 {
	font-size:25px;
	font-weight:bold;
	 
	color:#565656;
	margin:30px 20px;
	}
.grid_2 h6 {
	font-size:13px;
	font-weight:bold;
	 
	color:#666;
	line-height:20px;
	margin:0px 20px;
	}
	
.grid_2 p {
	font-size:13px;
	 
	color:#333;
	line-height:20px;
	margin:15px 20px;
	}
	
.grid_3 {
	width:220px;
	height:auto;
	float:left;
	margin-left:20px;
	}
	
.grid_3_container {
	width: 220px;
	height:auto;
	float:left;
	}
.grid_3_container h3 {
	 
	font-size:24px;
	color:#565656;
	width:100%;
	height:40px;
	line-height:40px;
	border-bottom:5px solid #ececec;
	}
.grid_3_container ul {
	margin-top:10px;
	}
	
.grid_3_container li {
	list-style:none;
	}
.grid_3_container li a {
	font-size:16px;
             
	color:#666;
	line-height:25px;
	font-weight:bold;
	text-decoration: none;
	-moz-transition: all 0.2s ease-in-out 0s;
	}
.grid_3_container li a:hover {
	text-decoration:underline;
	color:#999;
	}
	
.footer {
	width:100%;
	height:auto;
	border-top: 5px solid #ececec;
	float:left;
	}
.footer-container {
	width:75%;
	height:250px;
	float:left;
	margin-top:40px;
	}
.footer-container-div {
	width:25%;
	height:auto;
	float:left;
	}
.footer-container-div h3 {
	 
	font-size:22px;
	font-weight:400;
	color:#565656;
	width:100%;
	height:40px;
	text-transform:uppercase;
	}
.footer-container-div li {
	list-style:none;
	}
.footer-container-div li a {
	font-size:14px;
	 
	color:#666;
	line-height:25px;
	text-decoration: none;
	-moz-transition: all 0.2s ease-in-out 0s;
	}
.footer-container-div li a:hover {
	text-decoration:underline;
	}
.footer-container-sidebar {
	width:25%;
	height:250px;
	float:left;
	margin-top:40px;
	}
.footer-container-sidebar h5 {
	margin-top:10px;
	margin-left:20px;
	 
	font-size:14px;
	font-weight:400;
	color:#565656;
	width:100%;
	height:40px;
	text-transform:uppercase;
	}
    
.footer-container-sidebar h5 a{
    text-decoration: none;
    color:#565656;
}
.socile-link {
	width:100%;
	height:auto;
	margin-left:20px;
	}
.socile-link a {
	text-decoration:none;
	float:left;
	margin-right:5px;
	}
	
	
	
	/*	Gallery   */
	
.gallery {
	/*width:100%;*/
	height:auto;
	float:left;
	}
.gallery_pro {
	width: 100%;
	height:auto;
	float:left;
	margin: 30px 0px;
	}
.gallery_pro2 {
	width: 46%;
	height:auto;
	float:left;
	margin: 10px 0px;
	}
.gallery_pro2-margin {
	float:right;
	}
	
.gallery_margin {
	margin-left:405px;
	}	
	
.mosaic-block img {
	width:517px;
	border: 5px solid #ececec;
	padding:7px;
	background: #fff;
	float:left;
	}
.mosaic-block2 img {
	width:417px;
	height:326px;
	border: 5px solid #ececec;
	padding:7px;
	background: #fff;
	}
.gallery_pro_dtls {
	width:38%;
	height:auto;
	float:left;
    margin-left:20px;
	margin-top:10px;
	}
.gallery_pro_dtls2 {
	width:80%;
	height:auto;
	float:left;
    margin-left: 10px;
	}
   
.gallery_pro_dtls p {
	font-size: 18px;
    text-align: justify;         
	font-weight:normal;
	color:#565656;
	width:100%;
	height:auto; 
	float:left;
	}
   
.gallery_pro_dtls2 p {
	        
	font-weight:400;
	color:#565656;
	width:100%;
	height:auto;
	 
	float:left; 
	}
    
.gallery_pro_dtls_readmore a {
	font-size:15px;
    color: #333;
	}
	/*	End Gallery   */
	
	/*	Detiles Page   */
.dtls_pages {
	width:100%;
	height:auto;
	margin-top:30px;
	margin-bottom:40px;
	float:left;
	}	
.dtls_margin {
	margin-left:380px;
	}
	
.dtls_pages img {
	padding:7px;
	border: 5px solid #ececec;
	margin: 0px 20px 20px 0px;
	float:left;
	}	
	
.dtls_pages p {
	 
	font-size:14px;
	font-weight:400;
	color:#565656;
	line-height:20px;
	margin-bottom:10px;
	}
 .contact .bar-div .bar{
    width: 960px;
}
.dtls_comment {
	width:960px;
	height:auto;
	float:left;
	margin: 20px 0px;
	
	}	
.dtls_comment h6 {
	font-size:14px;
	 
	color:#000;
	font-weight:100;
	}


	/*	End Detiles Page   */
	
/******* /CONTACT FORM *******/
	
.contact {
	width:600px;
	height:auto;
	float:left;
	margin-left:20px;
	margin-top:30px;
	}
.contact h6{
	 
	font-size:12px;
	margin-bottom:0px;
	font-weight:100;
	color:#333 !important;
	text-shadow: 1px 1px 0px #fff;
	float:none;
	}
.contact input{
	border:1px solid #cccccc;
	width:300px;
	height:35px;
	background:#eeeeee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-left:5px;
	font-size:14px !important;
	margin-bottom:10px;
	}
	
.contact textarea{
	width:300px;
	height:200px;
	border:1px solid #cccccc;
	background:#eeeeee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-left:5px;
	padding-top:5px;
	margin-bottom:0px;
	}
	
.contact input:select {
	background:#fff !important;
	color: #000;
	
	}
	
	
	
	/******* /CONTACT FORM *******/
	
	/******* /CONTACT PAGE  *******/
.post-div {
	width:420px;
	height:auto;
	float:left;
	margin-left:30px;
	}
	
.address {
	width:430px;
	height:auto;
	float:left;
	margin-top:30px;
	}
.address img {
	float:left;
	margin: 0px 15px 15px 0px;
	border:none !important;
	}
.address p {
	font-size:14px;
	 
	color:#333;
	}
	
.telephone {
	width:430px;
	height:auto;
	float:left;
	margin-top:30px;
	}
.telephone img {
	float:left;
	margin: 0px 15px 15px 0px;
	border:none !important;
	}
.telephone p {
	font-size:14px;
	 
	color:#333;
	}

	
	/******* / END CONTACT PAGE  *******/

    
    /******* / END CONTACT PAGE  *******/
/*comment*/
.dtl-comment{
    float: left;
    height: auto;
    margin-bottom: 10px;
    margin-top: 15px;
    padding-bottom: 30px;
    width: 960px;
}
.dtl-comment .latest-blog-hadder{
    float: left;
    height: auto;
    width: 101%;
}
.dtl-comment h2 a{
    color: #666666;
    float: left;
     
    font-size: 20px;
    font-weight: 400;
    height: auto;
    margin-bottom: 5px;
    width: 165px;
    text-decoration: none;
}
.dtl-comment .dtls-latest-blog-h2-bar{
    background: url("images/doted.png") repeat-x scroll 0 0 transparent;
    float: none;
    height: 5px;
    margin-top: 12px;
    width: 775px;
    margin-left: 150px;
}
.dtl-comment-box{
    border-bottom: 1px dotted #CCCCCC;
    float: left;
    height: auto;
    margin-top: 20px;
    padding-bottom: 20px;
    width: 925px;
}
.dtl-comment-box img{
    border-radius: 30px 30px 30px 30px;
    box-shadow: -5px -5px 5px 5px #888888 inset;
    float: left;
    margin: 10px;
}
.dtl-comment-box h3{
    color: #666;
    float: left;
     
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
    width: 160px;
}
.dtl-comment-box p{
    color: #333333;
    float: left;
  
    font-size: 12px;
    line-height: 15px;
    padding: 5px 20px;
    width: 500px;
}
.dtl-comment-box-replay{
    background: none repeat scroll 0 0 #ccc;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
  
    font-size: 14px;
    padding: 8px 14px;
}
.dtl-comment-box-replay a{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
#commentform p{
   
    font-size: 10pt;
    font-weight: bold;
    height: 23px;
    text-shadow: 1px 1px 0 #FFFFFF;
}
#commentform p a{
    color: #009900;
    text-decoration: none;
}
/*end comment*/
.prev ,.next,.page-numbers li a {
    text-decoration:none;
}
.prev{
    padding-right:5px;
}
.next{
    padding-left:5px;
}
.page-numbers li{
    float:left;
    padding:2px 4px;
    margin:5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.page-numbers li {
   /*padding:3px;*/
  /* display:block;*/
   background: #eee;
   border: 1px solid #ddd;
   color:  #009900;
   
}
.footer-text{
    color:#222;
    font-size:9pt;
    line-height:5;
    text-align:center;
}
.footer-text a{
    font-weight:bold;
    color:#666;
    text-decoration: none;
}

.footer-text a:hover{
    color:#222;
    text-decoration: underline;
}