@import "../css/reset.css";@import "../css/grid_12.css";@import "../css/superfish.css";@import url(http://fonts.googleapis.com/css?family=Bitter);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{
	display: block;
}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; color:#62676d; min-width:1035px; background:#12212f;}
.main {width:1035px;padding:0;margin:0 auto;}
.main2{width:960px;margin:0 auto;}
/*********************************fonts*************************************/
p {margin-bottom:24px}
.p2{ margin-bottom:17px;}
.p3{}
.p4{}
.p5{}
.p6{}

.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.italic{font-style:italic}
.letter {letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}

/*==================================== Links ======================================================== */
a {color:#62676d;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#ebdf1b; text-decoration:none;}

.button{ display:inline-block; padding:9px 16px 11px 19px; border-radius:10px; margin: 24px 0 0 0; font-size: 15px; line-height: 19px; color:#fff; background: url(../images/button.jpg) repeat-x #101e2b;}
.button:hover{ background:#f5da39; color:#343434;}

/*********************************mentis demo button*************************************/
.button_demo{ display:inline-block; padding:9px 16px 11px 19px; border-radius:10px; margin: 24px 0 0 0; font-size: 15px; line-height: 19px; color:#fff; background: url(../images/button_demo.jpg) repeat-x #ff0000;}
.button_demo:hover{ background:#f5da39; color:#343434;}

.button_action{ display:inline-block; padding:9px 16px 11px 19px; border-radius:10px; margin: 24px 0 0 0; font-size: 20px; line-height: 30px; color:#343434; background: url(../images/button_action.jpg) repeat-x #ff0000;}
.button_action:hover{ background:#f5da39; color:#343434;}

/*================================>> hovers <<========================================*/
.ui-tabs-nav li, .downloads{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {width:940px; margin: 0 auto; padding:92px 0 0 0;}
header h1{width:350px; float:left;}
header h1 a {display:block;width:350px;height:85px;position:relative; margin: -20px 0 0 0;background:url(../images/logo/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:68px 0px 70px 0px;}
.cont_pad{padding:77px 0 70px 0 !important;}


/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}

h2{font-size: 17px; line-height: 20px; color:#12212f; background:url(../images/h2_stripe.jpg) 0 8px repeat-x; text-align:center;}
h2 span{ display:inline-block; background:#FFFFFF; padding:0 17px 0;}
h2.ind{ margin-bottom:42px;}
h2.ind1{ margin-bottom:39px;}
h2.ind2{ margin-bottom:33px;}
/*================================>> GOOGLE FONTS  <<========================================*/
footer .title, .ui-tabs .ui-tabs-nav li a, h2, .bitter, .banner .title, .offer .title, .button{font-family: 'Bitter', serif;}

/*================================>> Global Blocks <<========================================*/
.block1{ background:url(../images/block1.jpg) 50% 0 no-repeat; max-height:606px; padding-bottom:30px;}
.block2{ background:url(../images/block2.jpg) 50% 0 repeat-x #fff; min-height:500px;}
.block3{}

/*********************************page_1*************************************/
.extra_container{ overflow:hidden;}
.extra_container>figure{ float:left;}
.extra_container>div{ float:right;}

.hello_box{font-size: 33px; line-height: 45px; color:#12212f; text-align:center; padding:0 20px 0; margin-bottom:58px}
.hello_box_font{font-size: 22px; line-height: 35px; color:#12212f; text-align:center; padding:0 10px 0; margin-bottom:38px}

.offers_box{ margin-bottom:65px;}
.offer{ text-align:center;}
.offer img{ margin-bottom:31px;}
.offer .title{font-size: 25px; line-height: 29px; color:#12212f; margin-bottom:16px; text-transform:uppercase;}
/*********************************customize*************************************/
.offers_box2{ margin-bottom:-100px;}
.offer img{ margin-bottom:5px;}
.m_bot2{ margin-bottom:20px;}

.testimonial_box{ position:relative; position:relative; padding:34px 195px 35px; }
.testimonial>div{ padding:0 0 0; text-align:center; background:#FFFFFF;}
.test_prev{ left:80px; background:url(../images/test_prev.png) no-repeat;}
.test_next{ right:80px; background:url(../images/test_next.png) no-repeat;}
.test_prev, .test_next{ display:block; position:absolute; top:74px;width:11px;height:18px;}
.test_prev:hover, .test_next:hover{ background-position: 0 bottom;}

.link1{ color:#12212f; font-weight:bold;}
.link1:hover{ color:#285782;}

#tabs{ margin-bottom:101px;}

.newsletter{ background:url(../images/news_letter.png) 417px 14px no-repeat #f4f5f7; border-radius:10px;}
.newsletter .f_left{width:320px; padding:26px 0 32px 38px; line-height:19px;}
.newsletter .f_right{width:381px; padding:39px 0 0 0;}
#newsletter{ overflow:hidden;}
#newsletter a{ display:block; float:left; margin: 0 0 0 13px;}
#newsletter input{border-radius:10px; float:left; padding:7px 15px 9px; width:211px; margin: 0 0 0 0; background:#fff; border: 1px solid #c1c6cd; color:#bbbfc7; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px;}

/*********************************page_2*************************************/
.project_box{padding:19px 20px 9px; background:#e1e3e7; margin: 0 1px 0 0;}
.project_box img{ margin-bottom:14px;}
.project_box a{ color:#000; text-decoration:underline}
.project_box a:hover{ text-decoration:none;}

.title1{font-size: 14px; color:#000000; font-weight:bold; letter-spacing:1px;}

.m_bot1{ margin-bottom:20px;}
/*********************************page_3*************************************/
.offers_box1{padding:3px 0 66px 0;}

.m_services li{ overflow:hidden; padding:17px 0 16px 15px; margin-bottom:5px; background:#e1e3e7; line-height:18px;}
.m_services li figure{ float:left; margin: 0 10px 0 0; padding:6px 0 0 5px;}
.m_services li div{ float:left;width:230px;}


/*********************************mentis ul il*************************************/
.m_services_ben li{ overflow:hidden; padding:17px 0 16px 15px; margin-bottom:5px; background:#e1e3e7; line-height:18px;}
.m_services_ben li figure{ float:left; margin: 0 10px 0 0; padding:6px 0 0 5px;}
.m_services_ben li div{ float:left;width:400px;}

.m_services_demo li{ overflow:hidden; padding:17px 0 16px 15px; margin-bottom:5px; background:#e1e3e7; line-height:18px;}
.m_services_demo li figure{ float:left; margin: 0 10px 0 0; padding:6px 0 0 5px;}
.m_services_demo li div{ float:left;width:250px;}

.m_services_quote li{ overflow:hidden; padding:17px 0 16px 15px; margin-bottom:5px; background:url(../images/q_block1.jpg) 10% 0 no-repeat; line-height:18px;}
.m_services_quote li figure{ float:left; margin: 0 10px 0 0; padding:6px 0 0 5px;}
.m_services_quote li div{ float:left;}

.black{ color:#000000; letter-spacing:1px;}

.link2{ color:#000;}
.link2:hover{ color:#FFFFFF;}

.s_overview>div{width:180px; margin-right:13px;}
.s_overview>figure{padding:10px 0 0 0;}

.m_left1{ margin-left:15px;}

.s_overview1>figure{ margin-left:17px}
.s_overview1>div{ margin-right:0;width:177px;}
/*********************************page_4*************************************/
.top_downloads li{ padding-bottom:23px; margin-bottom:23px; border-bottom:1px solid #e8eaed;}
.top_downloads li a.marker{ background:url(../images/down_marker.png) no-repeat;width:16px;height:16px; display:inline-block; margin: 6px 0 0 5px;}
.top_downloads li a.marker:hover{ background-position: 0 bottom;}

.downloads{ overflow:hidden; border-radius:10px; background:#f4f5f7; padding:9px 0 9px 20px; line-height:18px; margin-bottom:4px;}
.downloads:hover{ background:#343434; color:#adadad;}
.downloads>div{ float:left;}
.downloads .text{padding:0 0 0 0;width:400px;}
.downloads .text a.marker{width:16px;height:16px; background:url(../images/down_marker1.png) no-repeat; display:inline-block; margin: 2px 0 0 9px;}
.downloads .weight strong, .downloads .text strong{ color:#000000;}
.downloads .weight{ padding:11px 0 0;width:80px; text-align:center; margin-right:18px;}
.downloads:hover strong{ color:#FFFFFF;}
.downloads .button{width:95px; text-align:center; padding-left:0; padding-right:0;margin: -1px 0 0 0;}
/*********************************justin _page_4*************************************/

.top_data li:hover{ background:#343434; color:#adadad;}
.top_data li{ padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #e8eaed;}
.top_data li a.marker{ background:url(../images/down_marker.png) no-repeat;width:16px;height:16px; display:inline-block; margin: 6px 0 0 5px;}
.top_data li a.marker:hover{ background-position: 0 bottom;}

/*********************************page_5*************************************/

/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px; margin-bottom:20px; padding:10px; position:absolute;}
#contact-form textarea, #contact-form input {margin:0;font-size:14px; border:1px solid #e1e1e1; color:#62676d; border-radius:8px; padding:9px 15px;outline:none; position:relative; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;background:none;}
#contact-form input {width:338px; float:left;}
#contact-form textarea {overflow:auto; width:588px; height:230px;resize:vertical; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:45px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:17px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; float:left; padding-top:7px; line-height:14px;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:30px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;margin-bottom:24px; display:inline-block;}
#map_canvas {
    width:301px;
	height:306px;
}
.adress{}
.adress span{ display:inline-block; width:82px;}
.adress dt{}
.adress a, .demolink{ color:#000000;}
.adress a:hover, .demolink{ text-decoration:underline;}
.demolink:hover{ text-decoration:none; color:#000;}
/****************************footer************************/
footer{padding:57px 0px 60px 0;background:none;}
footer , footer a{ color:#acb2b6;}
footer .title{font-size: 24px; text-transform:uppercase; line-height: 29px; color:#fff; margin-bottom:22px;}

footer .social{padding:7px 0 001px;}
footer .social li{ overflow:hidden; margin-bottom:11px;}
footer .social li a{ display:inline-block; margin-top:2px;}
footer .social li a:hover{ color:#fff;}
footer .social li figure{ float:left; margin: -2px 16px 0 0;}
footer .social .cont_item figure{ padding-top:5px !important;}


.privacy a, .privacy{ color:#FFFFFF;}
.privacy a:hover{ color:#f5d12f;}
.privacy span{ color:#f5d12f;}


