bykchd

buyuk cihad tasarımı

Tasarımın üzerindeki yazı:

<!DOCTYPE  html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="cs"  xml:lang="cs"> <head>     <title>FOR INTERNET s.r.o. - O společnosti</title>     <meta http-equiv="Content-Language" content="cs" />     <meta http-equiv="Content-Type" content="text/html;  charset=utf-8" />     <meta name="Author" content="FOR INTERNET, s.r.o.;  http://www.4internet.cz/" />     <meta name="Keywords" content="realizace WWW prezentací, Návrh  webové prezentace, Webdesing, grafickı návrh, Zpracování obsahu,  copywriting, Multimédia, Správa webu, E-marketing, internet marketing"  />     <meta name="Description" content="FOR INTERNET, s.r.o., je česká  společnost poskytující komplexní profesionální služby v oblasti  internetovıch a intranetovıch řešení. Na našem trhu působí od roku  2004." />     <link rel="Shortcut icon" href="/favicon.ico" type="image/x-icon"  />      <link href="/_css/layout-style.css" rel="stylesheet"  type="text/css" media="screen, print" />     <link href="/_css/menu-style.css" rel="stylesheet"  type="text/css" media="screen, print" />     <link href="/_css/flashbox.css" rel="stylesheet" type="text/css"  media="screen, print" />     <link href="/_css/lightwindow.css" rel="stylesheet"  type="text/css" media="screen" />     <script type="text/javascript"  src="/_js/EasyAjax.js"></script>     <script type="text/javascript"  src="/_js/functions.js"></script>     <script type="text/javascript"  src="/_js/flashbox.js"></script>      <script type="text/javascript"  src="/_js/prototype.js"></script>     <script type="text/javascript"  src="/_js/scriptaculous.js?load=effects"></script>     <script type="text/javascript"  src="/_js/lightwindow.js"></script> </head>  <body>  <p class="hide"><a href="#content">Přejít na  obsah</a></p>  <div id="page" class="spolecnost">  <div id="above-sea" class="vizual-02"> 	<div id="flash-holder"> 			<a href="/" title="Zpět na úvodní stránku"  class="btn-hp"></a> 		</div> </div>  <div id="under-sea"> 	<div id="top-menu"> 	<h2 class="hide">Hlavní menu</h2> 	<ul><li class="btn-01" id="btn-active"><a  href="/o-spolecnosti/">O  společnosti<span></span></a>                                   <ul> <li><a  href="/o-spolecnosti/novinky/">Aktuality</a></li> <li><a  href="/o-spolecnosti/kariera/">Kariéra</a></li> <li><a href="/kontakt/">Kontakt</a></li> </ul>         </li> <li  class="btn-02" ><a href="/sluzby-a-reseni/">Služby a  řešení<span></span></a>                                   <ul> <li><a href="/sluzby-a-reseni/prehled-sluzeb/">Přehled  služeb</a></li> <li><a href="/sluzby-a-reseni/dtp/">DTP  služby</a></li> <li><a href="/sluzby-a-reseni/pripadove-studie/">Případové  studie</a></li> <li><a href="/sluzby-a-reseni/postup-projektu/">Postup  projektu</a></li> </ul>         </li> <li  class="btn-03" ><a  href="/reference/">Reference<span></span></a>                                   <ul> <li><a  href="/reference/webdesign/">Webdesign</a></li> <li><a  href="/reference/e-marketing/">E-marketing</a></li> </ul>         </li> <li  class="btn-04" ><a  href="/partneri/">Partneři<span></span></a></li> <li  class="btn-05" ><a  href="/kontakt/">Kontakt<span></span></a></li> </ul></div>    	<div id="content-part"> <div id="left-side"> 		 </div> 		<div id="content-holder"> 			<hr class="hide" />

Tasarımın altındaki yazı:

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

h1#title{display:   none;} h2#title span {display: none;} div.header{display: none;}   li.nav_element{list-style-type: none;} li.nav_element{display: none;}      html,body { 	height: 100%; }  body { 	margin:0; padding:0; 	text-align: left; 	border: none; 	color: #46D1FF; 	font-size: 75%; 	font-family: Tahoma, Arial, sans-serif; 	background: #07243A; }  h1 { 	font-size: 170%; 	color: white; 	font-weight: normal; 	margin: 0 0 35px 0; padding: 0; }  h2 { 	margin: 0; padding: 15px 0; 	font-size: 130%; 	font-weight: bold; 	color: #E7B468; } .right-content h2 {padding: 5px 0 15px 0; margin: 0;} .infoBox h2 {padding: 0 0 15px 0; margin: 0;} h2 a {text-decoration: none; color: #EDB762;} h2 a:hover {color: white; text-decoration: underline;}   h3 { 	font-size: 100%; 	font-weight: bold; 	color: white; 	padding: 10px 0; margin: 0; }  h1, h2, h3, h4 { /*	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; */ }   a {text-decoration: underline; color: white;} a:hover {text-decoration: none; color: #EDB762;}  img {border: none;} img.block {display: block} form {margin: 0; padding: 0;} sup {font-size: 75%;} fieldset {border: none; margin: 0; padding: 0;}  hr { 	border: none; 	border-top: 1px solid #063F5C; 	height: 1px; 	width: 100%; 	display: block; }   /**/  #page { 	margin: 0 auto; padding: 0; 	width: 100%; 	position: relative; } #above-sea {height: 275px;} .vizual-01 {background:  url(http://www.4internet.cz/_clip/bg-header-01.jpg) center top  no-repeat;} .vizual-02 {background:  url(https://img.webme.com/pic/b/biristanbulmasali/buyukcihadbanner.png)  center top no-repeat;} .vizual-03 {background:  url(http://www.4internet.cz/_clip/bg-header-03.jpg) center top  no-repeat;}  #under-sea { 	background: url(http://www.4internet.cz/_clip/bg-under-sea.jpg) center  top no-repeat; }  #top-menu { 	margin: 0 auto; 	width: 660px; } #content-part { 	margin: 0 auto; padding: 0; 	width: 940px; 	background: url(http://www.4internet.cz/_clip/bg-for-content.gif)  center top repeat-y; 	display: table; 	clear: both; } #content-holder { 	float: right; 	width: 800px; } #left-side { 	width: 140px; 	margin-top: 59px; 	float: left; } #right-side { 	width: 130px; height: 100px; 	float: right; 	padding: 0 0 0 10px; } #content { 	background: #072C46 url(http://www.4internet.cz/_clip/bg-content.gif)  left top repeat-x; 	width: 620px; 	float: left; 	padding: 0 20px 20px 20px; 	line-height: 1.3em; } .left-content {     float: left; 	width: 405px; } .right-content {     float: right; 	width: 200px; 	background: #07243A; } #footer { 	margin: 0 auto; 	width: 620px; 	background: url(http://www.4internet.cz/_clip/bg-footer.gif) center top  repeat-x; 	padding: 20px; 	color: #277B9D; 	font-size: 95%; } #footer p {margin: 0; padding: 13px 0 20px 0;}  .leftPart {width: 48%; float: left;} .rightPart {width: 48%; float: right;}  .homepage #left-side {background:  url(http://www.4internet.cz/_clip/hl_homepage.jpg) right top no-repeat;	 height: 170px;} .spolecnost #left-side {background:  url(https://img.webme.com/pic/b/biristanbulmasali/bykchd.png) right top  no-repeat;	height: 225px;} .sluzby #left-side {background:  url(http://www.4internet.cz/_clip/hl_produkty-a-sluzby.jpg) right top  no-repeat;	height: 250px;} .reference #left-side {background:  url(http://www.4internet.cz/_clip/hl_reference.jpg) right top no-repeat; 	height: 170px;} .partneri #left-side {background:  url(http://www.4internet.cz/_clip/hl_partneri.jpg) right top no-repeat;	 height: 275px;} .kontakt #left-side {background:  url(http://www.4internet.cz/_clip/hl_kontakt.jpg) right top no-repeat;	 height: 160px;}  #flash-holder { 	margin: 0 auto; 	width: 880px; height: 275px; 	position: relative; }  #flash-holder a.btn-hp { 	display: block; 	width: 200px; height: 80px; 	position: absolute; top: 130px; left: 135px; }   /**/ .featured-project { 	padding: 0 0 10px 0; margin: 0 0 15px 0; 	background: #083453; 	width: 405px; 	border-bottom: 3px solid #063F5C; } .featured-project .nahled {float: left; width: 140px; padding: 0;  margin: 10px; display: inline;} .featured-project .obsah {float: left; padding: 0; margin: 10px 10px  10px 2px; width: 230px; display: inline;} .featured-project img, .reference-img img, .reference-nahled img,  .caption-image img, .related-images img 	{border: 5px solid #1397BF; padding: 1px; background: #07243A;} .featured-project a:hover img, .reference-img a:hover img,  .reference-nahled a:hover img, .caption-image a:hover img,  .related-images a:hover img 	{border: 5px solid #E7B468;} .featured-project p {margin: 10px 0; padding: 0;} .featured-project h2 {margin: 0; padding: 0;} .featured-project h2 a {text-decoration: none; color: #E7B468;} .featured-project h2 a:hover {text-decoration: underline; color: white;} /**/ .kontakt-form input { 	border: 1px solid #46D1FF; 	background: #1C76AD; 	margin: 5px 0; padding: 2px; 	color: white; 	width: 100%; } .kontakt-form textarea { 	background: #46D1FF; 	color: black; 	border: 1px solid #1C76AD; 	width: 100%; height: 150px; 	margin: 5px 0; padding: 2px; } .kontakt-form input.btn-odeslat {     background: #E7B468; 	width: auto; 	padding: 3px; 	font-weight: bold; 	color: #07243A; 	border: 1px solid #D6E1E9; } .error { 	color: yellow; 	background: #063F5C  url(http://www.4internet.cz/_clip/news-list-bullet.gif) 3px 5px  no-repeat; 	font-weight: bold; 	padding: 3px 5px 3px 20px; margin: 5px 0; 	display: none; }  /**/ .infoBox { 	padding: 10px; margin: 0 0 15px 0; 	background: #083453; 	border-bottom: 3px solid #063F5C; } .news { 	padding: 0px 10px; margin: 5px 0 15px 0; /*	background: #07243A; */ } ul.news-list {     margin: 0 0 15px 0; padding: 0; 	list-style: none; } ul.news-list li { 	padding: 5px 0 5px 18px; 	background: url(http://www.4internet.cz/_clip/news-list-bullet.gif) 3px  8px no-repeat; 	border-bottom: 1px solid #063F5C; } ul.news-list li a {text-decoration: none;}  ul.styled-list {     margin: 0 0 15px 0; padding: 0; 	list-style: none; } ul.styled-list li { 	padding: 3px 0 3px 28px; 	background: url(http://www.4internet.cz/_clip/news-list-bullet.gif)  13px 6px no-repeat; } ul.styled-list li a {text-decoration: none;}  ul.styled-list ul {     margin: 5px 0; padding: 0; 	list-style: none; } ul.styled-list li ul li { 	padding: 3px 0 3px 15px; 	background: url(http://www.4internet.cz/_clip/news-list-sub-bullet.gif)  0 8px no-repeat; }  .caption {     background: #083453  url(http://www.4internet.cz/_clip/bg-caption.gif) 0 0 repeat-y; 	padding: 10px 5px 10px 70px; 	margin: 5px 0; 	border-bottom: 1px solid #064664; 	border-top: 1px solid #064664; } .caption.ico-sluzby {background: #083453  url(http://www.4internet.cz/_clip/ico_sluzby.gif) 20px 10px no-repeat;} .caption.ico-web {background: #083453  url(http://www.4internet.cz/_clip/ico_web.gif) 20px 10px no-repeat;} .caption.ico-prip-studie {background: #083453  url(http://www.4internet.cz/_clip/ico_pripadova-studie.gif) 20px 10px  no-repeat;} .caption.safari {background: #083453  url(http://www.4internet.cz/_clip/apple-safari.png) 15px 10px  no-repeat;} .caption.firefox {background: #083453  url(http://www.4internet.cz/_clip/firefox.png) 15px 10px no-repeat;} .caption.opera {background: #083453  url(http://www.4internet.cz/_clip/opera.png) 15px 10px no-repeat;} .caption.explorer {background: #083453  url(http://www.4internet.cz/_clip/explorer.png) 15px 10px no-repeat;}  .caption h2 {margin: 0 0 10px 0; padding: 0;}  .caption-image { 	float: left; 	width: 160px; } .caption-text { 	margin: 0 0 0 160px; } .caption-news {     border: 1px solid #064664; 	margin: 5px 0; padding: 10px; 	background: #083453;    	display: table; 	width: 590px; } .caption-news h3, .caption-news h2 {margin: 0 0 15px 0; padding: 0;} .caption-news small {     border-top: 1px solid #064664; 	padding: 2px 0 5px 0; margin: 10px 0 0 0; 	display: block; }   /* *** reference *** */ .related-images img {margin: 0 5px 5px 0}  .testimonial { 	padding: 10px 15px; margin: 0 0 15px 15px; 	float: right; 	width: 200px; 	background: #063F5C  url(http://www.4internet.cz/_clip/testimonial-corner.gif) left top  no-repeat; } .testimonial .autor {font-weight: bold; text-align: right}  .reference-detail {     padding: 20px 10px; margin: 0 0 25px 0; 	background: #07243A; } .reference-detail .reference-img {float: left;} .reference-detail .reference-summary {float: right; width: 330px;}  .reference-nahled { 	float: left; 	padding: 0 12px 10px 0; 	height: 130px; 	font-size: 95%; } .reference-nahled img {margin: 0 0 2px 0;} .reference-nahled a img, .reference-nahled a {text-decoration: none;}  .poslani {padding: 0 0 15px 80px; border-bottom: 1px solid #064664;  margin: 10px 0;} .kamen1 {background: url(http://www.4internet.cz/_clip/kamen1.gif) 8px  10px no-repeat;} .kamen2 {background: url(http://www.4internet.cz/_clip/kamen2.gif) 8px  10px no-repeat;} .kamen3 {background: url(http://www.4internet.cz/_clip/kamen3.gif) 8px  10px no-repeat;} .kamen4 {background: url(http://www.4internet.cz/_clip/kamen4.gif) 8px  10px no-repeat;}  .breadcrumbs {     padding: 0 0 10px 0; 	font-size: 95%; 	text-align: right; } .breadcrumbs a {padding: 0 15px 2px 0; background:  url(http://www.4internet.cz/_clip/sipka-navigace.gif) right center  no-repeat;}  #pager { 	padding: 10px 0; margin: 0 auto; 	text-align: center;     clear: both; 	font-size: 95%; 	font-family: "Courier New", Courier, monospace; } #pager a { 	padding: 1px 4px; 	border: 1px solid #1B75AB; 	text-decoration: none; } #pager a {background: #083453;} #pager .pager-list a {background: #12557F;} #pager a:hover {background: #07243A}    /**/ a.bull-double-arrow {     padding: 3px 0 3px 18px; margin: 2px 0; 	display: block; 	background: #063F5C  url(http://www.4internet.cz/_clip/bull-double-arrow.gif) 4px 6px  no-repeat; 	font-size: 95%; 	text-decoration: none; 	font-weight: bold; } /* */ * html a.bull-double-arrow {height: 1%} /**/  .no-border {border: none;} .no-bg {background: none;}  img.img-border {border: 5px solid #1397BF;} a:hover img.img-border {border: 5px solid #E7B468;}  img.left-picture {border: 5px solid #1397BF; margin: 0 15px 10px 0;  float: left} a:hover img.left-picture {border: 5px solid #E7B468;}  img.right-picture {border: 5px solid #1397BF; margin: 0 0 10px 15px;  float: right} a:hover img.right-picture {border: 5px solid #E7B468;}  a.out-site {background: url(http://www.4internet.cz/_clip/ico_out.gif)  right center no-repeat; padding: 0 12px 0 0;}    /* --- TABLES --- */  /***************/  .textRight {text-align: right;} .textCenter {text-align: center;}  .textLeft {text-align: left;} .floatLeft {float: left;} .floatRight {float: right;} .clear {clear: both;} .clearRight {clear: right;} .clearLeft {clear:  left;} .hide {display: none;}  input.noStyle {border: none !important; background: none !important;}  /***************/ @media print { 	body { 		background: white; color: black; 		font-size: 10pt; 		font-family: "Times New Roman", Times, serif; 		} 	h1, h2, h3, h4 {font-family: "Times New Roman", Times, serif; color:  black;} 	#page {width: 100%; padding: 0; margin: 0;} 	#left-menu, #top-menu, #main, #toolbar, #content-footer, #footer  {display: none;} 	#content, #content-holder {width: 100%; line-height: normal; margin: 0;  padding: 0; overflow: visible; height: 100%; position: static;} } #top-menu { /*	background: url(http://www.4internet.cz/_clip/menu-end.gif) right top  no-repeat; */ 	width: 660px; height: 53px; 	font-family: Tahoma, Arial, sans-serif; 	z-index: 999; } #top-menu ul { 	list-style: none; 	margin: 0; padding: 0; }  #top-menu ul li {float: left;} #top-menu li {position: relative; /*overflow: hidden;*/} #top-menu li span {position: absolute; top: 0; left: 0; display: block;} #top-menu ul li a:hover {cursor: pointer;}  #top-menu li.btn-01, #top-menu li.btn-01 span {background:  url(http://www.4internet.cz/_clip/btn-01.gif) top left no-repeat; width:  132px; height: 53px;} #top-menu li.btn-02, #top-menu li.btn-02 span {background:  url(http://www.4internet.cz/_clip/btn-02.gif) top left no-repeat; width:  132px; height: 53px;} #top-menu li.btn-03, #top-menu li.btn-03 span {background:  url(http://www.4internet.cz/_clip/btn-03.gif) top left no-repeat; width:  132px; height: 53px;} #top-menu li.btn-04, #top-menu li.btn-04 span {background:  url(http://www.4internet.cz/_clip/btn-04.gif) top left no-repeat; width:  132px; height: 53px;} #top-menu li.btn-05, #top-menu li.btn-05 span {background:  url(http://www.4internet.cz/_clip/btn-05.gif) top left no-repeat; width:  132px; height: 53px;}  #top-menu li.btn-01 a:hover span, #top-menu li#btn-active.btn-01 span  {background: url(http://www.4internet.cz/_clip/btn-01.gif) 0 -53px  no-repeat;} #top-menu li.btn-02 a:hover span, #top-menu li#btn-active.btn-02 span  {background: url(http://www.4internet.cz/_clip/btn-02.gif) 0 -53px  no-repeat;} #top-menu li.btn-03 a:hover span, #top-menu li#btn-active.btn-03 span  {background: url(http://www.4internet.cz/_clip/btn-03.gif) 0 -53px  no-repeat;} #top-menu li.btn-04 a:hover span, #top-menu li#btn-active.btn-04 span  {background: url(http://www.4internet.cz/_clip/btn-04.gif) 0 -53px  no-repeat;} #top-menu li.btn-05 a:hover span, #top-menu li#btn-active.btn-05 span  {background: url(http://www.4internet.cz/_clip/btn-05.gif) 0 -53px  no-repeat;}  #top-menu ul ul { 	margin: 0; padding: 0; 	position: absolute; 	top: 46px; left: 0; 	visibility: hidden; 	display: table; 	z-index: 99; } #top-menu ul ul li {overflow: visible; /*clear:left*/	background:  #176B99 url(http://www.4internet.cz/_clip/bg-right-menu-btn.gif) center  bottom no-repeat;	width: 132px;} #top-menu ul ul li a {color: white;} #top-menu li:hover, #top-menu li a:hover {overflow: visible;} #top-menu li:hover ul, #top-menu ul a:hover ul {visibility: visible;  overflow: visible;}  #top-menu ul ul li a { 	display: block; 	padding: 4px 8px 4px 20px; 	border-right: 1px solid #145F89; 	border-left: 1px solid #145F89; 	border-top: 1px solid #145F89; 	border-bottom: 1px solid #327FA7; 	color: white; 	text-decoration: none; 	background: url(http://www.4internet.cz/_clip/right-menu-bullet.gif)  5px 9px no-repeat; } #top-menu ul ul li a:hover { 	color: #07243A; 	text-decoration: none; 	background: #278DBD  url(http://www.4internet.cz/_clip/right-menu-bullet.gif) 5px 9px  no-repeat; }  /* */ * html #top-menu ul ul li a {height:1%} /**/  span.top-menu-related { 	padding: 18px 8px 8px 8px; 	float: left; 	display: block; 	font-size: 95%; } span.top-menu-related a {color: white; text-decoration: none;} span.top-menu-related a:hover {text-decoration: underline;} #top-menu li:hover a span {	background-position: 0 -53px;}  /* --- sub-menu --- */  #right-menu { 	margin: 79px 0 0 0; padding: 0; 	width: 130px; } #right-menu ul { 	margin: 0; padding: 0; 	list-style: none; /*	font-weight: bold; */ } #right-menu li { 	background: #176B99  url(http://www.4internet.cz/_clip/bg-right-menu-btn.gif) center bottom  no-repeat; } #right-menu li a { 	display: block; 	padding: 4px 8px 4px 20px; 	border-top: 1px solid #145F89; 	border-bottom: 1px solid #327FA7; 	color: white; 	text-decoration: none; 	background: url(http://www.4internet.cz/_clip/right-menu-bullet.gif)  5px 9px no-repeat; } #right-menu li a:hover { 	color: #07243A; 	text-decoration: none; 	background: #278DBD  url(http://www.4internet.cz/_clip/right-menu-bullet.gif) 5px 9px  no-repeat; } #right-menu li.item-active a {background-image: none;} #right-menu li.item-active {background:  #278DBD  url(http://www.4internet.cz/_clip/right-menu-bullet.gif) 5px 10px  no-repeat;} #right-menu li.item-active a:hover {background: /*#3BA4BD*/  url(http://www.4internet.cz/_clip/right-menu-bullet.gif) 5px 9px  no-repeat;}   #right-menu h3.header { 	padding: 7px 5px 7px 7px; margin: 0; 	color: #EDB762; 	font-size: 100%; 	background: #065884; } #right-menu h3.header a {text-decoration: none;	color: #B50025;} #right-menu h3.header a:hover {color: white;}  .end-right-menu { 	background: #176B99  url(http://www.4internet.cz/_clip/bg-right-menu-bottom.gif) center  bottom no-repeat; 	border-top: 1px solid #145F89; 	padding: 7px 5px; }  /* */ * html #right-menu li a {height: 1%} /**/ /**  * Flashbox stylesheet  */  #flashbox {         position: absolute;         width:100%; height:100%;         width: expression(document.body.clientWidth < 830 ? "830px" :  "100%" );         top:0; left:0;         background: transparent  url('http://www.4internet.cz/_clip/opaque.png');         z-index: 9998;         text-align: center;         display: none; }   /* */ * html #flashbox {background: black; filter: alpha(opacity=70);  opacity:.70;} /**/ /* */ * html #flashboxImage {background: black; filter:  alpha(opacity=100); opacity:1;} /**/  #flashboxAnchor {         /*width: 900px; border: 2px solid yellow;*/         margin: 0 auto;         width: 980px; /* height: 100%;*/ }  #closeButton {         position: absolute;         top: inherit;         right: inherit;         left:auto;         bottom:auto; }   #flashboxMovie {         position: absolute;         bottom: inherit;         left: inherit; } #lightwindow_overlay { 	/* REQUIRED */ 	display: none; 	visibility: hidden; 	position: absolute; 	top: 0; 	left: 0; 	width: 100%; 	height: 100px; 	z-index: 500; 	/* REQUIRED */ }  #lightwindow { 	/* REQUIRED */ 	/* Of Note - The height and width of this element are set to 0px */ 	display: none; 	visibility: hidden; 	position: absolute; 	z-index: 999; 	line-height: 0px; 	/* REQUIRED */ }  	#lightwindow_container { 		/* REQUIRED */ 		display: none; 		visibility: hidden; 		position: absolute; 		/* REQUIRED */ 		padding: 0 0 0 0; 		margin: 0 0 0 0; 	}  	/* IE6 needs this or it messes with our positioning */ 	* html #lightwindow_container { 		overflow: hidden; 	}  	#lightwindow_contents { 		overflow: hidden; 		z-index: 0; 		position: relative; 		border: 10px solid #ffffff; 		background-color: #ffffff; 	}		  #lightwindow_loading { 	/* REQUIRED */ 	height: 100%; 	width: 100%; 	top: 0px; 	left: 0px; 	z-index: 9999; 	position: absolute; 	/* REQUIRED */ 	background-color: #f0f0f0; 	padding: 10px; }  	#lightwindow_loading_shim {  		display: none; 		left: 0px;  		position: absolute;  		top: 0px; 		width: 100%;  		height: 100%; 	}  	#lightwindow_loading span {     	font-size: 12px; 		line-height: 32px; 		color: #444444; 		float: left; 		padding: 0 10px 0 0; 	}  	#lightwindow_loading span a, 	#lightwindow_loading span a:link,  	#lightwindow_loading span a:visited { 		color: #09F; 		text-decoration: none; 		cursor: pointer; 	}  	#lightwindow_loading span a:hover, 	#lightwindow_loading span a:active { 		text-decoration: underline; 	}   	#lightwindow_loading img {    		float: left;    		margin: 0 10px 0 0; 	}   /*-----------------------------------------------------------------------------------------------  	I liked the Navigation so much from  http://www.huddletogether.com/projects/lightbox2/ 	I mean let's face it, it works really well and is very easy to figure  out. -----------------------------------------------------------------------------------------------*/  #lightwindow_navigation  { 	/* REQUIRED */ 	position: absolute; 	top: 0px; 	left: 0px; 	display: none; 	/* REQUIRED */ } 	/* We need to shim the navigation for IE, though its more of a  sub-floor */ 	#lightwindow_navigation_shim {  		/* REQUIRED */ 		display: none; 		left: 0px;  		position: absolute;  		top: 0px; 		width: 100%;  		height: 100%; 		/* REQUIRED */ 	}  	#lightwindow_navigation a, 	#lightwindow_navigation a:link, 	#lightwindow_navigation a:visited, 	#lightwindow_navigation a:hover, 	#lightwindow_navigation a:active {  		/* REQUIRED */ 		outline: none; 		/* REQUIRED */ 	}  	#lightwindow_previous,  	#lightwindow_next { 		width: 49%; 		height: 100%; 		background: transparent  url(http://www.4internet.cz/_clip/lightwindow/blank.gif) no-repeat; /*  Trick IE into showing hover */ 		display: block; 	} 	 	#lightwindow_previous {  		float: left; 		left: 0px; 	}  	#lightwindow_next {  		float: right; 		right: 0px; 	}  	#lightwindow_previous:hover,  	#lightwindow_previous:active {  		background:  url(http://www.4internet.cz/_clip/lightwindow/prevlabel.gif) left 15%  no-repeat;  	}  	#lightwindow_next:hover,  	#lightwindow_next:active {  		background:  url(http://www.4internet.cz/_clip/lightwindow/nextlabel.gif) right 15%  no-repeat;  	} 	 	#lightwindow_previous_title, 	#lightwindow_next_title { 		display: none; 	} 	 	 #lightwindow_galleries { 	width: 100%; 	position: absolute; 	z-index: 50;  	display: none; 	overflow: hidden; 	margin: 0 0 0 10px; 	bottom: 0px; 	left: 0px; }  	#lightwindow_galleries_tab_container { 		width: 100%; 		height: 0px; 		overflow: hidden; 	}  	a#lightwindow_galleries_tab,		 	a:link#lightwindow_galleries_tab, 	a:visited#lightwindow_galleries_tab { 		display: block; 		height: 20px; 		width: 77px; 		float: right; 		line-height: 22px; 		color: #ffffff; 		text-decoration: none; 		font-weight: bold; 		cursor: pointer; 		font-size: 11px; 		color: #ffffbe; 		background:  url(http://www.4internet.cz/_clip/lightwindow/black-70.png) repeat 0 0  transparent; 	} 	 	* html a#lightwindow_galleries_tab,		 	* html a:link#lightwindow_galleries_tab, 	* html a:visited#lightwindow_galleries_tab {	 		background: none; 		background-color: #000000; 		opacity: .70; 		filter: alpha(opacity=70); 	}  	a:hover#lightwindow_galleries_tab, 	a:active#lightwindow_galleries_tab { 		color: #ffffbe;  	}  	#lightwindow_galleries_tab_span { 		display: block; 		height: 20px; 		width: 63px; 		padding: 0 7px 0 7px; 	} 	 	#lightwindow_galleries_tab .up	{ 		background:  url(http://www.4internet.cz/_clip/lightwindow/arrow-up.gif) no-repeat  60px 5px transparent; 	}  	#lightwindow_galleries_tab .down { 		background:  url(http://www.4internet.cz/_clip/lightwindow/arrow-down.gif) no-repeat  60px 6px transparent; 	}  	#lightwindow_galleries_list { 		background:  url(http://www.4internet.cz/_clip/lightwindow/black-70.png) repeat 0 0  transparent; 		overflow: hidden; 		height: 0px; 	}  	* html #lightwindow_galleries_list { 		background: none; 		background-color: #000000; 		opacity: .70; 		filter: alpha(opacity=70); 	}	  	.lightwindow_galleries_list { 		width: 200px; 		float: left; 		margin: 0 0 10px 0; 		padding: 10px; 	}  	.lightwindow_galleries_list h1 {	 		color: #09F; 		text-decoration: none; 		font-weight: bold; 		cursor: pointer; 		padding: 10px 0 5px 0; 		font-size: 16px; 	}  	.lightwindow_galleries_list li { 		margin: 5px 0 5px 0; 		list-style-type: none; 	}  	.lightwindow_galleries_list a,  	.lightwindow_galleries_list a:link,  	.lightwindow_galleries_list a:visited { 		display: block; 		line-height: 22px; 		color: #ffffff; 		text-decoration: none; 		font-weight: bold; 		cursor: pointer; 		padding: 0 0 0 10px; 		font-size: 11px; 	}  	.lightwindow_galleries_list a:hover,  	.lightwindow_galleries_list a:active { 		background: #000000; 		color: #ffffbe; 		border-left: 3px solid #ffffbe; 		padding: 0 0 0 7px; 	} 		 #lightwindow_data { 	/* REQUIRED */ 	position: absolute; 	/* REQUIRED */ }  	#lightwindow_data_slide { 		/* REQUIRED */ 		position: relative; 		/* REQUIRED */ 	}  	#lightwindow_data_slide_inner { 		background-color: #ffffff; 		padding: 0 10px 10px 10px; 	}  	#lightwindow_data_caption { 		padding: 10px 0 0 0; 		color: #666666; 		line-height: 25px; 		background-color: #ffffff; 		clear: both; 	}  	#lightwindow_data_details { 		background-color: #f0f0f0; 		padding: 0 10px 0 10px; 		height: 20px; 	} 	 	#lightwindow_data_author_container { 		width: 40%; 		text-align: right; 		color: #666666; 	 	font-style: italic; 		font-size: 10px; 		line-height: 20px; 		float: right; 		overflow: hidden; 	} 	 	#lightwindow_data_gallery_container { 		font-size: 10px; 		width: 40%; 		text-align: left; 		color: #666666; 		line-height: 20px; 		float: left; 		overflow: hidden; 	} 	 #lightwindow_title_bar { 	height: 25px; 	overflow: hidden;		 }  	#lightwindow_title_bar_title { 		color: #ffffbe; 		font-size: 14px; 		line-height: 25px; 		text-align: left; 		float: left; 	}  	a#lightwindow_title_bar_close_link,	 	a:link#lightwindow_title_bar_close_link, 	a:visited#lightwindow_title_bar_close_link { 		float: right; 		text-align: right;		 		cursor: pointer; 		color: #ffffbe; 		line-height: 25px; 		padding: 0; 		margin: 0; 	} 	 	a:hover#lightwindow_title_bar_close_link, 	a:active#lightwindow_title_bar_close_link { 		color: #ffffff; 	}  /*-----------------------------------------------------------------------------------------------  	Theme styling stuff -----------------------------------------------------------------------------------------------*/ 	  #lightwindow p { 	color: #000000; 	padding-right: 10px; }