@charset "utf-8";
/* CSS Document */
@font-face {font-family:"mycustom"; src:url(../font/Ottawa.ttf) format("truetype") !important;}
@font-face {font-family:"calibri"; src:url(../font/calibri.ttf) format("truetype") !important;}

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input
{	margin: 0;	padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th
{	font-size: 1em;	font-weight: normal;	font-style: normal;}
ul, ol{	list-style: none;}
fieldset, img{	border: none;}
caption, th{	text-align: left;}
table{	border-collapse: collapse;	border-spacing: 0;}
a{	text-decoration: none;	cursor: pointer;}
strong{	font-weight: bold;}
em{	font-style: italic;}

/* LAYOUT */
.clear{	clear: both;}
.fl{	float: left;}
.fr{	float: right;}
.center{ text-align:center;}
h3{
	font-size:18px;
}
body{font-family: Arial, Helvetica, sans-serif;	font-size: 12px; background:url(../images/bodyBg.jpg) center top no-repeat;	color: #878787;	margin-bottom: 0px; }
.logo{
	padding-top:20px;
}
.colorheader{
	background:#17557e;
	border-bottom:10px solid #dccf9a;
}
.phonnumber{
	color:#fff;
	padding-top:30px;
}
.tagline{
    position:relative;
    margin:0px auto;
}
.tagline h2{
 	float:left;
 	font-family:helvetica, arial, verdana;
 	font-size:25px;
  	color:#282932;
   	font-weight:bold;
    text-align:center;
    line-height:32px;
    padding:28px 0px 0px 49px;
    font-style:italic;
    /*text-shadow: 1px 0px 0px #571b2f;*/
}
.homeimg{
position: relative;
    top: 371px;
    left: 38px;
}
.content{
 	margin:0px auto 0px;
   	padding:228px 20px 0px;
}
h3{
	font-family:helvetica, arial, verdana;
 	font-size:18px;
  	color:#103349;
    padding:10px 0px 0px;
    line-height:18px;
    font-weight:bold;
}
.content h4{
	font-family:helvetica, arial, verdana;
 	font-size:15px;
  	color:#103349;
    padding:10px 0px;
    line-height:18px;
    font-weight:bold;
}
.content p{
	font-family:helvetica, arial, verdana;
 	font-size:12px;
  	color:#0e334a;
    padding:10px 0px 0px;
    line-height:16px;
    text-align:justify;
}
.content ul{
	float:left;
 	margin:0px;
  	padding:0px 0px 0px 20px;
}
.content ul li{
	background:url(../images/ulround.jpg) left no-repeat;
 	margin:0px;
  	padding:0px 0px 0px 10px;
    font-size:12px;
  	color:#0e334a;
}
footer{
   	padding:20px 0px;
    color:#888888;
    font-size:10px;
    text-align:center;
    font-family:helvetica, arial, verdana;
}
footer a{
 	color:#888888;
    font-size:10px !important;
}
footer a:hover{
 	color:#a18b43;
}
.space{
	padding:7px 0px 0px 0px;
}



.colorbg{
 	margin:0px auto;
  	background:rgba(255,255,255,0.8);
    padding:20px 20px 0px 20px;
 	color:#000;
}
.colorbg p{
	font-family:helvetica, arial, verdana;
 	font-size:12px;
  	color:#1D4E6C;
    padding:10px 10px 0px 0px;
    line-height:17px;
    text-align:left;
}
.colorbg ul{
	float:left;
 	margin:0px;
  	padding:10px 0px 10px 20px;
}
.colorbg ul li{
	background:url(../images/ulround.jpg) left no-repeat;
 	margin:0px;
  	padding:0px 0px 0px 10px;
    font-size:12px;
  	color:#0e334a;
}


.testimonial{
	background:url(../images/testimonialsBG.png) no-repeat right;
 	padding:0px 0px 0px 0px;
	width:100%;
	    position: relative;
    right: -19px;
}
.productpage{
background:url(../images/orderBG.png) no-repeat right;
padding:0px 0px 0px 0px;
	width:100%;
	    position: relative;
    right: -19px;
}
.colorbg1{
	    margin: 0px auto;
    background: #fff;
    padding: 20px 20px 0px 20px;
    color: #000;
}
.product{
    background: #fff url(../images/Order-Page.jpg) no-repeat right;
    padding: 0px 0px 0px 0px;
    width: 100%;
    position: relative;
    right: -20px;
    display: inline-block;
}

.orderpage{
	background:url(../images/orderBG.png) no-repeat left top;
 	   position: relative;
    left: -19px;
}
.guarantee{

background:url(../images/GuaranteeBG.png) no-repeat left;
 	width:100%;
	    position: relative;
    left: -19px;
}


.navbar-inverse{
 	background:#c5dded;
	border:none;
}

.nodetails {
    background: none;
    border: none;
    font-family: helvetica, arial, verdana;
    font-size: 9pt;
    color: #282932;
	 line-height:36px;
	 padding:1px 10px;
	 
}
.navbar-inverse .navbar-nav > li > a{
	color: #282932;
	font-weight:bold;
}
.navbar-nav > li > a{
	line-height:9px;
}
.navbar{
	min-height:39px;
	border-radius:0px;
	font-weight:bold;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .nodetails:hover{
	background:#a18b43;
	color: #282932;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
	color: #a18b43;
}
.navbar-inverse .navbar-toggle{
	background:#333;
}
@media screen and (max-width: 780px) {
.nodetails{
	padding-left:17px;
}
}
.navbar{
	margin-bottom:0px;
}

.container{
	max-width:980px;
}

@media screen and (max-width: 750px){
	.testimonial, .productpage, .orderpage, .guarantee, .product{
	background: none;
}
body{
	background:url(../images/bodyBg.jpg) center top no-repeat;	
	
}
.tagline h2{
	float:none;
}
.home .container{
background:rgba(255,255,255,0.8);
}
.content{
	
	padding-top:40px;
}
.nodetails{
	position:relative;
	left:-20px;
}
}
.btnSubmitform{
	background:#337ab7;
	padding:5px 10px;
	border:none;
	font-size:13px;
	color:#fff;
}
footer{
	max-width:900px !important;
}