@charset "utf-8";
/* CSS Document */
html {
min-height: 100%;

}
body {
	background-image: url(../img/bg/bg_lower_body.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	min-height: 100%;
}
body#homepage {overflow-y:scroll;}
.wrapper {
	background-image: url(../img/bg/bg_upper_body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#homepage .wrapper {background:none};
#logo { padding: 0px 0px 0px; }
#right-col {

	padding-top: 30px;
	padding-bottom: 60px;
}
#right-col p {
	font-size:11px;
	line-height: normal;
}

#features #content .inner, #about #content .inner {
	background-image: url(../img/bg/bg_left_divider.gif);
	background-repeat: repeat-y;
	background-position: 635px top;
	margin-top:50px;
}
#features h1 {text-shadow:2px 2px 0 #CCCCCC; }


/* MAIN CONTAINER STYLE*/

#main.outer {
	background-image: url(../img/bg/bg_main_bottom.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	
}

#homepage #main.outer {
	background-image: url(../img/bg/bg_transparent_gradient.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#dedede;
}

#main .inner {
	/*background-image: url(../img/contest/bg_main2.png);
	background-repeat: no-repeat;
	background-position: right top;*/
	padding-bottom:35px;
}

/*  DEAD CENTRE  */
/*#main.outer       
	{
	color: white;
	background-color: #0ff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}*/

#main .inner   {
	padding-bottom:0;
	height: 100%;
} 

#homenavi {height:50px; clear:both; float:left; margin-bottom:50px; position:relative;}

#sidebar {width:275px;}

#testemonials {}

#homenavi, .sideblock {	
	border: solid 1px #dedede;
	border-bottom:solid 1px #c7c7c7;
	box-shadow: 			0px 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 		0px 1px 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 	0px 1px 4px rgba(0, 0, 0, 0.1);	
	-moz-border-radius:3px; /* Firefox */
	-webkit-border-radius:3px; /* Safari and chrome */
	-khtml-border-radius:3px; /* Linux browsers */
	border-radius:3px; /* CSS3 */
}

.sideblock {margin-bottom:35px;  padding:20px 1px 20px; background-color:#fafafa; float:left; width:275px;}

#homenavi ul {
	float:left;
	
}

#homenavi ul li {
	float:left;
	/*width:167px;*/
	width:139px;
	text-align:center;
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:-1px;
	height:50px;
	text-shadow: #fff 1px 1px 0px;
}

#homenavi ul li {
	border-right:solid 1px #d4d4d4; 	
	background: #fff; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ebebeb'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #ebebeb); /* for firefox 3.6+ */
}

#homenavi ul li:hover {
	background:#2185c5; 		
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b9ee8', endColorstr='#1c78b4'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#2b9ee8), to(#1c78b4)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #2b9ee8,  #1c78b4); /* for firefox 3.6+ */
	text-shadow:none;	



}

#homenavi ul li.active {

	background: #fff; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#fff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #fff); /* for firefox 3.6+ */
	
	-moz-box-shadow:inset 0 0 20px #e0e0e0;
   -webkit-box-shadow:inset 0 0 20px #e0e0e0;
   box-shadow:inset 0 0 20px #e0e0e0;
}
#homenavi ul li.active a { color:#999;}


#homenavi ul li:last-child { 
	border-right:0; 
	/*width:166px; */
	width:138px; /* za 6 buttona*/
	border-top-right-radius: 3px; 
	border-bottom-right-radius: 3px; 
	-moz-border-radius-topright: 3px; 
	-moz-border-radius-bottomright: 3px; 
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

#homenavi ul li:first-child { 
	border-top-left-radius: 3px; 
	border-bottom-left-radius: 3px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-bottomleft: 3px; 
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
#homenavi li a:hover {color:#fff; text-shadow: #0f6298 0px 1px 0px;}
#homenavi li a {
	padding-top:10px;
	display:block;
}

#banner4 img {
	/*position:relative;
	left:-100px;
	top:-40px;*/
}
#banner-container {
	
	clear: both;
	float: left; 
	width: 840px;
	height:320px;	
	overflow: hidden;
	margin:60px 0;
	position:relative;
}

#homepage #content .inner {
	margin-top:60px;
}

.homeblock {width:500px; clear:both;}
.homeblock .grid_4 {width:235px; margin-right:30px;}
.homeblock .grid_4.last {margin-right:0px;}
.homeblock img {float:left; margin-right:25px; margin-bottom:30px;}
.homeblock img.right {float:right; margin-right:0px; margin-left:25px;}
.homeblock span, .morenews span {
	font-size:9px;
	color:#999;
	letter-spacing:2px;
	text-transform:uppercase;
	display:block;
}

.homeblock h2 { color:#333; margin-top:10px; margin-bottom:4px;}
.homeblock h5 {
	font-size:12px;	
}



.morenews {border-top:double 3px #dddddd; padding:30px 0 0; margin:35px 0 0 0;}
.morenews h2 {font-size:18px;}
.morenews span {display:block;}
.morenews {font-size:11px;}

.bottomnews {margin:10px 0 35px; padding-top:40px;}
.bottomnews div {width:180px; float:left; margin-right:40px;}
.bottomnews div:last-child {margin-right:0;}
.bottomnews h4 {margin:0;}
.bottomnews img {margin:10px 0 15px;}

#slider-container {position:relative; width:275px; height:420px; float:left; overflow:hidden}
#slider { position:relative; width:600px; height:420px; float:left;}
.slide-content  {float:left; width:275px;}


.testemonial, .featuredSite {
	border-top:solid 1px #eeeeee; 
	padding:20px 30px  30px;
}
.featuredSite { padding-bottom:0; clear:both;}
.featuredSite p {font-size:11px;}
.featuredSite img {margin-bottom:15px;}

.testemonial h4 { font: italic bold 12px/16px Georgia, "Times New Roman", Times, serif; }
.testemonial .author		 {margin-left:-12px; }
.testemonial .author h6	 { margin-bottom:0px; padding-top:4px;  }
.testemonial .author h6 a:link  {/*color:#333;*/}
.testemonial .author h6 span  { font-size:9px; color:#999; display:block; font-weight:normal;}
.testemonial .author img   { float:left;}
.testemonial:hover {background-color:#fafafa};


#testemonials .testemonial:last-child {
	border-bottom:0;	
}

.sideblock .top {padding: 0px 30px 20px; font-size:9px; text-transform:uppercase; float:left; width:213px;}
.sideblock .top span, .sideblock .top div {float:right; display:block; }

.sidenavi {position:relative; left:3px; width:10px; height:11px; overflow:hidden; display: inline-block;}
.sidenavi img {position:absolute;}
.sidenavi.active img {top:-50px;}
#follow {float:left; margin-bottom:10px;}
#follow ul {
	margin:0 15px 0 30px;	
}
#follow li {
	float:left;	
	width:37px;
	height:37px;
	margin-right:7px;
}

#follow li a {
	position:relative;
	line-height:37px;
	overflow:hidden;
	display:block;
	background-image: url(../img/sprites/sprite_buttons.png);
	background-repeat: no-repeat;
	background-position: 0px -500px;
	text-indent: -9999px;
	outline:0;
}

#follow li a:hover {
	background-position: 0px -550px;
}

#follow li#socFacebook a		 { background-position: -50px -500px; }
#follow li#socFacebook a:hover   { background-position: -50px -550px; }
#follow li#socFlickr a		     { background-position: -100px -500px; }
#follow li#socFlickr a:hover     { background-position: -100px -550px; }
#follow li#socVimeo a		     { background-position: -150px -500px; }
#follow li#socVimeo a:hover      { background-position: -150px -550px; }
#follow li#socNewsletter a		 { background-position: -200px -500px; }
#follow li#socNewsletter a:hover { background-position: -200px -550px; }


#expander {
	position:absolute;
	right:16px;
	top:33px;
	width:110px;
	height:40px;
	z-index: 100;
	background: url(../img/sprites/sprite_buttons.png) no-repeat -150px -600px	;
	cursor:pointer;
}

#expander:hover {
	background-position:-150px -650px;
}

#expander.compact {
	background-position:0px -600px;
}

#expander.compact:hover {
	background-position:0px -650px;
}

/* END OF MAIN CONTAINER STYLE*/

#home #content .inner {
	margin-top:50px;
	height:500px;
	overflow:hidden;
	*overflow:visible;
}

#home #footer {float:left;}

#home h1{
	font-size: 92px;
	line-height: 78px;
	font-weight: bold;
	letter-spacing: -4px;
	text-shadow: #ccc 2px 3px 0px;
}
#home h3{ 
	font-size: 22px;
	line-height: 26px;
	color: #999; 
	font-weight: normal;
}

#load {position:absolute; left:400px; top:300px; z-index:567; display:none;}

.example1, .example2, .example3 {}

#home .example1 .cu3er-content {height:560px;}
#home .example2 .cu3er-content {height:361px;}
#home .example3 .cu3er-content {height:556px;}

#home .example1 h1 {margin-top:35px;}
.example2 #cu3er-container {background-color:#CCC}

#home .example2 a.button-large {margin:0 auto 0px;}
#home .example2 #cu3er-container{*height:361px;}


#home .example2 h1, #home .example3 h1 {font-size:60px; letter-spacing:-3px; margin-bottom:5px; line-height:62px;}
#home .example3 h1 {font-size:72px; margin-bottom:20px; margin-top:36px;}
#home .example2 h1 {margin-top:12px;}

#home .example3 .grid_8 {top:-30px; left:-50px; margin-bottom:40px;}



#about h3, #about #right-col p {margin-bottom:5px;}
#about #right-col span { display:block; font-size:9px;}
#about h1 {text-transform:none; }


#page #content .inner, #support #content .inner, #contact #content .inner, #legal #content .inner {padding-top:80px; padding-bottom:40px;}

#mainnavi {
 	float:right;
}
#main_cu3er {
	position: relative;
	z-index: 500;
	top: -25px;
	left: 0px;
	height: 570px;
}

#mainnavi ul {
	margin: 0px 0px;
	float:right;
	text-align:right;
}

#mainnavi li {
	list-style: none;
	margin: 0px -1px 0px 0;
	padding:7px 1px 10px 0px;
	text-shadow: #fff 1px 1px 0px;
	float: left;
}

#mainnavi li a {
	color: #2185c5;
	font-weight: bold;
	padding: 10px 15px 11px;
	font-size:11px;
	

	/*-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;*/
		
}
#mainnavi li a:hover, #mainnavi li a#navi-demo:hover {
	color: #FFF;
	text-shadow: #0f6298 0px 1px 0px;
	border-top:0;	
	background: url(../img/sprites/sprite_buttons.png) no-repeat -1px -50px	;



}
#mainnavi li a#navi-demo, #mainnavi li a#navi-signup {
	color: #74684d;
	background-image: url(/img/sprites/sprite_buttons.png);
	background-repeat: no-repeat;
	background-position: right -301px;
	text-shadow: #fee58f 0px 1px 0px;
	
}

a#cm-demo {font-size:11px; width:200px; text-align:center; display:block; margin-top:6px; font-weight:bold;}
#home .example2 a#cm-demo { margin:6px auto;}

#mainnavi a.selected, #features #navi-features, #pricing #navi-pricing, #about #navi-about, #support #navi-suppoprt, #contact #navi-contact, #affiliate #navi-affiliate {
	/*background-color: #f2f2f2;*/
	color:#999;
	text-shadow: #fff 1px 1px 0px;	/*border-top: 1px solid #CCC;
	border-bottom: 1px solid #FFF;*/
	background:0; 
	cursor:pointer;
}

#mainnavi li a.hover .selected {  }

#header {}

#header .inner {



}
.shadow{	
	border-radius:3px;
	border: 1px solid #c1c1c1;
	background: #f0f0f0 url(../img/bg/header_bg.jpg) repeat-x left bottom;	
	box-shadow: 0px 1px 4px #d4d4d4;
	-moz-box-shadow: 0px 1px 4px #d4d4d4;
	-webkit-box-shadow: 0px 1px 4px #d4d4d4;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}

.wrap {
	box-shadow:inset 1px 1px 0px #fff;
   -moz-box-shadow:inset 1px 1px 0px #fff;
   -webkit-box-shadow:inset 1px 1px 0px #fff;
   
   	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	
   padding:0px 60px 0px;
   /*width:958px;*/
  	margin: 0 -60px 0 -60px;
	


}
.header-top {
	margin-left:auto;
margin-right:auto;
padding:9px 75px;
width:805px;
text-align:right;
font-size:9px;
}

#footer {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 11px;
}
#footer a {text-shadow: #fff 1px 1px 0px; }
#home #footer {margin-top:0;}
#footer li {
	float: left;
	padding-right: 20px;
}
#footer .social ul {text-align:right; float:right; margin-bottom:0}
#footer .social li {padding-right:7px; }

#footer .social-large ul {
	text-align:center;
	margin-top:40px;
	margin-bottom:40px;
}

#footer .social-large ul li, #examples li{ float:none; display:inline; }
#footer #examples li {padding-right:20px;}
#examples {text-align:center; margin-bottom:2px;}
#examples li a {font-weight:bold;}



#pricing #misc{ 

	background-image: url(../img/bg/bg_top_divider.gif);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
}
#footer .inner .grid_12{ margin: 8px 0px 7px; }
.copyright {
	font-size: 9px;
	color: #999;
	padding-top:3px;
}
.copyright-home { text-align:center; margin-bottom:5px;}

#features h2 {
	font: italic normal 22px "Times New Roman", Times, serif;
	
}

#features-content, .home-content, .cu3er-content{ margin-top: 30px; }

#features-content p { margin-bottom: 30px; }
#features-content h4 { margin-bottom: 10px; font-size:15px; }
#features-content h4 a { color:#000;}
#features-content li {
	background-image:url(../img/bullet_red.gif);
	background-position:10px 7px;
	background-repeat:no-repeat;
	padding-left:19px;
}

#features-content .grid_3 { width:156px; }
#features-content .grid_3 h4 { font-size:12px; }
#features-content .grid_3 p { margin-bottom: 20px; font-size:11px; }


#features-navi {
	padding-bottom: 40px;
	z-index: 10;	
}
#features-navi ul{
	list-style-type: square;
	list-style-position: inside;
}

#features-navi li {
	font-size: 10px;
	line-height: normal;
}
#features-navi h3, .nextprev a{
	font-size: 18px;
	font-weight: normal;
	color: #333;
	text-transform: uppercase;
	letter-spacing: -1px;
	display: block;
	margin-bottom: 0px;
	margin-top: 8px;
	padding-bottom: 8px;
	line-height: 18px;
}
#features-navi h3.selected a{ }
#features-navi h3 a.current {
		/*margin-left: -22px;
	
	padding:5px;
	margin-left:-5px;*/
	color:#999;
	/*text-shadow: #ccc 1px 2px 1px;*/
}
#features-navi h3.new a  {
	background-image: url(../img/icon_new.gif);
	background-repeat: no-repeat;
	background-position: right top;	
	padding-right:25px;
	
	/*vertical-align:super;
	color:#FFF;
	background-color: #cc3333;
	padding:1px 2px 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	margin-top:-3px;
	font: 9px Arial, Helvetica, sans-serif;*/
	
}
#features-navi div  {
	padding: 0;
	height: 70px;
	font-size: 9px;
	cursor:pointer;
}
.placeholder {	position: relative;	left: -58px; top: 8px;}
.pos {	position: relative;	left: -34px; top: 8px;}
#get-cu3er {
	padding-top: 30px;
	margin-bottom: 20px;
}

a.button-large {
	background-image: url(../img/sprites/sprite_buttons.png);
	background-position: 0px -50px;
	height: 46px;
	width: 200px;
	display: block;
	position: relative;
	outline: 0;
	line-height: 44px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	text-transform:uppercase;
	color:#FFF;
	position:relative;	

	box-shadow: 			0px 1px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 		0px 1px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 	0px 1px 0px rgba(0, 0, 0, 0.1);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	
	/*-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;	*/
}

a.button-large:hover {
	background-position: 0px 0px;	
	color:#248dd0;
	text-shadow: #fff 1px 2px 0px;
	

}

#home a.button-large {margin-top:10px;}
#features a.button-large {margin-left:-10px; margin-bottom:20px;}
#get-cu3er a{
	background-image: url(../img/sprites/sprite_buttons.png);
	background-position: 0px 0px;
	height: 46px;
	width: 170px;
	display: block;
	position: relative;
	text-indent: -9999px;
	outline: 0;
}
#get-cu3er a:hover {
	background-image: url(../img/sprites/sprite_buttons.png);
	background-position: 0px -50px;
	
}

.nextprev a {
	margin-top:20px;
	font-size:14px;
	text-transform: none;
	font-weight: bold;
	letter-spacing: normal;
}

.last.nextprev {text-align:right}

#pricing #content.outer { /*background: url(../img/bg/bg_upper_body.jpg) repeat-x 0px 155px;*/ }

#pricing #content .inner {
	margin-top:70px;
	/*background-image: url(../img/bg/pricing_divider_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;*/
	width:960px;
	padding:0 0px;
}


.account, .signup {
	float:left;
	width:319px;
	text-align: center;
	zoom: 1;
	margin:0;
	
}
.account .info {
	padding:180px 0 10px 0;
	background: url(../img/pricing_plans_holiday_discount.png) no-repeat 24px top;
	*background-color:#FFF;
	/*border-right: 1px solid #cecece;*/
}

.info.pro {	
	background-position: -260px top;
}

.info.pro-pack {
	background-position: -547px top;
	border:0;
}

.account ul {
	margin:30px 75px 40px;	
}

.account li {
	background-image: url(../img/sprites/icons.png);
	background-repeat: no-repeat;
	background-position: 151px 3px;
	text-transform: uppercase;
	line-height: 24px;
	text-align: left;
}

.account li.promo, .account li.promo a { text-transform: none; }

.account li.off {
		background-position: 151px -46px;
}
.account li.savings {
	/*font-weight:bold;	*/
}

.account li.savings span{
	display:block;
	color: #628e1f;
	text-transform: none;
	margin-top: -5px;
	padding: 0px;
	font: normal 9px Arial, Helvetica, sans-serif;
}

.account a {
	text-transform: uppercase;
	font-size:12px;
}

.account a.button-large {
	margin:0 60px 20px;
	font-size:15px;
}
.signup a.button-large, #form-button {
	margin:0 0px 20px 0px;
	font-size:12px;
	position:relative;

}

.account p {
	margin-top:2px;
	
}

.account p a {font-size:9px; text-transform:none;}

#pricing #misc {
 padding-top:30px;	
 text-align:center;
 font-weight:bold;
 margin-top:60px;
}
a.exit {
	background-image: url(../img/sprites/icons.png);
	background-repeat: no-repeat;
	background-position: 0px -50px;
	text-indent: -9000px;		
	outline:0;
	display:block;
	
	width:16px;
	margin:10px 0 10px 231px;
	

}
.signup, #login-container {
	position:relative;
	border:1px solid #CCC;
	width:200px;
	height:600px;
	overflow:hidden;
	padding:0 59px;
	font-size:10px;
	background-image: url(../img/bg/form_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-left:-1px;
}

label{display:block;}
input, select{
	background-image: url(../img/sprites/sprite_buttons.png);
	background-position:0 -350px;
	background-repeat:no-repeat;
	border:solid 1px #d9d9d9;
	
	margin:0;
	padding:8px 5px 9px;
	vertical-align:top;
	width:190px;
}
input:focus {
	background-position:0 -400px;
}
.text_field, .input { text-align: left; margin-bottom:10px;	}

.error input, #contact .error input, #contact .error textarea { 
	border:solid 1px #ff0000;
	box-shadow: 0px 0px 4px #ff0000;
	-moz-box-shadow: 0px 0px 4px #ff0000;
	-webkit-box-shadow: 0px 0px 4px #ff0000;
/*background-position:0 -450px;*/

}
.error label, .error p, .error p a{color:#C00;}

#head h3 {text-align:left; line-height:20px; margin-top:10px; margin-bottom:7px; clear:both;}
#signform {text-align:left; position:relative;}
.account .log-in {margin-bottom:30px; margin-top:5px; }
input#terms, #UserAutoLogin {text-align:left; width:auto; background:0; *border:0;}
.checkbox_field {margin-bottom:22px; margin-top:25px; *margin-top:13px;}
.checkbox_field p, .checkbox_field label {margin-left:20px; margin-top:-13px; *margin-top:-17px;}
#test {height:500px;}
#head a {font-weight:bold;}

#login_page #content .inner {
	padding-top:120px;
	background-image: url(../img/bg/login_page_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 50px;
}
#login_page #head {
	background-image: url(../img/logo/logo_header_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 45px;
}
#login_page #head p { color:#999; }
#login-container {width:200px; height:450px; margin:0 auto; padding-top:30px;}
.footnote {font-size:10px; color:#666; margin-top:20px;}
.footnote b {color:#09F; font-weight:normal;}


#legal ol { list-style-position:inside; }
#legal h3 {margin-bottom:10px; }
#legal ol.latin { list-style-type:lower-latin; }
#legal ol li { padding-left: 20px;}



a.small-button {
	display: block;	
	padding: 0;
	width:90px;	
	height: 24px;
	line-height: 23px;
	text-align:center;
	font-size: 9px;	
	background-image: url(../img/sprites/sprite_buttons.png);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	border-right: 1px solid #CCC;
	text-transform: uppercase;

}
a.small-button.blue, input.small-button.blue {	
	color:#fff;
	background-position: 0px -250px; 
}
a.small-button.blue:hover, input.small-button.blue:hover{ color:#2389ca; background-position: 0px -200px; border-right: 1px solid #CCC;}

.project-top li a { 
	background-position: 0px 999px;
	width:auto;
	padding:0 10px;
	
}

a.small-button:hover {
	color:#fff;
	background-position: 0px -250px;
	border-right: 1px solid #238bcd;
}

#support #content .inner img {margin-bottom:20px; }

#support ul ul {	
	margin-bottom:5px;
}

#support ul ul li {
	background-image:url(http://docs.getcu3er.com/src/images/bullet_red.gif);
	background-position:10px 7px;
	background-repeat:no-repeat;
	padding-left:19px;
}

#searchinput {margin-bottom:60px;}
#searchinput input {display:block;}

#contact #content .inner {
	background-image:url(../img/bg/bg_left_divider.gif);
background-position:494px top;
background-repeat:repeat-y;	
margin-top:50px;
padding-top:20px;
}

#contact #content h4 {margin-bottom:3px;}
#contact #content p {margin-bottom:10px;}
#contact #content .grid_3 {
	margin-bottom:30px;	
	font-size:11px;
}

#contact input, #contact select, #contact textarea {
	width:300px;
	border:solid 1px #d9d9d9;
	
}
#contact label {font-size:10px;}
#contact select {width:311px}
#contact textarea { padding:8px 5px 9px; margin-bottom:20px;}
#contact input:focus {
	/*border-radius:3px;
	border: 1px solid #c1c1c1;	
	box-shadow: 0px 1px 4px #d4d4d4;
	-moz-box-shadow: 0px 1px 4px #d4d4d4;
	-webkit-box-shadow: 0px 1px 4px #d4d4d4;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	*/
}

#contact-form .small-button {margin-left:12px; margin-top:15px;}

.hidden {
display:none;
}

#error_page #content .inner {
	padding-top:120px;
	background-image: url(../img/bg/404_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 50px;
}

#error-container {
height:100%;
margin:350px auto 0;
padding-top:30px;
width:700px;
}
#error-container h1 {font-size:24px; letter-spacing:0;}
#error-container h3, #error-container h1 {margin-bottom:10px; text-align:center;}

#examples li a.active {color:#999; cursor:pointer;}


/* Samples/Tempates */


.tmplt-wrap{
	display:inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 31px;
	/**margin-right: 10px;*/
	margin-bottom:10px;
	/*width:230px;*/
}

.tmplt-wrap.last{ margin-right:0; }
.tmplt { 
	padding:10px;
	background-color:#FFF;
	border: solid 1px #d1d1d1;
	
	box-shadow: 0px 1px 4px #d4d4d4;
	-moz-box-shadow: 0px 1px 4px #d4d4d4;
	-webkit-box-shadow: 0px 1px 4px #d4d4d4;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.tmpl-overlay{
	position:absolute;
	z-index:101;
	top:11px;
	width:227px;
	height:135px;	
	background-image: url(../img/sprites/icons.png);
	background-repeat: no-repeat;
	background-position: 0px -200px;	
}


.tmplt-info {
	margin-top:5px; 
	padding-left:11px;
	
}

.tmplt-info h6{ margin-bottom:0; font-size:11px; }
.tmplt-info p{ color:#999;}
.tmpl-overlay a {
	background-image: url(../img/sprites/icons.png);
	background-repeat: no-repeat;
	line-height:24px;
	display:block;
	padding-left:35px;
	margin-left:64px;
}
.tmpl-overlay a.preview {
	
	background-position: 0px -150px;
}
.tmpl-overlay a.preview:hover {	background-position: -250px -150px;}
.tmpl-overlay a.preview-2 {
	margin-top:42px;
	margin-bottom:2px;
	background-position: 0px -150px;
}
.tmpl-overlay a.preview-2:hover {	background-position: -250px -150px;}

.tmpl-overlay a.use-this {
	margin-top:42px;
	margin-bottom:2px;
	background-position: 0px -100px;	
}

.tmpl-overlay a.use-this:hover {background-position: -250px -100px;}

/* wpCU3ER styles */ 

#wpcu3erWrapper {
top:-30px; 
left:-30px; 
height:300px;	
}

.share {
	padding:12px 0 12px 15px;
	border: 1px solid #d0edff;
	/*border-bottom: 1px solid #BFE8FF;*/
	float:left;
	margin-left:0;
	margin-right:0;
	background-color: #f5fbff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align:top;
}
.share #fb {float:left; margin-top:1px;}
.share .twitter-share-button {float:left;}



/* PRICING PAGE CSS
--------------------------------------------*/
#pricing #content.outer{
	background-image: url(../img/bg/bg_upper_body.jpg);
	background-repeat: repeat-x;
	background-position: left bottom/*550px*/;		
}

#pricing #content .inner{
	padding: 0 60px;
    width: 840px;
}
#pricing #content .packs{
	background-image: url(../img/bg/packs_bg.png); /*_checker*/
	background-repeat: repeat-x;
	background-position: center top;
}

#pricing .top {text-align:center;}
#pricing .top h1 {font-size:48px; font-weight:bold; line-height:54px; margin-bottom:0;}

.packs {margin-top:60px; height:700px;} /* ukloniti height posle developmenta*/
.pack{
    float: left;
    /*height: 410px;*/
    margin: 75px 15px 0;
	padding:0 30px;
    text-align: center;
    width: 189px;
	background-color:rgba(0, 0, 0, 0);
}

.pack h3 { margin-bottom:10px; font-size:14px; font-weight:bold;}
.pack .price {
	/*margin:0 30px;*/
	background-image: url(../img/bg/pricing_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top:96px;
	position:relative;
}

#pack-agency.pack .price {	background-position: -400px 0px;}
#pack-freelancer.pack .price {	background-position: -200px 0px;}

.pack .price h5 { font-size:12px; color:#e22e2e; line-height: 20px; margin-bottom:0;}
.pack .price h6 { font-size:11px; color:#2185c5; font-weight:normal; margin-bottom:0;}

.pack .features {
	background-image: url(../img/bg/pricing_bg.png);
	background-repeat: no-repeat;
	background-position: 30px -250px;	
	margin-top:20px;
	padding-top:20px;
}
#pack-freelancer.pack .features {
	background-position: -170px -250px;
}

.pack .features li { line-height:21px; font-size:11px; text-transform:uppercase;}
#pack-freelancer.pack .features li { line-height:26px; font-size:12px;}

.pack .features li.alt { font-weight:bold;}
.pack .features li.strike { text-decoration: line-through; }
.pack .features li.red { color:#e22e2e; }
#pack-freelancer.pack .features li.xl { font-size:16px; line-height:26px;}



.pack#pack-freelancer {
	margin-top:40px;	
}

a.primary-button {
	background-image: url(../img/account/button-sprites.png);
	background-position: 0px -51px;
	height: 36px;
	width: 128px;
	display: block;
	position: relative;
	outline: 0;
	line-height: 36px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	text-transform:uppercase;
	color:#FFF;
	position:relative;
	border:solid 1px #185ca8;
	margin: 0 auto;
	
	-moz-border-radius:3px; /* Firefox */
	-webkit-border-radius:3px; /* Safari and chrome */
	-khtml-border-radius:3px; /* Linux browsers */
	border-radius:3px; /* CSS3 */
	
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
}

a.primary-button:hover {
	background-position: 0px -1px;
	border:1px solid #2E83E0;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

a.primary-button:active {	
	background-position: 0px -101px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border:solid 1px #185ca8;
}

a.primary-button.xxl { width:200px; height:44px; line-height:44px; font-size:16px; float:left; margin-bottom:7px; margin-top:5px;}
#home .example2 a.primary-button.xxl {margin:0 auto 7px; float:none; clear:both;}

.call-to-action p {margin-top:20px;}
.call-to-action p a { font-size:10px; }
.call-to-action p a.btn-license { text-transform:uppercase; display:block;}


#lite-license {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;	
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding:20px 60px;
	margin-top:80px;
	float:left;
	width:840px;
	margin-left:-60px;
}

#lite-license, #lite #keyFeatures .feature:hover, .thumbBlock:hover { /*:hover*/
	border: 1px solid #ccc;
	-moz-border-radius:3px; /* Firefox */
	-webkit-border-radius:3px; /* Safari and chrome */
	-khtml-border-radius:3px; /* Linux browsers */
	border-radius:3px; /* CSS3 */
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);

}

#lite-license p {
	margin-bottom:0px;	
}
#lite-license div {float:left;}
#lite-license div span { color:#999; font-size:10px;}
#lite-license a.primary-button, #lite a.primary-button {
	float:right; width:auto; padding:0 29px; background-position: 0 -201px; border:solid 1px #aa773a; color:#443612;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}

#lite-license a.primary-button { width:230px; }

#lite-license a.primary-button:hover, #lite a.primary-button:hover { 
	background-position: 0 -151px;
}

#lite-license a.primary-button:active, #lite a.primary-button:active { 
	background-position: 0 -251px;
}

#faq {
	margin-top:70px;
	margin-bottom:50px;
}
#faq h3 { margin-bottom:30px;}

#faq  h4 {margin-bottom:5px;}
#faq .grid_8 div p {margin-bottom:25px;}
#faq .grid_3 img {margin-bottom:25px;}

/* END OF PRICING PAGE CSS
--------------------------------------------*/


/* LITE  CSS
--------------------------------------------*/

#lite {}

#lite #content.outer {
	background-image: url(../img/bg/bg_lower_body.jpg);
	background-position: left 285px;
	background-repeat: repeat-x;
}

#lite #promo { position:relative; float:left; margin-top:90px;}

#lite #promo #cu3erContainer{position:relative; float:left; width:540px; height:460px;}
#lite #promo #CU3ER {diplay:block; left:-30px; top:0px; position:relative;}

#lite #promo .copy { float:left; width:280px; margin-left:0px; margin-top:20px;}
#lite #promo .copy h1{
	position:relative;
	float:left;
	width:275px;
	height:61px;
	text-indent:-9999px;
	background-image: url(../img/bg/headings.png);
	background-repeat: no-repeat;
}
#lite #promo .copy h3{ text-transform:none; line-height:22px; }

#lite #promo .copy p { font-size:14px; line-height:22px; margin-right:40px; margin-bottom:35px; }
#lite p.footnote, #lite #promo p.footnote { font-size:9px; line-height:12px; text-align:center; margin:25px 25px 0; width:230px; clear:both; float:left; color:#999;}
#lite a.primary-button {
  float: left;
  font-size: 16px;
  height: 45px;
  line-height: 45px;
  width: 215px;
}

#lite #keyFeatures {position:relative; float:left; margin-top:150px; margin-bottom:50px; width:840px;}

#lite #keyFeatures h1 {
	position:relative;
	float:left;
	width:100%;
	height:61px;
	text-indent:-9999px;
	background-image: url(../img/bg/headings.png);
	background-repeat: no-repeat;
	background-position: 225px -99px;
	margin:0 auto;
}
#lite #keyFeatures h4 { text-align:center; margin-bottom:40px; }
#lite #keyFeatures .feature, .thumbBlock{
	float:left;
	position:relative;
	width:207px;
	height:280px;
	text-align:center;
	border:1px solid #fff;
}

#lite #keyFeatures .feature h4, .thumbBlock h4 { text-transform:uppercase; margin-bottom:15px;}
#lite #keyFeatures .feature p, .thumbBlock p { padding:0px 25px 10px; }

#lite #keyFeatures .feature span.thumb, .thumbBlock span.thumb { 
	position:relative;
	display:block;
	width:200px;
	height:140px;
	background-image: url(../img/sprites/icons_lite.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left:3px;
	margin-top:10px;
}


#lite #keyFeatures .feature span.thumb.cmanager  {background-position: 0px -150px;}
#lite #keyFeatures .feature span.thumb.upgrade	 {background-position: 0px -300px;}
#lite #keyFeatures .feature span.thumb.free		 {background-position: 0px -450px;}
#lite #keyFeatures .feature span.thumb.project   {background-position: 0px -600px;}
#lite #keyFeatures .feature span.thumb.storage   {background-position: 0px -750px;}
#lite #keyFeatures .feature span.thumb.wpcu3er   {background-position: 0px -900px;}
#lite #keyFeatures .feature span.thumb.community {background-position: 0px -1050px;}
/*
#lite #keyFeatures .feature:hover span.thumb.cmanager  {background-position: -200px -150px;}
#lite #keyFeatures .feature:hover span.thumb.upgrade   {background-position: -200px -300px;}
#lite #keyFeatures .feature:hover span.thumb.free	   {background-position: -200px -450px;}
#lite #keyFeatures .feature:hover span.thumb.project   {background-position: -200px -600px;}
#lite #keyFeatures .feature:hover span.thumb.storage   {background-position: -200px -750px;}
#lite #keyFeatures .feature:hover span.thumb.wpcu3er   {background-position: -200px -900px;}
#lite #keyFeatures .feature:hover span.thumb.community {background-position: -200px -1050px;}
*/
#lite .feature:hover { z-index:4000; }

#lite #keyFeatures a.primary-button { margin-top:30px; left:282px;}
#lite #keyFeatures p.footnote { margin:20px 0px 0; text-align:center; width:840px;}
#lite #keyFeatures p.footnote span { display:block; margin:0px 0px 30px; text-align:center; font-size:12px;}

#lite #share { position:relative; float:left; clear:both; width:840px; text-align:center; border-top:solid 1px #ccc; padding-top:50px; padding-bottom:50px;}
#lite #share h1 {
	position:relative;
	float:left;
	width:100%;
	height:44px;
	text-indent:-9999px;
	background-image: url(../img/bg/headings.png);
	background-repeat: no-repeat;
	background-position: 311px -199px;
	margin:0 auto;
}

#lite #share #network { clear:both; margin:30px auto 0; width:630px;}
.thumbBlock{
	width:250px;
	height:auto;
	margin-left:30px;
	margin-right:30px;
}

.thumbBlock span.thumb { 
	height:200px;
	background-position: 0px -1200px;
	margin-left:24px;
}

.thumbBlock span.thumb.fb { 
	background-position: -200px -1200px;
}
/* END OF LITE  CSS
--------------------------------------------*/