/* Eric Meyer's latest CSS reset, see http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Layout */

body {
  background: #e2e5e5;
}

#page {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
  }

#page-inside {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
 }
 
#header {
    height: 87px;
    width: 900px;
 }

#logohome {
    float: left;
    display: block;
    height: 87px;
    width: 180px;
    background: url(/assets/templates/dreal/images/dreal-logo.png) no-repeat;
}

#main {
	overflow: hidden;
    margin-bottom: 30px;
}

#sidebar-left {
	
  float: left;
  width: 105px;
}

#sidebar-left-inside {
  margin-top: 70px;
  width: 82px;
}

.front #content {
	
  float: left;
  width: 795px;
  height: 540px;
}

.primary #breadcrumbs {
  float: left;
  margin-left: 35px;
  width: 760px;
  height: 55px;
  font-size: 0.875em;
  color: #464646; 
}

.primary #breadcrumbs-inside {
  margin-left: 20px;
  margin-top: 38px;
}

.primary #content {
  float: left;
  margin-left: 35px;
  width: 448px;
  border: 1px #e7e7e7 solid;  
 }
 
.primary #content-inside {
  margin: 19px;
  min-height: 441px;  
}


.primary #sidebar-right {
  float: left;
  width: 310px;  
}

.primary-nosidebar-right #breadcrumbs {
  float: left;
  margin-left: 35px;
  width: 760px;
  height: 55px;
  font-size: 0.875em;
  color: #464646; 
}

.primary-nosidebar-right #breadcrumbs-inside {
  margin-left: 20px;
  margin-top: 38px;
}

.primary-nosidebar-right #content {
  float: left;
  margin-left: 35px;
  width: 757px;  
  border: 1px #e7e7e7 solid;
}
  
.primary-nosidebar-right #content-inside {
 float: left;
 margin: 19px;
 min-height: 441px;	
}

.aboutbg {
  float: left;
  height: 480px;
  width: 310px;
  background: url(/assets/templates/dreal/images/about-bg.jpg) no-repeat;
}

.servicesbg {
  float: left;
  height: 480px;
  width: 310px;
  background: url(/assets/templates/dreal/images/services-bg.jpg) no-repeat;
}

.propertybg {
  float: left;
  height: 480px;
  width: 310px;
  background: url(/assets/templates/dreal/images/property-bg.jpg) no-repeat;
}

.alderwoodbg {
  float: left;
  height: 480px;
  width: 310px;
  background: url(/assets/templates/dreal/images/alderwood-bg.jpg) no-repeat;
}

.ashwaybg {
  float: left;
  height: 480px;
  width: 310px;
  background: url(/assets/templates/dreal/images/ashway-bg.jpg) no-repeat;
}

.beltcollinsbg {
  float: left;
  height: 480px;
  width: 310px;
  background: url(/assets/templates/dreal/images/beltcollins-bg.jpg) no-repeat;
}

.netriverbg {
  float: left;
  height: 480px;
  width: 310px;
  background: url(/assets/templates/dreal/images/netriver-bg.jpg) no-repeat;
}

.contactbg {
  float: left;
  height: 480px;
  width: 310px;
  background: url(/assets/templates/dreal/images/contact-bg.jpg) no-repeat;
}

#vacancies-a {
  font-size: 0.85em; 
  line-height: 1.3em;    
  border-collapse: collapse;
  text-align: left;    
}

#vacancies-a td {
  padding: 0px 43px 0px 0px;
}

#facilities-a {
  margin-top: -15px;
  font-size: 0.85em; 
  line-height: 1.1em; 
  width: 775px;   
}

#facilities-a td {
  padding: 5px 0px 0px 0px;
}

#facilities-a td h1 {
  font-size: 2.25em; 
  line-height: 1.3em;  
}
 
label {
  float: left;
  text-align: left;
  margin-right: 15px;
  color: #7c7c7c;
  margin-top: 3px;
  margin-bottom: 3px;    
}

input {
  padding: 5px;
  width: 400px;
  height: 14px;
  font-size: .85em;
  margin: 0px 0px 3px 0px;
  border: 1px solid #e7e7e7;
}

.input-button {
  color: #2fc3cb;
  font-size: 1.5em;
  width: 170px;
  height: 50px;
  margin-left: -10px;
  background: #ffffff;
  border: 1px solid #ffffff;
}

.input-button:hover {
  color: #b1df70;    
}

textarea {     
  width: 400px;
  height: 100px;
  padding: 5px;
  margin: 0px 3px 3px 0px;
  border: 1px solid #e7e7e7;    
}

.errors {
  margin-top: 15px;
  margin-bottom: 15px;
  color: red;
}

.vericode-message {   
  color: #7c7c7c;
  margin-top: 3px;
  margin-bottom: 3px;           
}
 
.vericode-image {
  margin-top: 3px;
  margin-bottom: 0px;
  clear: left;
}

.thumbnail {
  float: left;
  margin-right: 10px;
  margin-bottom: 19px;
}


.thumbnail a:hover {
  opacity: .45; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=45); /* IE lt 8 */
  -khtml-opacity: .45; /* Safari 1.x */
  -moz-opacity: .45; /* FF lt 1.5, Netscape */
}


#footer {
  width: 900px;
  height: 30px;
  color: #2fc3cb;
  border-top: 5px solid #000000;
}

.footer-text {
  margin-top: 2px;
  font-size: 0.75em;
}

/* Typography */

body {
    /* The following font family declarations are based on the Microsoft core
     * web fonts which are common fonts available on most computer systems. The
     * Bitstream Vera fonts are commonly available on Linux systems where the MS
     * fonts are less common.
     *
     * A user's web browser will look at the comma-separated list and will
     * attempt to use each font in turn until it finds one that is available
     * on the user's computer. The final "generic" font (sans-serif or serif)
     * hints at what type of font to use if the web browser doesn't find any
     * of the fonts in the list.

    font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
    font-family: Times, "Times New Roman", Georgia, "Bitstream Vera Serif", serif;
    font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;

    font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
    font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
    font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;

    */

    font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
    /* 10pt base font size with a 14pt line height */
    font-size: 0.8em; 
    line-height: 1.4em;       
}

/** headings **/
  h1
  {
    color: #7c7c7c;
    font-size: 1.8em;
    font-weight: 100;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 0.3em; 
  }

  h2
  {
    font-size: 1.05em;
    line-height: 1.3em;
    font-weight: bold;
    margin-top: 0.3em; 
    margin-bottom: 0.3em;
  }

  h3
  {
    color: #7c7c7c;
    font-size: 1.3em;
    font-weight: 100;
    line-height: 1.3em;
    margin-top: 0.769em; 
    margin-bottom: 0em;
  }

  h4
  {
    color: #7c7c7c;
    font-size: 1.3em;
    font-weight: 100;
    line-height: 1.3em;
    margin-top: 0.909em; 
    margin-bottom: 0.909em;
  }

  h5
  { 
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: 100;
    margin-top: 0.909em; 
    margin-bottom: 0.909em;
  }
  
    h6
  {
    color: #7c7c7c;
    font-size: 1.1em;
    font-weight: 100;
    line-height: 1.3em;
    margin-top: 0.909em; 
    margin-bottom: 0.909em;
  }

/** links **/
  /* The order of link states are based on Eric Meyer's article:
   * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
   */
  a:link
  {
  
  text-decoration: none;
  color: #2fc3cb;
  
  }

  a:visited
  {
  
  text-decoration: none;
  color: #2fc3cb;
  
  }
  

  a:hover,
  a:focus
  {
  text-decoration: none;
  color: #7c7c7c;

  }

  a:active
  {
  text-decoration: none;
  color: #7c7c7c;

  }


/** lists **/
  /* standardize list item indentation */
  
ul, ol {
    margin-left: 0;
    padding-left: 2em;
  }

/* wayfinder menu formating */ 
  
ul.navigation {
    padding-left: 0px;
    
}
  
ul.navigation ul {
    padding-left: 10px;
    
}

ul.navigation  a:hover, a:focus  {
    color: #2fc3cb;
}

ul.navigation li ul.subnav a:hover, a:focus {
    color: #2fc3cb;
}

ul.navigation li a { 
    display: block;
    padding-top: 10px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    color: #464646;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}

ul.navigation li.menuhere a { 
    display: block;
    border-bottom: 2px solid #f08210;
}

ul.navigation li ul.subnav a {
    display: block;
    font-size: 1em;
    line-height: 1.2em;
    color: #464646;
    border-bottom: 2px solid transparent;
}

ul.navigation li ul.subnav li.menuhere a {
    display: block;
    border-bottom: 2px solid #f08210;
}