/* Theme name: industrie 8
Theme url : www.industrie8.com.au
Author: Caleb (22/2/2011) 

/* Type Selector */
* {margin:0; padding:0; font-family:Arial; font-size:12px; color:#FFF;

}
img {border:none; display:block;}
fieldset, button {border:none;}
a {text-decoration:none;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active {/*text-decoration:underline;*/}
button {cursor:pointer; border:none;}
.clear {clear:both;}
.test {border:#F00 1px solid;}
label {display:block;}
.hidden {text-indent:-9999px;}
.justifyleft{float:left}
.justifyright{float:right}
/* To hide border for every link with image*/
a{
background:none repeat scroll 0 0 transparent;
border:0 none;
margin:0;
outline:0 none;
padding:0;
}


/* Title */
h1, h2, h3, h4, h5, h6 {}
h1 {font-size:57px;}
h2 {font-size:36px;}
h3 {font-size:28px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}

/* Head */
body {background:url(../images/bodybg.gif) repeat ;background-color:#2d2d2d;}
#wrap {width:850px; margin:0 auto;}
#head {width:850px; margin:0 auto; z-index:120;}
#head .logo a {width:850px; height:196px; float:left; background:url(../images/Logo.png) no-repeat 0 0; padding: 0px;}
#head img {width:831px; height:50px; float:left; padding: 0 10px;}
#number {width:252px; height:109px; float:right; background:url(../images/num.jpg) no-repeat;}

/* Navigation */
#gnav {width:850px; height:52px; z-index:110;}
#gnav ul li {float:left; height:52px; list-style:none; }
#gnav ul li.gnav1 a {background:url(../images/gnv1.png) no-repeat;width:166px;}
#gnav ul li.gnav2 a {background:url(../images/gnv2.png) no-repeat;width:103px;}
#gnav ul li.gnav3 a {background:url(../images/gnv3.png) no-repeat;width:101px;}
#gnav ul li.gnav4 a {background:url(../images/gnv4.png) no-repeat;width:111px;}
#gnav ul li.gnav5 a {background:url(../images/gnv5.png) no-repeat;width:78px;}
#gnav ul li.gnav6 a {background:url(../images/gnv6.png) no-repeat;width:86px;}
#gnav ul li.gnav7 a {background:url(../images/gnv7.png) no-repeat;width:205px;}
#gnav ul li a {display:block; height:52px; text-indent:-9999px;}
#gnav ul li a:hover {/*background-position:bottom;*/}
#gnav ul li a.active {/*background-position:bottom;*/}
ul.menu li {position:relative; float:left;}
/* Dropdown_Services*/
#gnav .gnav2 ul {width:150px; float:left; margin-left:4px;  display: none;z-index: 100;position:absolute; top:46px; left:0;opacity:0; background-color:black;}
#gnav .gnav2 ul li { height:30px;line-height:30px; background:url(../images/dot_grey.jpg) 0 100% repeat-x;position:relative; width:150px;}
#gnav .gnav2 ul li a { font-size:12px; text-indent:0; background-image:none; float:none; width:150px; height:15px; line-height:15px; margin-left:15px; padding-top:5px;}
#gnav .gnav2 ul li a:hover { color:red;}

/*#gnav ul li.gnav3:hover div.subnav3 {display:block;}
#gnav div.subnav3 {
    background: url("../images/bg_drop_down2.png") no-repeat scroll 0 0 transparent;
	background-color:black;
    display: none;
    height: 300px;
    margin-top: 25px;
    padding-top: 10px;
    position: absolute;
    width: 280px;
    z-index: 100;
}
#gnav div.subnav3 ul {width:260px; float:left; margin-left:4px;}
#gnav div.subnav3 li {width:auto; float:left; height:30px;line-height:30px; background:url(../images/dot_grey.jpg) 0 100% repeat-x;}
#gnav div.subnav3 li a { font-size:12px; font-weight:bold; text-indent:0; background-image:none; float:none; width:260px; height:15px; line-height:15px; margin-left:15px; padding-top:5px;}
#gnav div.subnav3 li a:hover { color:red;}
*/

#gnav .gnav3 ul {width:220px; float:left; margin-left:4px;  display: none;z-index: 100;position:absolute; top:46px; left:0;opacity:0; background-color:black;}
#gnav .gnav3 ul li {width:220px; float:left; height:30px;line-height:30px; background:url(../images/dot_grey.jpg) 0 100% repeat-x;position:relative;}
#gnav .gnav3 ul li a { font-size:12px; text-indent:0; background-image:none; float:none; width:220px; height:15px; line-height:15px; margin-left:15px; padding-top:5px;}
#gnav .gnav3 ul li a:hover { color:red;}


/*#gnav ul li.gnav4:hover div.subnav4 {display:block;}
#gnav div.subnav4 {
    background: url("../images/bg_drop_down2.png") no-repeat scroll 0 0 transparent;
	background-color:black;
    display: none;
    height: 90px;
    margin-top: 25px;
    padding-top: 10px;
    position: absolute;
    width: 180px;
    z-index: 100;
}
#gnav div.subnav4 ul {width:211px; float:left; margin-left:4px;}
#gnav div.subnav4 li {width:auto; float:left; height:30px;line-height:30px; background:url(../images/dot_grey.jpg) 0 100% repeat-x;}
#gnav div.subnav4 li a { font-size:12px; font-weight:bold; text-indent:0; background-image:none; float:none; width:211px; height:15px; line-height:15px; margin-left:15px; padding-top:5px;}
#gnav div.subnav4 li a:hover { color:red;}*/

#gnav .gnav4 ul {width:160px; float:left; margin-left:4px;  display: none;z-index: 100;position:absolute; top:46px; left:0;opacity:0; background-color:black;}
#gnav .gnav4 ul li {width:160px; float:left; height:30px;line-height:30px; background:url(../images/dot_grey.jpg) 0 100% repeat-x;position:relative;}
#gnav .gnav4 ul li a { font-size:12px; text-indent:0; background-image:none; float:none; width:160px; height:15px; line-height:15px; margin-left:15px; padding-top:5px;}
#gnav .gnav4 ul li a:hover { color:red;}


#gnav ul li.gnav5:hover div.subnav5 {display:block;}
#gnav div.subnav5 {
    /*background: url("../images/bg_drop_down2.png") no-repeat scroll 0 0 transparent;*/
	background-color:black;
    display: none;
    height: 159px;
    margin-top: 25px;
    padding-top: 10px;
    position: absolute;
    width: 145px;
    z-index: 100;
}
#gnav div.subnav5 ul {width:120px; float:left; margin-left:4px;}
#gnav div.subnav5 li {width:120px; float:left; height:30px;line-height:30px; background:url(../images/dot_grey.jpg) 0 100% repeat-x;}
#gnav div.subnav5 li a { font-size:12px; font-weight:bold; text-indent:0; background-image:none; float:none; width:120px; height:15px; line-height:15px; margin-left:15px; padding-top:5px;}
#gnav div.subnav5 li a:hover { color:red;}


/*#gnav ul li.gnav6:hover div.subnav6 {display:block;}
#gnav div.subnav6 {
    background: url("../images/bg_drop_down2.png") no-repeat scroll 0 0 transparent;
	background-color:black;
    display: none;
    height: 159px;
    margin-top: 25px;
    padding-top: 10px;
    position: absolute;
    width: 100px;
    z-index: 100;
}
#gnav div.subnav6 ul {width:211px; float:left; margin-left:4px;}
#gnav div.subnav6 li {width:auto; float:left; height:30px;line-height:30px; background:url(../images/dot_grey.jpg) 0 100% repeat-x;}
#gnav div.subnav6 li a { font-size:12px; font-weight:bold; text-indent:0; background-image:none; float:none; width:211px; height:15px; http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js:15px; margin-left:15px; padding-top:5px;}
#gnav div.subnav6 li a:hover { color:red;}*/

#gnav .gnav6 ul {width:80px; float:left; margin-left:4px;  display: none;z-index: 100;position:absolute; top:46px; left:0;opacity:0; background-color:black;}
#gnav .gnav6 ul li {width:80px; float:left; height:30px;line-height:30px; background:url(../images/dot_grey.jpg) 0 100% repeat-x;position:relative;}
#gnav .gnav6 ul li a { font-size:12px; text-indent:0; background-image:none; float:none; width:80px; height:15px; line-height:15px; margin-left:15px; padding-top:5px;}
#gnav .gnav6 ul li a:hover { color:red;}






#social_head{width:850px; height:26px;  background-color: black;}

/* Middle */

#middle {width:850px; margin:0 auto; background-color:black; z-index:100;}
#middle h3{ text-align:center}
/* SlideBox */
#SlideBox_wrapper{width:850px;height:170px;  background-color: black;}
#SlideBox_wrapper div.prev{  
	background: url("../images/left_arrow.png") no-repeat scroll 0 50% transparent;
    cursor: pointer;
    float: left;
    height: 140px;    
    width: 20px;		
	}
#SlideBox_wrapper div.next{	
	background: url("../images/right_arrow.png") no-repeat scroll 100% 50% transparent;
    cursor: pointer;
    float: right;
    height: 140px;    
    width: 20px;}
#SlideBox {width:734px;height:170px; overflow:hidden; position:relative; float: left; margin-left: 30px;}
#SlideBox ul {width:2000em;position:absolute;}
#SlideBox li {width:127px; float:left; list-style:none; font-size:11px; line-height:15px; margin-left:20px;}

/*#SlideBox ul li {z-index:50;}
#SlideBox ul li img{z-index:50;}*/
/*#wrap_product_item li span {width:220px; height:80px; padding-top:5px; display:block;}
#wrap_product_item li a {display:block; border-top:3px solid #E9E6DF; margin-top:10px;}*/


/* Contents */
#middle_top {width:850px; }
#middle_top_left {width:347px; padding:10px 10px 10px 68px; float:left}
#middle_top_right {width:347px; padding:10px 68px 10px 10px;float:left}

#middle_middle {width:850px; }
#middle_middle_left {width:347px; padding:10px 10px 10px 68px;float:left}
#middle_middle_right {width:347px; padding:10px 68px 10px 10px;float:left}


#middle_bottom {width:850px;}
#middle_bottom_left {width:347px; padding:10px 10px 10px 68px;float:left}
#middle_bottom_right {width:347px;padding:10px 68px 10px 10px;float:left}



/* Bottom */
#bottom {width:850px; margin:0 auto; padding:15px 0 20px 0;background-color:black;  }

#soc_link{
		background: url("../images/footer.jpg") no-repeat;
		width:850px; height:54px;	}
#soc_link img { float: left;}		

#bottom #follow_us_bottom {
	
	height:35px;
	/*width:460px;
	padding-right: 20px;*/
}
#bottom #copyright { 
	text-align:center;
	height:45px;
	width:850px;
}
#bottom #follow_us_bottom img{ float:left;margin-left : 4px;}



/* Subpage */
#subpage{width:714px; margin:0 auto; padding:10px 68px 30px 68px;background-color:black; }
#subpage h2 {text-align:center;}

#subpage h1 .cufon {border-bottom: solid 1px #ffffff}
#subpage h2 .cufon {border-bottom: solid 1px #ffffff}
#subpage p img{padding:0 20px 10px 20px}
#subpage p {/*padding:0 10px;  line-height: 22px;*/}
#subpage #img_price img{padding:20px 20px 20px 20px}
#subpage h4 .cufon {/*border-bottom: solid 1px #ffffff*/}

/* Subpage */
#subpage_gallery{width:850px; margin:0 auto; padding:10px 0 30px 0;background-color:black; }
#subpage_gallery h2 {text-align:center;}

#subpage_gallery h1 .cufon {border-bottom: solid 1px #ffffff}
#subpage_gallery h2 .cufon {border-bottom: solid 1px #ffffff}
#subpage_gallery p img{padding:0 20px 20px 20px}
#subpage_gallery p {padding:0 10px}
#subpage_gallery #img_price img{padding:20px 20px 20px 20px}
#subpage_gallery h4 .cufon {/*border-bottom: solid 1px #ffffff*/}
.gallery_item .bg_item h4.cufon{border-bottom:none}

.gallery_item {
    float: left;
    padding: 16px 30px 0 0;
    width: 218px;
	height: 300px;
}
.bg_item {    
    height: 276px;
    padding: 4px;
    width: 214px;
}
.bg_item h4 {
	text-align:center;
}

.gallery .gallery_item {
    float: left;
    padding: 16px 0 0 21px;
    width: 185px;
	height: 290px;
}
.gallery .bg_item {    
    height: 240px;
    padding: 4px;
    width: 180px;
}
.gallery .bg_item h4 {
	text-align:center;
}

/* contact page*/
#contact_left {
    float: left;
	padding-left: 0px;
}


#contact_right {
    float: right;
	padding-right: 0px;
}
#contact_right fieldset {
	text-align: center;
    border: 1px solid #F1F1F1;
    float: left;
    padding: 7px 0 30px 25px;
    width: 260px;
}

/* News*/

/* sub_News */
.news_item {width:700px; border-bottom:#red 1px solid; font-size:13px; padding:10px 0;}
.news_item h6 {font-size:16px; display:block;}
.news_item small {font-size:11px; color:#666; line-height:30px;}
.readmore {font-weight:bold; font-size:12px; color:#red; line-height:40px;}
.news_item a {font-size:13px; color:red; font-weight:bold;}

.news_item_front{width:345px; border-bottom:#red 1px solid; font-size:13px; padding:10px 0;}