/* ICS website stylesheet  ::  created 22 April 2009  ::  updated 22 october 2009  ::  created by www.souldesigngroup.com  ::  copyright Interior Construction Services */

* {
	margin:0px;
	padding:0px;
	outline:none;
}

html {height:100%;}

body {
	width:100%;
	height:100%;
	background:url(img/bg-footer.jpg) repeat-x bottom #036;
	font-family:Palatino, ‘Palatino Linotype’, ‘Hoefler Text’, Times, ‘Times New Roman’, serif;
	font-size:14px;
	line-height:1.3em;
	letter-spacing:1.2px;
    color:#666;
	margin:0;
	border:none;
}

p {margin-top:10px; text-align:justify;}

h1 {
	font-size:24px;
	line-height:24px;
	margin-bottom:15px;
}

h2 {
	font-size:18px;
	line-height:18px;
	margin-bottom:15px;
}

a:link {text-decoration:none; color:#666;}
a:visited {text-decoration:none; color:#666;}
a:hover {text-decoration:none; color:#666;}
a:active {text-decoration:none; border:none; color:#666;}

.clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}

img {border:none;}

.bg-img-right {float:right; text-indent:-9999px;}
.bg-img-left {float:left; text-indent:-9999px;}

/*************** rotating content */
.jsclass body .randomordercontent{display:none;}


/********************************************************* HEADER */
#header-wrap {
	width:100%;
	min-width:950px;
	height:115px;
	background-color:#31659c;
}

#brand-wrap {
	width:205px;
	height:115px;
	background-color:#31659c;
	border-right:1px solid #3a73af;
	position:absolute;
	top:0;
	left:0;
	z-index:1;	
}

#ICS-logo {
	width:180px;
	height:91px;
	margin:10px 10px 0 10px;
	background:url(img/ICS-logo.jpg) no-repeat;
}


/********************************************************* NAVIGATION */
#nav-wrap {
	width:100%;
	min-width:950px;
	height:21px;
	border-top:1px solid #3a73af;
	position:absolute;
	top:74px;
}

#nav-btn-wrap {
	height:40px;
	float:right;
}

#nav-item-home {
	width:83px;
	height:9px;
	padding:16px 20px 15px 20px;
	background:url(img/nav-home.jpg) no-repeat center;
	border-left:1px solid #3a73af;
}

a#nav-item-home:hover {border-bottom:5px solid #009;}

#home #nav-item-home {
	width:83px;
	height:9px;
	padding:16px 20px 15px 20px;
	background:url(img/nav-home-on.jpg) no-repeat center;
	border-left:1px solid #3a73af;
}

#nav-item-arch {
	width:166px;
	height:21px;
	padding:10px 20px 9px 20px;
	background:url(img/nav-arch-millwork.jpg) no-repeat center;
	border-left:1px solid #3a73af;
}

a#nav-item-arch:hover {border-bottom:5px solid #009;}

#architectural-millwork #nav-item-arch {
	width:166px;
	height:21px;
	padding:10px 20px 9px 20px;
	background:url(img/nav-arch-millwork-on.jpg) no-repeat center;
	border-left:1px solid #3a73af;
}

#nav-item-cabinetry {
	width:126px;
	height:21px;
	padding:10px 20px 9px 20px;
	background:url(img/nav-custom-cabinetry.jpg) no-repeat center;
	border-left:1px solid #3a73af;
}

a#nav-item-cabinetry:hover {border-bottom:5px solid #009;}

#custom-cabinetry #nav-item-cabinetry {
	width:126px;
	height:21px;
	padding:10px 20px 9px 20px;
	background:url(img/nav-custom-cabinetry-on.jpg) no-repeat center;
	border-left:1px solid #3a73af;
}

#nav-item-staircases {
	width:134px;
	height:9px;
	margin:0 75px 0 0;
	padding:16px 20px 15px 20px;
	background:url(img/nav-staircases.jpg) no-repeat center;
	border-left:1px solid #3a73af;
	border-right:1px solid #3a73af;
}

a#nav-item-staircases:hover {border-bottom:5px solid #009;}

#staircases #nav-item-staircases {
	width:134px;
	height:9px;
	margin:0 75px 0 0;
	padding:16px 20px 15px 20px;
	background:url(img/nav-staircases-on.jpg) no-repeat center;
	border-left:1px solid #3a73af;
}


/********************************************************* CONTENT IMAGE */
#content-image {
	width:100%;
	top:115px;
	background:url(img/content-image-bg.jpg) bottom repeat-x #31659c;
	_position:absolute;
}

#image-content {
	width:100%;
	float:left;
	overflow:hidden;
}

.image-content-img {
	width:33.32%;
	_width:33.3%;
	float:left;
}

#image-content-overlay-top {
	width:100%;
	height:4px;
	background:url(img/bg-stripe-wide-mid-blu.gif) repeat center;
	position:absolute;
	z-index:1;
	_display:none;
}

#image-content-overlay-bottom {
	width:100%;
	height:4px;
	margin-top:-4px;
	background:url(img/bg-stripe-wide-mid-blu.gif) center;
	position:absolute;
	z-index:1;
	_display:none;
}

.image-overlay-divider-1 {
	width:10px;
	height:55%;
	margin:4px 0 0 -4px;
	background:url(img/bg-stripe-wide-mid-blu.gif) repeat;
	_background:none;
	position:absolute;
	left:33.3%;
	overflow:hidden;
}

.image-overlay-divider-2 {
	width:10px;
	height:55%;
	margin:4px 0 0 -4px;
	background:url(img/bg-stripe-wide-mid-blu.gif) repeat;
	_background:none;
	position:absolute;
	left:66.55%;
	overflow:hidden;
}

/*************** home images hover graphics */
#image-content a {
	color:#CCC;
	text-decoration:none;
}

#image-content ul {
	list-style:none;
	display:inline;
}

#image-content ul li {
	font:bold 10px arial, helvetica, sans-serif;
	height:100%; 
	display:inline;
	background:none;
	position:relative;
	float:left;
	width:100%;
	margin-left:-1px;
	}
	
#image-content ul li ul li{
	background:url(img/w-85-opaque.png) repeat;
	_background:#FFF;
	margin:0 0 2px 0;
	padding:3px 3px;
	width:100px;
	line-height:10px;
}

#image-content ul li a{display:block;}

#image-content ul li a:hover {color:#ED1B24;}	

#image-content ul ul {
	position:absolute;
	top:15px;
	display:none;
	list-style:none;
}

#image-content ul li:hover ul{
	display:block;
	top:-20px;
	left:0px;
	z-index:1;
}

/*************** refresh images button */
#refresh-image {
	height:15px;
	margin:-40px -20px 10px 0;
	padding:0 20px 5px 0;
	background:url(img/refresh-img.jpg) right no-repeat;
	color:#588fc6;
	font-family:Verdana;
	font-size:10px;
	font-variant:small-caps;
	float:right;
}

#refresh-image-fraction {
	height:15px;
	margin:-55px 0 10px -20px;
	color:#588fc6;
	font-family:Verdana;
	font-size:9px;
	font-variant:small-caps;
	letter-spacing:0px;
	float:left;
}


/********************************************************* CONTENT COPY */
#content-copy {
	width:100%;
	min-height:310px;
	_height:0;
	margin-bottom:50px;
	background-color:#036;
	_background:none;
	position:absolute;
	_top:60%;
	z-index:1;
}

#text-content {
	width:60%;
	max-width:700px;
	min-width:350px;
	margin:30px auto 0 auto;
	padding:10px 20px 20px 20px;
	background:url(img/ICS-full-name.jpg) center bottom no-repeat #FFF;
	border:5px solid #046;
}


/********************************************************* TEXT FOOTER */
#text-footer {
	width:60%;
	max-width:700px;
	min-width:350px;
	margin:-5px auto 25px auto;
	background:#DDD;
	padding:10px 20px 20px 20px;
	font-family:"Arial";
	font-size:11px;
	border-right:5px solid #046;
	border-bottom:5px solid #046;
	border-left:5px solid #046;	
}


/********************************************************* TOOL TIP */
#tt {position:absolute;}
#tttop {display:none; height:5px; margin-left:5px; background:url(img/tt_top.gif) top right no-repeat; overflow:hidden;}
#ttcont {width:17px; height:17px; display:block; padding:0; margin-left:5px; background:url(img/expand2.gif); color:#DDD; font-size:8.5px;}
#ttbot {display:none; height:5px; margin-left:5px; background:url(img/tt_bottom.gif) top right no-repeat; overflow:hidden;}


/********************************************************* LIGHTBOX */
#lightbox{
	background-color:#31659c;
	border:2px solid #FFF;
	padding:10px;
	color:#EEE;
}

#lightboxDetails{
	font-size:0.9em;
	padding-top:0.4em;
}
	
#lightboxCaption{float:left;}
#keyboardMsg{float:right; font-variant:small-caps; letter-spacing:5px; font-weight:bold; background-color:#036; padding:0 0 3px 6px;}
#closeButton{top:5px; right:5px;}

#lightbox img{border:none; clear:both;} 
#overlay img{border:none;}

#overlay{background:url(img/w-85-opaque.png) center repeat;}

* html #overlay {
	background-color:#FFF;
	background-color:transparent;
	background-image:url(blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="w-85-opaque.png", sizingMethod="scale");
}