/*<div style="border : solid 2px #ff0000; background : #000000; color : #ffffff; 
padding : 4px; width : 200px; height : 50px; overflow : auto; ">
Jesli szerokosc box jest zbyt mala to zdjecia w srodku przesuwaja sie
*/

body {
	border: none;
	line-height: normal;
	background : #d3d3d3;
	/*padding: 10px 10px 10px 10px;*/
	text-align: center; 
}
/*Pages*/
#home #nav-menu .home a,
#aboutus #nav-menu .aboutus a, 
#pricelist #nav-menu .pricelist a,
#faq #nav-menu .faq a,  
#bio #nav-menu .bio a,
#architecture #nav-main .architecture a,
#newworks #nav-main .newworks a,
#portraits #nav-main .portraits a, 
#nostalgia #nav-main .nostalgia a, 
#horse #nav-main .horse a, 
#edmonton #nav-main .edmonton a, 
#drawings #nav-main .drawings a, 
#figurative #nav-main .figurative a, 
#landscape #nav-main .landscape a, 
#sculpture #nav-main .sculpture a, {
background-position: right bottom;
color: #fff;
coursor: default;
}

/* default links */
a:link {
background-color: transparent;
text-decoration: underline;
color: #483d8b;
font-weight: bold;
/*font-style: italic;*/
}
a:hover {
text-decoration: none;
color: #00ced1;
font-style: italic; /*it made picture links move on mouse over*/ 
}
a:visited {
background-color: transparent;
text-decoration: underline;
color: #666;
}

/*---------- bubble tooltip -----------
<span class="tooltip">
	<span class="top"></span>
	<span class="middle">Portraits by Nel</span>
	<span class="bottom"></span>
</span>
*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:20px; left:5;
	padding: 15px 0 0 0;
	width:150px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 3px 8px 0;
    background: url(round_box.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 3px 8px 0; 
	background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(round_box.gif) no-repeat bottom;
}
/*end tooltipes*/

/*paragraph*/
p.first {
color: #696969;/*#483d8b;*/
}
p.second {
}

h1{
 	color: #000080;
	font-weight: bold;
	font-size: 20;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
}
h2{
 	color: #000000;
	font-weight: bold;
	font-size: 15px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: left;
}

/* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */
.spacer {
clear: both;
}

em:hover {
text-decoration: none;
color: #7fffd4;
/*font-style: italic; it made picture links move on mouse over*/ 
}

/* used to ensure all floated thumbnails stay the right width away from the left side of the box */
.thumbnails {
margin: 0 0 20px 50px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.text {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 30;
	font-family: Arial,Helvetica,sans-serif;
	color: #000080;
}

.addtext {
	size: 4;
	color: #bbb5a7; 
	font-family: Arial;
}

.img-wrapper {
	background: url(images/shadow.gif) no repeat bottom right;
	clear: right;
	float: left;
}

.img-wrapper img {
	background-color: #BE365D;
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin: -5px 3px 3px -5px; 
}

.img-wrapper-index {
	background: url(images/shadow.gif) no repeat bottom right;
	clear: right;
	float: left;
}

.img-wrapper-index img {
	background-color: #BE365D;
	border: 3px solid #a9a9a9;
	padding: 4px;
	margin: -5px 3px 3px -5px; 
}

#topwrapper {
	width: 870px;
	position: relative;
	padding: 0px 0px 0px 100px;
	text-align: left;
	/*border: 2px dotted #A52A2A;*/
}

#wrapper {
	width: 870px;
	position: relative;
	padding: 10px 10px 10px 100px;
	text-align: left;
	/*border: 2px dotted #A52A2A;*/
}

#content { 
  float: left; 
  width: 830px;
  
}

.topcontainer{
	/*border: 2px dotted #458B74;*/
	width: 800px;
	overflow: hidden;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: -70px;
	font-family: Arial;
}

.topcontainer2{
	/*border: 2px dotted #458B74;*/
	width: 800px;
	overflow: hidden;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: -70px;
	font-family: Arial,Brush Script Std;
	background: #C0C0C0;
}
#home .topcontainer2 {
width: 880px;
}

/* ID footer*/
#footercontent {
	padding: 8px 0 1em;
}

/* CLASS horizontal picture container*/
.toppiccontainer {
	width: 850px;
	overflow: hidden;
	margin-left: -45px;
	margin-top: 15px;
}
#aboutus .toppiccontainer,
#bio .toppiccontainer {
	width: 700px;
	margin-left: -40px;
}


/*text inside picbox on HOME page*/
#home .picbox .text {
	position: absolute;
	left: 10;
	top: 10;
	color: #ffffff;
	font-size: 20;	
	font-family: Arial,Helvetica,sans-serif;	
}


/* ID vertical picture container*/
#sidepiccontainer {
/*	border: 2px dotted #FFB90F;*/
	float: left;
	width: 280px;
	/*overflow: auto;*/
	/*height : 400px;*/
}

/*boxes*/
.box {
	/*border: 1px dotted #BAB9B8;*/
	width: 220px;
	/*height: 20px;*/
	margin: 1px;
	position: relative;
}

.smallbox {
	width: 200px;
	/*height: 20px;*/
	margin: 1px;
	position: relative;
}

#bio .smallbox {
 	width: 130px;
}

.picbox {
	position: relative;
	padding: 0px;
	width: 120px;
/*	height: 100px;	*/
	margin: 5px;	
}

.textbox {
	padding: 0px;
	/*border: 1px dotted #BAB9B8;	*/
	width: 700px;
	margin: 5px;
	position: relative;
}

.bigbox {
	padding: 0px;
	float: right;
/*	border: 1px dotted #9932CC;*/
	width: 380px;
}

/*Navigation Left*/
#nav-main { 
  /*width: 60px; */
  margin-left: -100px;
  position: relative;

 }
#nav-main ul {
  float: left; 
  list-style: none;
}
#nav-main ul a:hover{
	color:#6B5B64;
	background: #D4E9E6 url(/sites/all/themes/IICRD1/images/divider.gif) repeat-y left top;
}
#nav-main li a {
	height: 1.0em;
	width: 7.5em;
	border: 0.1em solid #dcdce9;
	font-family: Arial;
	font-size: 0.8em;
	font-weight: bold;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
	background: #C0C0C0
}

#nav-main * {
  padding-left: 0px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 10px;
}
/*Navigation Top Menu*/
#nav-menu {
/*width:560px;*/
}
#nav-menu ul {
list-style: none;
padding: 0;
margin: 0;
float: left;
/*border: 0.1em solid #dcdce9;*/
}
#nav-menu ul a:hover{
	color:#6B5B64;
	background: #D4E9E6 url(/sites/all/themes/IICRD1/images/divider.gif) repeat-y left top;
}
#nav-menu li {
float: left;
margin: 0 0.015em;
background: #C0C0C0;
/*border: 1px solid #336;
border-width: 2px 1px 1px 2px;
border-color: #ccf #336 #336 #ccf*/
}
#nav-menu li a {
/*background: url("#") #fff bottom left repeat-x;*/
height: 1.5em;
line-height: 1.2em;
float: left;
width: 6em;
display: block;
/*border: 0.1em solid #dcdce9;*/
font-family: Arial;
font-size: 0.8em;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/*Table proparties*/
table {
  border-collapse: collapse;
  width: 30em;
  border: 1px solid #666;
}

caption {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

col {
  border-right: 1px solid #ccc;
}

col#pricelistCol {
  border: none;
}

thead {
  background: #a9a9a9 url(images/bar.gif) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

th {
  font-weight: normal;
  text-align: left;
}

#pricelistPosHead {
  text-indent: -1000em;
}

th, td {
  padding: 0.1em 1em;
}

.odd {
  background-color:#edf5ff;
}
.even {
	background-color: #a9a9a9;
}

tr:hover {
  background-color:#3d80df;
  color: #fff;
}

thead tr:hover {
  background-color: transparent;
  color: inherit;
}

#aboutus table {
	width: 50em;
}
#aboutus col {
	width: 25em;
	allign: top;
}

/* Hide from IE5-Mac \*/
#nav-menu li a {
float: none;
}
/* End hide */