@charset "utf-8";
/* CSS Document */
body
{
padding:auto;
margin:auto;
font-family:Trebuchet MS;
width:100%;
height:100%;
}
h1,h2,h3,h4,h5,h6,p,div
{
padding:0px;
margin:0px;
font-weight:normal;
}
ul,li,a,span,input
{
padding:0px;
margin:0px;
border:none;
}
img
{
border:none !important;
}


#main_frame
{
padding:auto;
margin:auto;
width:1000px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
display:table;
}
#main_header
{
padding:0px;
margin:0px;
width:100%;
height:100%;
background:#efefef;
}

.header
{
padding:0px;
margin:0px;
float:left;
width:1000px;
height:100px;
background:#efefef;
}


.company_logo
{
padding:0px;
margin:5px 0px 0px 10px;
float:left;
width:433px;
height:79px;
}


/* main menu styles */
#nav {
    display:inline-block;
    width:384px;
    margin:20px 0px 0px 150px;
    padding:0;
	z-index:999;
	position:relative;
	}
#nav li {
    margin:10px;
    float:left;
    position:relative;
    list-style:none;
}
#nav a {
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
    display:block;
    padding:8px 10px;
	background:#000000;
	font-size:14px;
	
box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    
   }

/* selected menu element */
#nav .current a, #nav li:hover > a {
    background:#d53a38 repeat-x 0 -20px;
    color:#FFFFFF;
    

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
   
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:none;
}
#nav ul li a:hover {
    background:#D53A38;
    color:#fff;
}

#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:175px;
    position:absolute;
    background:#000000;
    color:#FFFFFF;
	margin:5px 0px 0px 0px;
	font-size:11px;

   
    -moz-border-radius:10px !important;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
	
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
	font-size:12px;
    
}
#nav ul ul {
    left:160px;
    top:0px;
}

#main_slider
{
padding:auto;
margin:auto;
display:table;
height:auto;
width:100%;
background:url(../images/bg.png);
}
.menus
{
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
float:left;
width:1000px;
height:353px;
background:url(../images/bg.png);
}

#sliderFrame 
{
    width:960px;
    margin:0px 0px 0px 20px ; /*this makes the image slider center-aligned. Remove this line if you want to align the whole slider to the left side*/
    padding:0px;
    height:326px;
	border-bottom:2px solid #d53a39;
	
	}
     

#slider {
    width:960px;height:326px;/* Make it the same size as your images */
	position:absolute;
	margin:0px 0px 0px 0px;/*make the image slider center-aligned */
	}       


#slider img {
	position:absolute;
	border:none;
	visibility:hidden;
	
    }

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:400px;
	height:auto;
	padding:0px;
	left: 100px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom: 0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size:0;
}
div.mc-caption-bg {
	background:transparent; /*Caption background color. Can be set to "background:transparent;", or set to semi-transparent through the sliderOptions.captionOpacity setting in the javascript.*/
}
div.mc-caption {
	font:bold 13px/16px Arial;
	color:#ccc;
	z-index:4;
	text-align:center;
}
div.mc-caption a { 
	color:#66FFFF;
}


/* ------ built-in navigation bullets wrapper that is relative to the #slider ------*/
div.navBulletsWrapper  {
	display:none;
}


#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}


.view_button
{
	padding:0px;
	margin:-110px 100px 0px 340px;
	float:left;
	width:221px;
	height:34px;
	z-index:999;
	position:relative;
}

#main_content
{
padding:auto;
margin:auto;
display:table;
height:auto;
width:100%;
background:#efefef;
}


.content
{
padding:0px;
margin:0px 0px 10px 0px;
float:left;
width:1000px;
height:auto;
background:#efefef;
}

.content h1
{
padding:0px;
margin:0px 0px 10px 20px;
float:left;
width:960px;
height:auto;
color:#d53a39;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
}


.content h2
{
padding:0px;
margin:10px 0px 10px 20px;
float:left;
width:960px;
height:auto;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}

.content p
{
padding:0px;
margin:0px 20px 0px 20px;
float:left;
width:960px;
height:auto;
color:#343434;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify;
}

.content ul
{
width:930px;
float:left;
height:auto;
margin:20px 0px 0px 0px;
}

.content ul li
{
padding:0px;
margin:0px 0px 0px 40px;
float:left;
width:930px;
height:auto;
color:#343434;
text-decoration:none;
list-style:none !important;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

.content ul li a
{
padding:0px;
margin:0px;
float:left;
width:930px;
height:auto;
color:#343434;
text-decoration:none !important;
font-weight:bold;
}

.content ul li a:hover
{
color:#029AC6;
}

.text
{
padding:0px;
margin:0px;
float:left;
width:700px;
height:auto;
}

.text h1
{
padding:0px;
margin:0px 0px 10px 20px;
float:left;
width:680px;
height:auto;
color:#d53a39;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
}


.text p
{
padding:0px;
margin:0px 20px 0px 20px;
float:left;
width:660px;
height:auto;
color:#343434;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify;
}

.customer_list
{
	padding:0px;
	margin:0px 0px 0px 0px;
	float:left;
	width:300px;
	height:auto;
	
	
}


.box
{
	padding:0px;
	margin:0px 0px 0px 0px;
	float:left;
	width:280px;
	height:280px;
	background:url(../images/img1.png) no-repeat;
}


.box h1
{
padding:0px 0px 0px 0px;
margin:5px 0px 0px 10px;
float:left;
width:270px;
height:auto;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-weight:bold;
text-align:center;
}

.box ul
{
	padding:0px;
	margin:10px 0px 0px 10px;
	float:left;
	width:200px;
}

.box ul li
{
	padding:10px 0px 8px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	width:270px;
	font-size:14px;
	list-style:none;
	color:#474747;
	font-weight:bold;
	text-decoration:none;
	border-bottom:dotted 1px;
	
}
.box ul li a
{
	
	float:left;
	width:270px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.box ul li a:hover
{
color:#000000;
}

.box ul li a:hover img
{
background:url(../images/list_style-hover.png) no-repeat;
}

.read_1
{
padding:0px;
margin:5px 20px 0px 0px;
float:right;
width:100px;
height:auto;
color:#D53A39;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.read_more
{
padding:0px;
margin:10px 0px 0px 0px;
float:right;
width:100px;
height:auto;
color:#D53A39;
font-size:14px;
font-weight:bold;
text-decoration:none;
}


.img_gallery
{
padding:0px;
margin:0px;
float:left;
width:1000px;
height:auto;
}

.img_gallery div
{
padding:0px;
margin:10px 0px 0px 20px;
float:left;
width:300px;
height:auto;
}


.img_gallery div h1
{
padding:10px 0px 10px 0px;
margin:10px 0px 5px 0px;
float:left;
width:300px;
height:auto;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background:#d53a39;
color:#FFFFFF;
}

.img_gallery div h1 a
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
width:300px;
height:auto;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#FFFFFF;
text-decoration:none;
}

.img_gallery div  h1:hover a
{
color:#000000;
}

.img_gallery div p
{
padding:0px;
margin:10px 0px 0px 0px;
float:left;
width:300px;
height:auto;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#494949;
text-align:justify;
}


.read
{
padding:2px 0px 0px 0px;
margin:10px 10px 0px 0px;
float:right;
width:110px;
height:19px;
font-size:12px;
background:url(../images/read_bg.png) no-repeat;
color:#FFFFFF;
text-decoration:none;
text-align:center;
font-weight:bold;
}

.read:hover
{
padding:2px 0px 0px 0px;
margin:10px 10px 0px 0px;
float:right;
width:110px;
height:19px;
font-size:12px;
background:url(../images/read-hover.png) no-repeat;
color:#FFFFFF;
text-decoration:none;
text-align:center;
font-weight:bold;
}

#main_footer
{
padding:auto;
margin:auto;
display:table;
height:auto;
width:100%;
background:#21292f !important;
}

.footer
{
padding:0px;
margin:0px;
float:left;
height:58px;
width:1000px;
background:#21292f;
}

.logos
{
margin:5px 0px 0px 0px;
float:right;
width:170px;
height:auto;
}

.copyright
{
margin:20px 10px 0px 20px;
float:left;
width:590px;
height:auto;
}

.copyright h5
{
margin:0px 0px 0px 0px;
float:right;
font-size:11px;
font-style:normal;
font-family:Trebuchet MS;
color:#FFFFFF;
width:590px;
}


#table
{
padding:0px;
margin:20px 0px 0px 250px;
float:left;
width:600px;
height:auto;
background:#028EB6 !important;
color:#FFFFFF;
font-size:14px;
}

.images
{
padding:0px;
margin:0px 0px 0px 10px;
float:right;
width:250px;
height:250px;
border:2px solid #039DC9 !important;
}



.img_gallery1
{
padding:0px;
margin:20px 0px 0px 0px;
float:left;
width:1000px;
height:auto;
}

.img_gallery1 div
{
padding:0px;
margin:0px 0px 0px 20px;
float:left;
width:170px;
height:200px;
}

.img_gallery1 div b
{
padding:0px;
margin:10px 0px 10px 10px;
float:left;
width:160px;
height:auto;
font-size:15px;
text-align:center;
}


.enquiry_form
{
height:495px;
width:460px;
float: left;
margin:8px 0px 15px 35px;
background:none;
-moz-border-radius:10px 0px 0px 10px;
-webkit-border-radius:10px 0px 0px 10px;
border-radius:10px 0px 0px 10px;
background:#028EB6;
padding:15px 20px 10px 10px;
border-right:4px solid #E4E3E2;
}
.enquiry_form div
{
width:466px;
float: left;
height:auto;
color: #ffffff;
font-size:14px;
font-family:Trebuchet MS;
margin-top:4px;
font-weight: normal;
margin-right:13px;
position:relative;
display:block;
margin-bottom:5px;
text-shadow:none;
font-weight:bold;
}
.enquiry_form input
{
-moz-box-shadow: 0px 1px 0px #777;
-webkit-box-shadow: 0px 1px 0px #777;
background: #ddd url('img/inputSprite.png') no-repeat 4px 5px;
background: url('img/inputSprite.png') no-repeat 4px 5px, -moz-linear-gradient(
           center bottom,
           rgb(225,225,225) 0%,
           rgb(215,215,215) 54%,
           rgb(173,173,173) 100%
           );
	  background:  url('img/inputSprite.png') no-repeat 4px 5px, -webkit-gradient(
          linear,
          left bottom,
          left top,
          color-stop(0, rgb(225,225,225)),
          color-stop(0.54, rgb(215,215,215)),
          color-stop(1, rgb(173,173,173))
          );
color:#333;
text-shadow:0px 1px 0px;
-moz-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
-webkit-border-radius:8px;
}
.enquiry_form input:hover
{
background:;
}
.txt_box
{
color:#000000;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:50px;
width:356px;
float:right;
margin:0px;
background:#CCCCCC;
-moz-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
-webkit-border-radius:8px;
}
.txt_area
{
color:#000000;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:23px;
width:356px;
float:right;
margin:0px;
}
.enquiry_form  select 
{
height:23px;
width:360px;
float:right;
color: #000000;
font-family:Trebuchet MS;
font-size:11px;
font-weight: normal;
-moz-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
-webkit-border-radius:8px;
background:#CCCCCC;
}
.enquiry_form  textarea 
{
color:#000000;
font-family:Arial;
font-size:11px;
font-weight: normal;
height:50px;
width:356px;
float:right;
margin:0px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px ;
background:#CCCCCC;
}
.enquiry_form textarea:hover
{
background:;
}
.enquiry_form select:hover
{
background:;
}
.button
{
height:25px;
width:80px;
border:none;
cursor:pointer;
color:#000000!important;
font-family: Arial!important;
 border:2px solid #E4E3E2;
 font-weight:bold;
box-shadow: 0px 3px 0px none!important;
-moz-box-shadow: 0px 3px 0px  #000000!important;
-webkit-box-shadow: 0px 3px 0px #000000 !important;
float:right !important;
margin-top:5px !important;
margin-right:5px !important;
}

#contact
{
height:500px;
width:420px;
float: left;
margin:8px 0px 8px 0px;
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-radius:0px 10px 10px 0px;
border-radius:0px 10px 10px 0px;
background:#028EB6!important;
padding:10px 0px 10px 10px;
}
#contact a
{
color:#CCCCCC;
}
#contact a:hover
{
color:#CCCCCC;
text-decoration:underline;
}
#contact h3
{
height: auto;
width:410px;
float:left;
margin:0px 0px 20px 0px;
background: none;
padding:5px 5px 6px 0px;
text-align:left;
color:#FFFFFF;
font-size:18px;
font-weight:normal;
border-bottom:2px solid  #E4E3E2;
}
#contact font
{
font-family: Trebuchet MS;
font-size:14px;
color: #ffffff;
font-weight:bold;
width:295px;
float:left;
margin:10px 0px 5px 0px ;
height:40px;
}
#contact b
{
font-size:15px;
color:#B60101;
font-weight:bold;
float:left;
width:120px;
margin:10px 0px 0px 0px;
height:40px;
}

#contact h4
{
height: auto;
width:410px;
float:left;
margin:0px 0px 20px 0px;
background: none;
padding:5px 5px 6px 0px;
text-align:left;
color:#000000!important;
font-size:18px;
font-weight:normal;
font-weight:bold;
}

.img_gallery2
{
padding:0px;
margin:20px 0px 0px 0px;
float:left;
width:1000px;
height:auto;
}

.img_gallery2 div
{
padding:0px;
margin:0px 0px 50px 30px;
float:left;
width:250px;
height:136px;
border:2px solid #039DC9 !important;
}


.img_gallery2 div b
{
padding:5px 0px 0px 0px;
margin:5px 0px 10px 0px;
float:left;
width:250px;
height:auto;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#D53A39;
}