/*  http://www.mikolaj.net/
  ---------------------------------------------------
    current-revision-by:		Miko Walczuk
    last-modified-date:			06 May 2006
	
Contents:
    1. Master
    2. Text
    3. Images
    4. IDs
    5. Classes
    6. Body
    7. Navbar
    8. Miscellaneous
	  
  Copyright (c)2003-6 Miko Walczuk.
 
  
/*	1.) =Master
	------------------------------------------------- */

* {padding:0;margin:0;}
html {height: 100%;}
body {background: #737267;text-align: center;font: 1.0em Verdana, Arial, sans-serif;height: 100%;}


/*	--- Links --- */


.left p a:link, .left ul a:link, .left ol a:link, .left dl a:link, 
.right p a:link, .right ul a:link, .right ol a:link, .right dl a:link,  
.footer p a:link {text-decoration:none;color: #000;border-bottom: 1px solid #555;}

.left p a:visited, .left ul a:visited, .left ol a:visited, .left dl a:visited, 
.right p a:visited, .right ul a:visited, .right ol a:visited, .right dl a:visited,  
.footer p a:visited {text-decoration:none; color: #222;border-bottom: 1px solid #555;}

.left p a:hover, .left ul a:hover, .left ol a:hover, .left dl a:hover, 
.right p a:hover, .right ul a:hover, .right ol a:hover, .right dl a:hover,  
.footer p a:hover {color: #000;border-bottom: 2px solid #353535;}

.footer a:hover img, .right li a:hover {background:#6b6a60;}

  
/*	2.) =Text
	------------------------------------------------- */


p,dt,h2 {margin-bottom:1.0em;font-size:.7em;}
p,dd,li,ol {
	color: #1d1d1d;
	font-size:0.7em;
	line-height: 1.8em;
}

h1, h2, hr {display: none;}
h3, h4, h5 {
	text-transform:uppercase;
	letter-spacing: .1em;
	text-shadow: #444 0px 1px 3px;
	color: #b3b1a1;
	margin-bottom: 1.5em;
	font: 0.8em "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
}
h3 {
	font-size: 0.95em;
}
h4, h5 {
	margin: 1.5em 0 1.5em;
}

h4.clear, h5.clear {margin-top: 0em;}

.left blockquote, .right blockquote {
	background: #6d6c62 url(../i/p-line_dot.gif) repeat-x 0% 0%;
	border-bottom: 1px solid #605f56;
	padding: 10px 15px 0px;
	margin:20px auto;
	font: 1.2em "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
}


/*	--- Lists --- */

.left li, .left ol {margin-left:1.5em;}
.left li {list-style:square;}
.right li {list-style:none;padding:0 0 0 17px;background:url(../i/bu_list.gif) no-repeat 0px 8px;}
.right li a {padding:2px;}

.right dl {margin:-62px 0 25px 75px;}
.right dt {
	color: #b3b1a1;

}

/*	--- Text replacements --- */

#home .about { width: 55px; height: 14px; position: relative; }
#home .about span { background: url(../img/title_about.gif) no-repeat; position: absolute; width: 100%; height: 100%; }

#home .startcell { width: 85px; height: 14px; position: relative; }
#home .startcell span { background: url(../img/title_startcell.gif) no-repeat; position: absolute; width: 100%; height: 100%; }

#home .recently { width: 77px; height: 14px; position: relative; }
#home .recently span { background: url(../img/title_recently.gif) no-repeat; position: absolute; width: 100%; height: 100%; }

  
/*	3.) =Images
	------------------------------------------------- */

a img {border:0 none;}
img.bdr  {
	border: 1px solid #605f56;
}
a img.recent {background: url(../img/bg_recent.gif);padding:6px 7px 8px;}
a:hover img.recent {background: url(../img/bg_recent2.gif);}

  
/*	4.) =IDs
	------------------------------------------------- */

#container, #container2 {
	margin: 60px auto 0px;
	width: 750px;
	text-align: left;
	position:relative;
	padding: 0px 0 150px;
	min-height: 100%;
}

#container {background: url(../i/bg-page.gif) repeat-y 0px 0px;}
#container2 {background: url(../i/bg-page2.gif) repeat-y 0px 0px;}

* html #container {
	height: 100%;
}


  
/*	5.) =Classes
	------------------------------------------------- */

.footer {
	position:relative;
	width:750px;
	font-size: 0.9em;
	text-transform: uppercase;
	margin:0px auto 0;
	padding:40px 0 15px;
	background: url(../i/bg-cap.gif) no-repeat 623px 0px;
}

.footer .netcells {
	padding: 5px;
	margin-top:-5px;
}

.homeclear {padding-top: 40px;}

  
/*	6.) =Body
	------------------------------------------------- */


.left {
	padding: 95px 20px 0;
	width: 272px;
	height: 100%;

}
.right {
	padding: 135px 20px 75px 20px;
	width: 270px;
	position:absolute;
	top:0px;
	left:313px;
}



  
/*	7.) =Navbar
	------------------------------------------------- */

.header {
	margin-left: 14px;
}

.logo, .main ul {
margin-left: 20px;
}

.main {
	width: 113px;
position:absolute;
top:0px;
right:0px;
	padding: 5px 0 0 0;
	background: url(../i/bg-cap.gif) no-repeat 0px 0px;;
}

html>body .main {
	width: 127px;
}

.main ul {list-style:none;}
.main ul.nav {padding-top:55px;}
.main ul.nav2, .main ul.nav2 li#menuclient {padding-top:20px;}

.main li a {
	display: block;
	padding: 5px;
	width: 100%;
	border-bottom: 1px solid #737267;
	text-indent: -9999px;
}

html>body .main li a {
	width: auto;
}
.main li a:hover {
	background-color: #6b6a60;
	border-bottom: 1px solid #605f56;
}

/*	--- Navbuttons --- */

.main li#menuweb a {background:  url(../i/b-web1.gif) no-repeat 15% 50%;}
.main li#menuweb a:hover {background: #6b6a60 url(../i/b-web2.gif) no-repeat 15% 50%;}

.main li#menuphoto a {background:  url(../i/b-pho1.gif) no-repeat 15% 50%;}
.main li#menuphoto a:hover {background: #6b6a60 url(../i/b-pho2.gif) no-repeat 15% 50%;}

.main li#menudesign a {background:  url(../i/b-des1.gif) no-repeat 15% 60%;}
.main li#menudesign a:hover {background: #6b6a60 url(../i/b-des2.gif) no-repeat 15% 60%;}

.main li#menuabout a {background:  url(../i/b-abo1.gif) no-repeat 15% 50%;}
.main li#menuabout a:hover {background: #6b6a60 url(../i/b-abo2.gif) no-repeat 15% 50%;}

.main li#menucontact a {background:  url(../i/b-con1.gif) no-repeat 15% 50%;}
.main li#menucontact a:hover {background: #6b6a60 url(../i/b-con2.gif) no-repeat 15% 50%;}

.main li#menuclient a {background:  url(../i/b-cli1.gif) no-repeat 15% 50%;}
.main li#menuclient a:hover {background: #6b6a60 url(../i/b-cli2.gif) no-repeat 15% 50%;}


/* Preload */

.preload {background: url(../i/b-abo2.gif);}
.preload {background: url(../i/b-con2.gif);}
.preload {background: url(../i/b-cli2.gif);}

  
/*	8.) =Misc
	------------------------------------------------- */

/*	--- Web --- */

#web .empty {display:none;}
.web {padding-bottom: 20px;border-bottom: 1px solid #555; width: 355px;}
#web span.specs {font-style: oblique;}