/* HTML */
	
body {
	background: url(../images/bg_loop.png);
	background-repeat: repeat-y;
	background-position: left;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	text-decoration: none;
}

p {
	margin: 0px;
}



/* TEMPLATE */
#container {
	width: 1024px;
}

#header {
	width: 100%;
	background: #000;
	height: 68px;
}

p.intro {
	font-size: 1.3em;
	font-weight: bold;
	color: #979079;
	line-height: 24px;
	margin-top: -5px;
}

p.contact {
	font-size: 1.3em;
	line-height: 24px;
	padding: 0;
	margin-top: -15px;
}
p.contact a {
	text-decoration: underline;
}


/* NAVIGATION */
#navbar {
	width: 187px;
	font-weight: bold;
	font-size: 11px;
	position: absolute;
	top: 84px;
	left: 52px;
	z-index: 1;
}
#nav {
	line-height: 23px;
}
#nav ul {
	padding: 0;
	margin: 0;
	line-height: 19px;
	font-size: 11px;
}
#nav li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#products:hover a, #products_open a {
	font-weight: normal;
	line-height: 19px;
}

.selected {
	color: #FFF;
}

div#navbar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

div#navbar ul#nav li#products a, div#navbar ul#nav li#products_open a {
	font-weight: bold;
}

div#navbar ul#nav li#products ul li a {
	color: #000;
	font-weight: normal;
	display:none;
}
div#navbar ul#nav li#products a.selected {
	color: #FFF;
}

div#navbar ul#nav li#products_open ul li a {
	color: #000;
	font-weight: normal;
}

div#navbar ul#nav li#products_open ul li.selected {
	color: #FFF;
	font-weight: normal;
}

div#navbar ul#nav li#products ul li a:hover, div#navbar ul#nav li#products_open ul li a:hover {
	color: #FFF;
}

div#navbar ul#nav li#products:hover ul li a, div#navbar ul#nav li#products_open:hover ul li a {
	display:block;
}



/* PAGES */
#bodytext_residential {		background:url(../images/bg_residential.png);}
#bodytext_commercial {		background:url(../images/bg_commercial.png);}
#bodytext_showerscreens {	background:url(../images/bg_showerscreens.png);}
#bodytext_splashbacks {		background:url(../images/bg_splashbacks.png);}
#bodytext_company {			background:url(../images/bg_company.png);}
#bodytext_contact {			background:url(../images/bg_contact.png);}
#bodytext_home {			background:url(../images/bg_home.png);}
#bodytext_manufacturing {	background:url(../images/bg_manufacturing.png);}

#bodytext_home p,#bodytext_company p,#bodytext_manufacturing p,#bodytext_commercial p,#bodytext_residential p,#bodytext_showerscreens p,#bodytext_splashbacks p,#bodytext_contact p {
	padding: 8px;
}

#bodytext_home,#bodytext_company,#bodytext_manufacturing,#bodytext_commercial,#bodytext_residential,#bodytext_showerscreens,#bodytext_splashbacks,#bodytext_contact {
	padding: 0;
	height: 596px;
	width: 837px;
	line-height: 16px;
	position: absolute;
	left: 187px;
	top: 68px;
	z-index: 2;
	background-repeat: no-repeat;
}


/* OVERLAPS */
#top_commercial {		position:absolute; top: 25px;	left: 373px;}
#top_home {				position:absolute; top: 25px;	left: 328px;}
#top_residential {		position:absolute; top: 25px;	left: 317px;}
#top_shower {			position:absolute; top: 25px;	left: 318px;}
#top_splash {			position:absolute; top: 25px;	left: 364px;}

#nav_contact {			position:absolute; top: 120px;	left: 53px;	 z-index: 0;}
#nav_home {				position:absolute; top: 142px;	left: 68px;  z-index: 0;}
#nav_manufacturing {	position:absolute; top: 315px;	left: 114px; z-index: 0;}
#nav_residential { 		position:absolute; top: 220px;	left: 69px;	 z-index: 0;}
#nav_splash {			position:absolute; top: 228px;	left: 125px; z-index: 0;}

#foot_home {			position:absolute; top: 299px; left: 138px;}
#foot_residential {	position:absolute; top: 294px; left: 347px;}
#foot_showerscreens {	position:absolute; top: 238px; left: 353px;}
#foot_splashbacks {	position:absolute; top: 292px; left: 85px;}


/** TOOLTIPS */
.cross {
	margin: 3px;
	margin-bottom: -10px;
}
.crossbot {
	margin: 3px;
}

#ttc_1 div,#ttc_2 div,#ttc_3 div,
#ttr_1 div,#ttr_2 div,#ttr_3 div,
#ttss_1 div,#ttss_2 div,#ttss_3 div,
#ttsb_1 div,#ttsb_2 div,#ttsb_3 div,#ttsb_4 div,#ttsb_5 div,#ttsb_6 div {
	display: none;
	background: #898989;
}

#ttc_1 div p,#ttc_2 div p,#ttc_3 div p,
#ttr_1 div p,#ttr_2 div p,#ttr_3 div p,
#ttss_1 div p,#ttss_2 div p,#ttss_3 div p,
#ttsb_1 div p,#ttsb_2 div p,#ttsb_3 div p,#ttsb_4 div p,#ttsb_5 div p,#ttsb_6 div p {
	padding: 11px;
}

#ttc_1,#ttc_2,#ttc_3,
#ttr_1,#ttr_2,#ttr_3,
#ttss_1,#ttss_2,#ttss_3,
#ttsb_1,#ttsb_2,#ttsb_3,#ttsb_4,#ttsb_5,#ttsb_6 {
	color: #FFF;
	width: 24px;
	height: 24px;
	position: absolute;
	z-index: 3;
}

#ttc_1:hover div,#ttc_2:hover div,#ttc_3:hover div,
#ttr_1:hover div,#ttr_2:hover div,#ttr_3:hover div,
#ttss_1:hover div,#ttss_2:hover div,#ttss_3:hover div,
#ttsb_1:hover div,#ttsb_2:hover div,#ttsb_3:hover div,#ttsb_4:hover div,#ttsb_5:hover div,#ttsb_6:hover div {
	display: block;
	width: 157px;
	position: absolute;
	top: 0;
	left: 0;
}

#ttr_3:hover div {
	position: absolute;
	top: -79px;
	left: 0;
}
#ttr_3:hover div p {
	height: 56px;
}
#ttss_3:hover div {
	position: absolute;
	top: -98px;
	left: 0;
}
#ttss_3:hover div p {
	height: 78px;
}
#ttsb_4:hover div,#ttsb_5:hover div,#ttsb_6:hover div {
	position: absolute;
	top: -67px;
	left: 0;
}
#ttsb_4:hover div p, #ttsb_5:hover div p, #ttsb_6:hover div p {
	height: 45px;
}

#ttc_1 { top: 211px; left: 273px; }
#ttc_2 { top: 211px; left: 373px; }
#ttc_3 { top: 211px; left: 531px; }
#ttr_1 { top: 211px; left: 348px; }
#ttr_2 { top: 211px; left: 534px; }
#ttr_3 { top: 363px; left: 534px; }
#ttss_1 { top: 211px; left: 249px; }
#ttss_2 { top: 211px; left: 541px; }
#ttss_3 { top: 305px; left: 541px; }
#ttsb_1 { top: 212px; left: 195px; }
#ttsb_2 { top: 212px; left: 364px; }
#ttsb_3 { top: 212px; left: 597px; }
#ttsb_4 { top: 361px; left: 272px; }
#ttsb_5 { top: 361px; left: 414px; }
#ttsb_6 { top: 361px; left: 597px; }


div#navbar ul#nav li#products ul li.iehack a {
	font-weight: bold;
	line-height: 23px;
	display: none;
}

p.tooltip {
	line-height: 18px;
}

#address {
	font-size: 11px;
	position: absolute;
	top: 630px;
	left: 50px;
	line-height: 15px;
}