body{
	margin:0;
	padding:0;
	background:#ededed url(http://www.njcustomtile.com/_images/back.gif) no-repeat 50% 0;
	font: 70% Tahoma, Arial, Helvetica, sans-serif;	
	color:#666;
	text-align:center;
	line-height:160%;
}
table, td, input, textarea, select, li{
	font: 100% Tahoma, Arial, Helvetica, sans-serif;	
}
/* */
a{
	color:#cd0000;
	text-decoration:none;
}
a:hover{
	color:#999;
}	
h1, h2{
	font-size:100%;	
	color:#555;
	margin:.5em 0; 
	clear:both;
}
h3{
	color:#cd0000;
	margin:.5em 0;
	font-size:110%;	
	text-transform:none;
}
h4{
	font-size:110%;
	color:#cd0000;
}
p{margin:1em 0;}
img{border:none;}
#skip{display:none;}

/* --------------------- container ------------------------ */

#container{
	width:820px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
h1#logo{
	margin:0;
	padding:0;
	position:absolute;
	text-indent:-8000px;
	overflow:hidden;
	width:254px;
	height:189px;	
	left:16px;
	top:0;
	z-index:10;
}
h1#logo a{
	display:block;
	height:189px;
	background:url(../_images/logo.gif) no-repeat 0 0;	
}


/* --------------------- main ------------------------ */

#main{
	float:right;
	display:inline;
	width:362px;	
	padding:2em 0;
	z-index:0;
}
#main address{
	float:left;
	margin:1em 0;
	margin-right:20px;
	width:150px;
	font-style:normal;
}
#main p{
	clear:both;
}
#main ul{
	margin:1em 0;	
	padding:0;
	list-style:none;
}
#main li{
	padding-left:20px;
	list-style:none;
	line-height:160%;
}
#main .linklist li{
	padding-left:30px;
	list-style:none;
	line-height:160%;
}
#main ol li {
	margin-left:-30px;
}
#main .ol-main{
	list-style:decimal;
}
#main .ol-main li{
	margin-left: -35px;
	list-style:decimal;
}
#main .linklist li{
	background:url(../_images/bullet.gif) no-repeat 12px 7px;
}
#news li{
	height:27px;
	line-height:27px;
}
#news li a{
	display:block;
	width:100%;
	color:#7d849b;
}
#news li a:hover{
	color:#666;
	background:url(../_images/x.gif) no-repeat 140px 50%;		
}
.pageTitle{
	padding:0;
	margin:0;
	height:31px;
	line-height:35px;
	text-indent:-8000px;
	overflow:hidden;	
}

/* ----- main page heaaders ----- */
#titleAbout{background:url(../_images/title_about.gif) no-repeat 0 0;}
#titleOpinion{background:url(../_images/title_opinion.gif) no-repeat 0 0;}
#titlePatterns{background:url(../_images/tile-patterns.gif) no-repeat 0 0;}
#titleAccessibility{background:url(../_images/title_accessibility.gif) no-repeat 0 0;}
#titleContact{background:url(../_images/title_contact.gif) no-repeat 0 0;}
#titleHome{background:url(../_images/title_home.gif) no-repeat 0 0;}
#titleNews{background:url(../_images/title_news.gif) no-repeat 0 0;}
#titlePortfolio{background:url(../_images/title_portfolio.gif) no-repeat 0 0;}
#tiletestimonials{background:url(../_images/title_testimonials.gif) no-repeat 0 0;}
#titleServices{background:url(../_images/title_services.gif) no-repeat 0 0;}
#titleTilefloor{background:url(../_images/tilefloors.gif) no-repeat 0 0;}
#titleoctilefest{background:url(../_images/octilefest.gif) no-repeat 0 0;}

#titleTilebathroom{background:url(../_images/bathroomtile.gif) no-repeat 0 0;}
#titleTilekitchen{background:url(../_images/kitchentile.gif) no-repeat 0 0;}
#titleTilemosaic{background:url(../_images/mosaictile.gif) no-repeat 0 0;}
#titleTilebacksplash{background:url(../_images/backsplash.gif) no-repeat 0 0;}
#titleNaturalstone{background:url(../_images/stonemarble.gif) no-repeat 0 0;}
#titleTilepool{background:url(../_images/outdoortile.gif) no-repeat 0 0;}
#titleTilefireplace{background:url(../_images/tilefireplace.gif) no-repeat 0 0;}
#titleTilematerials{background:url(../_images/tilematerials.gif) no-repeat 0 0;}
#titleTileideas{background:url(../_images/tileplans.gif) no-repeat 0 0;}
#titleTilecaretips{background:url(../_images/tilecare.gif) no-repeat 0 0;}
#titleNJtileguy{background:url(../_images/njtileguy.gif) no-repeat 0 0;}

/* ----- page subtitles ----- */
.pageSubtitle{
	padding:0;
	margin:1.5em 0 0 0;
	height:24px;
	line-height:24px;
	text-indent:-8000px;
	overflow:hidden;
}
#subtitleFeaturedwork{background:url(../_images/subtitle_featuredwork.gif) no-repeat 0 0;}
#customtileinstallation{background:url(../_images/tile_installations.gif) no-repeat 0 0;}
#tiledesigns1{background:url(../_images/pro_tile_installs.gif) no-repeat 0 0;}

.highlight{color:#cd0000;}
.top{display:block;text-indent:15px;background:url(../_images/top.gif) no-repeat .4em .52em;}
.print{display:block;text-indent:15px;background:url(../_images/print.gif) no-repeat .1em .55em;}
label{
	display:block;
}
.formField{
	border:1px solid #adadad;
	width:205px;
}
.formArea{
	border:1px solid #adadad;
	width:350px;
	height:150px;
	overflow:auto;
}
.submit{text-align:right;padding:0 10px;}
form, form p{margin:.5em 0;}
/* --------------------- nav ------------------------ */

#nav{
	float:right;
	display:inline;
	width:187px;
	background:url(../_images/nav_back.jpg) no-repeat 0 0;
}

#nav ul, #nav li{
	margin:0;
	padding:0;
	list-style:none;
}
#nav ul{
	width:104px;
	margin-left:33px;
	padding-top:8px;
}
#nav li{
	text-indent:-8000px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0;
	width:104px;
	height:59px;
}
#nav li a{
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	height:59px;
}
#nav li a:hover, #nav li a.selected{
	background-position:0 -59px;
}
#nav li#nav1, #nav li#nav1 a{background-image:url(../_images/nav1.jpg);}
#nav li#nav2, #nav li#nav2 a{background-image:url(../_images/nav2.jpg);}
#nav li#nav3, #nav li#nav3 a{background-image:url(../_images/nav3.jpg);}
#nav li#nav4, #nav li#nav4 a{background-image:url(../_images/nav4.jpg);}
#nav li#nav5, #nav li#nav5 a{background-image:url(../_images/nav5.jpg);}

#banner{
	text-indent:-8000px;
	overflow:hidden;
	margin:0;
}
#banner a{
	display:block;
	width:150px;
	height:100px;
	margin:55px 0 150px 22px;
}

/* --------------------- side ------------------------ */

#side{
	position:absolute;
	left:0;
	top:136px;
	width:270px;
	height:500px;
	background:url(../_images/side_back.gif) no-repeat 0 0;	
	z-index:100;	
}

#news, #news li {
	margin:0;
	padding:0;
	list-style:none;
}
#news{
	width:153px;
	margin-top:46px;
	margin-left:78px;
	line-height:28px;
}
#news li{
	height:27px;
	line-height:27px;
}
#news li a{
	display:block;
	width:100%;
	color:#7d849b;
}
#news li a:hover{
	color:#666;
	background:url(../_images/x.gif) no-repeat 140px 50%;		
}

#links, #links li {
	margin:0;
	padding:0;
	list-style:none;
}
#links{
	margin-top:60px;
	margin-left:44px;
	position:relative;
}
#links li{
	position:absolute;
	text-indent:-8000px;
	overflow:hidden;
}
#links li a{
	display:block;
}
#links li#linksTradingeye a{height:32px;}

/* --------------------- extra ------------------------ */

#extra{
	float:left;
	display:inline;
	width:580px;	
	margin-left:40px;
	padding:1em 0;
}
#portfolio, #portfolio li{
	margin:0;
	padding:0;
	list-style:none;
}
#portfolio li{
	float:left; 
	display:inline;
}
/* --------------------- footer------------------------ */

#footer{
	width:472px;
	margin:0 auto;
	text-align:left;
	height:55px;
	background:url(../_images/footer_back.jpg) no-repeat 0 0;
	text-align:center;
	
}
#footer ul, #footer li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:36px;
	height:36px;

}
#footer ul{
		width:455px;
		padding-top:3px;	
		overflow:hidden;	
}
#footer li{
	display:inline;
	margin-right:.3em;
	border-left:1px solid #cc0000;
}
#footer li.first{
	border:none;
}
#footer a{
	margin-left:.5em;
	color:#7d849b;
}
#footer a:hover{
	color:#5b6071;
	text-decoration:underline;
}

/* --------------------- float fix ------------------------ */

#container:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#container{display: block;}
/* Hides from IE-mac \*/
* html #container{height: 1%;}
#container{display: block;}
/* End hide from IE-mac */
/* end float fix */