@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Exo+2:400,600,700);
/*font-family: 'Exo 2', sans-serif;*/

html,body{ height:100%; width:100%; margin:0px; padding:0px;}
body{ font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:23px; color:#4b4b4b; background:#f0f1ec; }
.clr{ clear:both;}
header,foooter,article,section,aside,nav,figure{ display:block;}
span.hide{position:absolute;left:-9999em;visibility: hidden; display:none; overflow:hidden;}


ul{ list-style:none; margin:0px; padding:0px;}
.fleft{ float:left;}
.fright{ float:right;}
a img{ border:none;}
img{ max-width:100%;}
figure{ margin:0px; text-align:center;}

.readmore,.menu li a,.social ul li a{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}

h1{ font-family: 'Exo 2', sans-serif; color:#3C3C3C; margin:0px 0px 20px 0px; font-size:25px; font-weight:normal; text-transform:uppercase; }
h1 span{ color:#3CF;}
h2{ font:normal 19px Arial, Helvetica, sans-serif; color:#3F3F3F; margin:10px 0px 0px 0px;}
h3{ font:normal 18px Arial, Helvetica, sans-serif; color:#00A7FD; margin:15px 0px 0px 0px;}
h4{ font:normal 16px Arial, Helvetica, sans-serif; color:#00A7FD; margin:5px 0px;}
h5{ font:bold 14px Arial, Helvetica, sans-serif; color:#1F1F1F; margin:0px 0px;}

.wrapper{ max-width:980px; margin:20px auto;}
header{ background:#FFF; padding:15px 20px;}
.logoholder{ float:left;}
.company{float:left; margin:10px 0px 0px 0px;}

.social{ float:right; color:#E0E0E0; font:normal 17px Arial, Helvetica, sans-serif;}
.social ul li{ float:left; margin-left:2px; line-height:35px;}
.social ul li a{ display:block; height:35px; width:35px;}

.social ul li a.tw{ background:url(../images/social-set.png) no-repeat -2px -40px;}
.social ul li a.tw:hover{ background:url(../images/social-set.png) no-repeat -2px -1px;}

.social ul li a.fb{ background:url(../images/social-set.png) no-repeat -38px -40px;}
.social ul li a.fb:hover{ background:url(../images/social-set.png) no-repeat -38px -1px;}

.social ul li a.plus{ background:url(../images/social-set.png) no-repeat -74px -40px;}
.social ul li a.plus:hover{ background:url(../images/social-set.png) no-repeat -74px -1px;}



.main-nav{ background:#FFF; font:bold 11px Arial, Helvetica, sans-serif;text-transform:uppercase;border-top:1px solid #F7F7F7; border-bottom:3px solid #23c0ed;}
.main-nav ul li{ border-right:1px solid #F7F7F7; display:inline-block; position:relative;}
.main-nav ul li a{color:#2E2E2E;padding:17px 25px; display:block; text-decoration:none;}
.main-nav ul li a:hover,.main-nav ul li:hover a,.main-nav ul li.current_page_item a{color:#FFF; background:#23c0ed;}
.main-nav ul li:last-child{ background:none; padding-right:0px;}
.main-nav ul li ul{ display:none;}
.main-nav ul li:hover ul{ display:block;}
.main-nav ul li ul li{ display:block; position:absolute; top:48px; left:0px; width:150px; border-right:none;}
.main-nav ul li ul li a{ padding:10px 15px; background:#23c0ed;}
.main-nav ul li ul li a:hover{ background:#0091bb}
.menu a#responsive_menu_button {
  display: none;
}
.main-nav #responsive_current_menu_item {
  display: none;
}
/* =Primary Main Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .menu ul {
  background: url(core/images/ie7-fix.gif) repeat;
}
.ie7 .menu li li a {
  min-width: 100%;
}


.banner{ margin:20px 0px;background:url(../images/shadow.png) no-repeat center bottom; padding:0px 0px 13px 0px; }
.banners{ background:#FFF; padding:10px;}

.container{ background:#FFF; padding:20px; overflow:auto;}
.gallery{ background:#FFF; padding:1%; overflow:auto;}
.gallery ul li{ float:left; margin:1%; width:22%; float:left; padding:.5%; background:#F8F8F8;}
.gallery ul li:hover{ background:#E9E9E9;}
.welcome-message{ width:60%; float:left;}
.welcome-message figure{ float:left; margin-right:20px;}
.container p{ text-align:justify;}

.latest-news{ float:right; width:30%;background:#262520 url(../images/texture.gif) repeat; padding:1.5% 2.5%; color:#A2A2A2; font-size:13px; line-height:18px;}
.latest-news h1{ color:#FFF; line-height:25px;}
.latest-news p{ margin:10px 0 0px 0;}
.latest-news ul li{ margin-top:20px; background:url(../images/news.png) no-repeat left 3px; padding:0px 0px 0px 45px;}
.latest-news ul li a{ color:#f4a321; font-style:italic; font-size:12px; text-decoration:none;}
.latest-news ul li a:hover{ color:#FFF; text-decoration:underline;}



.quick-contact{ background:#2f3236; padding:20px; color:#FFF; overflow:auto;}
.msg{ float:left; width:60%;}
.quick-contact h1{ color:#FFF; margin:0px;}
.quick-contact p{ margin:10px 0px 0px 0px;}
a.quickmail{ float:right; background:#f4a321; font:normal 21px  "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff2dc; display:inline-block; padding:15px 20px;-webkit-border-radius: 25px;
border-radius: 25px; text-decoration:none;}
a.quickmail:hover{ background:#000; color:#F4F4F4;}

.graybox{ background:#e7e7e7; padding:20px; overflow:auto;}
.quicklinks{}
.quicklinks ul li{ width:33%; float:left;}
.quicklinks ul li a{ background:url(../images/listt.png) no-repeat left bottom; padding:0px 0px 0px 25px; text-decoration:none; color:#989895;}
.quicklinks ul li a:hover{ background-position:left top; color:#000;}

ul.services-listt{}
ul.services-listt li{ display:block; font-size:17px; padding:0px 0px 0px 30px; background:url(../images/tick.png) no-repeat left center; line-height:30px;}

.email{ line-height:30px; margin:5px 0px; padding:0px 0px 0px 30px; background:url(../images/mail.png) no-repeat left center;}
.phone{ line-height:30px; margin:5px 0px; padding:0px 0px 0px 30px; background:url(../images/phone.png) no-repeat left center;}
a.email-link{ text-decoration:none; color:#454545;}
a.email-link:hover{ text-decoration:underline; color:#4188ec;}

footer{ background:#262520 url(../images/texture.gif) repeat; color:#979797; font-size:11px; padding:20px; overflow:auto;}

footer ul{ float:right;}
footer ul li{ float:left;}

/*..............extras.................*/
.readmore{ background:#202020; color:#FFF; display:inline-block; padding:5px 10px; text-decoration:none;}
.readmore:hover{ background:#f4a321;}

@media screen and (max-width:980px) {
	.wrapper{ margin:10px;}
}
@media screen and (max-width:768px) {
	.welcome-message {width:100%;}
	.latest-news{ width:95%; margin-top:15px;}
	.latest-news ul li{ float:left; width:40%; min-height:80px; margin:5px;}
	
	.gallery ul li{ float:left; margin:1%; width:30%; float:left; padding:.5%;}
	
}
@media screen and (max-width:655px) {
	.logoholder{ width:20%;}
	.company{ width:80%;}
	.wrapper{ margin:0px;}
	.banner{ margin:0px 0px 10px 0px; padding:0px;}
	.banners{ padding:0px;}
	
}
@media screen and (max-width:360px) {
	.logoholder{ width:100%; text-align:center;}
	.company{ width:100%;}
	.gallery ul li{ float:left; margin:1%; width:47%; float:left; padding:.5%;}
}