*{ margin:0px; padding:0px;}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
	background:#ffffff;
	line-height:1.6875;
	}
	
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
	clear:both;
}
a {
	text-decoration:none;
	color:#0099cc;
}
a:hover {
	text-decoration:none;
	color:#006699;
}
a img {
	border:none;
}
p {
	text-align:left;
	margin-bottom:20px;
}

h1{ margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:37px; font-weight:normal; color:#333333;}
h2{ margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:23px; font-weight:normal; color:#333333;}


.borderBottom {  border-bottom:3px solid #a3481b;}


.marginTop50{ margin-top:50px;}
.marginTop30{ margin-top:30px;}
.marginTop20{ margin-top:20px;}
.marginTop10{ margin-top:10px;}

.pading20{ padding:20px;}

.rFloat{ float:right;}
.lFloat{ float:left;}
.allClear{ clear:both;}

/*===============================================================================*/

.navigation {
	background:#1E9376;
	width:100%;
	
}
.navigation ul {
	background:#a3481b;
	height:40px;
	text-align:center;
}
.navigation ul li {
	float:left;
	text-align:center;
	
}
.navigation ul li a {
	padding:8px 25px 8px 25px;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	font-size:14px;
	text-transform:uppercase;
	border-left:1px solid #963e13;
	text-align:center;

}
.navigation ul li a:hover {
	color:#FFCC00;
}
.navigation ul li a.current {
	color:#FFCC00;
}

/*===============================================================================*/

.slider{ background:#f6f6f6 url(../images/slider.jpg) 0px 0px
; border:1px solid #eeeeee; 

-webkit-box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.28);
box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.28); position:relative;
height:249px;
}


.aboutUs{ background:#f6f6f6 url(../images/slider.jpg) 0px 0px
; border:1px solid #eeeeee; 

-webkit-box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.28);
box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.28); position:relative;
height:249px;
}


.whyWe{ background:#f6f6f6 url(../images/slider.jpg) 0px 0px
; border:1px solid #eeeeee; 

-webkit-box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.28);
box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.28); position:relative;
height:249px;
}

.contactUs{ background:#f6f6f6 url(../images/slider.jpg) 0px 0px
; border:1px solid #eeeeee; 

-webkit-box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.28);
box-shadow: 0px 10px 5px -3px rgba(0,0,0,0.28); position:relative;
height:249px;
}




.logo{ background:url(../images/logo.png) 0px 0px;
	height:115px;
	width:200px;
	display:block;
	opacity:1;
	position:absolute;
	top:64px;
	left:40px;
	}
	
.logotxt {
	background: url("../images/innovative.png") norepeat;
	height: 370px;
	width: 1px;
	display: block;
	opacity: 1;
	position: absolute;
	top: 180px;
	left: 40px;
}

.border1{ border:1px solid #efefef;}

/*===============================================================================*/
.bgColor1{background:#efefef;}

.servicesHome{ }
.servicesHome ul{}
.servicesHome ul li{ list-style:square; margin-left:15px; margin-bottom:5px; color:#333333;}


.services{ }
.services ul{}
.services ul li{ list-style:none; margin-bottom:5px; color:#333333; background:#efefef; padding:10px; font-weight:bold; color:#666}


.marginReduce{ margin-top:-20px}}

/*==============================socialMedia===================================================*/

.socialMedia {
	text-align:left;
	margin-left:20px;
}
.socialMedia ul {
	list-style:none;
}
.socialMedia ul li {
	float:left;
	margin:2px 5px 0px 0px;
}
.socialMedia ul li a.facebook {
	background:url(../images/socialMediaIcon.png) 0px 0px;
	height:20px;
	width:20px;
	display:block;
	opacity:0.8;
}
.socialMedia ul li a.tweeter {
	background:url(../images/socialMediaIcon.png) -20px 0px;
	height:20px;
	width:20px;
	display:block;
	opacity:0.8;
}
.socialMedia ul li a.youtube {
	background:url(../images/socialMediaIcon.png) -40px 0px;
	height:20px;
	width:20px;
	display:block;
	opacity:0.8;
}
.socialMedia ul li a.contact {
	background:url(../images/socialMediaIcon.png) -60px 0px;
	height:20px;
	width:20px;
	display:block;
	opacity:0.8;
}
.socialMedia ul li a:hover {
	color:#ffffff;
	opacity:1;
}

/*==============================socialMedia===================================================*/


.footer{ background:#e5e5e5; font-size:13px; text-align:left;}
.footer a{ color:#666666;}
.footer a:hover{ color:#333333;}


@media only screen and (max-width:960px){
.rFloat{ float:none;}
.lFloat{ float:none;}
.allClear{ clear:both;}

.footer{ background:#e5e5e5; font-size:13px; text-align:center; }

.socialMedia { display:none;}


.logo{display:none;	}

.slider{ background:#f6f6f6 url(../images/slider2.jpg) center no-repeat; height:180px}
.aboutUs{ background:#f6f6f6 url(../images/slider2.jpg) center no-repeat; height:180px}
.whyWe{ background:#f6f6f6 url(../images/slider2.jpg) center no-repeat; height:180px}
.contactUs{ background:#f6f6f6 url(../images/slider2.jpg) center no-repeat; height:180px}


}

/* =Media query for iPad and tablets
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
.rFloat{ float:none;}
.lFloat{ float:none;}
.allClear{ clear:none;}

.footer{ background:#e5e5e5; font-size:13px; text-align:center; height:180px}

.socialMedia { display:none;}
.logo{display:none;	}
.slider{ background:#f6f6f6 url(../images/slider2.jpg) center no-repeat; height:180px}
.aboutUs{ background:#f6f6f6 url(../images/slider2.jpg) center no-repeat; height:180px}
.whyWe{ background:#f6f6f6 url(../images/slider2.jpg) center no-repeat; height:180px}
.contactUs{ background:#f6f6f6 url(../images/slider2.jpg) center no-repeat; height:180px}

h1{ line-height:50px;}
h2{ line-height:25px;}

}
/* =Popup Image display
-------------------------------------------------------------- */
ul.enlarge{
    list-style-type:none; /*remove the bullet point*/
    margin-left:0;
    }
    ul.enlarge li{
    display:inline-block; /*places the images in a line*/
    position: relative;
    z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
    margin:10px 40px 0 20px;
    }
    ul.enlarge img{
    background-color:#eae9d4;
    padding: 6px;
    -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }
    ul.enlarge span{
    position:absolute;
    left: -9999px;
    background-color:#eae9d4;
    padding: 10px;
    font-family: 'Droid Sans', sans-serif;
    font-size:.9em;
    text-align: center;
    color: #495a62;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
    -moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
    box-shadow: 0 0 20px rgba(0,0,0, .75);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius:8px;
    }
    ul.enlarge li:hover{
    z-index: 50;
    cursor:pointer;
    }
    ul.enlarge span img{
    padding:2px;
    background:#ccc;
    }
    ul.enlarge li:hover span{
    top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
    left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
    }
    ul.enlarge li:hover:nth-child(2) span{
    left: -100px;
    }
    ul.enlarge li:hover:nth-child(3) span{
    left: -200px;
    }
.enlarge img {
max-width: inherit !important;
}
    /**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
    ul.enlarge img, ul.enlarge span{
    behavior: url(pie/PIE.htc);
    }