@charset "UTF-8";

@media only screen and (max-device-width: 480px) {

    h1{font-size:48px; color:#1983cb; letter-spacing:-2px; margin:0px 0px 10px 0px;}
    h2{font-size:48px; margin:0px 0px 10px 0px;}
    #navigation {
        width:50px;
        display:inline;
        ;}
    div.wrapper {
	margin:20px;
        width:300px;}
    div.col_580 {
	margin:20px;
        width:300px;}

    #breadcrumbs {
        display:none;
    }
    
    #footer {
        display:none;
    }
    div#subnav {
        display:none;
    }


}

@media print{

#header{display:none;}
#footer{display:none;}
#breadcrumbs{display:none;}
    

body{
	background-color:#FFFFFF;
	font-size:70%;
	text-align:left;
}

}
@media screen{

body{
	background-color:#4e4f52;
	margin:0px;
	padding:0px;
	background-image:url(img/main_banner_bg.png);
	background-repeat:repeat-x;
	background-position:top;
	color:#4e4f52;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	text-align:left;
}
body #home{background-position:0px -250px;}
a{text-decoration:none;}
p{margin:10px 0px; line-height:1.4em; text-align:justify}
h1{font-size:28px; color:#1983cb; letter-spacing:-2px; margin:0px 0px 10px 0px;}
h2{letter-spacing:-0.06em; margin:0px 0px 5px 0px; font-size:17px; margin:0px 0px 10px 0px;}
h3{color:#e36917;  letter-spacing:-0.06em; margin:0px 0px 5px 0px; font-size:14px;}
q{font-size:16px; font-style:normal; color:#838383; line-height:27px; padding:0px; margin:0px; font-style:italic;}

/*Main Blocks */
#wrapper{display:block; width:auto;}
#header{height:100px;display:block;}
#home #header{height:366px;}
#body{
	background-color:#f8f8f8;
	border-bottom:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	padding:20px 0px;
}
#breadcrumbs{margin:0px; padding:0px; color:#b3b3b3;}
#breadcrumbs li{display:inline; list-style:none;}
#breadcrumbs li a{color:#e67930;}

#subnav {margin-right:0px; display:block; width:230px; float:left;}
#footer{
	background-image:url(img/footer_bg.png);
	background-repeat:repeat-x;
	background-position:top;
	min-height:50px;
}

.container{
	display:block;
	width:900px;
	margin:0px auto;
	position:relative;
}

#navigation{
	float:right;
	width:660px;
}

#nav2{
	height:31px;
	margin:0px;
	padding:0px;
	position:relative;
	float:right;
	top:-25px;
}


#nav2 li{
	list-style:none;
	display:inline-block;
	float:left;
	overflow:hidden;
	margin:1px 0px;
	background-image:url(img/seperator_header.png);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding:0px 20px;
	line-height:28px;
}

#nav2 li a{
	color:#4e4f52;
	text-decoration:none;
}

#nav1{
	background-image:url(img/nav1_start.png);
	background-repeat:no-repeat;
	background-color:#4e4f52;
	height:31px;
	margin:0px;
	padding:0px;
	position:relative;
	top:45px;
	right:0px;
}

#nav1 li ul{
	display:none;
	position:absolute;
	top:29px;
	right:0px;
	left:0px;
	padding:0px 10px;
	background-color:#4e4f52;
	z-index:5000;
	margin:0px;
}

#nav1 li ul li ul{
	display:none;
	position:absolute;
	top:0px;
	right:0px;
	left:200px;
	padding:0px 10px;
	background-color:#4e4f52;
	z-index:5000;
	margin:0px;
}

#nav1 li.hover>ul{
	display:block;
	min-width:200px;
}

#nav1 li ul li{
	background:none;
	text-align:left;
	display:block;
	padding:0px;
	letter-spacing:2px;
	float:none;
	clear:both;
	border-top:1px dotted #b7b7b7;
	padding:0px;
}


#nav1 li ul li a{
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	font-size:12px;
	text-indent:5px;
	font-weight:normal;
	display:block;
	line-height:20px;
	letter-spacing:0px;
}

#nav1 li{
	list-style:none;
	display:inline-block;
	height:28px;
	margin:0px;
	background-image:url(img/separator_menu.png);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding:1px 14px 0px 14px;
	float:left;
	position:relative;
}

#nav1 li a{
	display:inline-block;
	margin:4px 0px 0px 0px;
	height:16px;
	text-decoration:none;
	font-size:17px;
	font-weight:bolder;
	color:#f0f0f0;
	letter-spacing:-0.06em;
}


#nav1 li a:hover{
	color:#f77925;
}

#nav1 li.first{padding-left:25px; background:none;}
#nav2 li.first{background:none;}
#nav2 li.last{padding-right:0px;}
.last{margin-right:0px;}

/* Gradient transparent - color - transparent */ 
hr.style-two { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }


#box {
    background-color: #F6F6F6;
    border-color: #F6F6F6 #F6F6F6 #F6F6F6 #A9D423;
    border-style: solid;
    border-width: 0 0 0 3px;
    padding: 25px 28px 27px 25px;
    margin-bottom: 10px;
}


.title-sep-container {
display: table-cell;
height: 6px;
position: relative;
vertical-align: middle;
width: 100%;
}



hr.style-six { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

#logo{
	display:block;
	background-image:url(img/logo.png);
	background-repeat:no-repeat;
	width:234px;
	height:72px;
	float:left;
	margin-top:21px;
}

a.btn{
	background-image:url(img/btn.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:inline-block;
	line-height:26px;
	padding-left:10px;
	cursor:pointer;
}

a.btn span{
	background-image:url(img/btn_span.png);
	background-repeat:no-repeat;
	background-position:right 0px;
	height:28px;
	display:inline-block;
	padding-right:12px;
	margin:0px;
	display:block;
	color:#e36917;
}

a.btn:hover{
	background-image:url(img/btn_hover.png);
}

a.btn:hover span{
	background-image:url(img/btn_span_hover.png);
}

input.text, textarea{
	display:inline-block;	
	border:1px solid #d2d2d2;
	padding:4px;
	border-radius:5px;
	margin-right:10px;
}

input.focus, input:focus, textarea.focus, textarea:focus{
	background-color:#e5f5f9;
}

#language_selector a.active{
	font-weight:bolder;
}
.block{padding:5px;	}
.col_300{width:300px;}
.col_580{width:580px;}
.col_390{width:390px;}
.col_450{width:450px;}
.col_240{width:240px;}
#main{width:650px;}
.col_300, .col_580, .col_240, .col_390, #main{float:left;}
.col_580, .col_240, #main{margin-right:20px;}
#home  #main{float:none; margin:0px; width:900px;}


#services{display:block; border-bottom:1px solid #e4e4e4;}
#services .col_300{
	min-height:150px;
	margin:10px 0px 0px 0px;
	background-image:url(img/seperator_main.png);
	background-repeat:no-repeat;
	background-position:right 0px;
}
#services .col_300.last{background:none; clear:right;}
#services .col_300 p, #services .col_300  h3{padding:0px 15px 0px 100px; margin:0px;}
#services .col_300 h1{padding:0px 15px 0px 100px; margin:0px;color:#e36917;font-size:14px;letter-spacing: -0.06em;}
#services .col_300 h3{margin-bottom:5px;}
#services .col_300 .btn{float:right; margin-right:15px; margin-bottom:10px;}
#services .col_300 img{
	position:relative;
	float:left;
	left:15px;
}
#about {min-height:235px;}
.clear{clear:both;}
#actions{position:absolute; z-index:5000; right:0px; top:310px;}
#carousel{width:900px; height:273px; display:block;}
.prev, .next{
	z-index:5000;
	display:block; 
	position:absolute; 
	background-repeat:no-repeat;
	background-position:0px;
	width:38px; 
	height:38px;
	cursor:pointer;
	top:210px;
}

.prev{left:0px; background-image:url(img/prev.png); }
.next{right:0px; background-image:url(img/next.png); }
.prev:hover, .next:hover{background-position:-38px 0px;}

#tour_btn, #demo_btn{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	line-height:38px;
	letter-spacing:-1px;
	color:#fff;
	float:left;
}

#tour_btn{
	display:block;
	background-image:url(img/tour_btn.png);
	background-repeat:no-repeat;
	background-position:0px;
	height:41px;
	width:166px;
	margin-right:3px;
}

#demo_btn{
	display:block;
	background-image:url(img/demo_btn.png);
	background-repeat:no-repeat;
	background-position:0px;
	height:41px;
	width:176px;
}

#demo_btn:hover{
	background-position:-176px 0px;
	font-size:19px;
}

#tour_btn:hover{
	background-position:-166px 0px;
	font-size:19px;
}

#footer{padding:40px 0px;}
#footer input{min-width:200px;}
#footer .col_300 p, #footer #nav3{color:#fff; margin:15px 0px; padding:0px;}
#footer #nav3 li{list-style:none; display:inline-block; padding:0px 10px; background-image:url(img/separator_menu.png); background-repeat:no-repeat;}
#footer #nav3 li.first{list-style:none; display:inline-block; padding:0px 10px; background-image:none; background-repeat:no-repeat;}
#footer #nav3 li a{color:#fff; text-decoration:underline;}

.lquote{display:block; margin-right:5px; vertical-align:text-bottom; width:25px; height:25px; display:inline-block; background-image:url(img/quotes.jpg); background-repeat:no-repeat; background-position:0px;}
.rquote{display:block; margin-left:8px; vertical-align:top; width:25px; height:25px; display:inline-block; background-image:url(img/quotes.jpg); background-repeat:no-repeat; background-position:-25px 0px;}
.twitter, .rss, .facebook, .linkedin{
	display:block;
	width:30px;
	height:30px;
	background-image:url(img/social.png);
	background-repeat:no-repeat;
	float:left;
	margin-right:5px;
}

.twitter{background-position:0px;}
.rss{background-position:-30px;}
.facebook{background-position:-60px;}
.linkedin{background-position:-91px; margin-right:0px;}
iframe{margin:6px 0px; display:block;}



#subnav .block{padding:0px; border:1px solid #eeeeee; background-color:#ffffff; margin-bottom:20px;}
#subnav .block h3{display:block; background-color:#eeeeee; margin:0px; padding:10px 20px; font-size:17px; letter-spacing:-1px;}
#subnav .block ul, #subnav .block form{display:block; margin:0px; padding:10px 20px;}
#subnav .block form input{width:180px; display:block; margin-bottom:10px;}
#subnav .block ul li{list-style:none; padding:0px; margin:0px; line-height:22px;}
#subnav .block .list2 ul li{list-style:none; line-height:22px; margin:0px 0px 8px 0px; display:block; padding:0px 0px 0px 15px; background-image:url(img/dot.png); background-repeat:no-repeat; background-position:left 7px;}
#subnav .block ul li a{color:#2069ad; }
#subnav .block ul li a:hover{text-decoration:underline;}
#subnav .block h3.blue{color:#32adf6;}
#subnav .block h3.orange{color:#f87925;}

div#features{
	display:block;
	background-color:#fff;
	border:1px solid #e9e9e9;
	margin-top:36px;
}

#features #tabs{
	display:block;
	margin:0px;
	padding:0px;
	margin-top:-36px;
	margin-left:-1px;
	height:35px;
	position:absolute;
}

#features #tabs li{
	display:block;
	float:left;
	height:34px;
	margin:0px 2px 0px 0px;
	line-height:30px;
	padding:0px 20px;
	background-color:#4d4d4d;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-top:1px solid #e9e9e9;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

#features #tabs li.active{
	height:35px;
	background-color:#fff;
}

#features #tabs li a{
	color:#fffffc;
	font-weight:normal;
}

#features #tabs li h3{
	color:#686868;
	font-weight:normal;
}

#features #tabs li#standard{
	background-color:#1983cb;
}

#features #tabs li#standard.active{
	background-color:#ffffff;
}

#features #tabs li:hover{
	background-color:#000000;
}

#features #tabs li.active:hover{
	background-color:#fff;
}

#features #tabs li#standard.active:hover{
	background-color:#ffffff;
}

#features #tabs li#standard:hover{
	background-color:#1778b9;
}


#features #tabs li#premium.active{
	background-color:#ffffff;
}
#features #tabs li#premium{
	background-color:#a9d423;
}
#features #tabs li#premium.active:hover{
	background-color:#ffffff;
}
#features #tabs li#premium:hover{
	background-color:#99c020;
}

#features #tabs li.clear{
	clear:both;
	float:none;
	border:none;
	background:none;
}

#features #tab_content{
	padding:20px;
	display:block;
	position:static;
	margin-top:-36px;
	padding:40px 20px 0px 20px;
}

 .block{
	padding:20px 0px;
	border-bottom:1px solid #e4e4e4;
	clear:both;
	float:none;
	min-height:200px;
	
}

 .block.last{
	border-bottom:none;
}

 .block .image,  .block .video {
	margin-right:20px;
	display:block;
	width:247px;
	height:110px;
	float:left;
	position:relative;
}

 .block p{
	position:absolute;
	top:115px;
	left:50px;
	width:200px;
	font-size:10px;
}

 .block .list  p{
	position:static;
	font-size:12px;
	width:350px;
}
 .block .image a,  .block .video a{
	display:block;
	width:55px;
	height:55px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	position:absolute;
	top:105px;
	left:-5px;
	cursor:pointer;
}

 .block .image img{
         border:1px solid #888888;
          box-shadow: 8px 8px 5px #888888;
}
 
 .block .image img:hover{
         border:2px solid;
}

 .block .image a{
	background-image:url(img/image.png);
}

 .block .video a{
	background-image:url(img/video.png);
}

 .block .image a:hover, .block .video a:hover{
	background-position:-55px 0px;
}

 .list{
	display:block;
	width:340px;
	float:left;
}

 .list ul{
	margin:0px;
	padding:0px;
}


 .list li{
	margin:0px 0px 10px 0px;
	display:block;
	padding:0px 0px 0px 15px;
	background-image:url(img/dot.png);
	background-repeat:no-repeat;
	background-position:left 4px;
}

#comparet div.up { background-position:0px 0px;}

#comparet{margin:20px 0px 0px 0px; width:100%;}
#comparet td{
	padding:10px;
	font-size:90%;
}

#comparet tr.even td{
	background-color:#fafafa;
}

#comparet tr.odd td{
	background-color:#ececec;
}

#comparet tr.parent td{
	background-color:#fafafa;
	font-weight:bold;
        text-align:center;
}

#comparet div.arrow { background:transparent url(img/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}

#comparet div.up { background-position:0px 0px;}


#comparet .premium, #comparet .standard{text-align:center;}
#comparet th.premium, #comparet th.standard{font-size:135%; letter-spacing:-1px; width:25%;}
#comparet th.premium{color:#58ac00;}
#comparet th.standard{color:#1983cb;}
#comparet .even td.standard{background-color:#e4f0f9;}
#comparet .odd td.standard{background-color:#c9e2f3;}
#comparet .even td.premium{background-color:#f5fae5;}
#comparet .odd td.premium{background-color:#dfefab;}

#contact label{display:inline-block; clear:both; margin:10px 0px 5px 0px;}
#contact input.text, #contact textarea{width:500px;} 
#contact textarea{margin-bottom:10px; height:200px;}
#required1 { color: red; display: inline;}
#required2 { color: red; display: inline;}
#required3 { color: red; display: inline;}
#required4 { color: red; display: inline;}
#required5 { color: red; display: inline;}
#contact label.error { color: red; }
#meeting label.error { color: red; }
#newsletter label.error { display: block; color: red; position: absolute;}
#redesign_evaluation label.error { color: red; }

#m_canvas{width:240px; height:240px; border:0px solid #666; margin-bottom:20px;}
#m_canvas div{top:60px;}


.pagination{margin:0px; padding:0px; float:right;}
.pagination li{list-style:none; font-size:10px; float:left; display:block; width:16px; text-align:center; margin-right:2px;  padding:4px; background-color:#fff; border:1px solid #d2d2d2; border-radius:5px;}
.pagination li.hover{background-color:#efefef; }
.pagination li a{color:#e36917;}


}