@import url(https://fonts.googleapis.com/css?family=Crushed&v1);
@import url(https://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo&v1);




#target
  {position:absolute; top:0px; bottom:0px; left:0px; right:0px;
   background: #eeeeee; overflow: hidden; margin:0 auto;
   }
#control
  {position:absolute; bottom:10px; left: -5px; z-index: 10; padding:0;margin:0;}
  #control images {
  	margin: 0;
  	padding: 0;
  }
  .preload { display:block; background:transparent url(images/preloader.gif) no-repeat center center; }


/*
Item Name : jQuery Sticky Footer
Author URI : http://themeforest.net/user/Keliah
Version : 1.0
*/

/*

TABLE OF CONTENTS

01 RESET
02 GRID
03 TYPOGRAPHY

*/



/*  _____________________________________________________________________________

	01 RESET
    _____________________________________________________________________________  */



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, images, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after,
q:before, q:after{content:""}
blockquote, q{quotes:""""}
img {border:none;}



/*  _____________________________________________________________________________

	02 GRID
    _____________________________________________________________________________  */



.container{margin:40px auto; width:960px}
.grid_1,
.grid_2,
.grid_3{display:inline; float:left; position:relative; margin-left:10px; margin-right:10px}
.container .grid_1{width:300px}
.container .grid_2{width:620px}
.container .grid_3{width:940px}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}



/*  _____________________________________________________________________________

	03 TYPOGRAPHY
    _____________________________________________________________________________  */



body {font-family: 'Lucida Grande', arial, serif;}
h1{font-size:36px; margin-bottom:18px; font-weight:bold;}
h2{font-size:24px; margin-bottom:18px; font-weight:bold;}
p{font-size:12px; line-height:21px; margin-bottom:18px}
.strong{font-weight:bold}
.italic{font-style:italic}
a{text-decoration:none}
a:hover{cursor:pointer}
ul, ol{ margin-bottom:18px}


/*
Item Name : jQuery Sticky Footer
Author URI : http://themeforest.net/user/Keliah
Version : 1.0
*/

/*

TABLE OF CONTENTS

1. Footer General Styling
2. Drop Up Containers
3. Columns Grid
4. Footer Typography
5. Trigger Button
6. Colored Elements

*/



/*  _____________________________________________________________________________

    1. FOOTER GENERAL STYLING
    _____________________________________________________________________________  */

input, textarea {
    -webkit-appearance:none; /* Remove default shadow */
}



#footer {
	background:#fff;
	position: fixed;
	bottom: 0px;
	margin:0 auto;
	width: 980px;
	left:50%;
	margin-left:-490px;
	border-bottom: none;
	padding:0px;

	-moz-box-shadow: 0px 0px 20px #333;
	-webkit-box-shadow: 0px 0px 20px #333;
	box-shadow: 0px 0px 20px #333;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

}
#footer li {
	float:left;

}
#footer li.aboutusmenu:hover {
	background-color:#82B0EA;
}
#footer li.productsmenu:hover {
	background-color:#444;
}
#footer li.contactmenu:hover {
	background-color:#D0CFAA;
}
#footer li.servicemenu:hover {
	background-color:#6FB352;
}
#footer li.updatesmenu:hover {
	background-color:#E4761B;
}
#footer li:hover a {
	color:#fff;
}
#footer li a {

	color:#555;
	font-size:12px;
	text-decoration:none;
	padding:11px 15px 12px 15px;
	display:block;

}
		#footer li .dropup {
			padding-right:40px;
			background:url("../images/arrow.png") no-repeat right 15px ;
            font-family: 'Crushed', 'Arial Narrow', arial, serif;
                font-size: 16px;
		}
		#footer li .dropup:hover {
			background:url("../images/arrow.png") no-repeat right -35px ;
		}

#footer li .footer_dropup {
	position: absolute;
	left:-9999em;
}
#footer li:hover div.footer_dropup  {
	display: block;
	padding:15px 0px 0px 0px;
	margin: 0 0 0 0;
	left:auto;
	bottom:39px; /* Equal height of the footer */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-box-shadow: 0px 5px 20px #333;
    -webkit-box-shadow: 0px 5px 20px #333;
    box-shadow: 0px 5px 20px #333;
    border-bottom: none;


}

.aboutus{
		background:url("../images/texture.png") #82B0EA!important;
		border: 1px solid #82B0EA;

		width: 550px;

}

.products {
	background:url("../images/texture.png") #444!important;
	border: 1px solid #444;
	width: 500px;
}


.contact {
	background:url("../images/bgcontact.png");
	border: 1px solid #f3f3f3;

}


.service {
	background:url("../images/texture.png") #6FB352!important;
	border: 1px solid #6FB352;
	width: 400px;
}
.updates {
	background:url("../images/texture.png") #E4761B!important;
	border: 1px solid #6FB352;
	width: 400px;
}
/*about us dropup*/

.aboutusinner,
.servicesinner{
	padding: 0 20px 0px 20px;
	color: #fff;
	font-size: 12px;
	text-shadow: 0 -1px 0 #4A8DE0;
}
.contactinner  {
	padding: 0 20px 0px 20px;
	color: #666;
	font-size: 12px;
	text-shadow: 0 1px 0 #fff;

}
.contactinner label {
	font-family: 'Swanky and Moo Moo','Lucida Grande', arial, serif!important;
	font-size: 18px;
}
.productsinner1,
.productsinner2 {
	padding: 10px 20px 35px 20px;
	clear: both;
	color: #fff;
	text-shadow: 0 -1px 0 #4A8DE0;
	border-top: 1px solid #4C4D4E;
}
.productsinner2 {
	padding: 10px 20px 10px 20px;
}
.productsinner1:hover,
.productsinner2:hover {
	background: #444;
}

.aboutusinner p,
.aboutusinner span,
.aboutusinner div {
	color: #fff!important;
	font-size: 12px;
	text-shadow: 0 -1px 0 #4A8DE0;
}

.productsinner1 p,
.productsinner1 span,
.productsinner1 div,
.productsinner1 a,
.productsinner2 p,
.productsinner2 span,
.productsinner2 div,
.productsinner2 a {
color: #fff!important;
font-size: 12px;
text-shadow: 0 -1px 0 #333;

}
.servicesinner p,
.servicesinner span,
.servicesinner div,
.servicesinner a{
color: #fff!important;
font-size: 12px;
text-shadow: 0 -1px 0 #333;

}
.productsinner1 a:hover,
.productsinner2 a:hover{
	color: #5DC7E7!important;
}

.updatesinner  {
	padding: 0 20px 0px 20px;
	color: #fff;
	font-size: 12px;
	text-shadow: 0 1px 0 #cc0000;}

.updatesinner p,
.updatesinner span,
.updatesinner div,
.updatesinner a {
color: #fff!important;
font-size: 13px;
line-height: 13px;
text-shadow: 0 -1px 0 #333;


}
#footer #footer_home a {
	padding:0;

}

#footer li#footer_home {
	border-right: none;
}
#footer li#footer_home:hover {
	background: none!important;
	background-color:none!important;
}
#footer_home img {

    margin-top: -37px;
}






/*  _____________________________________________________________________________

    4. FOOTER TYPOGRAPHY
    _____________________________________________________________________________  */



#footer p, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
	color:#666;

}
#footer h1, #footer h2 {
	padding-bottom:12px;
}
#footer h1, #footer h2, #footer h3 {
	margin-bottom:18px;
}
#footer h4, #footer h5, #footer h6 {
	margin-bottom:12px;
}
#footer h1 {
	font-size:36px;
	line-height:36px;
}
#footer h2 {
	font-size:30px;
	line-height:42px;
}
#footer h3 {
	font-size:28px;
	line-height:28px;
}
#footer h4 {
	font-size:21px;
	line-height:24px;
}
#footer h5 {
	font-size:18px;
	line-height:28px;
}
#footer h6 {
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size:14px;
	line-height:18px;
	text-transform:uppercase;
}

/* Separator */

#footer hr {
	border-top:1px solid #000;
	border-bottom:1px solid #222;
	border-left:none;
	border-right:none;
	height: 1px;
	margin-bottom:16px;
	margin-top:0px;
}

/* Simple Lists */

#footer li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#footer li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	border:none;
}
#footer li div.footer_dropup a, #footer li ul li a {
	padding:0;
	margin:0;
	display:inline;
}
#footer li ul li:hover {
	color:#333;
}

/* Other Lists */

#footer ul.list, #footer ul.list2, #footer ol.num, #footer ol.num2 {
	margin:0 0 18px 20px;
	color:#666;
	font-size:12px;
}
#footer ul.list li, #footer ul.list2 li, #footer ol.num li, #footer ol.num2 li{
	padding:0 0 0 12px;
	line-height:24px;
	border:none;
}
#footer .list li {
	list-style:disc;
}
#footer .list2 li {
	list-style:square;
}
#footer .num li {
	list-style:decimal;
}
#footer .num2 li {
	list-style:upper-latin;
}

#footer li div.footer_dropup ul.list li a,
#footer li div.footer_dropup ul.list2 li a,
#footer li div.footer_dropup ol.num li a,
#footer li div.footer_dropup ol.num2 li a {
	color:#bbbbbb;
}
#footer li div.footer_dropup ul.list li a:hover,
#footer li div.footer_dropup ul.list2 li a:hover,
#footer li div.footer_dropup ol.num li a:hover,
#footer li div.footer_dropup ol.num2 li a:hover {
	color:#dddddd;
}

#footer .black_box, #footer .black_box2 {
	background-color:#1F1F1F;
	color: #eeeeee;
	padding:6px 8px 6px 8px;

}
#footer .black_box {
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}


/* Social Icons */
#footer #social {
	margin-right: 0px!important;
}
#footer li#social {
	float:right; /* Positionning of the social icons container */
	width:auto;
	margin:7px 20px 0px 10px;
	padding:0px;
	border:none;
}
#footer li#social:hover {
	background:none;
}
#footer #social li {
	margin-right:10px; /* 12px is the space between each one of them */
	float:left;
	background:none;
	border:none;
	width:20px;
	height:20px;
	padding:0px;
}

/* Tooltips for social icons */

a.tooltip:hover {
	text-decoration:none;
}
a.tooltip span { /* The "span" defines the text appearing on mouse hover, these are basic stylings */
	display:none;
	padding:0px 7px 5px 7px;
	bottom:30px;
	position:relative;
	height:24px;
	width:55px;
	text-align:center;
	background:url("../images/tooltip.png") no-repeat center top;
	position:absolute;
	color:#dddddd;
	font-size:12px;
	margin-left:-24px;
}
a.tooltip:hover span {
	display:block;
}



/*  _____________________________________________________________________________

    5. TRIGGER BUTTON
    _____________________________________________________________________________  */



a#footer_trigger{
	position: fixed;
	z-index:2;
	margin:0 auto;
	left:50%;
	margin-left:447px;
	bottom: 0px;
	width:35px;
	height:35px;

	display: block;

}

a#footer_trigger.active {
	background:url("../images/footer_button_down.png") right no-repeat #121212;
}



/*  _____________________________________________________________________________

    6. COLORED ELEMENTS
    _____________________________________________________________________________  */



/* Links within the content */

#footer li div.footer_dropup a {color:#6a82a3;}
#footer li div.footer_dropup a:hover {color:#536987;}


.QOverlay {
	background-color: #B1E8FC;
	z-index: 9999;
}

.QLoader {
	background-color: #72D9F9;
	height: 90px;
	z-index: 1;

}

.QAmt {
	color:#fff;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:34px;
	font-weight:bold;
	line-height:50px;
	margin:-90px 0 0 -50px;
	background: url(../images/loader.png) no-repeat 100px 0 #65C7E7!important;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 20px;
	text-shadow: 0 1px 1px #61B1C6;
	-moz-box-shadow: inset 0 1px 1px #888;
	-webkit-box-shadow: inset 0 1px 1px #888;
	box-shadow: inset 0 1px 1px #888;
	z-index: 2;
}


.left {
	float: left;
	width: 170px;
}
.right {
	float: right;
	width: 270px;
	text-align: right;
}
.contactbaloon p{
	padding: 0 20px 0px 0;
	color:#666!important;
	text-shadow: none;
	font-family: 'Swanky and Moo Moo', arial, serif!important;
	line-height: 16px;
	font-size: 28px;
	text-align: left;
}
.aboutbaloon {
	background: url('../images/about-baloon.png') no-repeat left top;
	width: 306px;
	height: 150px;
	margin-top: -70px;

}
.aboutbaloon p {
	padding: 15px 20px 0px 20px;
	color:#666!important;
	text-shadow: none;
	font-family: 'Swanky and Moo Moo', arial, serif!important;
	line-height: 16px;
	font-size: 18px;
	text-align: left;

}

.productsbaloon {
	color:#5DC7E7!important;
	text-shadow: none;
	font-family: 'Swanky and Moo Moo', arial, serif!important;
	line-height: 16px;
	font-size: 18px;
	text-align: left;
	padding: 0px 20px 20px 20px;
}
.servicesbaloon {
	color:#fff!important;
	text-shadow: 0 1px 0 #000;
	font-family: 'Swanky and Moo Moo', arial, serif!important;
	line-height: 22px;
	font-size: 28px;
	text-align: left;
	padding: 0px 20px 20px 20px;
}
.right p {
		line-height: 16px
}

li.newsletterbar input {
	border: none;
	border-bottom: 1px solid #999;
}
li.newsletterbar {
width: 260px;
height: 28px;
padding-left: 120px;
padding-top: 20px;
	background: url('../images/bgnewsletter.png') no-repeat left top;
	margin-top: -10px;
	border: none;
}
li.newsletterbar .btn {
border: 1px solid #ccc;
margin-left: 5px;
background: #ccc;
color: #666;
text-shadow: 0 1px 0 #fff;
}





#contact p, label, legend {  }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { width:440px; padding-bottom:20px;}

/* Form style */

#contact label { display:block; float: left; height: 26px; line-height: 26px; white-space: nowrap;text-align: left; }
#contact input, textarea, select { width: 200px; margin: 0; padding: 5px; color: #666; background: transparent; border:none; border-bottom: 1px solid #666; margin: 5px 0;  }
#contact select {
	width: 210px;
}
#contact input:focus, textarea:focus, select:focus { border-bottom: 1px solid #ff0000; color:#ff0000; }
#contact input.submit {float: right;width:200px; cursor: pointer; border:none; background: transparent; font-size: 30px; line-height: 12px; padding: 0; margin-right: 10px; color:#666;	font-family: 'Swanky and Moo Moo','Lucida Grande', arial, serif!important; text-align: right; }
#contact input.submit:hover {color: #ff0000; }
#contact input[type="submit"][disabled] {}
#contact fieldset {}
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #ECC0C1 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#fff;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 0 -1px 0 #AF9091; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../images/success.gif') left 10px no-repeat; padding-left:22px;font-family: 'Swanky and Moo Moo', 'Lucida Grande',arial, serif!important; }

acronym { border-bottom:1px dotted #ccc; }
.contactitems {
	display: block;
	width: 200px;
	float: left;
	margin-right:20px;

}

.monbig {
width:1990px; height:900px;}
.updatesblog {
	background:  url('../images/bgupdates.png') 0 5px no-repeat;
	border-bottom: 1px solid #C96818;
	display: block;
	padding: 20px 20px 10px 90px;
	margin: -15px -20px 0 -20px;
	height: 40px;
	}
.updatestwitter {
	background:  url('../images/bgupdates.png') 0 -110px no-repeat;
	border-top: 1px solid #D38443;
	display: block;
	padding: 20px 20px 10px 90px;
	margin: 0 -20px;
	height: 40px;
}
.updatesblog:hover,
.updatestwitter:hover {
	background-color: #C1651B;
}
.updatesblog:hover {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#awwwards{
position:absolute;
top:0px;
right:0px;
z-index:555;
}
#awwwards a{
width:115px;
height:115px;
text-indent:-8000px;
display:block;
background:url(../images/honormention_white.png) no-repeat;
}