/* tags */
	body {font: 11px 'Tahoma', sans-serif;color: #666;}
	body.black {background-color: #000;color: #aeadad;}
	
	span.chb {position: relative;display: block;margin: 6px 0;width: 156px;height: 11px;overflow: hidden;}
	span.chb input.hidden {opacity: 0;filter: alpha(opacity=0);}
	span.chb a {position: absolute;z-index: 10;top: 0px;left: 0;display: block;height: 11px;padding-left: 16px;font: 9px/11px 'Tahoma', sans-serif;text-decoration: none;color: #000;background: url(/img/chbox.gif) no-repeat;}
	span.chb a.checked {background-position: 0 -11px;}
	
	span.sbox {position: relative;display: block;width: 156px;height: 16px;background: url(/img/sbox-bg.gif) no-repeat;}
	.black span.sbox {background: url(/img/sbox-bg-black.gif) no-repeat;}
	span.sbox .first {display: block;padding: 2px 5px;font-weight: 400;line-height: 1em;}
	span.sbox .arr {position: absolute;z-index: 3;left: 0;top: 0;display: block;width: 156px;height: 16px;background: url(/img/sbox-arr-bg.gif) no-repeat right top;}
	.black span.sbox .arr {background: url(/img/sbox-arr-bg-black.gif) no-repeat right top;}
	span.sbox .active {background-position: 100% -16px !important;}
	span.sbox .options {position: absolute;z-index: 2;left: 0;top: 14px;display: none;width: 140px;padding: 1px 0 0;background: url(/img/sbox-options-bg.gif) no-repeat;}
	.black span.sbox .options {background: url(/img/sbox-options-bg-black.gif) no-repeat;}
	span.sbox .options * {display: block;padding: 0 6px;height: 18px;overflow: hidden;background: url(/img/sbox-option-bg.gif) no-repeat;}
	span.sbox .options * {font-size: 11px;line-height: 18px;}
	.black span.sbox .options * {background: url(/img/sbox-option-bg-black.gif) no-repeat;}
	span.sbox .options *:hover, span.sbox .options b {text-decoration: none;font-weight: 400;background-position: 0 -18px !important;}
	span.sbox .options .btm {background: url(/img/sbox-btm-bg.gif) no-repeat;}
	.black span.sbox .options .btm {background: url(/img/sbox-btm-bg-black.gif) no-repeat;}
	
	a {color: #4593b1;text-decoration: none;}
	.black a {color: #80bad0;}
	a:hover {text-decoration: underline;}
	
	small {font-size: 1em;}
	
	div.works {position: relative;margin-right: -20px;}
	div.works p {float: left;position: relative;margin: 0;padding: 0 20px 0 0;width: 242px;height: 198px;overflow: hidden;}
	div.works p a {display: block;width: 222px;height: 130px;overflow: hidden;}
	div.works p a img {line-height:0;}
	div.works p strong {display: block;margin: 11px 0 2px;}
	div.works p strong a {font: bold italic 12px/1em 'Georgia', serif;}
    div.works p span { display: block; font-weight: normal; }
	
	body.e404 h1 {font: italic 24px/1em 'Georgia', serif;}

/* ids */

	/* #contentBox {position: relative;} */
	#contentBox {position: absolute;width: 100%;top:0} td > #contentBox  {position: relative;}
	
	#contentBox .pad {padding: 20px 30px 70px;}
	
	#header {position: relative;z-index: 100;width:100%}
	
	#nileLogo {margin: 0;width: 104px;height: 85px;background: url(/img/nile.logo.png) no-repeat 1px 8px;}
	body.black #nileLogo {background: url(/img/nile.black.logo.png) no-repeat 1px 8px;}
	#nileLogo a {display: block;width: 104px;height: 66px;}
	#nileLogo span {display: none;}
	
	#filterForm {position: absolute;z-index: 10;right: 280px;top: 27px;}
	#filterForm span.text, #filterFormTags span.text {padding: 0 10px;font: bold italic 12px/12px 'Georgia', serif;color: #333;}
	.black #filterForm span.text, .black #filterFormTags span.text{color: #fff;}
    
    #filterFormTags { position: absolute; z-index: 10; right: 0; top: 27px; }
	
	#nav {position: relative;border-top: 6px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;font-size: 11px;line-height: 1em;width:100%}
	body.black #nav {border-top: 6px solid #2b2b2b;border-bottom: 1px solid #333;}
	body.black #nav {color: #8a8a8a;}
	#nav p.logout {position:absolute;top: 8px;right: 12px;margin: 0;}
	
	
	
	#gradusnik {margin: 0;padding: 8px 12px 7px;}
	#gradusnik p {margin: 0;}
	
	#signInfo {position: absolute;right: 0;top: 0;margin: 0;padding: 8px 0 7px;color: #999;}
	
	#loginBox {padding: 100px 0;}
	#loginBox .enterYour {font: bold italic 12px/12px 'Georgia', serif;color: #000;}
	#loginBox .txt, #loginBox .psw {display: block;width: 156px;height: 22px;background: url(/img/input.gif) no-repeat 0 3px;}
	#loginBox .txt input, #loginBox .psw input {position: relative;top: 4px;left: 4px;width: 148px;height: 14px;margin: 0;padding: 0;border: 0;}
	#loginBox .txt input, #loginBox .psw input {font: 11px/11px 'Arial', sans-serif;color: #000;background: transparent;}
	
	#footer {position: absolute;bottom: 0;width: 100%;}
	#footer .pad {padding: 0 30px 20px;}
	#footer .hr {border-top: 1px solid #d8d8d8;border-bottom: 5px solid #ccc;height: 5px;overflow: hidden;}
	.black #footer .hr {border-top: 1px solid #333;border-bottom: 5px solid #333;}
	#footer .hr hr {display: none;}
	#footer .address {position: absolute;top: 0;right: 0;}
	#footer p {margin: 0;padding: 13px 0 0;}
	#footer .pad .rel{width: 100%;}
		
	#client .bigimage {margin: 0 0 10px -14px;}
	#client .thumbnails {margin-right: -20px;}
	#client .thumbnails span {float: left;display: block;padding: 0 20px 0 0; height: 280px;}
	#client .thumbnails span a, #client .thumbnails span a:hover,
	#client .thumbnails span b{border:1px solid #C9C9C9;border-bottom-width:3px;display: block}
	#client .thumbnails span a{border-color:#fff;}
	
	#client .otherheader {margin: 0;font: bold italic 12px/12px 'Georgia', serif;color: #333;}
	#client .otherlist {margin: 5px 0 28px;padding: 0;list-style-type: none;}
	#client .otherlist li {line-height: 17px;}
	#client .backlink {margin: 0 0 59px;}
	#client .urlsite {margin: 0 0 10px;}
	#client .backlink a, #client .urlsite a {display: block;padding-left: 10px;background: url(/img/larr.gif) no-repeat 0 5px;}

	#projectsInGroups {}
    #projectsInGroups div { width: 100%;}
	#projectsInGroups h2 {margin: 25px 0 32px -3px;height: 69px;background-repeat: no-repeat;background-position: left top;}
	#projectsInGroups h2 span {display: none;}
    
	
	#projectsByClient {}
    #projectsByClient h2 {margin: 25px 0 32px -3px;padding: 0; height: 69px;background-repeat: no-repeat;background-position: left top;}
    #projectsByClient h2 span {display: none;}
    
	#projectWork h1 {display: block;margin: 25px 0 32px;background-repeat: no-repeat;}
	#projectWork h1 span {display: none;}
	#projectWork div.ctw {margin: 0 0 46px;padding: 19px 16px 19px 23px;width: 960px;border: 1px solid #e2e2e2;background-color: #f8f8f8;}
		#projectWork div.ctw div.client,
		#projectWork div.ctw div.task,
		#projectWork div.ctw div.who
			{float: left;width: 300px;padding-right: 30px;}
        #projectWork div.ctw div.projectTags { /*padding-top: 23px;*/ }
	#projectWork div.ctw div.who {padding: 0;}
	#projectWork div.ctw h2 {margin: 0 0 15px;font: italic 24px/1em 'Georgia', serif;}
	#projectWork div.ctw p {margin: 0;}

	#projectWork div.workPager {position: relative;z-index: 10;margin: 0 16px;width: 968px;height: 11px;}
	#projectWork div.workPager h3 {margin: 0;font: bold 11px/1em 'Tahoma', sans-serif;color: #666;}
	#projectWork div.workPager p.pager {position: absolute;top: 0;right: 0;margin: 0;white-space: no-wrap;}
	#projectWork div.workPager p.pager span.count {padding-right: 10px;color: #666;}
	#projectWork div.workPager p.pager span.links {font-weight: bold;}
	#projectWork div.workPager p.pager span.links span {color: #ccc;}

	#projectWork p.image {position: relative;margin: 6px 0; }
	#projectWork p.image a {position: absolute;z-index: 5;top: 0;display: none;width: 300px;height: 100%;}
	#projectWork p.image a.previous {left: 0;background: url(/img/larr.png) 0 50% no-repeat;z-index:10;}
	#projectWork p.image a.next {right: 0;background: url(/img/rarr.png) 100px 50% no-repeat;z-index:10;}
	#projectWork p.image img {position: absolute;z-index: 5;display: block;}

	#projectWork div.wpBottom {margin-bottom: 46px;}
	
	#projectWork div.otherProjects h3 {margin: 0 0 5px;padding: 0 0 9px;font: italic 24px/1em 'Georgia', serif;border-bottom: 1px solid #ccc;}
	#projectWork div.otherProjects div.works {padding: 13px 0 0;border-top: 5px solid #ccc;}