@charset "utf-8";
/* CSS Document */
*
{
	margin:0px;
	padding:0px;
}

body
{
	background-color:#FFF;
}
#header
{
	width:100%;
	height:80px;
	margin:0px auto;
	padding:0px;
	background-color:#ffffff;
	float:none;
}
#headercontent
{
	width:1000px;
	height:80px;
	margin:0px auto;
	padding:0px;
	background-color:#fff;
	float:none;
}
#logo
{
	width:200px;
	height:80px;
	margin:0px;
	padding:0px;
	float:left;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	
	
}
#contact
{
	width:800px;
	height:40px;
	margin:0px;
	float:left;
	background-color:#fff;
	

}
.contactbox
{
	width:auto;
	height:20px;
	margin:5px 5px 5px 20px;
	padding:5px;
	float:right;
	background-color:#fff;
}
.h1
{
	font-family:calibri;
	font-size:14px;
	font-weight:normal;
	color:#2C2D2E;
	display:block;
	padding:4px;
	background-color:#fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-left:10px;
}
#menucontainer
{
	width:auto;
	height:auto;	
	margin:10px 0px 0px 0px;
	padding:0px;
	float:right;
	text-align:center;
	-webkit-box-flex:1;
	
}
#menu
{
	width:auto;
	height:36px;
	float:right;
	margin:0px auto;
	z-index:10000;
	text-align:left;
	z-index:10000;
	position:relative;
	-webkit-box-flex:1;
}
#menu ol
{
	list-style:none;
}
#menu ol li
{
	float:left;
	position:relative;
	text-align:left;
	padding-right:5px;
}
#menu ol li:hover > a 
{
	text-decoration:none;
	color:#fff;
	background-color:#E77817;
	text-align:center;
	padding:10px 10px 5px 10px;
	border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	 }
#menu ol li a
{
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#0078AE;
	padding:5px 10px 5px 10px;
	display:block;
	transition:all 300ms ease-in;
	-webkit-transition:all 300ms ease-in;
	-moz-transition:all 300ms ease-in;
}
#menu ol li a:hover,

{
	text-decoration:none;
	color:#fff;
	background-color:#2C2D2E;
	text-align:center;
	padding:10px 10px 5px 10px;
	border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
}

#menu ol li ol
{
	position:absolute;
	display:block;
	list-style-type:none;
	visibility:hidden;
	width:150px;
	margin-top:-3px;
	
	
	
}
#menu ol li:hover ol
{
	position:absolute;
	display:block;
	visibility:visible;
	background-color:#2C2D2E;
	
	
	
}
#menu ol li:hover ol li
{
	display:block;
	text-align:left;
	background-color:#E77817;
	

	
}
#menu ol li:hover ol li a
{
	width:150px;
	height:18px;
	padding:10px 7px;
	margin:0px 5px 0px 9px;
	display:block;
	background-color:#E77817;
	border-bottom:1px dashed #FBAC67;
	border-radius:0px 0px 0px 0px;
	-webkit-border-radius:0px 0px 0px 0px;
	-moz-border-radius:0px 0px 0px 0px;
	color:#FFFFFF;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	text-transform:capitalize;
	transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
	
}
#menu ol li:hover ol li a:hover
{
	background-color:#0078AE;
	color:#fff;
	transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-webkit-transition:all 400ms ease-in-out;
}

#menu ol li.active a
{
	display:block;
	background-color:#E77817;
	border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	color:#FFFFFF;
}
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('websymbols/websymbols-regular-webfont.woff') format('woff'),
         url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
         url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 18px;
    text-shadow: 0px 0px 1px #0078AE;
    line-height: 20px;
    width: 40px;
    left: 5px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
	float:right;
	color:#000000;
}
.ca-icon a
{
text-decoration:none;
color:#0078AE;
-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-icon a:hover
{
	color: #E77817;
    font-size: 24px;
	text-shadow: 0px 0px 1px #E77817;
}

.ca-icon1{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 40px;
    line-height: 44px;
    width: 50px;
	margin:4px auto;
    text-align: center;
   	float:none;
}
.ca-icon1 a
{
text-decoration:none;
color:#0078AE;

}


/*  end of web fonts */
#headerbottom
{
	width:100%;
	height:70px;
	margin:0px;
	padding:0px;
	background-color:#0078AE;
}
#headerbottom_content
{
	width:1000px;
	height:70px;
	margin:0px auto;
	padding:0px;
	float:none;
}
.msg_icon
{
	width:200px;
	height:60px;
	background-image:url(../images/sms.png);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	float:right;
}
.a_trynow
{
	font-family:calibri;
	color:#F3F3F3;
	width:110px;
	height:30px;
	display:block;
	background-color:#212021;
	padding:4px;
	margin-left:850px;
	margin-top:20px;
}
#slider_container
{
	width:100%;
	height:350px;
	background-color:#E4E4E4;
	background-image:url(../images/az_subtle.png);
	background-repeat:repeat;
	margin:0px auto;
	padding:0px;
	float:none;
}
#slider_content
{
	width:1000px;
	height:400px;
	margin:0px auto;
	float:none;
	padding:0px;
	overflow:hidden;
}


/* ############################  box shadow effect ###################### */
.inner_images h3{
	text-align:center;
	position:relative;
	top:80px;
}
.inner_images {
	width:1000px;
	padding:5px;
	height:297px;
	margin:0px auto;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
  z-index:2;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 15px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #D3D3D3;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 15px;
  left: auto;
}

/*  *** end of div effects */
#container_area
{
	width:1000px;
	height:auto;
	margin:0px auto;
	float:none;
	padding:0px;
}
#content_area
{
	width:700px;
	height:auto;
	background-color:#fff;
	margin:0px;
	padding:0px;
	float:left;
}
.h2
{
	font-family:AvantGarde Bk BT;
	font-size:20px;
	font-weight:bold;
	line-height:22px;
	padding:4px 0px;
	color:#0078AE;
	display:block;
	height:60px;
	background-image:url(../images/heading_bg.jpg);
	background-repeat:no-repeat;
}
.p
{
	font-family:calibri;
	font-size:14px;
	line-height:28px;
	padding:4px 0px;
	color:#2C2D2E;
	text-align:justify;
	
}
#sidebar_area
{
	width:300px;
	height:auto;
	background-color:#fff;
	margin:0px;
	padding:0px;
	float:left;
}
#enquiry_form
{
	width:280px;
	margin:20px auto 20px 20px;
	background-color:#f1f1f1;
	height:auto;
	overflow:hidden;
	border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	-moz-border-radius:10px 10px 0px 0px;
	background-image:url(../images/enquiry_bg.png);
	background-repeat:no-repeat;
	border-bottom:5px solid #E77817;
}
.table
{
	width:auto;
}
.table
{
	width:100%;
}
.table tr td
{
	font-family:calibri;
	font-size:14px;
	color:#2C2D2E;
	padding-left:5px;
	height:45px;
}
.textfield
{
	width:85%;
	height:20px;
	padding:4px;
	box-shadow:0px 0px 4px #D5D5D5;
	-moz-box-shadow:0px 0px 4px #D5D5D5;
	-webkit-box-shadow:0px 0px 4px #D5D5D5;
	font-family:calibri;
	color:#0078AE;
	border:1px solid #D5D5D5;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.textfield:focus
{
	outline:none;
}
.textarea
{
	width:85%;
	height:50px;
	padding:2px;
	box-shadow:0px 0px 4px #D5D5D5;
	-moz-box-shadow:0px 0px 4px #D5D5D5;
	-webkit-box-shadow:0px 0px 4px #D5D5D5;
	font-family:calibri;
	color:#419045;
	border:1px solid #D5D5D5;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.textarea:focus
{
	outline:none;
}
.dropdown
{
	width:89%;
	height:30px;
	padding:2px;
	box-shadow:0px 0px 4px #D5D5D5;
	-moz-box-shadow:0px 0px 4px #D5D5D5;
	-webkit-box-shadow:0px 0px 4px #D5D5D5;
	font-family:calibri;
	color:#0078AE;
	border:1px solid #D5D5D5;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.dropdown:focus
{
	outline:none;
}
.button
{
	width:40%;
	height:30px;
	padding:4px;
	box-shadow:0px 0px 4px #D5D5D5;
	-moz-box-shadow:0px 0px 4px #D5D5D5;
	-webkit-box-shadow:0px 0px 4px #D5D5D5;
	font-family:calibri;
	color:#fff;
	background-color:#E77817;
	border:1px solid #E77817;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	text-decoration:none;
}
.button:focus
{
	outline:none;
}
.button:hover
{
	background-color:#0078AE;
	color:#fff;
	box-shadow:0px 0px 4px #054A69;
	-moz-box-shadow:0px 0px 4px #054A69;
	-webkit-box-shadow:0px 0px 4px #054A69;
	border:1px solid #054A69;
}
.h3
{
	font-family:AvantGarde Bk BT;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	padding:4px 0px;
	color:#F9F9F9;
}
#services_content
{
	float:none;
	margin:0px auto;
	width:100%;
	height:180px;
	padding:0px;
}
#services
{
	float:none;
	margin:0px auto;
	width:1000px;
	height:180px;
	padding:0px;
}
.services
{
	width:280px;
	margin-left:20px;
	margin-top:20px;
	color:#2C2D2E;
	height:170px;
	text-align:center;
	float:left;
	
}
.services:hover,heading:hover,p2:hover,ca-icon1 a:hover
{
	background-color:#E77817;
	background-image:url(../images/service_bg.png);
	background-repeat:no-repeat;
	color:#fff;
	
}
.services1
{
	width:333px;
	margin-left:0px;
	margin-top:20px;
	color:#2C2D2E;
	height:170px;
	text-align:center;
	float:left;
	
}
.services1:hover,heading:hover,p2:hover,ca-icon1 a:hover
{
	background-color:#E77817;
	background-image:url(../images/service_bg1.png);
	background-repeat:no-repeat;
	color:#fff;
	
}
.heading
{
	font-family:"AvantGarde Bk BT";
	font-size:18px;
	padding:5px;
	font-weight:bold;
}
.p2
{
	font-family:calibri;
	font-size:14px;
	padding:5px;
	line-height:22px;
	text-decoration:none;
	
}
#footer
{
	margin:10px auto 0px auto;
	padding:0px;
	height:275px;
	width:100%;
	float:none;
	background-color:#2C2D2E;
	background-image:url(../images/footerbg.png);
	background-repeat:repeat-x;
}
#footer_content
{
	width:1000px;
	height:250px;
	margin:0px auto;
	float:none;
	padding:0px;
}
.contact_us
{
	width:250px;
	height:auto;
	margin:0px;
	padding:0px;
	color:#E9E9E9;
	float:left;
}
.contact_us2
{
	width:320px;
	height:auto;
	margin:0px;
	padding:0px;
	color:#E9E9E9;
	float:left;
}
.para
{
	font-family:calibri; 
	font-size:14px;
	  width:auto;
	   margin-left:00px;
	    line-height:24px;
		  text-align:justify;
		   display:block;
			text-transform:none;
			text-indent:20px;
}
#footer .col { float: left; width: 205px; }
#footer .col + .col { padding-left: 44px;  }
#footer .col ul { list-style: none; list-style-position: outside; }
#footer .col ul li { color: #ccc; font-size: 16px;  padding-bottom: 4px; background: url(../images/arr-footer-col.png) no-repeat 0 8px; padding-left: 15px;  }
#footer .col ul li a { color: #ccc; font-family:calibri; font-size:14px; line-height:24px; text-decoration:none; transition:all 300ms ease-in; -webkit-transition:all 300ms ease-in; -moz-transition:all 300ms ease-in; }
#footer .col ul li a:hover { color: #0078AE; font-family:calibri; font-size:14px; text-decoration:none; }

#footer-bottom { background-color:#0F0F0F; height: 24px; padding: 17px 30px 5px 30px;  border-top: 1px solid #666666; text-align:center;  }
#footer-bottom p.copy { float: none; line-height: 11px; font-size: 11px; color: #0078AE; margin:3px auto 0px auto; }
#footer-bottom p.copy span { padding: 0  11px;  }
#footer-bottom p.copy a { color: #E77817; text-decoration: underline; }
#footer-bottom p.copy a:hover { text-decoration: none; }
#footer-bottom p.copy strong { font-weight: normal; }