/*----reduced.css for http://www.interiorsphere.com---*/
/*---------------------(Standards)--------------------*/
body 	{ margin: 0; padding: 0; background: #fff; font: 80% Verdana, Arial, Helvetica, sans-serif; color:#ddd; background: #000 url("gfx/bg.gif") repeat-y; background-position:center;}
.ref 	{ margin: 0; padding: 0; background: #fff; font: 80% Verdana, Arial, Helvetica, sans-serif; color:#ddd; background: #000 url("gfx/bg2.png") repeat-y; background-position:center;}
h1 		{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color:#aaa;}
h2		{ margin: 0; padding: 0; font-weight:900; font-size: 1.1em; letter-spacing: .02em; font-family: Arial, Helvetica, sans-serif; color:#576E82;}
h3		{ margin: 0; padding: 0; font-weight:700; font-size: 1.0em; letter-spacing: .0em; font-family: Arial, Helvetica, sans-serif; color:#576E82;}
h4		{ clear:both; float:none; display:block; margin: 0;font-weight:100; font-size: .8em; font-family: Arial, Helvetica, sans-serif; color:#888; text-align:center;}
p		{ font-size:1em; margin: 5px 0 9px 0; word-spacing:.15em; line-height:1.8em;}
a 		{ color: #FFF; text-decoration: none;}
a:hover	{ text-decoration:underline; }
ul 		{ margin: 0; padding: 0;}
li 		{ display: inline; margin: 0; padding: 0; }
img		{ margin: 0; padding: 0; border: 0;}
hr		{ margin: 1px  0 1px 0; padding: 0; height:1px; clear:both; float:none; display:block; border-width:0px; background-color: #555; display: block;}
/*-----------//(Standards)//-----------*/
#container	{ margin: 0 auto 0 auto; padding: 0; width: 100%; text-align:center; }
//#container2	{ margin: 0 auto 0 auto; padding: 0; width: 100%; text-align:center; }
#container2	{  clear: both; display:block; margin: 0 auto 0 auto; padding: 0px; width: 932px; height: 670px; text-align:center;}
/*-------------(Bandarole)-------------*/
/*-------------(Title)-------------*/
#title	{ margin: 0 auto 0 auto; padding: 0; width: 660px; text-align:left;}
#logo	{ height:86px; width: 660px; background: #000 url("gfx/headTitle_bg.gif") no-repeat;}
#title h1	{ display:block; float:left; margin: 10px 0 0 10px; padding: 0; width: 328px; height: 50px; text-align:left; background: url("gfx/logo.gif");}
#title span 	{ display:none; visibility: hidden;}
#title p	{ clear:both; display:block; margin: 0 15px 5px 0; padding: 0; text-align:right; color:#aaa;}
/*-----------//(Title)//-----------*/
/*-------------(mainNavigation)-------------
#mainNavigation  		{clear:both; display:block; float:left; }*/
#mainNavigation a 		{ display:block; float:left; background-color: #FFF; color: #000; width: 132px; height: 15px;}
#mainNavigation a:hover	{ background-color: #3e5060; color: #fff;}
#mainNavigation span 	{ display:none; visibility: hidden;}
.home			{ background: url("gfx/_home_a.gif");}
.services		{ background: url("gfx/_services_a.gif");}
.work			{ background: url("gfx/_work_a.gif");}
.about			{ background: url("gfx/_about_a.gif");}
.login			{ background: url("gfx/_login_a.gif");}
.home:hover		{ background: url("gfx/_home_h.gif");}
.services:hover	{ background: url("gfx/_services_h.gif");}
.work:hover 	{ background: url("gfx/_work_h.gif");}
.about:hover 	{ background: url("gfx/_about_h.gif");}
.login:hover 		{ background: url("gfx/_login_h.gif");}
/*-----------//(mainNavigation)//-----------*/
/*-----------//(Bandarole)//-----------*/
/*-------------(Content)-------------*/
#content	{ clear: both; display:block; margin: 0 auto 0 auto; padding: 0; width: 640px; text-align:left;}
#flash-viewer	{ width: 640px; height: 360px;}
#home-viewer	{ background: url("home_01.jpg") repeat-x; width:660px; height:360px; background-position:bottom; }
.content-title	{ clear: both; display:block; margin: 0; padding: 20px 0 0 0; width:640px; }
.content-title h2		{ display:block; margin: 0; width:630px; height:33px;  background: url("gfx/title_bg.gif") no-repeat;}
.content-title span	{ display:block; margin: 0; padding: 3px 0  0 12px;  }
.content-text{ clear: both; display:block; margin: 0 ; padding: 0; width:640px; }
#content ul { display:block; float: left;  margin: 0; padding: 0; width:320px;}
#content li { display:block;  font-size:.9em;  word-spacing:.15em; line-height:1.8em;}
#content a:link		{ padding: 0 0 0 12px; background: url("gfx/c_link.gif") no-repeat; background-position: left;}
#content a:hover		{ background: url("gfx/c_link.gif") no-repeat; background-position: left;}
#content a:visited	{ padding: 0 0 0 12px; background: url("gfx/c_visited.gif") no-repeat; background-position: left;}
/*-------------(folders)-------------*/
#navigation		{
	clear: both;
	display:block;
	width:640px;
	height:24px;
	background: url("gfx/navigation_bg.gif") no-repeat;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#navigation	ul	{
	margin: 0;
	width: 640px;
	font-weight:100;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color:#aaa;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
}
#navigation	li	{	display: inline; }
#navigation	a:link	{ background: none;  color:#aaa; margin: 0 12px 0 12px; padding:0px; }
#navigation	a:hover	{ background: none;}
#navigation	a:visited	{ background: none;  color:#aaa; }
#active		{  background: url("gfx/blending_folder_h.gif"); padding: 2px 0 4px 0; }
/*-------------( )-------------*/
#navcontent{clear:both; width: 616px; display:block; padding:10px; margin:0 0 0 1px;  background: url("gfx/blending_folder_bg.gif"); border-top: 0; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666;}
#navcontentdrei{clear:both; font-size: 0.95em;width: 616px; display:block; padding:10px; margin:0 0 0 1px;  background: url("gfx/blending_folder_bg.gif"); border-top: 0; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666;}
/* retarded whitespace bug */
.tabset_content { width:100%;  clear: both; float: none;  display:block;}	
#navcontent ul {margin-bottom:16px; width:305px;}
#navcontentdrei ul {margin-bottom:16px; width:205px;}
#navcontent a:link {color:#aaa}
#navcontent a:hover {color:#ccc}
#navcontent a:visited {color:#aaa}
/*-----------//(folders)//-----------*/
/*-------------(intro)-------------*/
#intro	{ display:block; margin: 20px auto 0 auto; padding: 0; width: 640px; text-align:left;}
/*-----------//(intro)//-----------*/
/*-----------//(Content)//-----------*/
/*-------------(foot)-------------*/
#foot	{  clear: both; display:block; margin: 0 auto 0 auto; padding: 30px 0 0 0; font-size:.8em; width: 660px; height: 100px; text-align:center; color: #aaa;}
#foot a	{ color: #ddd;}
#foot li { display:block; height: 15px;}
/*-----------//(foot)//-----------*/