/*=======================================================
 CSS Document for Direct Glass
=======================================================*/

@import url("global.css");
@import url("thickbox.css");

.hidden { display: none; }
.show { display: block; visibility: visible; }

/*=============================================================
	Main layout
=============================================================*/
body.body_home {padding:10px 0 0 0; background:#414042 url(../images/core/background.gif) repeat-x center top;}
.body_home 	#flash_container {width:100%; height:350px; overflow:hidden; z-index:1; position:absolute; display: block; top:150px; text-align:center; margin:0 auto;}
.body_home 	#banner {width:1294px; height:350px; text-align:center; margin:0 auto;}

body.body_inner {padding:10px 0 0 0; background:#414042 url(../images/core/background_02.gif) repeat-x center top;}
.body_inner #flash_container {
	width:100%; 
	height:280px; 
	overflow:hidden; 
	z-index:0; 
	position:absolute; 
	display: block; 
	top:150px; 
	text-align:center; 
	margin:0 auto; 
	overflow:hidden;
	}
.body_inner #banner {width:1294px; height:280px; text-align:center; margin:0 auto; overflow:hidden;}


#header {width:990px; position:relative; height:165px; margin:0 auto; padding:0 0 0 0; z-index:200;}
	#navigation {float:right; padding:41px 0 0 0; width:800px; position:relative; top:-121px;}
	
.body_home #banner_content {width:990px; height:325px; overflow:hidden; padding:0 0 0 0; margin:0 auto; position:relative;}
	.body_home #product_cat_container 	{width:250px; height:500px; background:#000; top:-560px; left:30px; position:relative; z-index:30;}
	.body_home #our_gallery_container 	{width:615px; height:117px; background:#000; overflow:hidden; position:relative; left:370px; top:-235px; z-index:250;}
	
.body_inner #banner_content {width:990px; height:260px; overflow:hidden; padding:0 0 5px 0; margin:0 auto; position:relative;}
	.body_inner #product_cat_container 	{width:250px; height:400px; background:#000; top:-495px; left:30px; position:relative; z-index:250;}
	.body_inner #our_gallery_container 	{display:none;}
	
#cta_container {width:990px; margin:0 auto; display:block; padding:0 0 0 35px; position:relative;}
	ul.cta 						{display:inline-block; clear:both; padding:0 0 0 0; list-style:none; width:985px;}
	ul.cta li 				{float:left; float:left; height:126px; overflow:hidden;}
	ul.cta li a				{display:block; height:126px; text-indent:-9999px;}
	ul.cta li a:hover {background-position:0 -126px!important;}
	ul.cta li.cta-showroom a		{width:352px; background:url(../images/core/cta-showroom.jpg) no-repeat 0 0;}
	ul.cta li.cta-customised a 	{width:330px; background:url(../images/core/cta-customised_glass.jpg) no-repeat 0 0;}
	ul.cta li.cta-renovating a	{width:298px; background:url(../images/core/cta-renovating.jpg) no-repeat 0 0;}
	
.body_inner #cta_container {
	width:709px; 
	height:90px; 
	overflow:hidden; 
	display:block; 
	padding:10px 0 0 0; 
	z-index:500; 
	position:relative; 
	top:-105px; 
	left:147px;
	}
.body_inner ul.cta 						{display:inline-block; clear:both; padding:0; list-style:none; width:709px;}
.body_inner ul.cta li 				{float:left; height:90px; overflow:hidden; padding:0 0 0 3px;}
.body_inner ul.cta li a				{display:block; height:90px; text-indent:-9999px;}
.body_inner ul.cta li a:hover {background-position:0 -90px!important;}
.body_inner ul.cta li.cta-showroom a		{width:251px; background:url(../images/core/cta-small-showroom.jpg) no-repeat 0 0;}
.body_inner ul.cta li.cta-customised a 	{width:235px; background:url(../images/core/cta-small-customised.jpg) no-repeat 0 0;}
.body_inner ul.cta li.cta-renovating a	{width:214px; background:url(../images/core/cta-small-renovating.jpg) no-repeat 0 0;}


/* our gallery layout
-------------------------------------------------------------*/
#our_gallery {
	width:585px; 
	height:120px; 
	overflow:hidden; 
	background:url(../images/titles/title_ourgallery.gif) no-repeat 0 0; 
	position:relative; 
	top:300px; 
	left:370px;
	padding:0 0 0 30px;
	}
	
#cta-inner-container	{width:970px; height:120px; margin:0 auto; padding:0 0 0 40px;}
ul#cta-inner	 					{width:940px; height:110px; background:#1f1f1f url(../images/core/cta-inner-bg.gif) no-repeat 0 0; padding:10px 0 0 25px;}
ul#cta-inner li 				{float:left; height:100px; width:170px; padding:0 0 0 16px; overflow:hidden; text-indent:-9999px;}
ul#cta-inner li a				{display:block; height:100px;}
ul#cta-inner li a:hover {background-position:0 -100px!important;}

ul#cta-inner li.cta-outdoor a 		{background:url(../images/core/cta-outdoor.jpg) no-repeat 0 0;}
ul#cta-inner li.cta-commercial a	{background:url(../images/core/cta-commercial.jpg) no-repeat 0 0;}
ul#cta-inner li.cta-custom a			{background:url(../images/core/cta-custom.jpg) no-repeat 0 0;}
ul#cta-inner li.cta-bathroom a		{background:url(../images/core/cta-bathroom.jpg) no-repeat 0 0;}
ul#cta-inner li.cta-kitchen a			{background:url(../images/core/cta-kitchen.jpg) no-repeat 0 0;}



/*=============================================================
	Navigation 
=============================================================*/
a 				{color:#659a95; text-decoration:none; font-size:11px;}
a:hover 	{color:#83c6d9; text-decoration:underline;}
a:visited {color:#659a95; text-decoration:none;}

ul.nav {list-style:none; width: 610px; height:50px; display: inline-block; clear: both; padding:0; float:right;}
ul.nav li {float:left; padding:0 0 0 8px;}
ul.nav li a {display:block; height:50px; text-indent:-9999px;}
ul.nav li a:hover {background-position:0 -50px!important;}

ul.nav li#home a 					{background:url(../images/nav/home.gif) no-repeat 0 0; width: 70px; height:50px;} 
ul.nav li#profile a 			{background:url(../images/nav/profile.gif) no-repeat 0 0; width: 70px; height:50px;} 
ul.nav li#testimonials a 	{background:url(../images/nav/testimonials.gif) no-repeat 0 0; width: 110px; height:50px;} 
ul.nav li#project a 			{background:url(../images/nav/project.gif) no-repeat 0 0; width: 120px;}
ul.nav li#renovations a 	{background:url(../images/nav/renovations.gif) no-repeat 0 0; width: 110px; height:50px;} 
ul.nav li#contact a 			{background:url(../images/nav/contact.gif) no-repeat 0 0; width: 80px; height:50px;}

ul.nav li ul {position:absolute; top:90px; left:460px; z-index:700 !important; width:140px; display:none; background:#1c1c1c;}
ul.nav li:hover ul {display: block;}
ul.nav li.dropdown ul {display:block;}
ul.nav li ul#drop li { 
	padding:0; 
	width:120px;
	margin:0; 
	float:left; 
	text-align:center;
	}
ul.nav ul a {
	text-indent:0;
 	color:#8b8b8b;
	font:12px "Century Gothic", Helvetica, Arial, Verdana;
	text-transform:uppercase;
	background-image:none !important; 
	text-align:center;
	padding:8px 0 0 0px;
	margin:0;
	width:100px;
	height:25px !important;
	border-bottom:1px solid #474747;
	overflow:hidden;
	}
ul.nav ul a:hover {border-bottom:3px solid #00a79c; color:#8cd6c3; height:23px !important;}	
.pushright { margin-left: 115px; }

#body_home ul.nav li#home a 								{background-position:0 -50px!important; width: 70px;} 
#body_profile ul.nav li#profile a 					{background-position:0 -50px!important; width: 70px;} 
#body_testimonials ul.nav li#testimonials a	{background-position:0 -50px!important; width: 110px;} 
#body_project ul.nav li#project a 					{background-position:0 -50px!important; width: 120px;}
#body_renovations ul.nav li#renovations a 	{background-position:0 -50px!important; width: 110px;} 
#body_contact ul.nav li#contact a 					{background-position:0 -50px!important; width: 80px;} 


/* product cat navigation
-------------------------------------------------------------*/
#product_cat {width:230px; height:305px; overflow:hidden; position:relative; left:45px; top:15px; z-index:500;}
.body_inner #product_cat {width:230px; height:250px; overflow:hidden; position:relative; left:45px; top:15px; z-index:500;}

#product_cat h3 {text-indent:-9999px; background:url(../images/titles/title-product_range.gif) no-repeat 0 0; width:218px; height:42px;}
	ul.product_cat_nav {width:215px;}
	ul.product_cat_nav li {height:15px; padding:5px 0 10px 0; width:215px; display:inline;}
	ul.product_cat_nav li a {
		border-bottom:1px solid #3a3939; 
		padding:5px 0 10px 10px; 
		height:16px; 
		display:block;
		color:#787878;
		font:14px "Century Gothic", Helvetica, Arial, Verdana;
		text-decoration:none;
		} 
	ul.product_cat_nav li a:hover {border-bottom:3px solid #01998a; color:#01998a; height:14px;}

.body-slump_glass a.hov-slump {border-bottom:3px solid #01998a; color:#01998a; height:14px;}
.body-mirrors a.hov-mirrors {border-bottom:3px solid #01998a; color:#01998a; height:14px;}
.body-shower a.hov-shower {border-bottom:3px solid #01998a; color:#01998a; height:14px;}
.body-splash a.hov-splash {border-bottom:3px solid #01998a; color:#01998a; height:14px;}
.body-colour a.hov-colour {border-bottom:3px solid #01998a; color:#01998a; height:14px;}
.body-signage a.hov-signage {border-bottom:3px solid #01998a; color:#01998a; height:14px;}


/* sitemap navigation
-------------------------------------------------------------*/
ul.sitemap_nav {list-style:none; padding:0;}
ul.sitemap_nav li a {padding:0 0 0 10px; display:block; line-height:16px; width:120px; height:17px;}
ul.sitemap_nav li a:hover {background:#4d4c4e; display:block; color:#fff; padding:0 0 0 10px;}
ul.sitemap_nav li h3 {padding:0 0 0 10px;}
	ul.sitemap_nav li.bookmark {margin:3px 0 3px 0; background:none;}
	ul.sitemap_nav li.bookmark a {background:none;}
	ul.sitemap_nav li.hub {background-color:#5cc2a7; padding:5px 5px 15px 5px; margin:7px 0 0 10px; color:#000;}
	ul.sitemap_nav li.hub a {padding:0!important;}
	ul.sitemap_nav li.hub a:hover {background:none;}
	



/*=============================================================
	Typography 
=============================================================*/
#body_home h1 				{text-indent:-9999px; background:url(../images/titles/h1-home.gif) no-repeat 0 0; width:360px; height:30px;}
#body_profile h1 			{text-indent:-9999px; background:url(../images/titles/h1-profile.jpg) no-repeat 0 0; width:360px; height:30px;}
#body_testimonials h1 {text-indent:-9999px; background:url(../images/titles/h1-testimonials.jpg) no-repeat 0 0; width:360px; height:30px;}
#body_products h1 		{text-indent:-9999px; background:url(../images/titles/h1-products.jpg) no-repeat 0 0; width:360px; height:30px;}
#body_project h1 			{text-indent:-9999px; background:url(../images/titles/h1-project.jpg) no-repeat 0 0; width:360px; height:30px;}
#body_renovations h1 	{text-indent:-9999px; background:url(../images/titles/h1-renovations.jpg) no-repeat 0 0; width:360px; height:30px;}
#body_contact h1 			{text-indent:-9999px; background:url(../images/titles/h1-contact.jpg) no-repeat 0 0; width:360px; height:30px;}

#body_project h2 a {font-size:16px;}
h2.sitemap {text-indent:-9999px; background:url(../images/titles/title-sitemap.gif) no-repeat 0 0; width:98px; height:31px; padding:0; margin:0;}
.body_inner h2.sitemap {
	text-indent:-9999px; 
	background:url(../images/titles/title-sitemap_02.gif) no-repeat 0 0; 
	width:98px; 
	height:31px; 
	padding:0; 
	margin:0;
	}
	
	.text-white {color:#fff;}

 


/*=============================================================
	Main body
=============================================================*/
#content_container {width:930px; margin:0 auto; padding:30px;}
#right_column {width:165px; float:right;}
#left_column 	{width:764px;float:left;}
	#content {width:734px; padding:0 30px 0 0; border-right:1px solid #4e4d4f;}

ul.gallery {margin:0 0 20px 0; background:#222; padding:11px 0 11px 11px;}
ul.gallery li {float:left; width:139px; padding:0 4px 0 0;}
ul.gallery li a {border:2px solid #555; width:135px; height:105px; display:block;}
ul.gallery li a:hover {border:2px solid #659a95; width:135px; height:105px; display:block;}

.contact-info {width:300px; border-left:1px solid #4e4d4f; margin:0px 0 20px 0; padding:0 0 0 20px;}
.contact-info p {padding:0 0 10px 0 !important; font-size:12px;}



/*=============================================================
	Footer
=============================================================*/
#footer {background:url(../images/core/footer-phone.gif) no-repeat top left; width:720px; margin:55px 0 0 0;}



/*=======================================================
 End of CSS Document for 
=======================================================*/