/*
 * Project:		Cullpa
 * Date:		2009/06/20
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { padding-top: 5px; background: #000; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #555; font-family: Tahoma,Geneva,Kalimati,sans-serif; line-height: 2; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.1em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }

a { color: #0b5d7f; text-decoration: none; }
a:hover, a:focus, a:active { color: #0b5d7f; text-decoration: underline; outline: none; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */
 
#root { background: url(../images/bg-top.jpg) 0 0 repeat-x; padding-bottom: 80px; }
 .wrapper { width: 940px; margin: 0 auto; position: relative; } 
 #top { height: 97px; }
  #logo { position: absolute; left: 6px; top: 17px; }
   #logo a { }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
  #nav-language { position: absolute; top: 0; right: 10px; padding: 0 6px 4px 14px; margin: 0; list-style: none; background: #000; } 
   #nav-language li { display: inline; padding: 0; margin: 0; text-transform: lowercase; }
    #nav-language a { padding: 0 5px 0 8px; color: #fff; border-left: 1px solid #555; }
    #nav-language a:hover, #nav-language a:focus, #nav-language a:active, #nav-language a.active { color: #bfd90f; text-decoration: none; }
    #nav-language .first a { border: 0; }	
 #nav { position: absolute; top: -50px; right: 0; height: 22px; list-style: none; margin: 0; padding: 8px 0 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  background: url(../images/nav-bg.png) 0 0 repeat; }
  #nav li { display: inline; border-left: 1px solid #404040; padding: 0 8px; font: 1.6em "Trebuchet MS",Tahoma,Geneva,Kalimati,sans-serif; line-height: 1; text-transform: lowercase; }
  #nav li.first { border: 0; }
   #nav li a { padding: 0 6px 0 10px; color: #fff; white-space: nowrap; }
   #nav li a:hover { color: #bfd90f; text-decoration: none; }
    #nav li a:focus, 
	#nav li a:active, 
	#nav li a.active { color: #bfd90f; text-decoration: none; }
   #nav li em { position: absolute; left: -10001px; top: -10001px; }
 #content { background: #fff; padding: 0; height: 100%; overflow: hidden; }
 .home #content { padding: 0 0 35px; } 
  #intro { margin: 0; min-height: 134px; padding: 24px 0 0; overflow: hidden; background: url(../images/bg-intro.jpg) 0 0 repeat-x; }
  * html #intro { height: 134px; }
  .home #intro { height: 265px; } 
   .home #intro div.item { display: none; width: 100%; height: 265px; } 
    .home #intro div.item.first { display: block; } 
   #intro h1, #intro h2 { margin: 0 0 15px; font-size: 2.8em; line-height: 1; text-transform: lowercase; }
   #intro h2 { text-transform: none; }
   #intro p { color: #fff; font-size: 1.7em; line-height: 1.25; }
    #intro .more a { color: #000; background: none; }
   #intro .img { position: relative; float: left; overflow: hidden; width: 382px; height: 260px; margin: 0; background: url(../images/notebook.png) 0 0 no-repeat; }
    #intro .img img { position: absolute; top: 17px; left: 61px;  }
   #intro .cont { float: right; width: 494px; padding: 5px 0 0; }   
   #nav-items { position: absolute; width: auto; top: 190px; left: 445px; padding: 0; margin: 0; list-style: none; }
    #nav-items li { float: left; width: auto; padding: 0; margin: 0; font-size: 1.5em; line-height: 26px; font-family: Helvetica, Verdana, Geneva, Arial, sans-serif; font-weight: bold; }
     #nav-items li a { float: left; width: 28px; height: 28px; overflow: hidden; padding: 0; padding-right: 1px; color: #777; background: url(../images/intro-nav-bg.png) -30px 0 no-repeat; text-align: center; cursor: pointer; }
     #nav-items li.first a { width: 29px; padding-left: 1px; padding-right: 0; background-position: 0 0; }
     #nav-items li.last a { width: 25px; padding-left: 0; padding-right: 3px; background-position: -60px 0; }
     #nav-items li a:hover, #nav-items li a:focus, #nav-items li a:active, #nav-items li a.active { background-position: -30px -38px; text-decoration: none; color: #fff; }
     #nav-items li.first a:hover, #nav-items li.first a:focus, #nav-items li.first a:active, #nav-items li.first a.active { background-position: 0 -38px; }
     #nav-items li.last a:hover, #nav-items li.last a:focus, #nav-items li.last a:active, #nav-items li.last a.active { background-position: -60px -38px; }
  .cont-wrapper { overflow: hidden; background: url(../images/bg-content.gif) 0 0 repeat-x; margin: 0px; padding: 35px 0 0; border-bottom: 1px solid #eee; }
   #main { width: 620px; float: left; padding-bottom: 110px; }
   #side { float: right; width: 300px; }
    #side .box { padding: 20px 0 10px; border-top: 3px solid #edece8; }
	#side .box.first { padding-top: 0; border: 0; }
	 #nav-sub { display: block; overflow: hidden; padding: 0; margin: 0; list-style: none; }
	  #nav-sub li { padding: 0; margin: 0; line-height: 2.2em; }
       #nav-sub li a { display: block; padding: 3px 10px 7px 25px; height: 1%; margin: 0; border-top: 1px solid #edece8; background: url(../images/arrow-blue.gif) 8px 13px no-repeat; text-decoration: none; }
	   #nav-sub li a:hover, #nav-sub li a:focus, #nav-sub li a:active, #nav-sub li.active a { border-top: 1px solid #000; background-color: #000; color: #fff;} 
 #footer { padding-top: 25px; }
  #copyright { display: inline; color: #fff; margin-right: 5px; }
  #nav-foot { display: inline; list-style: none; padding: 0; margin: 0; }
   #nav-foot li { display: inline; padding: 0; margin: 0; border-left: 1px solid #666;  }
   #nav-foot li a { color: #11aaea; padding: 0 10px; }
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { color: #000; font-family: "Trebuchet MS",Tahoma,Geneva,Kalimati,sans-serif;  margin: 0; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* containers */

  
div.item-list .item { display: block; width: 100%; overflow: hidden; padding-top: 25px; border-bottom: 2px solid #edece8; }
div.item-list .item.first { padding-top: 0; }
 div.item-list .item h2 { margin: 0 0 5px; }
 div.item-list .item .img { float: left; position: relative; top: 2px; left: 0; overflow: hidden; width: 294px; margin: 0; padding: 2px 0 0; }
  div.item-list .item .img a { float: left; width: 290px; height: 175px; overflow: hidden; border: 2px solid #ddd; }
  div.item-list .item .img a:hover { border: 2px solid #0b5d7f; }
   div.item-list .item .img a img { display: block; }
 div.item-list .item .cont { float: right; width: 300px; }
  div.item-list .item .cont h2 { font-size: 1.5em; font-weight: normal; margin: 0 0 10px; }
  div.item-list .item .cont p { margin: 0 0 10px; }

div.box { line-height: 1.8; }
  
div.col3 { overflow: hidden; background: url(../images/bg-content.gif) 0 0 repeat-x; margin: 0 0 30px; border-bottom: 1px solid #eee; }
 div.col3 .box { position: relative; float: left; width: 269px; min-height: 160px; padding: 30px 30px 40px 20px; margin-left: -1px; border-left: 1px solid #eee; border-right: 1px solid #eee; }
 * html .col3 .box { height: 160px; }
 div.col3 .box.first { border-left: 0; margin-left: 0; padding-left: 0; }
 div.col3 .box.last { border-right: 0; }
  div.col3 .box .more { position: absolute; bottom: 20px; left: 30px; margin: 0; }
  div.col3 .box.first .more { left: 0px; } 
  
div.col2 { overflow: hidden; margin: 0 0 20px; }
 div.col2 .box-long { float: left; width: 590px; padding: 0 29px 0 0; border-right: 1px solid #eee; }
  div.col2 .box-long h2 { font-size: 2.2em; line-height: normal; }
  div.col2 .box-long h3 { font-weight: normal; margin: 0 0 5px; }
   div.col2 .box-long h3 a { border-bottom: 1px dotted #0b5d7f; }
   div.col2 .box-long h3 a:hover { text-decoration: none; }
 div.col2 .box { float: left; width: 269px; padding: 0 30px 0 20px; margin-left: -1px; border-left: 1px solid #eee; border-top: 0 !important; }

.social-list { padding: 0; margin: 0; list-style: none; overflow: hidden; }
 .social-list li {  float: left; width: auto; min-width: 134px; padding: 12px 0; margin: 0; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 1.1em; }
 .home .social-list li { border-top: 1px solid #eee; }
 .home .social-list li.first { border-top: 0; }
 .home .social-list li.second { border-top: 0; } 
 
 * html .social-list li { width: 134px; }
  .social-list a { padding: 8px 0; padding-left: 37px; }
  .social-list .soc-linked-in { background: url(../images/ico-linked-in.jpg) 0 50% no-repeat; }
  .social-list .soc-twitter { background: url(../images/ico-twitter.jpg) 0 50% no-repeat; }
  .social-list .soc-google { background: url(../images/ico-google.jpg) 0 50% no-repeat; }
  .social-list .soc-delicious { background: url(../images/ico-delicious.jpg) 0 50% no-repeat; }
  .social-list .soc-picasa { background: url(../images/ico-picasa.jpg) 0 50% no-repeat; }
  .social-list .soc-facebook { background: url(../images/ico-facebook.jpg) 0 50% no-repeat; }
  .social-list .soc-facebook { background: url(../images/ico-facebook.jpg) 0 50% no-repeat; }
  .social-list .soc-rss { background: url(../images/ico-rss.jpg) 0 50% no-repeat; }

div.faq-list { padding-right: 40px; list-style: decimal; }
 div.faq-list dt { clear: both; color: #11aaea; font-size: 1.5em; margin-bottom: 10px; padding-left: 15px;}
  div.faq-list dt a { text-decoration: none; border-bottom: 1px dotted #0b5d7f; }
 div.faq-list dd { display: block; overflow: hidden; width: 100%; margin-bottom: 5px; }
  div.faq-list dd p { font-size: 1em; }

#post-list { padding-right: 40px; }
 #post-list h2, #post-list h3, #post-list h4 { margin-bottom: 0; }
 #post-list .item { position: relative; } 
 #post-list .item .date { position: absolute; top: 9px; right: 0; margin: 0; color: #11aaea; font-weight: bold; text-align: right; }
 #post-list .item .cont { float: none; padding-left: 20px; width: 550px; }
 #post-list .item .more { text-align: right; }
 
.post-details { position: relative; width: 580px !important; }
.post-details .date { position: absolute; top: 9px; right: 0; margin: 0; color: #11aaea; font-weight: bold; text-align: right; }
 
#comment-list .item .date { font-weight: bold; }
#comment-list .item .cont { float: none; }

#testimonials { padding-right: 10px; padding-bottom: 10px; }
.home #testimonials { padding-right: 30px; }
 #testimonials h2 { color: #11aaea; }
 #testimonials-list { padding-right: 0;  }
  #testimonials div.item { display: none; border-top: 0; padding-top: 0; border: 0; } 
  #testimonials div.item.first { display: block; } 
  #side #testimonials div.item { min-height: 140px; width: auto; margin: 0 0 20px 10px; padding: 0; }
  * html #side #testimonials div.item { height: 140px; }
   #testimonials blockquote { padding-left: 10px; }
    #testimonials blockquote p { margin: 0 0 10px; }
   #testimonials .author { font-weight: bold; color: #888; margin: 0; font-size: 0.9em; line-height: 1.3em; text-align: right; }
    #testimonials .author span { display: block; }
  
#social-box { padding: 0; clear: both; border-top: 1px solid #edece8; }
 #social-box li { padding: 0; line-height: 23px; padding: 18px 0; }
  #social-box li a { padding-left: 52px; border-left: 1px solid #edece8; background-position: 24px 50%; }



/* forms */

#main form { margin: 0 0 20px; }
form .row { overflow: hidden; margin: 10px; }
 form .row p { margin: 0; }
 form label { display: block; clear: both; }	
 form input { width: 273px; margin-right: 10px; padding: 5px; line-height: 15px; }
 form select { padding: 5px; }
 form select.long { width: 98%; }
  form select option { margin: 5px; }
 form textarea { width: 96%; padding: 5px; line-height: 15px; }
 form button { display: block; padding: 0; width: 92px; height: 23px; border: 0; background: url(../images/bttn-submit.png) 0 2px no-repeat; color: #606060; cursor: pointer; }
 form button:hover { text-decoration: underline; }
 form .many label, form .many input, form .many select { display: inline; }
 form .many input, form many select { margin-right: 10px; }
 form .many label { margin-right: 10px; }
 .error_list { padding: 0; margin: 0; }
  .error_list li { display: inline; padding-left: 5px; color: #f00; margin: 0; }
  form .row.error label { color: #f00; }
  form .row span.error { color: #f00; }
  form .longrow span.error { display: block; }
  
.success { padding-left: 25px; background: url(../images/tick.png) 0 50% no-repeat; font-weight: bold; color: #568d66; }
 
/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* lists */

dl.project-details {}
 dl.project-details dt { clear: both; float: left; width: 90px; font-weight: bold; }
 dl.project-details dd { float: left; padding: 0; }
 dl.project-details dd.desc { float: right; width: 260px; margin: -22px 0 5px; padding: 0; }

/* paragraphs */

#nav li a, #intro .cont p, #nav-items a { font-family: "Trebuchet MS",Tahoma,Geneva,Kalimati,sans-serif; }


/* links */

.more a  { display: inline-block; padding: 0; line-height: 23px; background: url(../images/bttn-long.gif) 100% 2px no-repeat; color: #606060; cursor: pointer; }
 .more a span { display: inline-block; padding: 0 10px; min-width: 49px; line-height: 23px; background: url(../images/bttn-left.gif) 0 2px no-repeat; text-align: center; }
.more a:hover { text-decoration: none; }
 .more a:hover span { text-decoration: underline; }
#intro .more a { display: inherit; }
 #intro .more a span { background: none; min-width: 1%; padding: 0; text-align: left; }

/* other */


 
/* SPECIFIC
------------------------------------------- */

/* Error 404 */

#error404 { padding-bottom: 150px; }
 #error404 h1 { float: left; font-size: 22em; }
 #error404 .error-message { margin-top: -25px; clear: left; float: left; font-size: 3.5em; font-weight: bold; color: #000;  }
  #error404 h1 span, #error404 .error-message span { color: #BFD90F; }
 #error404 .cont { position: absolute; right: 0; top: 40px; width: 470px; }

/* lightBox */
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(images/close_red.png) no-repeat; }
	#lbClose.green { background: url(images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }