/**
 *  Styles for Denarda Holdings web site
 *
 *  366fb7  background blue
 *  003580  header blue
 *  002559  footer blue
 *  ff7000  border orange
 *  3b3b3b  footer grey
 *  ffff00  highlight yellow  
**/


/** Basic page layout **/

body { color: #ffffff; background: #366fb7 url(../images/layout/bg-page.png) left top repeat; margin: 0; padding: 0; font-family: Arial, Helvetica Neue, Helvetica; font-size: 100%; }

#container { color: #000000; background: #ffffff; width: 950px; margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 25px; position: relative; }


/** Header **/

h1 { margin: 0; padding-top: 15px; padding-bottom: 15px; padding-left: 0; padding-right: 300px; height: 120px; text-align: center; color: #ffffff; background: #003580; border-top: 25px solid #ff7000; }


/** Introduction **/

#introduction { margin: 0; padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 325px; height: 295px; color: #000000; background: #ffffff; font-size: 90%; }

#introduction p { margin-top: 0; margin-bottom: 0.6em; line-height: 130%; }

ul.services { margin: 0; padding: 0; list-style: none; }
ul.services li { margin-top: 0; margin-bottom: 0.6em; margin-left: 0; margin-right: 0; padding: 0; line-height: 130%; font-weight: bold; }

ul.contracts { width: 25%; float: left; margin-top: 0.6em; padding-top: 0; }
ul.contracts li { line-height: 130%; }


/** Contact details **/

#contact { margin: 0; padding-top: 25px; padding-bottom: 25px; padding-left: 25px; padding-right: 325px; height: 150px; color: #ffffff; background: #3b3b3b; font-size: 90%; border-bottom: 25px solid #002559; }

#contact h2 { margin: 0; line-height: 120%; font-weight: bold; font-size: 1.44em; color: #ff7000; }
#contact h3 { margin: 0; line-height: 130%; font-weight: bold; font-size: 1em; }

#contact p { margin: 0; line-height: 130%; }

#contact dl { margin: 0; }
#contact dt { margin: 0; line-height: 130%; width: 5em; float: left; clear: left; }
#contact dd { margin-top: 0; margin-bottom: 0; margin-right: 0; margin-left: 5em; line-height: 130%; }

#contact a { color: #ffffff; text-decoration: none; }
#contact a:hover { color: #ffffff; text-decoration: underline; }

#contact em { font-weight: bold; font-style: normal; color: #ffff00; }


/** Decorations **/

#decoration1 { margin: 0; padding: 0; border: none; position: absolute; top: 25px; right: 0; }
#decoration2 { margin: 0; padding: 0; border: none; position: absolute; top: 520px; right: 0; }


/** Advanced styles **/

#container {
  -moz-box-shadow: 0px 0px 25px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 25px rgba(0,0,0,0.75);
}