/* Copyright Mobile-Minds 2011 */

body
{
  /* font-family: Helvetica, Verdana, Arial, sans-serif;*/
   font-family: 'Roboto', 'comic sans ms' ; 
  /* font-family: 'Titillium Web', sans-serif; */
  font-weight: 300; 
  background-color: white;
  color: #282828;
  padding:0;
  margin:0;
  /*background-color:#E5E5E5;*/
}

h1, h2, h3, h4 
{
font-weight: 300;
}


a
{
  color: #1160FF;
  text-decoration: none;
}

a:hover
{
  color: #FFA700;
  /*text-decoration: underline;*/
}

#maincontainer
{
  background-color: white;
  border-width: 1px 1px 1px 1px;
  border-style:none;
  border-color:#D3D3D3;
  width:1000px;
  min-height:100%;
  margin: 0 auto; /* centre whole page */
}

#Expanded-Container
{
width:100%;
background-color: #282828;
}


#Expanded-Photo-Container
{
width:100%;
background-image:url('../images/Back-Span.png'); 
}


#section-top
{
  background-color: #282828;
  height:150px;
  position:relative;
  padding:0;
  /*box-shadow:0px 5px 15px #AAA;*/
  /* border-radius: 5px; */
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  behavior:url('../helpers/PIE/PIE.php');
  width:1000px;
  margin-left:auto;
  margin-right:auto;
}

#section-top-logo
{
  float: left;
  /* height:150px; */
  height:130px;
  padding-top: 15px;
  padding-left: 15px;
}

#section-top-menu
{
  position:absolute;
  bottom:0;
  right:0;
  color: white;
  padding: 0 15px 20px 0;
}

#section-top-menu ul
{
  float:right;
  padding:0;
  margin:0 0 0 0;
}

#section-top-menu li
{
  float:left;
  list-style-type: none;
  /* margin: 0 12px 0 0;*/
  margin: 0 12px 0 0;
  padding: 0 0 0 0;
  /* font-weight: normal; */
  color: #1160FF;
  /*width: 110px;*/
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
}

#section-top-menu li a
{
  text-decoration: none;
  color: white;
}

#section-top-menu li a:hover
{
  text-decoration: none;
  color: #FFA700;
}

#section-content
{
  width:980px; /* width = 1000 - 20px [padding] - 0px [border] */
  position:relative;
  clear:both;
  padding: 5px 2px 5px 2px;
}

#section-content .heading
{
  padding: 5px 0 10px 2px;
  margin: 0 0 15px 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #C7C7C7;
  font-size: 28px;
 /* font-weight:bold; */
}

#section-content p
{
  clear:both;
}

#section-content .content-box2
{
  margin: 0 10px 0 10px;
  float:left;
  position:relative;
  width:465px;
}

#section-content .content-box2 .heading
{
  padding: 5px 0 10px 2px;
  margin: 0 0 -5px 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #C7C7C7;
  font-size: 24px;
  /* font-weight:bold; */
}

#section-content .content-box3
{
  margin: 0 10px 0 10px;
  float:left;
  position:relative;
  width:300px;
}

#section-content .content-box3 .heading
{
  padding: 5px 0 10px 2px; 
  margin: 0 0 -5px 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #C7C7C7;
  font-size: 24px;
  /* font-weight:bold; */ 
}


#section-footer
{
  margin-top:10px;
  padding-left:10px;
  font-size:1em;
  color:white;
   background-color: #282828;
   border-radius:5px;
  
}


#contact-form
{
  width: 510px; 
  height: 340px; 
  margin: 15px 15px 15px 15px;
}

#contact-form input
{
 display:block; 
 width:350px; 
 height: 30px; 
 margin: 0 0 15px 0;
}


.buttons
 {
    display:inline;
}
  
 
.buttons input
{
    border: 1px solid lightgrey;
    width: 100px;
    cursor: pointer;
}
  
.buttons input:active
 {
    border: 1px solid grey;
}
 
 
ul.list-tick {
  margin: 0;
  padding: 0;
}
 
ul.list-tick li {
  margin: 0;
 /* padding: 2px 0 2px 16px;*/
 padding: 0 0 0 16px;
  list-style: none;
  background: url('../images/tick.png') no-repeat top left;
}