@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img, a {border:none; text-decoration:none;}
ul,ol {list-style:none;}

.clearboth{clear:both}
.blue{ color:#09a1f8;}
.line_dotter{ width:100%; height:1px; border-bottom:dotted 1px #dee8f2; margin:8px 0 0 0;}
span.nobold{ font-weight:normal;}


body{border:0; text-align:center; background:url(../img/bg_body.gif) repeat-x; background-color:#e6eced; }
#footer { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#969b9f; margin:12px 0 0 20px; text-align:left;}
#footer a, #footer a:hover { text-decoration:none; color:#969b9f; }
	
/*================== HOMEPAGE ===================== */
	#homepage #main{ margin:0 auto; width:1022px; }
	#homepage #main #container{ width:980px; height:605px;}
	#homepage #main #container #supersize{position:absolute;width:1022; height:605px;}
	#homepage #main #container #supersize img{width:1022; height:605px; position:absolute; z-index: 0;}
	#homepage #main #container #supersize .prevslide, #supersize .prevslide img{z-index: 1;}
	#homepage #main #container #supersize .activeslide, #supersize .activeslide img{z-index: 2;}
	
	#homepage #main #container #header #logo { text-align:right; z-index:3; position:relative; top:43px; left:21px}
	#homepage #main #container #header #nav {float:left; z-index:5; position:relative; top:58px; left:21px}
	#homepage #main #container #header #nav span.navBlock{padding-right:22px; color:#cccdce; }
	#homepage #main #container #header #nav ul { list-style:none;}
	#homepage #main #container #header #nav ul li { display:inline; padding-right:22px; xmargin-right:22px; xborder-right:solid 1px #86a3d6;}
	#homepage #main #container #header #nav ul li.last { display:inline; padding-right:22px; xmargin-right:22px; xborder-right:none;}
	#homepage #main #container #header #nav ul li a { font-family:Helvetica, Arial, sans-serif; color:#FFFFFF; font-size:12px; font-weight:normal;}
	#homepage #main #container #header #nav ul li a:hover { color:#09a1f8; font-weight:normal;}
	#homepage #main #container #header #nav ul li a.active { color:#09a1f8; font-weight:bold;}

	#homepage #main #container #content { border-bottom:solid 1px #cfd3d6; border-top:solid 1px #cfd3d6; z-index:3; position:relative; top:63px; left:21px; height:473px;} 
	#homepage #main #container #content #home_left{ width:435px; text-align:left; left:21px; top:41px; position:relative; float:left;}
	#homepage #main #container #content #home_left h1{ font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; margin:0 0 8px 0;}
	#homepage #main #container #content #home_left p{ font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; line-height:16px; color:#FFFFFF; margin:0 0 12px 0;}
	#homepage #main #container #content #home_left a{ font-family:Helvetica, Arial, sans-serif; font-size:11px; font-weight:bold; color:#09a1f8; padding:0 0 0 10px; background:url(../img/bullet_link_blue.gif) no-repeat 0px 2px;}
	#homepage #main #container #content #home_left a:hover{ background:url(../img/bullet_link.gif) no-repeat 0px 2px; color:#ccf21a;}
	#homepage #main #container #content #home_left a.yellow{ font-family:Helvetica, Arial, sans-serif; font-size:11px; font-weight:bold; color:#ccf21a; padding:0 0 0 10px; background:url(../img/bullet_link.gif) no-repeat 0px 2px;}
	#homepage #main #container #content #home_left a.yellow:hover{ background:url(../img/bullet_link_white.gif) no-repeat 0px 2px; color:#ffffff;}
	
	#homepage #main #container #content #home_right{ width:210px; position:relative; float:right; top:41px; text-align:left; }
	#homepage #main #container #content #home_right h2 {font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; padding:0 0 10px 0; border-bottom:solid 1px #99b5d8; width:100%;}
	#homepage #main #container #content #home_right h3 {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; margin:10px 0 8px 0;}
	#homepage #main #container #content #home_right p{ font-family:Helvetica, Arial, sans-serif; font-size:11px; font-weight:normal; line-height:16px; color:#FFFFFF; margin:0 0 12px 0;}
	#homepage #main #container #content #home_right a{ font-family:Helvetica, Arial, sans-serif; font-size:11px; font-weight:bold; color:#09a1f8; padding:0 0 0 10px; background:url(../img/bullet_link_blue.gif) no-repeat 0px 2px;}
	#homepage #main #container #content #home_right a:hover{ background:url(../img/bullet_link.gif) no-repeat 0px 2px; color:#ccf21a;}
	
	
/*================== INSIDE ===================== */
	
	#inside #main{ margin:0 auto; width:1022px; }
	#inside #main #container{ width:1022px; height:605px; background-color:#FFFFFF;}
	#inside #main #container #header #logo { text-align:right; z-index:3; position:relative; top:43px; right:21px;}
	#inside #main #container #header #nav {float:left; z-index:5; position:relative; top:58px; left:21px}
	#inside #main #container #header #nav span.navBlock{padding-right:22px; color:#cccdce; }
	#inside #main #container #header #nav ul { list-style:none;}
	#inside #main #container #header #nav ul li { display:inline; padding-right:22px; xmargin-right:22px; xborder-right:solid 1px #86a3d6;}
	#inside #main #container #header #nav ul li.last { display:inline; padding-right:22px; xmargin-right:22px; xborder-right:none;}
	#inside #main #container #header #nav ul li a { font-family:Helvetica, Arial, sans-serif; color:#70777c; font-size:12px; font-weight:normal;}
	#inside #main #container #header #nav ul li a:hover { color:#09a1f8; font-weight:normal;}
	#inside #main #container #header #nav ul li a.active { color:#09a1f8; font-weight:bold;}
	
/*================== FANCYBOX ===================== */
	#fancybox #main{ margin:0 auto; width:350px; }
	#fancybox #main #container{ width:350px; background-color:#FFFFFF; text-align:left;}
	#fancybox #main #container #content #projects_list { float:left; text-align:left; margin:20px 0 0 0;}
	#fancybox #main #container #content #projects_list ul { }
	#fancybox #main #container #content #projects_list ul li { margin:0; display:block; padding:0; }
	#fancybox #main #container #content #projects_list ul li a { font-family:Helvetica, Arial, sans-serif; font-size:11px; color:#414243;}
	#fancybox #main #container #content #projects_list ul li a:hover, 
	#fancybox #main #container #content #projects_list ul li a.active{ color:#09a1f8; font-weight:normal;}
	#fancybox #main #container #content #projects_list ul li a.selected{ color:#09a1f8; font-weight:bold;}

	#fancybox #main #container #content #project_sub1 li a,
	#fancybox #main #container #content #project_sub2 li a,
	#fancybox #main #container #content #project_sub3 li a,
	#fancybox #main #container #content #project_sub4 li a,
	#fancybox #main #container #content #project_sub5 li a,
	#fancybox #main #container #content #project_sub6 li a {font-family:Helvetica, Arial, sans-serif; font-size:11px; padding:7px 10px 0 10px; display:block;}
	
	#fancybox #main #container #content #project_sub1 li a:hover,
	#fancybox #main #container #content #project_sub1 li a.active,
	#fancybox #main #container #content #project_sub2 li a:hover,
	#fancybox #main #container #content #project_sub2 li a.active,
	#fancybox #main #container #content #project_sub3 li a:hover,
	#fancybox #main #container #content #project_sub3 li a.active,
	#fancybox #main #container #content #project_sub4 li a:hover,
	#fancybox #main #container #content #project_sub4 li a.active,
	#fancybox #main #container #content #project_sub5 li a:hover,
	#fancybox #main #container #content #project_sub5 li a.active,
	#fancybox #main #container #content #project_sub6 li a:hover,
	#fancybox #main #container #content #project_sub6 li a.active {background:url(../img/bullet_sub.gif) no-repeat 0 8px; padding:7px 10px 0 10px;}
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#fancybox #main #container #content #projects_list ul li { margin:0 0 7px 0; display:block; padding:0; }
		#fancybox #main #container #content #project_sub1,
		#fancybox #main #container #content #project_sub2,
		#fancybox #main #container #content #project_sub3,
		#fancybox #main #container #content #project_sub4,
		#fancybox #main #container #content #project_sub5,
		#fancybox #main #container #content #project_sub6 {padding:5px 0 0 0; float:left;}
		
		#fancybox #main #container #content #project_sub1 li a,
		#fancybox #main #container #content #project_sub2 li a,
		#fancybox #main #container #content #project_sub3 li a,
		#fancybox #main #container #content #project_sub4 li a,
		#fancybox #main #container #content #project_sub5 li a,
		#fancybox #main #container #content #project_sub6 li a {font-family:Helvetica, Arial, sans-serif; font-size:11px; padding:0 10px 0 10px; display:block;}
	
		#fancybox #main #container #content #project_sub1 li a:hover,
		#fancybox #main #container #content #project_sub1 li a.active,
		#fancybox #main #container #content #project_sub2 li a:hover,
		#fancybox #main #container #content #project_sub2 li a.active,
		#fancybox #main #container #content #project_sub3 li a:hover,
		#fancybox #main #container #content #project_sub3 li a.active,
		#fancybox #main #container #content #project_sub4 li a:hover,
		#fancybox #main #container #content #project_sub4 li a.active,
		#fancybox #main #container #content #project_sub5 li a:hover,
		#fancybox #main #container #content #project_sub5 li a.active,
		#fancybox #main #container #content #project_sub6 li a:hover,
		#fancybox #main #container #content #project_sub6 li a.active {background:url(../img/bullet_sub.gif) no-repeat 0 3px; padding:0 10px 0 10px;}
	}