body
{
margin: 0;
	padding: 0;
	//line-height: 1.7em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}



#header-wrapper
{
width:100%;
float:left;

}


#header
{
width:1024px;

margin:0px auto;


}
#logo
{
width:auto;
float:left;
padding:4px;
}

#social-icon
{
width:130px;

float:right;

margin:100px 0px 0px 0px;


}

#menu
{
width:1024px;
float:left;



}

#content {
	
	width:100%;
	float:left;
	
}
.container {
	width:1050px;
	
	margin:0px auto;
	font-size:.875em;
	position:relative;
	
	
	
}
#big-wrapper
{
width:100%;
float:left;
background:#FFFFFF;
padding:15px;

}

#inner-main

{

width:100%;
float:left;
background:#FFFFFF;

margin:0px 0px 0px 0px;

}

#slider
{
width:100%;

float:left;

}

#welcome
{

width:98%;
float:left;
margin:10px 0px 0px 10px;

}

#welcome h1
{

color:#2d1306;
text-align:center;
font-size:27px;

}

#welcome p
{
font-size:15px;
line-height:30px;
text-align:justify;

}


#some-data
{
width:98%;
float:left;
margin:10px 0px 10px 10px;


}

#main-outer
{
width:501px;
float:left;


}
#inner1-image
{
width:250px;
float:left;

}
#inner1-image img
{

width:250px;
height:201px;

}

#inner1-data
{
background:#000000;
width:250px;
float:left;
height:201px;

}

#inner1-data h1
{
color:#FFFFFF;
font-family:caliber;
font-size:25px;
text-align:center;
margin:50px 0px 0px 0px;

}
#inner1-data a
{
color:#FF0000;
text-decoration:none;
font-size:15px;
float:left;
margin:10px 0px 0px 70px;

}

#main-outer1
{
width:501px;
float:right;



}

#inner2-data
{
border-top:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
width:250px;
float:left;
height:201px;

}

#inner2-data h1
{
color:#000000;
font-family:caliber;
font-size:25px;
text-align:center;
margin:50px 0px 0px 0px;

}
#inner2-data a
{
color:#FF0000;
text-decoration:none;
font-size:15px;
float:left;
margin:10px 0px 0px 70px;

}

#col-sm-left
{

width:68%;
float:left;
margin:0px 0px 0px 20px;


}

#col-sm-left h1
{

color:#2d1306;
text-align:center;
font-size:27px;

}
#col-sm-left h2
{
color:#39464e;
font-size:23px;

}

#col-sm-left p
{
font-size:15px;
line-height:27px;
text-align:justify;

}

#col-sm-right
{
width:24%;
float:right;


padding:10px;

}

#main-box
{
width:250px;
float:left;
background:#000000;
color:#FFFFFF;


}

/*start contact page*/

#col-sm-contact
{
width:98%;
float:left;
margin:10px 0px 10px 10px;

}
#col-sm-header
{
width:100%;
float:left;
margin:30px 0px 0px 0px;

}
#col-sm-header h1.revise {
    background-image: url("../images/slogan_repeat_bg.png");
    background-position: 0 15px;
    background-repeat: repeat-x;
    font-size: 1.1em;
    text-align: center;
    width: 100%;
}
#col-sm-header .revise_center {
    background-color: #ffffff;
    color:#2d1306;
    display: inline-block;
    font-size: 25px;
   
    padding: 0 20px;
    text-indent: -2px;
}

#col-sm-4
{
width:40%;
float:left;
background:#f5f2e9;
padding:15px;
-webkit-box-shadow:  7px 7px #333333;
  box-shadow: 0px 5px 3px #333333;
  margin:30px 0px 0px 0px;

}

#col-sm-4 h1
{

color:#333333;

font-size:24px;

}
#col-sm-4 h2
{
color:#39464e;
font-size:23px;

}

#col-sm-4 p
{
font-size:15px;
line-height:27px;
text-align:justify;

}

#col-sm-4 td
{
font-size:15px;
margin:0px 10px 10px 0px;
padding:0px 10px 10px 0px;

}

#col-sm-6
{
width:50%;
float:right;
padding:15px;
background:#f5f2e9;
-webkit-box-shadow: 0px 7px 7px #333333;
 box-shadow: 0px 5px 3px #333333;
margin:30px 0px 30px 0px;
}

.ourinput1
{
width:97%;height:35px;
background:#654332;
padding:1%;
margin:0px 0px 15px 0px;

border:1px solid #FFFFFF;
border-radius:3px;
border:none;

color:#FFFFFF;



}

.ourtext1
{
width:97%;
height:105px;
background:#654332;
border:none;
padding:1%;
border:1px solid #FFFFFF;
border-radius:3px;

color:#FFFFFF;
font-size:15px;

}
.ourbutton1
{
font:normal 18px/20px 'Droid Sans', sans-serif;
color:#fff;
width:32%;

padding:8px 10px;
margin:15px 8px 0px 2px;
background:#3c2114;
-webkit-border-radius: 5px;
border-radius: 5px;
cursor:pointer;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;

border:#1f1f2c 1px solid;
-webkit-box-shadow: inset 0px -3px 0px 0px #482b1d;
        
        box-shadow: inset 0px -3px 0px 0px #482b1d;

}
.ourbutton1:hover
{
background:#f7a01e;

border:#eb9311 1px solid;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
-webkit-box-shadow: inset 0px 3px 0px 0px #eb9311;
        
        box-shadow: inset 0px 3px 0px 0px #eb9311;
		
		}
		
/*=============== Portfolio Section ===================*/
.col-md-4 {
    width: 300px;
    float: left;
    margin: 20px 20px 0px;
}
.portfolio-sec {
    float: left;
    width: 100%;
}
.portfolio-sec.with-gap{
    margin-bottom: 0px;
}
.portfolio-wrap {
    float: left;
    width: 69%;
    position: relative;
    margin-left: 55px;
}
.portfolio-sec.with-gap > div {
    padding: 0 15px;
}
.portfolio-sec > div {
    padding: 0;
}
.portfolio-sec.with-gap .portfolio-wrap {
    margin-bottom: 10px;
}
.portfolio {
    float: left;
    position: static;
    width: 98%;
    margin-left: 2px !important;
}
.portfolio > img {
    width: 200px;
    height: 175px;
    border: 2px solid;
}
.portfolio-sec > div.box-small{
    float:left;
    width: 20%;
}
.portfolio-sec > div.box-big{
    float:left;
    width: 40%;
}
.portfolio-hover {
    width: 180px;
    margin-left: -90px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 30%;
    z-index: 2;
    opacity: 0;

    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;    
}
.portfolio-wrap:hover .portfolio-hover{
    opacity: 1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);

    -webkit-transition:all 0.3s ease 0.3s;
    -moz-transition:all 0.3s ease 0.3s;
    -ms-transition:all 0.3s ease 0.3s;
    -o-transition:all 0.3s ease 0.3s;
    transition:all 0.3s ease 0.3s;    
}
.portfolio-hover > h4 {
    color: #FFF;
    float: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    margin-bottom: 5px;
    width: 100%;
}
.portfolio-hover > a {
    display: inline-block;
}
.portfolio-wrap:before, 
.portfolio-wrap:after, 
.portfolio:before, 
.portfolio:after {
    background: none repeat scroll 0 0 #000000;
    content: "";
    height: 50%;
    opacity:0.8;
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.portfolio-wrap:hover:before, 
.portfolio-wrap:hover:after, 
.portfolio-wrap:hover .portfolio:before, 
.portfolio-wrap:hover .portfolio:after{
    width: 50%;
}
.portfolio-wrap:after {
    bottom: 0;
    top: auto;
    left: auto;
    right: 0;
}
.portfolio:before {
    left: auto;
    right: 0;
    top: 0;
}
.portfolio:after {
    right: auto;
    top: auto;
    bottom: 0;
    left: 0;
}
.portfolio:before,
.portfolio:after{
    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.2s;
}

#fotter-wrapper
{
width:100%;
float:left;
margin:10px 0px 0px 0px;

}

#fotter-box1
{
width:200px;
float:left;


}
#fotter-box1 h1
{
color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
padding-bottom:5px;
font-weight:normal;


}

.newsticker
{
list-style:square;
margin:0px 0px 0px -30px;
color:#CCCCCC;

}
.newsticker li
{padding-bottom:10px;
font-size:15px;
line-height:24px;
text-align:justify;


}

#footer-box2
{
width:400px;
margin:0px 0px 0px 20px;
float:left;


}
#footer-box2 h1
{
width:auto;
color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
padding-bottom:5px;
font-weight:normal;

}
#footer-box2 p
{
color:#CCCCCC;
font-size:15px;

}
#footer-box2 ul 
{
margin:0px 0px 0px -30px;

}
#footer-box2 ul li
{
float:left;
list-style:none;

margin:0px 15px 5px 0px;

}

#footer-box2 ul li img
{
background:#FFFFFF;
width:100px;
height:90px;
padding:3px;

}
#useful-links
{
width:160px;
float:left;


margin:0px 0px 0px 20px;

}

#useful-links h1
{
width:auto;
color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
padding-bottom:5px;
font-weight:normal;

}
#useful-links ul 
{
margin:0px 0px 0px -30px;

}
#useful-links ul li
{
list-style:square;
color:#CCCCCC;
padding:4px;
font-size:16px;

}
#useful-links ul li a
{
color:#CCCCCC;
font-size:16px;
text-decoration:none;

}

#contact-us
{
width:225px;
float:left;
margin:0px 0px 0px 20px;

}

#contact-us h1
{
width:auto;
color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
padding-bottom:5px;
font-weight:normal;

}
#contact-us p
{
font-size:15px;
color:#CCCCCC;
line-height:22px;
text-align:justify;

}

#last-wrapper
{
width:100%;
float:left;
height:40px;
background:#2d1306;
margin:10px 0px 0px 0px;

}

#copyright
{
width:auto;
float:left;
font-size:15px;
color:#FFFFFF;
margin:12px 0px 0px 3px;

}

#desgined
{
width:auto;
float:right;
font-size:15px;
color:#FFFFFF;
margin:12px 3px 0px 0px;
}