@charset "utf-8";
/* CSS Document */
*{outline:none;}
body{background:url(../Images/chemical-wallpaper-008.jpg) no-repeat  fixed center top / cover;}

    #wrapper {
    width: 98%;
    max-width: 960px;
    margin: auto;
    padding:0;
    }
    #main {
    width: 100%;
    float: left; background:#000;border-radius:5;
    }
   
    /* Nav */
     nav {
    float: right;
    margin-top: 0px; margin:10px 20px 0px 0px;
    }
    header nav li {
    display: inline;
    margin-left: 15px;
    }
	header nav li a{
  font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; text-decoration:none;
    }header nav li a:hover{color:#D6281D;}
	
	#mainslider{width:auto; margin:auto; height:314px;  }
#mainslider #mainframe{width:960px; height:auto; margin:auto; display:table;}
#mainslider #mainframe .slider{float:left; margin:0px 0px 0px 0px; padding:0px; width:960px;}
.box_skitter {position:relative;width:960px;height:314px; margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
	}
.box_skitter img { width:960px;height:314px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} /* Tip for stildv */
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}

/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {position:absolute;top:50%;left:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/prev.png) no-repeat left top;}
.box_skitter .next_button {position:absolute;top:50%;right:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/next.png) no-repeat left top;}

/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide {position:absolute;top:0px; margin:178px 0px 0px 390px;z-index:100;background:#1B1C23;color:#fff;font:bold 11px arial;padding:1px 0px 1px 1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75; visibility:hidden;}
.box_skitter .info_slide .image_number {background:#333;float:left;padding:1px 5px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.box_skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:1px 5px;margin:0 5px 0 0;}

/* =Thumbs
	Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs { position:relative;overflow:hidden;height:50px; }
.box_skitter .info_slide_thumb { height:50px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0 !important;opacity:1.0; }
.box_skitter .info_slide_thumb .image_number { overflow:hidden;width:100px;height:50px;position:relative;margin:0 !important; padding:0 !important; -moz-border-radius:0 !important;-webkit-border-radius:0 !important;border-radius:0 !important;}
.box_skitter .info_slide_thumb .image_number img { position:absolute;top:-30px;left:-30px;height:100px;}
.box_skitter .box_scroll_thumbs { padding:0; }
.box_skitter .box_scroll_thumbs .scroll_thumbs { position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101; cursor:pointer;border:0px solid #333; }

/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots {position:absolute;bottom:-40px;z-index:151;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.box_skitter .info_slide_dots .image_number {background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;}
.box_skitter .info_slide_dots .image_number_select {background:#cc0000;float:left;margin:0 5px 0 0;}

/* =Loading
-------------------------------------------------------------- */
.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../images/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

/* =Label
-------------------------------------------------------------- */

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide { display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#fff; border:1px solid #222;  overflow:hidden; }
.box_skitter .preview_slide ul { height:100px; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0; }
.box_skitter .preview_slide ul li { width:100px; height:100px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block; }
.box_skitter .preview_slide ul li img { position:absolute; top:0; left:0; height:150px; width:auto; }

/* =Focus
-------------------------------------------------------------- */
#overlay_skitter { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; }

.box_skitter .focus_button {position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/focus-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button {position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/pause-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button.play_button {background:url(../images/play-button.png) no-repeat left top;}

/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large {width:960px;height:315px; }
.box_skitter_small {width:200px;height:100px;}
/* CSS Document */

	
     #maincontent {
    width: 100%;
    float: left;
    }
	.left{float:left; margin:30px 0px 0px 0px; width:250px; padding:0px; background:url(../Images/side-menu.png) repeat-y; border-radius:5px;}
	.left h1{float:left; margin:10px 0px 0px 10px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#DC291E; width:230px;}
	.menu{float:left; margin:10px 0px 10px 0px; width:250px;}
	.menu ul{ float:left; margin:0px 0px 0px 0px; width:250px; display:inline-block; list-style:none;left:0px; right:0px; top:0;}
   .menu ul li {list-style:none;margin:0px 0px 10px -30px; text-align:left; left:0px; right:0px;
    }
	
	.menu ul li a {
    padding: 0px;text-decoration:none; margin:5px 0px 5px 0px; padding:10px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff;}
.menu ul li a:hover{color:#D6281D;}

.table{float:left; margin:10px 0px 10px 0px; padding:0px 0px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:25px;}
.right{float:right; margin:96px 0px 0px 0px; padding:0px; width:960px; background:url(../Images/textbg.png) repeat; height:auto; border-radius:0px 0px 5px 5px;}
.right h1{float:left; margin:0px 0px 0px 10px;padding:5px 5px 5px 0px; width:930px;font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#000; border-bottom:1px dashed #333;}
.right h2{float:left; margin:0px 0px 0px 10px;padding:5px 5px 5px 0px; width:930px;font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000;}
.right p{float:left; margin:0px 0px 0px 0px;padding:5px 10px 5px 10px; width:947px;font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-align:justify;line-height:25px;}
.right p img{float:right; margin:0px 10px 0px 10px; padding:0px; width:150px; height:150px; border:7px solid #fff;}
.right p img:hover{border:7px solid #DC291E;}
.img_gallery{float:left; margin:0px 0px 20px 0px; width:957px;}
.img_gallery div{float:left; margin:0px 10px 30px 10px; width:200px; height:auto;}
.img_gallery img{float:left; margin:0px; width:200px; height:200px;border:5px solid #fff;}
.img_gallery div:hover img{border:5px solid #DC291E;}
.img_gallery b{float:left; margin:10px 0px 0px 0px; width:200px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; text-align:center;}
.read{float:right; margin:20px 0px 0px 0px; padding:8px 5px 8px 5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; background:#FFF; text-decoration:none; font-weight:bold; border-radius:5px;}
.read:hover{color:#fff; background:#DC291E;}


.footer{width: 100%;
    float: left;background:url(../Images/footer.png) repeat; border-radius:5px; margin:30px 0px 0px 0px;}
.copyright{float:left; margin:20px 0px 10px 5px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff;}
.footer img{float:right; margin:0px 0px 0px 0px; padding:5px 5px 5px 0px; width:auto;}
.enquiry_form
{
height:495px;
width:440px;
float:right;
margin:10px 40px 0px 0px; 
}

.enquiry_form h1
{
height: auto;
width:410px;
float:left;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:#747474;
font-size:22px;
font-weight:normal;
font-family: Trebuchet MS;
border-bottom:#CCCCCC 1px solid;
}
.enquiry_form div
{
width:410px;
float: left;
height:auto;
color:#747474;
font-size:14px;
font-family:Trebuchet MS;
margin-top:4px;
font-weight: normal;
margin-right:13px;
margin-left:13px;
position:relative;
display:block;
margin-bottom:5px;
text-shadow:none;
font-weight:bold;
}
.enquiry_form input
{
color:#535651;
}
.enquiry_form input:hover
{

}
.txt_box
{
color:#67575F; background:#fff !important;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:50px;
width:406px;
float:right;
margin:0px; border:1px solid #000;

}
.txt_area
{
color:#67575F;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:23px;
width:326px;
float:right;background:#fff !important;
margin:0px; border:1px solid #000;
}
.enquiry_form  select 
{
height:23px;
width:330px;
float:right;
color:#67575F;background:#fff !important;
font-family:Trebuchet MS;
font-size:11px; 
font-weight: normal; border:1px solid #000;

}
.enquiry_form textarea 
{
color:#67575F;
font-family:Arial;
font-size:12px;
font-weight: normal;
height:50px;
width:326px;
float:right;
margin:0px; border:1px solid #000;

}
.enquiry_form textarea:hover
{

}
.enquiry_form select:hover
{
}
.button
{
height:25px;
width:80px;
border:none;
cursor:pointer;background:#fff !important;
color:#747474!important;
font-family: Arial!important;
 border:2px solid #747474;
 font-weight:bold;
float:right !important;
margin-top:5px !important;
margin-right:5px !important;
}
.button:hover
{
 color:#262016!important;
 border:2px solid #262016;

}

	
    /* Media Queries */
    @media screen and (max-width: 480px) {
    #skipTo {
    display: block;
    }
    header nav, #main, aside {
    float: left;
    clear: left;
    margin: 0 0 10px;
    width:100%;
    }
    header nav li {
    margin:0;
    background:#efefef;
    display: block;
    margin-bottom: 3px;font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF;
    }
    header nav a {
    display: block;
    padding: 10px;font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF;
    }