@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;}  /* for IE/Mac */
 a, a:link, a:visited, a:active,  a:hover  {text-decoration:none; color:#333333; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  }
 a:hover { text-decoration:underline; }
 
 /* BASIC */

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

 h1, h2, h3, h4, h5, h6 { padding:9px 0 9px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-shadow: 1px 1px 3px #bbb; }
 h1 { font-size: 3.0em; }
 h2 { font-size: 2.0em; }
 h3 { font-size: 1.5em; }
 h4 { font-size: 1.12em; }
 h5 { font-size: 1.0em; }
 h6 { font-size: 0.75em; }
 hr{ color: #e5e5e5; height: 1px; }
 
 /* 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:-4px;
	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:100px;  margin-bottom:10px;  }
 #logo{
	float:left;
	margin-top:20px;
	width:463px;
	height:82px;
	background-repeat: no-repeat;
	background-position: 0 -922px;
	background-image: url(../img/sprites.png);
} 
 #banner {
	float:left;
	margin:10px 0 0 0;
	width:500px;
	height:90px;
} 
 
 /* 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 a, #navigation_bar .current a:link, #navigation_bar .current a:active,#navigation_bar .current a:visited,#navigation_bar .current 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; }
 
 #search-bar { float:right;  }
 #search-bar .input-text { background:transparent; width:170px;  border:0;  height:17px; margin:13px 15px 0 0; font-size:12px; color:#555; } 
 #search-bar .input-submit { background:transparent; border:0;  height:28px; width:28px; margin-right:12px; } 	

 /* MAIN   */
 #main{ width:100%; }
 
 /*  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("../img/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{
	font-size:12px;
	width:931px;
	text-align:left;
	background-color: #f1f1f1;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
} /* 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:1.12em; 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 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:92px; height:108px;  }
 #content ul.services li.service1 { background: url("../img/sprites.png") -8px -805px no-repeat; }
 #content ul.services li.service2 { background: url("../img/sprites.png") -3px -705px no-repeat; }
 #content ul.services li.service3 { background: url("../img/sprites.png") -3px -610px no-repeat;  height:97px;}


 /* Blog posts for first page */
 #content ul.cols li.col-list .blog-post{ display:block; margin:0 0 8px 0; }
 #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;
	text-align:left;
}
 #content .col-left ul, ol { margin-left:15px; }
 #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; }
 
  /* 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;
	padding:5px;
	float:left;
	border: 1px solid #cdcdcd;
}
 #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:1px solid #FFF;
	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; }
 
 /* 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(../img/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 { 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;
	line-height: 20px;
}
 #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; }
#container #main #content #middle .clearfix .cols img {
	margin-right: 15px;
}
#container #main #content #middle .clearfix .cols {
	width: 500%;
	float: left;
	margin-top: 15px;
}

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