/*contact us page*/


.different-office
{
    margin-top:40px;
    float:left;
    width:100%;
}

.different-office ul
{
    list-style-type:none;
    padding:none;
    
}

.different-office ul li
{
   width:30%;
   
   margin:1.5%;
    float:left;
    border-right:1px dotted grey;
    
}


.grey-background
{
    background-color:#f5f7f0;
    background-repeat: repeat-x;
    margin:0px;
    height:inherit;
}

#contact-container
{
    
    border-color:#eef0e9;
    border-width:2px;
    border-style:solid;
    
    width:860px;
    margin:auto;
    margin-top:5%;
    
    background-color:#ffffff;
    padding:2%;
    display:block;
    
    
}
h2 {
font: normal 175% Arial, Helvetica, sans-serif;
color: #F8F9FA;
text-shadow: 1px 1px 3px #6E6363;
letter-spacing: -1px;
margin: 0 0 10px 0;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
display: block;
}

#contact-container h2
{
    font-family: Courier;
    font-size:25px;
    color:#214b66;
    margin-top:0px;
    
    
}

#container-grey
{
    margin-bottom:5%;
}

#right-column
{
    width: 25%;
    background-image: url('../images/background-coloumn.jpg');
    background-repeat: repeat-y;
    
    float:right;
    padding:2%;
}

#left-column
{
    float:left;
    width:80%;
}

#left-column p
{
    font:normal  normal .9em/1.4 tahoma,sans-serif;
  color:grey;
}



#name-box
{
    float:left;
    width:48%;
    margin-right:2%;
    
    margin-top:30px;
}
#mobile-box
{
    float:left;
    width:48%;
    margin-left:2%;
    margin-top:30px;
    
}
#message-box
{
    float:left;
    width:100%;
    margin-top:20px;
}

.labeltext
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.input-normal
{
     border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color:#dfe0da;
     -webkit-border-radius:3px;
     }

#Message
{
    
    background-color:#dfe0da;
     width:100%;
     -webkit-border-radius:3px;
     border:none;
     height:150px;
     
}

#send
{
    float:right;
     
     width:20%;
     margin-right:3%;
     
     margin-top:20px;
     
}
#btn_submit
{
    background-color:#e6564e;
     width:100%;
     
     -webkit-border-radius:2px;
     
     height:35px;
    font-size:large;
    color:White;
    font-family:Arial Sans-Serif;
    border:none;
}
#submit-button:hover
{
    border:2px outset #e6565f;
}

.labeltext em
{
    color:Red;
}

.details
{
    margin-top:20px;
    
}

.detail-name
{
    
    width:100%;
    color:#e86f68;
    font-weight:bold;
    font-size:15px;
    font-family:  Comic Sans MS;
    
}
.social
{
    float:left;
    
    width:45%;
}
.detail-value
{
   
    width:100%;
    color:#3d677d;
    
}

.details em
{
    font-size:12px;
    color: #369;


}

table
{

border:1px solid yellow;
width:100%;
}

tr
{

border:1px solid black;
}


#item-container td
{
border: none;
width:345px;
height:200px;
	
}

#item-container table
{
border: none;

	
}

td
{
border:1px solid green;

}


.nivoSlider {
    position: relative;
}

.horizontal li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

.horizontal li:hover ul {
	left: auto;
border:2px solid grey;
background-color:white;
-webkit-padding-start: 3px;
border-top:none;




}

.horizontal li:hover ul li{
	left:auto;
background-color:white;
border-bottom:1px dotted grey;
width:80%;
-webkit-border-radius:0px;
border-right:none;





}

.fadein
{

background-image:url('images/header1.jpg');
background-size:100% 100%;

background-repeat-x:none;
min-width:960px;



}

.body-grey
{

background-color: rgba(244, 244, 244, 0.92);
}