@charset "utf-8";

/***********************************
Fancy Folio
Created: 15/10/2009
By: Catalin Pinte
Contact Info: pinte_catalin@yahoo.com
*************************************/


/* CSS RESET */
 html, body, div, span, applet, object, iframe, 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, h1, h2, h3, h4, h5, h6
 {margin: 0;	padding: 0;	border: 0;	outline: 0;	 outline:none;
 	font-size: 100%;	vertical-align: baseline; background: transparent;}
 body {line-height: 1;}
 blockquote, q {quotes: none;}
 blockquote:before, blockquote:after,
 q:before, q:after {content: '';content: none;}
 :focus {outline: 0;}
 ins {text-decoration: none;}
 del {text-decoration: line-through;}
 table {border-collapse: collapse; border-spacing: 0;}
 .clearfix:after {  content: ".";  display: block;  height: 0; clear: both;  visibility: hidden; margin:0; padding:0;}
 .clearfix { display: inline-block; overflow: hidden; }  /* for IE/Mac */
 a, a:link, a:visited, a:active,  a:hover  {text-decoration:none; color: mediumblue; /* color:#333333; */
 	font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight: bold;  }
 a:hover { text-decoration: underline; }

 /* BASIC */

 body{ background:#447fb0; font-size: 12px; line-height:16px; text-align:center;
 color:#333; margin:auto; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 padding-bottom: 3em; }
 #container{ text-align:center; width:970px;  margin: 0 auto;  }
 .clear { clear:both; }
 .unchecked{ list-style-type:none; background: url("/img/sprites.png") 0 -575px no-repeat;
 	/* height: 18px; min-height:18px; */ padding-left:24px; }
 .checked_li{ list-style-type:none; padding-top: 5px;
 	 }
 .checked{ background: url("/img/sprites.png") 0 -595px no-repeat;
 	 height: 16px; padding-left:24px; }

 h1, h2, h3, h4, h5, h6 { padding:19px 0 .25em 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-shadow: 1px 1px 3px #bbb; }
 h1 { font-size: 3.0em; }
 h2 { font-size: 180%;  line-height: 110%;}
 h3 { font-size: 1.5em; }
 h4 { font-size: 1.12em; }
 h5 { font-size: 1.0em; }
 h6 { font-size: 0.75em; }
 hr{ color: #e5e5e5; height: 2px; }
 p { padding: .25em 0 .5em 0 }

 /* HEADER */
 #main_header{ position:relative; margin:auto; width:100%;   }
 #main_header a, #main_header a:active, #main_header a:visited{ color:#333; font-family: Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; line-height:100%; }
 #main_header a:hover{text-decoration:underline;}
 #radial{ left:0; background: url("/img/sprites.png") -524px -910px no-repeat; position:absolute; width:465px; height:312px; margin-top:-30px; margin-left:-120px; z-index:-1; float:left;  }
 #header{ width:100%; height:120px;  margin-bottom:10px;  }
/* #logo{ float:left; margin-top:36px; width:235px; height:62px; background:url("/img/sprites.png") 0 -950px no-repeat;  }
*/
 #logo{ float:left; margin-top:5px; margin-left:20px; width:120px; height:120px; background:url("/img/TCBAlogo_small3.png") no-repeat;}
/* #banner2 { float:left; margin:10px 0 0 0; width:728px; height:120px;  line-height:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;   color:#F1F1F1; text-decoration:none; font-size:40px;  font-weight:normal; padding-bottom:2px;  text-shadow: 3px 3px 6px  black;}
*/
 #banner { float:left; margin:10px 0 0 50px; width:728px; height:120px; background:url("/img/tcba_title.png") no-repeat;}
 /* Navigation Bar */
 #navigation{ text-align:left;  position:relative; clear:both; }
 #navigation_bar{padding:0; margin:0; background:url("../img/sprites.png") 0 0 no-repeat; width:100%; height:45px; margin:auto; z-index:-1;  }
 #navigation_bar ul{ list-style:none; text-align:center; margin:0; padding:0; margin:-6px 0 0 16px; float:left; display:table;   }
 #navigation_bar li{ font-size:12px; font-weight:bold; position:relative; display:table-cell; width:116px; height:50px; text-align:center;	vertical-align:middle;	padding-top:2px; }
 #navigation_bar .current { background:url("/img/sprites.png") -858px -400px no-repeat; position:relative; width:116px; height:50px;  text-align:center; }
 #navigation_bar .current { color:#fff; text-align:center; text-decoration:none;  margin-left:-8px; text-shadow: 1px 1px 2px black; padding-left:3px;}
 #navigation_bar  a:hover{ color:#fff; text-align:left; text-decoration:none;  margin-left:-8px; text-shadow: 1px 1px 2px black; padding-left:3px;}

 #hover{ background:url("/img/sprites.png") -858px -400px no-repeat;  position:absolute; width:116px; height:45px;  text-align:center; margin-top:-6px; display:none; z-index:1; }

#nav_bar_text { float:right; background:transparent; width:220px;  border:0;  height:17px; margin:12px 30px 0 0; font-size:14px; text-align:right; color:#555; }
 /*#search-bar .input-submit { background:transparent; border:0;  height:28px; width:28px; margin-right:12px; }
*/
 /* MAIN   */
 #main{ width:100%;  }
 /* #main{ background: #EFF0FF; }*/

 /*  recent projects area  */
 #recent_area {  margin-top:13px; width:100%; height:260px;  background:url("/img/sprites.png") 0 -52px no-repeat;}
 #recent_area ul{  list-style:none; padding-top:33px; position:absolute; margin-bottom:-10px;}
 #recent_area ul li{ width:251px; height:55px; color:#D5D5D5; font-size:11px; margin: 0;  padding: 0;  }
 #recent_area ul li.left { text-align:right;  }
 #recent_area ul li.right { text-align:left; margin-left:715px; }
 #recent_area li.reset{  margin-top: -220px;}
 #recent_area li img { display:none; }
 * html #recent_area  ul li{ position: relative;}
 #recent_area ul li a, #recent_area ul li a:link, #recent_area ul li a:active,#recent_area ul li a:visited, #recent_area ul li a:hover { line-height:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;   color:#F1F1F1; text-decoration:none; font-size:14px;  font-weight:normal; padding-bottom:2px;  text-shadow: 1px 1px 3px  black;}
 #recent_area ul li a:hover { text-shadow: 1px 1px 5px  white; text-decoration:underline; }

 #recent_area #project{ position:absolute; float:left;  width:400px; height:200px;  margin-top:20px; margin-left:282px; }
 #recent_area #project img{ display:none; position:absolute; top:0; left:0; z-index:1;}
 #recent_area #project_controller { position:absolute; margin-top:225px; margin-left:282px; width:398px; height:15px; text-align:left;  font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; }
 #recent_area #project_controller a { font-size:10px; font-weight:bold }
 .play { background:url("/img/sprites.png") -1px -1021px no-repeat; padding:4px 10px 4px 20px; display:none; }
 .stop { background:url("/img/sprites.png") -1px -1041px no-repeat; padding:4px 10px 4px 20px; }
 #p_details { background:url("/img/sprites.png") -1px -1065px no-repeat; padding:4px 0 4px 20px;   }

 #recent_title {   background:url("./diagram-02.png") 0 50% no-repeat; padding:10px; padding-left:37px;  font-size:13px;  text-align:left; font-weight:bold;}
/* CONTENT  */
 #content{ width:100%; text-align:left; margin-left:2px; margin-top:15px; }
 #top-bar, #middle,#bottom-bar{	margin:0;	padding:0;	position:relative; }
 #top-bar{ background:url("/img/sprites.png") 0 -314px no-repeat;  height:40px;  font-weight: 600; width:965px;}

 #middle{ background:url("/img/middle.png") repeat-y; padding:5px 5px 2px 15px;
 		font-size:12px; width:945px;  text-align:left; height: 100%; } /* home */
 #middle2{ background:url("/img/middle2.png") repeat-y; padding:2px 10px 4px 15px;  font-size:12px; width:945px; } /* about, projects, services,contact, blog */

 #bottom-bar{ background:url("/img/sprites.png") 0 -356px no-repeat; height:20px;
 width:970px;} /* home */
 #bottom-bar2{ background:url("/img/sprites.png") 0 -376px no-repeat; height:20px; width:970px; } /* about, projects, services,contact, blog */
 /* CONTENT - HOME   */

 /* CONTENT - titles */
  #content .titles li { list-style:none; width:295px;  height:22px;
  	float:left; margin:8px 11px 0 15px; padding-top:5px;
    font-family:Arial, Helvetica, sans-serif; font-size:125%;
    font-weight:600; text-shadow: 1px 1px 3px #bbb; }

 /* CONTENT - title icons  */
 #content .titles li .about-us { background:url("/img/sprites.png") 0 -440px no-repeat; padding:6px 0 7px 35px; }
 #content .titles li .services { background:url("/img/sprites.png") 0 -470px no-repeat; padding:6px 0 7px 32px;   }
 #content .titles li .blog { background:url("/img/sprites.png") -45px -503px no-repeat; padding:6px 0 6px 37px;  }
 #content .titles li .contact-us { background:url("/img/sprites.png") -130px -473px no-repeat; padding:6px 0 7px 35px;   }
 #content .titles li .projects { background:url("/img/sprites.png") -128px -440px no-repeat; padding:6px 0 7px 35px; }


 /* CONTENT - cols */
  #content ul.cols { height: 100%; }
 #content ul.cols li.col-list { list-style: none;  width: 295px; display: block;
 		margin: 0 26px 0 0; height: 100%; float:left; }
 #content ul.cols li.col-list#last-child { margin:0; }

  /* Services for first page */
 #content ul.services li{ list-style:none; padding-left:95px; height:100%; clear: left;  }
 #content ul.services li div.service1 { margin-left: -92px; float: left; height: 100px; width: 92px;
 	background: url("/img/sprites.png") -8px -805px no-repeat; }
 #content ul.services li div.service2 { margin-left: -92px; float: left; height: 100px; width: 92px;
 	background: url("/img/sprites.png") -3px -705px no-repeat; }
 #content ul.services li div.service3 { margin-left: -92px; float: left; height: 100px; width: 92px;
 	background: url("/img/sprites.png") -3px -610px no-repeat; }
 #content ul.services li ul li{ list-style:none; padding-left:0px; clear: none; /* height:100%;*/
 	 }


 /* Blog posts for first page */
 #content ul.cols li.col-list .blog-post{ display:block; margin:0 0 8px 0; padding-right: 5px; height: 100%;}
 #content ul.cols li.col-list .blog-post#last-post{ display:block; margin-bottom:0; }
 #content ul.cols li.col-list .post-info{ display:block; font-size:0.85em; font-weight:lighter; margin-top:-8px; margin-bottom:8px; }
 #content ul.cols li.col-list .post-desc{ display:block;  }


 /* CONTENT - SUBPAGE */
 #content .col-left{ width:630px; text-align:left; float:left;   }
 #content .col-left .box-right { width:280px; text-align:left; float:right;
 		border: 1px solid blue; margin: .5em 0 .25em .25em;
		padding: 0 0em .25em .25em;
 		}
 #content .col-left .box-right2 { width:180px; text-align:left; float:right;
 		border: 1px solid blue; margin: .5em 0 .25em .25em;
		padding: 0 0em .25em .25em;
 		}
 #content .col-left dl { margin: 0 0 .95em .2em;
		padding: 0 0 0em .2em;
 		}
 .col-left a, .col-left a:link, .col-left a:visited, .col-left a:active,
  .col-left a:hover{ text-decoration: none; }
 .col-left a, .col-left a:link, .col-left a:visited { color: mediumblue; }
   .col-left a:active, .col-left dt:hover{ color: blue; }
   .col-left a:active, .col-left a:hover{ color: red; }

 #content .col-left  dt { margin: 0;
		padding: 0;
 		}
 #content .col-left  dd { margin: 0 0 .35em .9em;
		padding: 0 0 0em 0em;
 		}
 #content .col-left ul, ol { margin-left:-35px; text-indent: 10px; }
 #content .col-left ul, ol .box-right  { margin-left:2em; }
 #content .col-left ul.services { margin-left:-2px; }


 /* Projects */
 #content .project.even{ float:left; margin:1px 16px 15px 3px; width:305px; padding:0; overflow:hidden; }
 #content .project.odd{ float:left; margin:0 0 15px 0; width:305px; }
 #content .project .project-img-holder{ width:290px; background:#f0eaea; border: 1px solid #cdcdcd;  padding:6px; }
 #content .project .project-img-holder img{ width:290px; }
 #content .project .project-desc{ font-weight:lighter; text-align:left; width:230px; float:left; margin-top:7px; overflow:hidden; }

 table.board { }
td.board { padding: .5em 1em ; text-align: right; font-weight: bold; }
td.officer { padding: .5em 1em ; text-align: left; font-weight: normal; }

  /* Projects DETAILS */
 .detailed_project  h2{ margin-top:5px; }
 .detailed_project { width:640px; height:65%; background:#f1f1f1; }.detailed_project h2 { margin-bottom:10px; }
 .detailed_project .project-img-holder{ background:#f1f1f1; border: 1px solid #cdcdcd;  padding:6px; float:left; width:400px; }
 .detailed_project .project-img-holder img{ width:100%;}
 .detailed_project .project-info { float:left;  font-family:Arial, Helvetica, sans-serif; font-size:1.25em; width:210px; clear:right; }
 .detailed_project .project-info .dl { float:left; text-align:left; margin-left:10px; margin-bottom:10px; padding-bottom:10px; border-bottom:dashed 1px #cdcdcd; width:200px;   }
 .detailed_project .project-info .dt { font-weight:600; font-size:0.85em;   }
 .detailed_project .project-info .dd{ font-style:italic; font-size:0.85em; }
 .detailed_project .project-info li { float:left; margin:2px 10px 0 5px; }

 /* Blog posts */
 #content .col-left .blog-post{ clear:both; margin:10px 0 15px 5px; padding-bottom:15px; height:165px; width:620px; display:block; }
 #content .col-left .post-info{ font-size:0.95em;  margin-top:-3px; margin-bottom:11px; }
 #content .col-left .post-img-holder{ width:100px; height:100px; background:#f0eaea; border: 1px solid #cdcdcd;  padding:5px; float:left; }
 #content .col-left .post-img-holder img{ width:100px; height:100px; }
 #content .col-left .post-desc{ float:left; font-weight:lighter; width:495px; padding-left:10px; }

 /* Buttom "details", "read more" */
  a.button  { background: #f0eaea url("/img/sprites.png") 0 -1061px no-repeat;  
	margin-left:5px; padding:0; float:left; display:block; margin-top:7px; height:13px; 
	font-weight:bold; border:solid 1px #CDCDCD;   font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;}
  a:link.button , a:visited.button , a:active.button  { margin-right:0; color:#333; 
	display:block; padding:6px 6px 8px 22px; text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif; font-size:12px; }
  a:hover.button { border:solid 1px #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
  
	a.button-detail  { background: #f0eaea url("/img/sprites.png") 0 -1061px no-repeat;  
	margin: 7px 5px 5px 0px; padding:0; float:right; display:block; margin-top:7px; height:13px; 
	font-weight:bold; border:solid 1px #CDCDCD;   font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;}
  a:link.button-detail , a:visited.button-detail , a:active.button-detail  {  color:#333; 
	display:block; padding:6px 6px 8px 22px; text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif; font-size:12px; }
  a:hover.button-detail { border:solid 1px #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

 /* Pagination  */
 #pagination { padding-top:10px; clear:both; border:0; font-family:Arial, Helvetica, sans-serif; overflow:hidden; margin-left:-14px; }
 #pagination li{ border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left;  }
 #pagination a{ border:solid 1px #CDCDCD; margin-right:2px; background:#F0EAEA; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
 #pagination .previous-off,	#pagination .next-off { border:solid 1px #CDCDCD; background:#F0EAEA; color:#CDCDCD; display:block; float:left; font-weight:bold; padding:4px 6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
 #pagination .next a, #pagination .previous a { font-weight:bold; border:solid 1px #CDCDCD; background:#F0EAEA;  font-family:Arial, Helvetica, sans-serif; font-size:12px; clear:right;}
 #pagination .active{ color:red; font-weight:600; display:block; float:left; padding:4px 6px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; }
 #pagination a:link, #pagination a:visited { color:#333; display:block; float:left; padding:3px 6px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
 #pagination a:hover{ border:solid 1px #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

 /* Contact */
 /*Contact Form elements  */
 .contact_success { margin:10px 0 0 40px; padding:15px; width:520px; background:#69EF68; border:solid 1px green; font-size:1em; display:none;   }
 .contact_error { margin:10px 0 0 40px; padding:15px; width:520px; background:#FF9F9F; border:solid 1px red; font-size:1em; display:none;   }

 #contact { margin:10px 0 0 25px;  }
 #contact div{ width:275px; height:75px;  float:left; margin:10px 0 5px 15px; overflow:hidden; }
 #contact p{ width:550px; clear:both; padding:10px 0 15px 15px; }
 #contact input.i-text{ width:250px; }
 #contact input.i-text,
 #contact textarea        { border:1px solid #CDCDCD; padding:5px; margin:8px 0 0 0; }
 #contact input.i-text:focus,
 #contact textarea:focus  { background:#ffc; }
 #contact input.i-text.error,
 #contact textarea.error { background:#FF9F9F; border:solid 1px red; }

 #contact textarea        { font:.9em Verdana, Arial, Helvetica, sans-serif; width:542px; }
 #contact label           { font-weight:700; font-size:13px; width:90px;  font-family:Arial, Helvetica, sans-serif;}
 #contact label:after     {content:": ";}
 #contact input.i-submit { border:solid 1px #CDCDCD; background:#F0EAEA; color:#333; padding:5px 10px 5px 10px; font-weight:700; font-family:Arial, Helvetica, sans-serif; margin-left:15px; }
 #contact input.i-text:hover { outline:none; border:solid 1px #666666;  }

 font.error { clear:both; line-height:25px; background: url("/img/sprites.png") 0 -574px no-repeat; padding-left: 20px; }
 font.success {clear:both; line-height:25px; background: url("/img/sprites.png") 0 -594px no-repeat; padding-left: 20px;   }
 #loading {  margin-left:15px; padding-left:22px; background:url(./ajax-loader.gif) 0 50% no-repeat;  display:none;  }

 /* SIDEBAR */
 #content .col-right{ margin-left:14px; width: 300px; float:left;  }
 #content .col-right #nav { margin:15px 0 0 10px; }
 #content .col-right #nav li { list-style:none; padding:11px 0 11px 14px; font-size:13px; font-weight:normal; overflow:hidden; }
 #content .col-right #nav .current{ margin-left:-10px; width:260px; padding:10px 0 10px 22px; border-left: 2px solid #f1f1f1; border-right: 1px solid #cdcdcd;
 border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;  background:#f1f1f1;}

#nav a,#nav a:link,#nav a:visited,#nav a:active{ font-weight:normal; font-size:13px; line-height:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; text-decoration:none; }
#nav a:hover{ text-decoration:underline; line-height:normal; font-size:13px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; }

 /*  Adevertisment   */
 #advertisment { display: none; width:280px; margin:auto; padding:25px 15px 0 0; margin-right:-1px; text-align:right; overflow:hidden;  }
 #advertisment a { padding:0; margin:0; }
 #advertisment h5 { margin-right:3px; }
 #advertisment ul { margin-left:3.5px; }
 #advertisment li {list-style:none; display:inline; float:left; margin:0 2px 10px 11px;}

 /*  Get in touch   */
 #get_in_touch { width:275px; margin:auto;  padding:10px 10px 0 0; text-align:right; overflow:hidden; }
 #get_in_touch a { display:block; padding:17px; margin:0; }
 #get_in_touch ul { float:right; margin-right:-3px;  }
 #get_in_touch li { list-style:none;  float:left; margin:0 0 0 5px ; width:35px; height:35px; }
 #get_in_touch #twitter{ background: url("/img/sprites.png") 0 -398px no-repeat; }
 #get_in_touch #blog{ background: url("/img/sprites.png") -73px -398px no-repeat; }
 #get_in_touch #delicios{ background: url("/img/sprites.png") -144px -398px no-repeat; }
 #get_in_touch #digg{ background: url("/img/sprites.png") -217px -398px no-repeat;}
 #get_in_touch #facebook{ background: url("/img/sprites.png") -288px -398px no-repeat; }
 #get_in_touch #flikr{ background: url("/img/sprites.png") -360px -398px no-repeat; }
 #get_in_touch #myspace{ background: url("/img/sprites.png") -433px -398px no-repeat; }
 #get_in_touch #RSS{ background: url("/img/sprites.png") -496px -398px no-repeat;}

/*  Mini contact   */
 #mini-contact{ width:265px; margin:auto; padding:10px 10px 0 10px; text-align:right; overflow:hidden; }
 #mini-contact .phone{ background:url("/img/sprites.png") 0 -538px no-repeat; line-height:16px; padding-left:20px;  }
 #mini-contact .email{background:url("/img/sprites.png") 0 -556px no-repeat; line-height:16px; padding-left:20px; }

 /*  Offline contact   */
 #offline_contact { float:right; padding:0 15px 0 0; margin-top:-8px; text-align:right; }
 #offline_contact .phone{ background:url("/img/sprites.png") 0 -538px no-repeat; line-height:16px; padding-left:20px;  }
 #offline_contact .email{background:url("/img/sprites.png") 0 -556px no-repeat; line-height:16px; padding-left:20px; }

 /* FOOTER */
 #footer{ font-size:11px; margin: 2px 0 5px 0; }