@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: calibri;
	font-weight: normal;
	src: url('../fonts/CALIBRI.otf');
	src: url('../fonts/CALIBRI.ttf');
}

/****************************************Reset The Defaults**************************************/
* {margin:0; padding:0; border:0;}
html,body {overflow-x:hidden;}
body {background:#eaeaea;}
.clear {clear:both;}
/****************************************End Of Resetting The Defaults***************************/

/***************************************Wrapper Codes Here***************************************/
#wrapper {position:relative; display:block; width:1024px; height:auto; margin:0 auto; background:#FFFFFF;}
/***************************************End Of Wrapper Codes Here********************************/

/***************************************Top Header Codes Here************************************/
.topheader {position:relative; display:block; width:100%; height:25px; background:#abe55b;}
/***************************************End Of Top Header Codes Here*****************************/

/**************************************Main Header Codes Here************************************/
.mainheader {position:relative; display:block; width:100%; height:150px; background:#f6f6f6;}

.logo {position:relative; display:block; width:auto; height:auto; float:left; margin-top:20px;}
.placeanorderwrap {position:relative; display:block; width:250px; height:auto; float:right; margin-top:15px; margin-right:20px;}
.placeanorderimage {position:relative; display:block; width:100%; height:auto;}
.placeanorderimage img {float:right;}
.calluswrap {position:relative; display:block; width:100%; height:auto; margin-top:10px;}
.iconbox {position:relative; display:block; width:auto; height:auto; float:left;}
.callustextbox {position:relative; display:block; width:auto; height:auto; float:right; margin-right:20px; font-family:calibri;}
.formoreinfotext {color:#7bbd21; text-transform:uppercase; font-weight:bold; letter-spacing:1px; /*margin-left:2px;*/ font-size:17px;}
.phoneno {color: #184E85; font-weight: bold; letter-spacing: 1px; /*margin-left: 7px;*/ font-size:17px;}
/**************************************End Of Main Header Codes Here*****************************/

/**************************************Navigation Codes Here*************************************/
.navigationwrap {position:relative; display:block; width:100%; height:49px; background:#abe55b;}
.stylenavigation {position:relative; display:block; width:auto; height:40px; margin-left:14px;}
.stylenavigation li {position:relative; display:block; width:auto; height:40px; padding:0px; text-align:center; float:left;}
.stylenavigation li+li:before {content:url(../images/navigation_divider.png); width:1px; height:40px; float:left; padding:0 0px;}
.stylenavigation li a{position:relative; display:block; float:left; padding:10px 35px; text-transform:uppercase; font-family:calibri; text-decoration:none; color:#000; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
.stylenavigation li a:hover {background:url(../images/hover.png); background-repeat:repeat-x; color:#fff; width:auto;}
/**************************************End Of Navigation Codes Here******************************/

/**************************************Slider Box Codes Here*************************************/
.sliderbox {position:relative; display:block; width:100%; height:323px; padding-top:20px;}
/**************************************End Of Slider Box Codes Here******************************/

/**************************************level1 codes here*****************************************/
.level1 {position:relative; display:block; width:100%; height:380px; margin-top:20px;}

.aboutuswrap {position:relative; display:block; width:95%; height:auto; margin-left:20px;}
.borderbox {position:relative; display:block; border:1px solid #ccc; width:98%; height:auto; background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:10px;}
.borderbox p {position:relative; display:block; width:100%; height:auto; text-align:justify; font-family:calibri; color:#282828; /*color:#767676;*/ margin-bottom:10px;}


.subbox {position:relative; display:block; width:98%; height:auto; padding:10px; background:#f6f6f6;}
.stylesubbox {position:relative; display:block; width:auto; height:auto;}
.stylesubbox li {position:relative; width:100%; height:auto; font-family:calibri; display:block;}
.stylesubbox li:before {content:"-"; padding:0 10px;}

.styleheading {position:relative; display:block; width:100%; height:auto; font-family:calibri; color:#184E85; margin-left:10px; margin-top:20px; margin-bottom:15px;}
/**************************************end of level 2 codes here*********************************/

/**************************************overview block********************************************/
.overview {position:relative; display:block; width:100%; height:50px; background:#ebebeb; margin-top:40px;}
.titlebox {position:relative; display:block; width:280px; height:50px; float:left; margin-right:60px;}
.titlebox h2 {position:relative; display:block; width:auto; height:auto; font-family:calibri; color:#336699; top:10px; text-transform:uppercase;}
/*************************************end of overview block**************************************/

/*************************************overview content box codes here****************************/
.overviewcontentbox {position:relative; display:block; width:100%; height:200px; background:#f6f6f6;}
.overviewblock1 {position:relative; display:block; width:135px; height:200px; float:left; }
.overviewblock2 {position:relative; display:block; width:440px; height:200px; float:left; }
.overviewblock3 {position:relative; display:block; width:425px; height:200px; float:left; }
.divider {position:relative; display:block; width:auto; height:auto; float:left;}

.styleoverviewnav {position:relative; display:block; width:auto; height:auto; float:left; list-style-type:none; margin-left:20px; top:20px;}
.styleoverviewnav li {margin-bottom:5px;}
.styleoverviewnav li a {text-decoration:none; font-family:calibri; color:#336699;}
.styleoverviewnav li a:hover {text-decoration:underline;}

.qualityapproved {position:relative; display:block; width:auto; height:auto; margin-top:30px; margin-left:30px;}
.qualityapproved p {position:relative; display:block; width:90%; height:auto; font-family:calibri; text-align:justify; color:#184e85; font-size:13px; margin-bottom:10px;}
.qualityapproved a {font-family:calibri; text-decoration:none; color:#000;}
.qualityapproved a:hover {text-decoration:underline;}

.imagewrap {position:relative; display:block; width:auto; height:auto; margin-left:40px; top:30px;}
.imagewrap img {margin-right:10px;}
/*************************************end of overview content box codes here*********************/

/*************************************blue footer codes here*************************************/
.bluefooterwrap {position:relative; display:block; width:100%; height:50px; background:#336699;}

.contactusstyle {position:relative; display:block; width:auto; height:auto; list-style-type:none; float:left; top:15px; margin-left:20px;}
.contactusstyle li {position:relative; display:block; width:auto; height:auto; float:left; margin-right:10px; font-family:calibri;}
.contactusstyle li p {display:block; color:#fff; top:5px; font-size:14px;}

.socialiconwrap {position:relative; display:block; width:auto; height:auto; float:right; top:10px; margin-right:50px;}
.socialiconwrap li {position:relative; display:block; width:auto; height:auto; float:left; margin-right:10px;}
/*************************************end of blue footer codes here******************************/

/*************************************green footer codes here************************************/
.greenfooter {position:relative; display:block; width:100%; height:30px; background:#abe55b;}

.stylecopyrightbar {position:relative; display:block; width:auto; height:auto; top:10px; margin-left:20px;}
.stylecopyrightbar li {position:relative; display:block; width:auto; height:auto; float:left;}
.stylecopyrightbar li p {font-family:calibri; color:#336699; font-size:12px;}
.pushright {margin-left:500px;}
/*************************************end of green footer codes here*****************************/