@charset "utf-8";
body {
font-family: 'Open Sans', sans-serif;
margin:0px; padding:0px; font-size:16px;
}
#top_header{ width:100%; height:30px; border-bottom:#CCC solid 1px;float:left;}
#top{ width:980px; margin:0px auto; font-size:14px; color:#999; text-align:right; padding-top:5px;}
.mail{ padding:0px 5px 0px 20px; background-image:url(../images/icon_mail.png); background-size:14px; background-position:left; background-repeat:no-repeat;}
.phone{ padding:0px 5px 0px 25px; background-image:url(../images/icon_phone.png); background-size:17px; background-position:left; background-repeat:no-repeat;}
.mobile{ padding:0px 5px 0px 20px; background-image:url(../images/icon_mobile.png); background-size:10px; background-position:left; background-repeat:no-repeat;}

#header_tot{ width:100%; margin:auto; float:left;}
#header{ width:980px; margin:0px auto; }
#logo { width:300px; float:left; padding:2% 0%;}

 
#menu { width:680px; float:right; text-align:right; padding:3% 0% 0% 0%;}
/*
 
#menu ul { margin:0px; padding:0px; list-style:none;}
#menu ul li { display:inline; padding:5px 15px;}
#menu ul li a:link { text-decoration:none; color:#333;}
#menu ul li  ul { display:none;}

*/


#banner_tot{ width:100%; background-color:#912529; float:left; padding:3% 0%;  }
#banner{ width:980px; margin:0px auto; }
#banner img { border:#FFF solid 10px;
-webkit-box-shadow: 3px 3px 7px 2px #000;  
  -moz-box-shadow:    3px 3px 7px 2px #000;  
  box-shadow:         3px 3px 7px 2px #000;}
#content_tot{ width:100%; float:left; padding:2% 0%; }
#content{ width:980px; margin:0px auto;}
.portfolio{ width:100%; float:left}
.portfolio img { margin:8px;}
.portfolio2{ width:100%; float:left}
.portfolio2 img { margin:3px;}
#footer_tot{ width:100%; float:left; background-color:#282828; }
#footer{ width:980px; margin:0px auto; }
#footer_enq{ width:100%; float:left; font-size:36px; padding:1% 0%; text-align:center; color:#999;}
#footer_copy{ width:100%; float:left; font-size:14px; padding:1% 0%; color:#CCC; text-align:center; color:#999;}


.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
}
.nav {
    list-style: none;
     *zoom: 1;
     /*background:#175e4c;*/
	 color:#333;
	 font-size:15px;
	 float:right;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 10px 15px;
    color:#333;
	text-decoration:none;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
   /* border-top: 1px solid #104336;*/
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
 padding:0px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #2c3691;
    position: relative;
    z-index:100;
    border-top: 1px solid #09157f;
	color:#FFF;
	min-width:200px;
	text-align:left;
}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}
.enq_tot{ width:100%; float:left; background-color:#2c3691; text-align:center;}
.enq{ width:980px; margin:0px auto; }
.enq_t1{ float:left; background-color:#ffcc00; width:120px; padding:40px 30px; font-weight:bold; text-transform:uppercase; }
.enq_r1{ width:660px; float:left; padding:10px 20px;}
.enq_c1{ width:230px; float:left; text-align:center; padding:7px ; }
.enq_c2{ width:400px; float:left; text-align:center; padding:7px ;}
.enq_btn{ width:100px; float:left; padding-top:20px; text-align:center;}
.txtbox1{ width:98%; padding:4px;}
.selbox1{ width:100%; padding:4px;}
.btn1 { background-image:url(../images/btn_submit.png); border:none; width:80px; height:80px; background-repeat:no-repeat; background-color:transparent; cursor:pointer;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 768px) {
	 
	 #top_header{ width:100%; padding-bottom:5px; border-bottom:#CCC solid 1px;float:left;}
.phone{ display:none; }
#header{ width:100%;}
#logo { text-align:center; width:100%;}
.toggleMenu { width:96%; padding:2%; text-align:center; text-decoration:none;   background: #912529;    color: #fff;}
#menu{ width:100%;  padding:0%;}
.nav { width:100%; background:#2c3691;  color:#fff; font-size:15px; margin:0px; padding:0px;}
.nav > li a  { color:#FFF; text-decoration:none;    }
.active {        display: block;    }
.nav > li {    float: left;   width:100%; text-align:center;    border-top: 1px solid #09157f; }
.nav > li > .parent {        background-position: 95% 50%;    }
.nav li li .parent {        background-image: url("images/downArrow.png");        background-repeat: no-repeat;        background-position: 95% 50%;    }
.nav ul {        display: block;        width: 100%;    }
.nav > li.hover > ul , .nav li li.hover ul {position: static; margin:0px; padding:0px; background:#3340b2; 	 }

.nav li li a {    display: block;    background: #435cc8;    position: relative;    z-index:100;    border-top: 1px solid #9eaee5;	color:#FFF;	min-width:200px; text-align:center; }


#banner_tot{background-color:#fff; padding:0px; margin:0px;}
#banner{ width:100%; margin:0px auto; }

#banner img { border:#FFF solid 0px; width:100%;
-webkit-box-shadow: 1px 1px 1px 1px #000;  
  -moz-box-shadow:    1px 1px 1px 1px #000;  
  box-shadow:         1px 1px 1px 1px #000;}
  
  #content{ width:96%; margin:0px; padding:2%;}
  
  .portfolio{ width:100%; float:left;  text-align:center;}
.portfolio img {   width:96%; margin:2px;}
.portfolio2{ width:100%; float:left; text-align:center;}
.portfolio2 img { width:96%; margin:2px;}

.enq{ width:96%; margin:0px auto; }
.enq_t1{ float:left; background-color:#ffcc00; width:100%; padding:5px 0px; margin:5px; width:100%; font-weight:bold; text-transform:uppercase; }
.enq_r1{ width:100%; float:left; padding:0px;  }
.enq_c1{ width:40%; float:left; text-align:center; padding:2% 2%; }
.enq_c2{ width:54%; float:left; text-align:center; padding:2% 1%;}
.enq_btn{ width:100%; float:left; padding-top:20px; text-align:center;}
	 
 }
 
 /* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	
	

}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {

  
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
	#banner_tot{background-color:#fff; padding:0px; margin:0px;}
#banner{ width:100%; margin:0px auto; }

#banner img { border:#FFF solid 0px; width:100%;
-webkit-box-shadow: 1px 1px 1px 1px #000;  
  -moz-box-shadow:    1px 1px 1px 1px #000;  
  box-shadow:         1px 1px 1px 1px #000;}
	
.enq{ width:96%; margin:0px auto; }
.enq_t1{ float:left; background-color:#ffcc00; width:100%; padding:5px 0px; margin:5px; width:100%; font-weight:bold; text-transform:uppercase; }
.enq_r1{ width:100%; float:left; padding:0px;  }
.enq_c1{ width:100%; float:left; text-align:center; padding:2% 0px; }
.enq_c2{ width:100%; float:left; text-align:center; padding:2% 0px;}
.enq_btn{ width:100%; float:left; padding-top:20px; text-align:center;}
	
/* STYLES GO HERE */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* STYLES GO HERE */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* STYLES GO HERE */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
}

/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
/* STYLES GO HERE */
}

/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* STYLES GO HERE */
}

/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* STYLES GO HERE */
}