@charset "UTF-8";
/* CSS Document */
/*
======================================================================
Css Name: Master - Screen Css
Css URL: http://ispace.com.au/

======================================================================*/

/* Colors
======================================================================
	#6400ef : Purple - link 
	#FF0000 : Red - hover state
	#18417b : Blue - no telp
	
====================================================================== */




/*----------------------------------
		General Layout
-----------------------------------*/

html, body, div, span, h1, h2, h3, h4, p, a, img, li, ol, ul, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; vertical-align: baseline; }/* Reset browser defaults for consistency */
body {
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the .container selector */
	color: #333333;
	font: normal 98% Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/interface/bgHrz.jpg) repeat-y center;
}
.container {
	font-size: 1em;
	width: 785px;
	margin: 0 auto;
	text-align: left;
}



/*----------------------------------
		Typography
-----------------------------------*/



h1 { font-size: 1.2em;color: #666666;}
h2 {
	font-size: 0.95em;
	color: #666666;
}
h3 {font-size: 1.1em;color: #464242;font-weight: normal;}
p {
	font-size: 0.72em;
	line-height: 140%;
}
	
/*---------------------------Link Style-----------------------------*/
		
a:link, a:visited { color: #6400ef; text-decoration:none; }
a:hover {color: #FF0000;}
	

	
.left_short a:link, .left_short a:visited { color: #0f4282; text-decoration:none; font-weight:normal; }
.left_short a:hover { color: #000; }	
	
	
.product_link a:link, .product_link a:visited { text-decoration:underline; font-weight:bold; }	
.product_link a:hover { color: #FF0000; }
/*----------------------------------
		Header layout 
-----------------------------------*/
.header {
	background: url(../images/interface/version6_e.jpg) no-repeat;
	height: 115px;
	margin-top: 0px;
	text-align: right;
	padding-right: 120px;
	font-size: 0.77em;
	padding-top: 32px;
	color:#51388d;
}
          
/*----------------------drop down menu--------------------------------*/



.menu {/*set the height*/
	background: url(../images/interface/menu_bar.jpg) no-repeat center 0px;
	height: 27px;
	padding-left: 42px;
} 
#nav, #nav ul {padding: 0;margin: 0;list-style: none; line-height: 1;} /*reset for consistency*/

#nav .top_line{ float: left;} /*top level menu inline display*/
#about, #philosophy, #process, #products, #services, #finishes, #maintenance, #distribution, #contact {
	height: 19px;
	display: block;
	margin-top:4px;
	font-size: 0.76em;
	text-align:center;
	padding-top:3px; 
	border-right: 1px solid #d4d4d6;
	/*background:url(../images/interface/line_menu.gif) right center no-repeat;*/
}


/*------individual setting of the width menus---------*/
#about { width: 65px;}
#philosophy { width: 75px;}
#process { width: 65px;}
#products { width: 65px;}
#services { width: 65px;}
#finishes { width: 65px;}
#maintenance { width: 85px;}
#distribution { width: 145px;}
#contact { width: 60px; border:none;}
/*------ end individual setting ---------*/



		
#about:link, #about:visited, #philosophy:link, #philosophy:visited, #process:link, #process:visited, #products:link, #products:visited, #services:link, #services:visited, #finishes:link, #finishes:visited, #maintenance:link, #maintenance:visited, #distribution:link, #distribution:visited, #contact:link, #contact:visited {
	color:#0f4282;
}		
#about:hover, #philosophy:hover, #process:hover, #products:hover, #services:hover, #finishes:hover, #maintenance:hover, #distribution:hover, #contact:hover {
	color:#000;
}


.down a:link, .down a:visited {
	color:#0f4282;
	font-size: 0.75em;
	padding: 4px 6px;
	display: block;
	background: #F4F4F4;
	border: 1px solid #FFF;
}
.down a:hover {background:#bdcdd6; color:#000;}
	

#nav li ul, #nav li:hover ul ul, #nav li.sfhover ul ul {position: absolute;left: -999em; z-index:100;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; padding-top:2px;}
#nav li li:hover ul, #nav li li.sfhover ul {left: auto;} /* lists nested under hovered list items */

#nav li ul ul { margin-top: -21px;}/* second level global */









/*------individual setting position of second level menu---------*/	
#nav .top_line .down .second_about { margin-left:90px; width:110px; }
#nav .top_line .down .second_signage { margin-left:159px; width:110px; }	
#nav .top_line .down .second_philosophy {  }	
#nav .top_line .down .second_process { margin-left:150px; width:110px;  }
#nav .top_line .down .second_products { margin-left:172px; width:110px;}/* second level setting position for products ---- margin left must be same as width of the first level drop down*/
#nav .top_line .down .second_services { margin-left:195px; width:110px; }
#nav .top_line .down .second_finishes { margin-left:215px; width:110px; }
#nav .top_line .down .second_maintenance { margin-left:185px; width:110px; }
#nav .top_line .down .second_distribution { margin-left:170px; width:110px; }

/*------ end individual setting position ------------------------*/	

	
	








/*---------------------------- 7 sites left navigations--------------------------------*/
.sign, .neon, .st, .pdf, .webeon, .garage, .print {
	position: absolute;
	z-index:100;
	width: 56px;
	margin-left: -20px;
	
	
}
.sign:link, .sign:visited {
	height: 57px;
	margin-top: 60px;
	background: url(../images/left_seven/left_sign.jpg) no-repeat -56px 0px;
}

.neon:link, .neon:visited {
	height: 58px;
	margin-top: 117px;
	background: url(../images/left_seven/left_neonic.jpg) no-repeat -56px 0px;
	
}

.st:link, .st:visited {
	height: 45px;
	margin-top: 175px;
	background: url(../images/left_seven/left_1st.jpg) no-repeat -56px 0px;
	
}

.pdf:link, .pdf:visited {
	height: 40px;
	margin-top: 220px;
	background: url(../images/left_seven/left_pdf.jpg) no-repeat -56px 0px;
	
}

.webeon:link, .webeon:visited {
	height: 49px;
	margin-top: 260px;
	background: url(../images/left_seven/left_webeon.jpg) no-repeat -56px 0px;
	
}

.garage:link, .garage:visited {
	height: 54px;
	margin-top: 309px;
	background: url(../images/left_seven/left_garage.jpg) no-repeat -56px 0px;
	
}
.print:link, .print:visited {
	height: 54px;
	margin-top: 363px;
	background: url(../images/left_seven/left_print.jpg) no-repeat -56px 0px;
	
}


.sign:hover, .neon:hover, .st:hover, .pdf:hover, .webeon:hover, .garage:hover, .print:hover { background-position: -1px 0;}



/*---------------------------- Header Below Menu--------------------------------*/
.below_menu {
	height: 60px;
	background: url(../images/interface/below_menu.jpg) no-repeat center -1px;
}
.australia {
	background: url(../images/interface/aus_logo.gif) no-repeat 0px 0px;
	height: 41px;
	width: 40px;
	position: absolute;
	margin-top: 2px;
	margin-left: -10px;
}
.company_document {
	font-size: 0.7em;
	display: block;
	margin-left: 420px;
	padding-top: 8px;
}
.curent_page {  /*  class for h3 to indicate the curent page  */
	display: block;
	margin-top: 6px;
	margin-left: 50px;
}

.telp {
	width: 180px;
	height: 30px;
	position: absolute;
	margin-left: 500px;
	margin-top: 4px;
	z-index:1;
}
.telp_no_flash { display:block; padding: 2px 0 0 64px; font-size: 1em; color:#18417b;}
.backtohome {
	height: 24px;
	width: 24px;
	position: absolute;
	margin-left: 690px;
	margin-top: 4px;
}
.backtocontact {
	height: 24px;
	width: 24px;
	position: absolute;
	margin-left: 720px;
	margin-top: 4px;

}


/*------------------------------- Flash Header----------------------------------*/

.flash_bg {
	height: 340px;
	background: url(../images/interface/flash_bg.gif) no-repeat center 0px;
	padding-top: 9px;
	padding-left: 70px;
}
#flashcontent {
	height: 332px;
	width: 648px;
	text-align: center;
}
.alternate { padding-top: 20px;}/*alternate content for flash "p" tag*/
	
.flash_message {
	background: #F0f0f0;
	height: 23px;
	clear: both;
	width: 698px;
	margin-left: 43px;
	border-bottom: 1px solid #C8C9CC;
	border-left: 1px solid #C8C9CC;
	border-right: 1px solid #C8C9CC;
}




/*------------ Navigation to another 7 websites, index page only ---------------*/
.sub_web { padding-left: 42px; }
	





/*----------------------------------
		Content Page
-----------------------------------*/


.content { /*main content container */
	background: url(../images/interface/back.jpg) no-repeat center bottom;
	padding: 20px 45px 260px 44px;
}
#flashcontact {
	height: 400px;
	width: 694px;
}
.float_left {/*picture product page*/
	float: left;
	margin: 0px 10px 10px 0px;
}
.box_w_bottom_line {/*product page*/
	padding: 10px 0;
	border-bottom: 1px solid #CCCCCC;
}
.box_no_bottom_line {/*product page*/
	padding: 10px 0;
}
.text_product_right {/* product page*/
	float: right;
	width: 500px;
}

/*-------two column wideleft---------------*/
.left_two_column {
	float: left;
	width: 500px;
}
.right {
	width: 160px;
	float: right;
	background: #F4F4F4;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
	
/*-------two column wide right---------------*/	
	
.left_short {
	float: left;
	/*background: #F4F4F4;
	border: 1px solid #CCCCCC;*/
	padding: 0px;
}
.right_wide {
	width: 480px;
	float: right;
	
}	
.float_right { /*picture*/
	float: right;
	margin: 0px 0px 10px 10px;
}
	
	
	
.strecher { clear:both; height:0;}



/*----------------site map------------------------*/	


#sitemap .container .content .left_two_column #nav .top_line { /*for top menu*/
	float: none;
	border-style: none;
	font-weight: bold;
	font-size: 1.1em;
}
#sitemap .container .content .left_two_column #nav .top_line a {
	background: none;
	border: none;
	width: auto;
	text-align: left;	
}
#sitemap .container .content .left_two_column #nav .top_line .down { /*first level menu*/
	position: relative;
	left: auto;
}

#sitemap .container .content .left_two_column #nav .top_line .down ul {/*second level menu*/
	position: relative;
	left: auto;
	margin: 2px 0 0 10px;
}




#sitemap .container .content .left_two_column #nav .top_line .down a {
	background: #FFFFFF;font-weight: normal;
}
#sitemap .container .content .left_two_column #nav li:hover ul,#sitemap .container .content .left_two_column #nav li.sfhover ul {left: auto; padding-top:0px;} /*keep them visible*/


#sitemap .container .content .left_two_column #nav .top_line a:link,
#sitemap .container .content .left_two_column #nav .top_line a:visited,
#sitemap .container .content .left_two_column #nav .top_line .down a:link,
#sitemap .container .content .left_two_column #nav .top_line .down a:visited {
	color: #6400ef;	
}
#sitemap .container .content .left_two_column #nav .top_line a:hover,
#sitemap .container .content .left_two_column #nav .top_line .down a:hover {
	color: #FF0000;	
}





/*----------------------------------
		footer
-----------------------------------*/
.client {padding-left: 40px;}
#flashclient {height: 100px;width: 706px;text-align: center;}

.menu_footer {
	font-size: 0.7em;
	padding: 30px 45px 80px;
	text-align: center;
}


.flip {
	background: url(../images/interface/flip.jpg);
	height: 182px;
	width: 158px;
	position: absolute;
	right: 0px;
	margin-top: -150px;
}
/*-------end footer---------------*/	

.subMenu {
	list-style: none;
}
.container .content .left_short .subMenu li {
	display: block;
	background: url(../images/interface/menuBtn.jpg) no-repeat 0px 0px;
	height: 38px;
	width: 195px;
	text-align: center;
	padding-top: 16px;
	font-size: 13px;
	font-weight: bold;
}
.thumbSmallProduct {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.small_box_product {
	width: 335px;
	float: left;
}
.small_box_productR {
	width: 335px;
	float: left;
	margin-left: 26px;
}