@import url(/css/conf.toolbar.css);

body
{
	font-family: "Arial","Verdana","Helvetica",sans-serif;
	background: #fff url('/img/index/bg_body.gif');
	margin: 0;
	padding: 0;
}

h1, h2, h3
{
	line-height: 1em;
	font-weight: normal;
}

h1
{
	color: #333;
	margin-bottom: 1.5em;
}

h2
{
	color: #827352;
	margin-top: 2em;
}

h3
{
	color: #000;
	font-weight: bolder;
}


h3 b
{
	display: none;
}

a
{
	color: #316E9F;
}

a:hover
{
	color: #59595b;
}


#general_content ul, #content ul { margin: 0.5em 0; padding: 0 0 0 2em; }
#general_content ul li, #content ul li
{
    margin: 0.5em 0; padding: 0 0 0 20px;
    list-style-type: none;
    behavior: expression( !this.before
            ? this.before = this.innerHTML = '— ' + this.innerHTML : '' );
	text-indent: -1.24em;
}
#general_content ul li:before,#content ul li:before { content: '\2014\a0'; }


img
{
	border: none;
}

.img
{
	text-align: center;
	border: 1px solid #333;
}

#flow
{
	background: url('/img/index/bg_visual_bg.jpg') repeat-x;
	overflow: none;
}

#header
{
	background: url('/img/index/bg_visual.jpg') no-repeat;
	padding: 25px;
	margin:0 0 0px 0;
	font-size: 85%;
	height: 220px;
	width: 500px;
}

#header a
{

}

#logo
{
	position:absolute; top:25px; right:20px;
}

#hmm
{
	position: absolute; top: 60px; left: 45px;
}

#hmm img
{
	padding: 4px;
}

#crumbs
{
	font-size: 75%;
}


.project
{
	padding: 2em;
}

.image
{
	height: 100px;
	width: 33%;
}


#projects {width:100%; height:300px; position:absolute; top:245px; left:0px; min-width:760px;}
#projects div {width:95%; height:300px; position:relative; margin:0px auto; min-width:720px; overflow:hidden; }
#projects div div {width:30%; height:125px; position:absolute; top:36px; border:1px solid #8c8c8c; background:#DED9D0; min-width:30%; }
#projects div div div {width:100%; height:125px; position:absolute; top:0px; border:0px; background:none; overflow:hidden}
#projects div img {position:absolute; left:50%; margin-left:-314px; z-index:0}
#projects div div.l {left:0%}
#projects div div.c {left:35%}
#projects div div.r {left:70%; margin-left:-2px}
#projects p {font-size:12px; position:absolute; top: 125px; padding-left:8px; margin:0px}
/*#projects p a {color:#1165b7}*/


#interior_types
{
/*	position: absolute;
	top: 330px;
	right: 20px;*/
	position: relative;
	top: -20px;
	font-size: .75em;
	overflow: hidden;
	padding: 0 0 40px 0;
	line-height: 2em;
	float: left;
}

#interior_types a{margin: 0 4px; white-space: nowrap; margin: 0 8px;}
#interior_types strong {border-bottom:3px solid #F5D896; color:#000; text-decoration:none; margin:0 8px; white-space: nowrap;}

/* GLOBALS **************************************************************************** */
#navigation
{
	width:100%; height:40px; position:absolute; top:40px; left:0px; min-width:760px;
}
#globals
{
	background: #F7EFDC url('/img/index/bg_globals.jpg');
	position: absolute;
	left: 30%;
	top: 0px;
	font-size: 120%;
	line-height: 0;
	font-family: "Arial Narrow", "Arial", sans-serif;
	padding: 0;
	margin: 0;
	color: #333;
	text-align: center;
	width: 450px;
}

#globals span
{
	padding: 8px;
}

#globals span#active a
{
	color: #000;
	padding:0;
}

#globals div a
{
	color: #fff;
}

#globals div a:hover
{
	color: #000;
}

#globals div#active a:hover
{
	color: #000;
}

#globals strong
{
	border-bottom: 2px solid #fff;
}

/*.clu{background: url('/img/index/co_lt.gif') no-repeat left top; padding: 0;}
.cru{background: url('/img/index/co_rt.gif') no-repeat right top; padding: 0;}*/
.crb{background: url('/img/index/co_rb.gif') no-repeat right bottom; padding: 25px;}
.clb{background: url('/img/index/co_lb.gif') no-repeat left bottom; padding: 0;}

/* OPTIONALS **************************************************************************** */
#optionals
{
	position: absolute;
	top: 60px;
	left: 450px;
	color: #333;
	padding: 0;
	line-height: 1.2em;
}

#optionals ul
{
	margin: 0;
	padding: 0;
	list-style:none;
	width: 300px;
}

#optionals li
{
	background: none;
	margin: 0;
}

#optionals li strong
{
	font-size: 75%;
	padding: 0 0 0 10px;
	background: url('/img/index/bg_arr.gif') no-repeat;
	background-position: 0 4px;
}

#optionals li a
{
	font-size: 75%;
	padding: 0 0 0 10px;
}

#optionals li a:hover
{
	text-decoration: none;
}

/* Content **************************************************/

#content, #general_content
{
	font-size: 75%;
	padding: 0 10% 4em 40px;
	top: 10px;
}

#content
{
    font-size: 100%;
}

#general_content
{
	padding: 0;
	position: relative;
	top: 170px;
	left: 0px;
}

#content li, #general_content li
{
	margin-bottom: .5em;
}

#content ul, #general_content ul
{
	list-style-type: square;
}

#content
{
	overflow: none;
}

#content form
{
	display:block; 
}

#content form .def
{
	border:1px solid #b3b9c3; width:40%; font:1em arial;
}

#content img
{
	/*padding: 10px;
	background: url('/img/index/bg_img.gif');*/
	border: 2px solid #ddd;
}

#content strong img
{
	border: 2px solid #f3dcab;
	background: #fff;
	padding: 6px;
}

#button
{
   background: #FFDC8B url('/img/index/bg_btn.gif') top;
   border: 1px solid #ccc;
   font-family: "Trebuchet MS", "Tahoma", sans-serif;
   padding: 4px 30px;
   width: 10em;
}

#news
{
	padding: 0;
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;
}

p.newstitle
{
	padding: 0;
	margin: 0;
	font-size: 1.4em;
	line-height: 1.5em;
}

p.newstitle a
{
	font-weight: bolder;
}

p.newsinfo
{
	color: #555;
	padding: 0 0 1em 0;
	margin: 0 0 0 7em;
}

p.newsinfo a
{
	color: #555;
}

p.newspreface
{
	padding: 0 0 40px 0;
	margin: 0;
}

span.newsdate
{
	color: #999;
	margin: 0;
}

span.newsmore a
{
	color: #777;
	font-size: 90%;
}

/* FOOTER **************************************************************************** */
#footer
{
	font-size: 8pt;
	padding: 0;
	height: 140px;
}

/* ALTERNATES **************************************************************************** */

#alternates
{
	text-align: left;
	float: left;
	width: 100%;
	background: #F7EFDC url('/img/index/bg_footer.gif');
	border-top: 2px solid #f3dcab;
}

#alternates a
{
	color: #474941;
}

#alternates a:hover
{
	color: #000;
}

.box
{
	margin: 0;
	padding: 26px;
}

.inbox
{
	margin: 0;
	padding: 0;
}



/* COPY **************************************************************************** */
#copy
{
	color: #333;
	font-size: 110%;
	padding-top: 2em;
	text-align: left;
	
}

#phone
{
	color: #777;
	position: relative;
	top: -40px;
	right: 20px;
	font-size: 120%;
	float: right;
	clear: both;
}

#phone strong
{
	font-size: 140%;
}


#ideil
{
	position: relative;
	bottom: 20px;
	right: 20px;
	float: right;
}

/* THUMB **************************************************************************** */
dl.thumb
{
	margin: 0 0 2em 0;
	padding: 0;
	clear: both;
}

.thumb dt, .thumb h2 a, .thumb h2
{	
	text-decoration: none;
	padding: .5em 0 .3em 0;
	margin: 0;
}

.thumb dd
{
	
}

.thumb dt, .thumb dd
{
	margin: 0;
	padding: 0;
}

.thumb .img
{
	margin: 0 0 0 28px;
	float: right;
}

.em
{
	background: #fff url('/img/index/bg_em.gif') repeat-x;
	padding: 30px;
	margin: 0;
}

.em h2 
{
	margin-top: 0;
}

table
{
	border: 0px;
	border-collapse: collapse;
}
table td
{
	padding: 0px;
	vertical-align: top;
}

table.grid td
{
	padding: 2em;
	text-align: left;
}

table.project_list td
{
	padding: 0 10px 30px 0;
	text-align: left;
}


.review
{
	margin-top: 1em;
	line-height: 1.7em;
	
}

.review_short
{
	font-size: 85%;
	color: #777;
}

.favorites
{
	font-size: 80%;
	padding: 0 4px 0 0;
}

td.padding
{
	padding: 0 2em 0 2em;
}

.d, .m, .y
{
	background: #ECECEE;
	border: 1px solid #fff;
	color: #333;
	padding: 1px;
}
.m
{
	background: #BBC6CC;
}
.y
{
	background: #9AA3A8;
	color: #fff;
}