/* ------------------------------------------
project:	David Charles
author:		Michał Stempień / Merix
date:		2006/06/09
------------------------------------------ */

html { height: 100%; margin-bottom: 1px; background: #fff url(../img/dc_bg_html.png) 0 -50px repeat-x; }
body { margin: 0; padding: 0; min-height: 664px; background: url(../img/dc_bg_body.png) 50% 30px no-repeat; color: #666; }
body, input, textarea, select, option { font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; }

/* COMMON
-------------------------------------*/
form { display: inline; }
img { border: 0px; }
hr { border: none; color: #f3f3f3; background: #f3f3f3; height: 1px; margin: 6px 0 10px !important; margin: -3px 0 4px; }

p { margin: 0 0 10px; padding: 0; max-width: 450px; }
.normal_p p { max-width: none; }
p:hover a { text-decoration: underline; }

/* ANCHORS
-------------------------------------*/
a {	color: #93b0c0; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }

/* HEADERS
-------------------------------------*/
h1 { margin: 0 0 10px; padding: 0; font: normal 18px Arial,Helvetica,sans-serif; color: #96a7b3; letter-spacing: -0.1px; }
h1.home { width: 250px; margin-bottom: 20px; font-size: 24px; }
h2 { margin: 0 0 5px; padding: 0; font: normal 15px Arial,Helvetica,sans-serif; color: #96a7b3; letter-spacing: -0.1px; }
h2.team { font-size: 18px; }

/* LAYOUT
-------------------------------------*/
#root { position: relative; width: 726px; min-height: 580px; margin: 0 auto; padding: 45px 0 0; z-index: 1; }

 #skip-links { list-style: none; position: absolute; right: 5px; top: 45px; margin: 0; padding: 0; z-index: 10; }
  #skip-links li { }
   #skip-links li a { display: block; position: absolute; top: -10001px; right: 0; text-align: right; white-space: nowrap; z-index: 100; }
   #skip-links li a:focus, #skip-links li a:active { top: 0; right: 0; padding: 0 5px; }

 h1#logo { width: 265px; height: 53px; margin: 0 0 15px; padding: 0; background: url(../img/dc_logo.jpg) no-repeat; text-indent: -10001px; }
  h1#logo a { display: block; overflow: hidden; width: 265px; height: 53px; }
 #nav-wrap { position: relative; height: 137px; padding: 0; background: url(../img/dc_h.png) 50% 109px no-repeat; }
  #nav { position: absolute; top: 87px; left: 23px; list-style: none; width: 582px; height: 50px; margin: 0; padding: 0; background: url(../img/dc_bg_nav.gif) 0 100% repeat-x; }
   #nav li { float: left; display: inline; position: relative; margin-left: 1px; z-index: 100; }
    #nav li a { display: block; overflow: hidden; height: 21px; text-indent: -10001px; }
   #nav li.n1 { margin-left: 0; }
    #nav li.n1 a { width: 94px; background: url(../img/dc_nav_n1.png) no-repeat; }
    #nav li.n2 a { width: 84px; background: url(../img/dc_nav_n2.png) no-repeat; }
    #nav li.n3 a { width: 110px; background: url(../img/dc_nav_n3.png) no-repeat; }
    #nav li.n4 a { width: 98px; background: url(../img/dc_nav_n4.png) no-repeat; }
    #nav li.n5 a { width: 92px; background: url(../img/dc_nav_n5.png) no-repeat; }
	#nav li.n6 a { width: 98px; background: url(../img/dc_nav_n6.png) no-repeat; }
    #nav li:hover a, #nav li.over a, #nav li a:hover, #nav li a:focus, #nav li a:active { height: 50px; background-position: 0 -21px; }
    #nav li ul { display: none; list-style: none; position: absolute; top: 22px; left: 0; width: 206px; height: auto; margin: 0; padding: 0; background: #63686c; z-index: 1000; }
    #nav li:hover ul, #nav li.over ul { display: block; }
     #nav li ul li { display: block; float: none; width: 206px; height: 17px; }
      #nav li ul li a { display: block; overflow: hidden; width: 206px !important; height: 17px !important; text-indent: -10001px; }
      #nav li ul li.n21 a { background: url(../img/dc_nav_n21.png) -1px 0 no-repeat; }
      #nav li ul li.n22 a { background: url(../img/dc_nav_n22.png) -1px 0 no-repeat; }
      #nav li ul li.n23 a { background: url(../img/dc_nav_n23.png) -1px 0 no-repeat; }
      #nav li ul li.n24 a { background: url(../img/dc_nav_n24.png) -1px 0 no-repeat; }
      #nav li ul li.n25 a { background: url(../img/dc_nav_n25.png) -1px 0 no-repeat; }
      #nav li ul li.n26 a { background: url(../img/dc_nav_n26.png) -1px 0 no-repeat; }
      #nav li ul li.n27 a { background: url(../img/dc_nav_n27.png) -1px 0 no-repeat; }
      #nav li ul li a:hover { background-position: -208px 0; }

#wrapper { overflow: hidden; min-height: 250px; background: url(../img/dc_bg_wrapper.png) 50% 0 no-repeat; }
 #content { display: inline; float: left; width: 550px; margin: 0 0 0 40px; padding: 25px 0 0; }
 #photos { display: inline; float: right; width: 111px; padding: 30px 0 0; }
  #photos p { width: auto; font-size: 9px; text-align: center; }

#foot-wrap { background: url(../img/dc_bg_footer.png) 50% 0 no-repeat; }
 #footer { width: 760px; margin: 0 auto; padding: 20px 0 40px; text-align: right; }
  #footer span { float: left; }

/* ELEMENTS
-------------------------------------*/
.thumb { width: 88px; margin: 0 auto 10px; padding: 13px 12px; background: url(../img/dc_bg_img.jpg) 50% 0 no-repeat; text-align: center; }

.two-col { overflow: hidden; }
 .two-col .left { float: left; width: 270px; }
 .two-col .right { float: right; width: 260px; }

#contact-info-full { line-height: 1;position: absolute; top: 45px; right: 0; min-height: 36px; padding: 15px 74px 15px 0; text-align: right; background: url(../img/dc_bg_subinfo.jpg) 100% 50% no-repeat; font-style: normal; }
#contact-info-full p { margin: 0;  }

#contact-info { position: absolute; top: 65px; right: -2px; height: 36px; padding: 15px 42px 0 0; text-align: right; background: url(../img/dc_bg_subinfo_s.jpg) 100% 50% no-repeat; font-style: normal; font-size: 1.2em; font-weight: bold; color: #a6aaad;  }
#contact-info p { margin: 0; }
 
#contact-info-content { padding-left: 70px; background: url(../img/dc_bg_subinfo.jpg) 0 50% no-repeat;}

#content ul { margin-left: 0; padding-left: 15px; }

a.button { padding: 2px 0; background: #aab7c7 url(../img/dc_b_left.gif) 0 50% no-repeat; color: #fff; text-decoration: none; }
a.button:hover { text-decoration: none; color: #fff; }
p:hover a.button { text-decoration: none; }
 a.button span { height: 22px; padding: 4px 33px 4px 13px; background: url(../img/dc_b_right.gif) 100% 50% no-repeat; }

#team { list-style: none; overflow: hidden; margin: 0 0 20px; padding: 20px 0 0; }
 #team li { float: left; width: 105px; text-align: center; }
 #team li:hover, #team li.over { color: #a6b9c6; }
  #team li img { display: block; margin: 0 auto 10px; border: 1px solid #d9d7d8; }

#teammates { min-height: 200px; }
.hidden { display: none; }
.show { display: block; }