/* 
    Document   : stylesheet.css
    Created on : 23-Jan-2013, 08:42:33
    Author     : Clive
    Description:
        Purpose of the stylesheet follows.
*/
html{
   padding:0;
   margin:0;
   border: 0;
   font-weight: 100; 
   font-family: Arial,Helvetica,sans-serif;
   color: #3c3c3e;

}

body{
text-align: center;
margin:0;
padding: 0;
border: 0;
background: graytext;
background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(98%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#ffffff 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#ffffff 98%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
h1{
    font-size: 1.5em;
    font-weight: bold;
}
h2{
    font-size: 1.1em;
    font-weight: bold;
    
}

textArea{
    max-width:160px;
    overflow: auto;
}
#white-border{
    width: 1000px;
    padding: 0;
    padding: 0;
    background-color: #ffffff;
    margin-left:auto;
    margin-right:auto;
    margin-top: 0;
    
   
}

#container{
    margin-left:auto;
    margin-right:auto;
    margin-top: 0;
    width:960px;
    background-color: #ffffff;
    text-align: left;    
    border-bottom:solid 5px #20125e;
    padding-bottom:20px;
    margin-bottom: 10px;
}


#header{
    
}

#title{
    float:left;
    
}
#phone{
    float:right;
    
}
#menu{
    background: url("../images/menu-bar.jpg") repeat-x scroll 0 0 transparent;
    float: left;
    height: 40px;
    width: 960px;
    padding-top: 10px;
 
    
}
html body div#container div#header div#menu ul{
    list-style-type:none;
    margin:0;
    padding:0;
    
}


html body div#container div#header div#menu ul li{
        display:inline; 
        margin-left: 20px;
        color:skyblue;
        font-weight: bold;
        font-size: 0.8em;
        
        
    
}
html body div#container div#header div#menu ul li a{
    
  
    vertical-align: central;
    background-color:transparent;
    color: white;
    text-decoration: none;
    text-wrap: none;
     
}

html body div#container div#header div#menu ul li a:hover{
    
    color: yellow;
}

html body div#container div#header div#menu ul li a



html body div#white-border div#container div#header div#menu ul li span#email{
    font-weight: bold;
    font-size:0.8em;
    
   
    
}
html body div#white-border div#container div#header div#menu ul li span#email a{
    color:white;
    text-decoration: none;
    margin-left: 115px;
    
}
html body div#white-border div#container div#header div#menu ul span#email a:hover{
    color:yellow;
    text-decoration: underline;
}
#body{
    padding: 0;
    margin: 0;
    border: 0;
    
}
#side-bar{
   /* border: 1px #000 solid;*/
    width:180px;
    height: 400px;
    float:left;
    margin-top: 10px;
    margin-right: 10px;
    
}
#side-bar-head{
   background: url("../images/side-bar.jpg") no-repeat scroll 0 0 transparent;
   height: 40px;
   width:180px;
   color: transparent;

    
    
}
#side-bar-form{
    border: solid grey 1px;
    border-top: none;
    font-size: 0.8em;
 
    padding-left: 5px;
    padding-right:5px;
    padding-top: 10px;
    z-index: 1000;
        
        
}

.errors{
    color: red;
    font-size: 0.8em;
    font-weight: 700;
    
}
#form-info{
    width: 145px;
    height:80px;
    margin: 0 auto 20px 0;
    height: 80px;
    
       
}

#form-info p{
    padding: 0;
    border:0;
    margin: 0;
    
}
.clear{
    clear:both;
}

.success{
    
  background: #b8f5b1;
  color: #0f4610;
}
.fail{
    
    background: #ff9f9f;
    color:red;
}
.processing{
    background: #ded5ab;
    
}
#contact-form{
    padding-top: 0px;
    
    
}
#main-content{
    /*border: 1px #000 solid;*/
    width:760px;
    height: 400px;
    float:right;
    margin-top: 10px;
    margin-right: 0;
    
    
}
#gallery{
    
    position: relative;
    height: 276px;
    width:760px;
}
#gallery0{
   display: none;
    
}
#gallery1{
    display: none;
    
}
#gallery2{
    display: none;
}
#gallery3{
    display: none;
}

.tobefaded{
    position: absolute;
}
#main-content-body{
    
}
#swap-text{
    float:left;
    /*border:solid 1px #000;*/
    width: 558px;
    margin-top:10px;
    font-size: 0.8em;
    text-align:justify; 
    text-justify: distribute;
    
}

#manandvan{
    margin-left: 10px;
    
}
#swap-text h2 a{
    text-decoration: none; 
    color: #3c3c3e;
}
#swap-text h2 a:hover{
    text-decoration: underline;
}

.bold{
    font-weight: bold;
}
#second-side-bar{
    float:left;
    width: 180px;
    margin-left: 22px;
    margin-top: 10px;
    
}
#second-side-bar-head{
    background: url("../images/second-side-bar.jpg") no-repeat scroll 0 0 transparent;
    width: 180px;
    height:40px
   
    
}
#second-side-bar-text ul, #area-covered ul{
   margin-left:23px; 
   padding-left: 0px;
   
   
}

#second-side-bar-text ul li,#area-covered ul li{
    padding-bottom: 15px;
    list-style-type: square;
    
}
 #second-side-bar-text{
    width: 180px;
    font-size: 0.8em;
    padding-top: 10px;
    padding-bottom: 0;
    
   /* border: solid 1px grey*/
    
}
#second-side-bar-text ul li a{
    text-decoration: none;
     color: #3c3c3e;
    
}

#second-side-bar-text ul li a:hover{
    text-decoration: underline;
}
#area-covered{
     width: 180px;
    font-size: 0.8em;
    padding-top: 10px;
    
    
}
#accred{
    width: 180px;
    font-size: 0.8em;
    padding-top: 0;
   
    
}


#footer{
    width:960px;
    text-align: left;
    font-size: 0.8em;
    margin-left: 20px;
    font-weight: bolder;
    padding-bottom: 20px;
    float:left;
    

}
#copyright{
    float:left;
}

#hilltopmedia{
    float: right;
   
    
    
}

.cert{
    margin: 10px;
}