/* kynesim.css */
/* Colours used in the logo:
 *
 * Blue #3953a4
 * Green #69bd45
 * Red #ee2125
 */

/* The body background. */
body
{ 
  color: #000000;
  min-width:950px;
}

#background-left {
  background:url("../assets/bg/left.jpg") top left no-repeat;
  position: absolute;
  left: 0;
  top:0;
  background-color: #ffffff;
  width:  507px;
  height: 767px;
  z-index: -1;
}

#background-right {
  position: absolute;
  right: 0;
  top:0;
  width:  300px;
  height: 767px;
  background:url("../assets/bg/right.jpg") top right no-repeat;
  z-index: -10;

}

#banner {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-left:50px; 
  text-align: center;
  width:  100%;
}

#banner-anchor {

}


#page-title
{
  position: absolute;
  left: 240px;
  top: 110px;
}


#srv-page-title
{
  text-align: center;
}

#contact-email
{ /*
  z-index: 100;
  position: absolute ;
  left: 845px;
  top: 48px ;
*/
  padding-left: 25px;
  font-size: 12pt;
  font-family: sans-serif ;
  font-weight: normal ;
  background:url("../assets/img/misc/emailsymbol-new.png") top left no-repeat;
}

#contact-details {
  position: absolute;
  right: 70px;
  top: 70px;
  z-index: -1;
}



#contact-phone
{ 
  font-size: 12pt ;
  font-family: sans-serif ;
  font-weight: normal ;
  padding-left: 23px;
  background:url("../assets/img/misc/phonesymbol-new.png") top left no-repeat;
}

#contact-email a
{ 
  color: #000000
}

#body-bg
{ 
  z-index: 0;
  position: absolute ;
  left: 0px;
  top: 0px;  
 }



#body-content, #body-people,#body-content-serv
{ 
  position: relative;
  padding-left: 200px;
  padding-right: 150px;
  padding-top: 70px;
}

#body-content-serv {
  padding-top: 0px;
}

#high-body-content
{ 
  padding-left: 200px;
  padding-right: 150px;
  padding-top: 70px;
 }

p
{ 
  font-family: sans-serif; 
  font-size: 12pt ;
}


#body-content li
{ 
  font-family: sans-serif; 
  font-size: 12pt ;
  padding-bottom: 1pt;
  }

a 
{ 
  border: 0;
  text-decoration: none ;
 outline-width: 0 ;
 outline: none;
  }

:focus
{ 
 outline-width: 0px ;
 outline: none;
 }

img
{ 
 border: 0px ;
 outline-width: 0px ;
 outline: none;
}

#menu-kynesim
{ 
  display: block;
  position: absolute;
  left: 5px;
  top: 20px;
  
  width:  60px;
  height: 38px;
  background: url("../assets/titles/home.jpg") top left no-repeat;
}

#menu-services
{ 
  z-index: 100 ;
  position: absolute;
  top: 205px;
  left: 10px;
}

#menu-people
{ 
  z-index: 100 ;
  position: absolute;
  top: 250px;
  left: 10px;
}

#menu-careers
{ 
  z-index: 100 ;
  position: absolute;
  top: 295px;
  left: 10px;
}


#menu-contact
{ 
  z-index: 100 ;
  position: absolute;
  top: 340px;
  left: 10px;
}

#menu-software
{ 
  z-index: 100 ;
  position: absolute;
  top: 385px;
  left: 10px;
}

#menu-clients
{ 
  z-index: 100 ;
  position: absolute;
  top: 430px;
  left: 10px;
}

#menu-projects
{ 
  z-index: 100 ;
  position: absolute;
  top: 475px;
  left: 10px;
}

#bottom-spacer
{ 
  height: 50px 
}

/* Submenus for the careers and services pages */
#right-menu
{ 
  padding-top: 70px;
  padding-left: 40px;
  width: 100%;
  text-align:center;
}

/* The three headings on the services page */
#serv-1
{ 
  position: absolute;
  top: 314px;
  left: 227px;
  width: 200px;
  font-size: 11pt;
  font-family: sans-serif ;
  text-align: center;
  color: #0000ff;
}

#serv-2
{ 
  position: absolute ;
  top: 449px ;
  left: 447px;
  font-size: 11pt;
  font-family: sans-serif ;
  text-align: center;
  color: #00ff00;
}

#serv-3
{ 
  position: absolute ;
  top: 226px ;
  left: 555px ;
  font-size: 11pt;
  font-family: sans-serif ;
  text-align: center;
  color: #ffffff;
}

#serv-1 a
{ 
  color: #3953a4;
  outline: none ;
 }

#serv1-title
{ 
  color: #3953a4;
}

#serv-2 a
{ 
  color: #69bd45;
  outline: none ;
 }

#serv2-title
{ 
  color: #69bd45;
}

#serv-3 a
{ 
  color: #ee2125;
  outline: none ;
 }

#serv3-title
{ 
  color: #ee2125;
}

/* Classes for the people page */

.people-head
{ 

 }


.photos
{
  z-index: 100;
  position: relative ;
  top: 160px;
  left: -150px;
}

#photo-rrw
{ 
  z-index: 100;
  position: relative ;
  top: 160px;
  left: -150px;
}




#photo-dcc
{ 
  z-index: 100;
  position: relative;
  top: 30px;
  left: -150px;
 }

#body-dcc
{ 
  z-index: 100;
  position: relative;
  top: -120px;
  left: 0px;
}

/* Contact */
#disclaimer
{ 
  font-style: italic;
  text-align: center;
  position: absolute;
  top: 500px;
  width: 80% ;
  padding-left: 50px ;
  margin-left: auto;
  margin-right: auto
 }

#contact-disclaimer
{ 
  font-style: italic;
  text-align: center;
  
  padding-left: 50px ;
  margin-left: auto;
  margin-right: auto
 }

#contact-phone-symbol
{ 
  position: absolute;
  left: 41px;
  top: 128px;
 }

.sans-desc
{ 
  font-size: 12pt ;
  font-family: sans-serif ;
  margin: 0pt;
  padding: 0pt;
}

#contact-info {
   padding-left: 70px;
}

#contact-info > div,#contact-phone-txt,#contact-email-txt,#contact-address-txt {
  padding-left: 50px;
  padding-bottom: 10px;
  font-size: 12pt;
  font-family: sans-serif;
}

#contact-phone-txt
{ 
  background:url("../assets/img/misc/phonesymbol-new.png") top left no-repeat;
}

#contact-email-txt
{ 
  background:url("../assets/img/misc/emailsymbol-new.png") top left no-repeat;
}

#contact-address-txt
{ 
 background:url("../assets/img/misc/addresssymbol-new.png") top left no-repeat;
}


/* Logos for the admin page */
#client-logos {
  text-align: center; 
}

#client-logos > img {
    vertical-align:middle;
    width: 250px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

#client-logos #logos-teraview
{
    width: 212px ;
    height: 48px ;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

/* End file */