/*
-----------------------------------------------
Inspired Spaces - http://www.inspiredspacesandmore.com/
author:   Logistica Systems
version:  28.08.2007
----------------------------------------------- */

/* Generic Rules
----------------------------------------------- */

html,body,div  {
	font: normal 12px Arial, Helvetica, sans-serif; 
	color: #000000; 
	margin: 0; 
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(images/inspired_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


h1 {
	background-color:#E0E0E0;
	border-bottom: solid 2px #999999;
	text-indent: .7em;
	margin: .6em  0;
	padding: 2px 0 2px 0;
	color: #672F0A;
	font: normal 16pt "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin-right:1em; 
}

h2 {
	color: #333333;
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: underline;
	margin-right:1em; 
}



p, td{
	font: normal 14px Arial, Helvetica, sans-serif;  
	color:#333333;
	line-height: 130%;	
}

p {padding-right:1em; }

p.news {
	font:  normal 13pt "Times New Roman", Times, serif;
	color:#333333;
	line-height: 120%;
	margin: 0px  0px 1em .5em;
}

ol,ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


li {
	list-style-type: square;
	margin: 0;
}


/* Specific Formatting
----------------------------------------------- */

td.header {
	background-image: url(images/inspired-spaces.jpg);
	height: 70px;
	background-repeat: repeat;
	background-position: left top;
}

td.quote_box {
	background-color: #663300;	
	height: 60px;	
}

td.intro_content {
	padding: 10px;
	font-size:13px;
	background-color: #FFE9B5; /* #FFDD8C; EDE7DA*/
}

td.content {
	padding: 0  0 1em 0;
	font-size:13px;
}

td.left_content {
	padding: 1em  0;
	font-size:13px;
}


div.quote {
	font-size: 21px;
	color: #FFFFFF;
	filter:DropShadow (Color=#000000, OffX=2, OffY=2, Positive=true);
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-weight: normal;
}

div.quote_black {
	font-size: 23px;
	color: #000000;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-weight: bold;
}

/*- Staff Gallery - */
div.thumbnail
{
float: left;
width: 200px;
margin: 0 15px 15px 0;
}

div.thumbnail img {border: 1px solid #CCC; }

.clearboth { clear: both; }


/*- Main Menu --------------------------- */

    #tabsH {
      float:left;
      width:100%;
      background:#000;
      font: bold 12px Arial, Helvetica, sans-serif; 
      line-height:normal;
      }
    #tabsH ul {
	  margin:0;
	  padding:10px 10px 0 10px;
	  list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("images/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("images/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;  /* space around text - button size */
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }


/* Small Nav */
a.navsml			{font-size: 11px;}
a.navsml:link		{color: #666666; text-decoration: underline;}
a.navsml:visited	{color: #666666; text-decoration: underline; }
a.navsml:hover		{color: #000000; text-decoration: none}

/* Generic Link */
a.link			{font-size: 13px; text-decoration: underline;}
a.link:link		{color: #003399; text-decoration: underline;}
a.link:visited	{color: #003399; text-decoration: underline; }
a.link:hover	{color: #000000; background-color:#FFFFCC; text-decoration: underline}

/* Brochure Link */
a.linkb			{font-size: 13px; text-decoration: none;}
a.linkb:link		{color: #003399; text-decoration: none;}
a.linkb:visited	{color: #003399; text-decoration: none; }
a.linkb:hover	{color: #000000; background-color:#FFFFCC; border-bottom: 1px dashed #000000;}

/* MISC */
.small		{font-size: 10px; color:#C80000; }
.small2		{font-size: 11px; }
.small3		{font-size: 12px; margin:0; }
.keywords	{font-size: 12px; color:#FFFFFF; padding: 5px 0; }


/* myslideshow */

.fadein { position:relative; width:565px; height:370px; }
.fadein img { position:absolute; left:0; top:0; }



/* Legal Classes
----------------------------------------------- */
td.copyright	{
	font-size: 9px;
	color: #666;
	font-family: Verdana, arial, sans-serif;
	padding-right: 1em;
}

a.logistica				{font-size: 9px; color: #666; font-family: Verdana, arial, sans-serif; text-decoration: none;}
a.logistica:link		{color: #666;}
a.logistica:visited		{color: #666;}
a.logistica:hover		{color: #666; text-decoration: underline; font-weight: normal; }



/* Rounded Box Effect */

.rbroundbox { background: url(images/nt.gif) repeat;}
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }


/* GALLERY CSS */
#gallery {width:570px; height:400px; position:relative;   background-color: #FFF; } /* 700 */
#gallery ul {list-style:none; padding:0; margin:0; width:120px; float:right; height:600px; overflow:auto; } /* number of mini images width 200 */
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px 4px 0; border:1px solid #000;}
#gallery ul li img {display:block; width:50px; height:50px;}

#gallery ul li span {display:none; position:absolute; left:20px; top:310px; width:400px; /* text left top position & width  460,285,180 */
	font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}

#gallery ul li span b {color:#444;}

#gallery ul li.default {width:0; height:0; border:0;}
#gallery ul li.default img {position:absolute; right:160px; top:0; width:400px; height:300px; border:1px solid #000;} /* control img position */

#gallery ul li.off {display:none;}

#gallery ul li.click {border-color:#ccc; background:#f8f8f8;}

#gallery ul li.click img {position:absolute; right:160px; top:0; width:auto; height:auto; border:1px solid #000;} /* control img position */

#gallery ul li.default span,
#gallery ul li.click span {display:block;}