/* reset css */
* {font-size:100.01%}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,sub,hr, sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img {display:block;}

/*clearfix */
.clearfix:after { content: "."; display:block; clear:both;   visibility: hidden;  line-height: 0;  height: 0; }
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix {height: 1%;}	
 
body
{
background:#301130 url(../img/bg.png) repeat-x 0 0px;
color:#333;
font-size:12px;
line-height:18px;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
position:relative;
}

textarea, input, select, option, button{ font:12px "lucida grande", "Trebuchet MS", Arial,Helvetica,sans-serif; }
 
#colorful-top{background:#000000 url(../img/colorful-top.png) repeat center top; height:10px;}
#wrap{width:960px; position:relative; margin:0 auto; z-index:99;}
.nice-shadow-box{-moz-box-shadow: 2px 2px  5px #333333; /* firefox 3.5+ */ -webkit-box-shadow: 2px 2px 5px #333333; /* webkit */ box-shadow: 2px 2px 5px #333333;}


/* nav accessibility */
ul#skip-links { position: absolute; top: 0; left: -10001px; list-style: none;}

/* formularze */
legend{display: none;}

textarea, input, select, button
{
font-size: 13px; 
font-family:"lucida grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:2px; 
padding:2px 2px;
 
}

label{font-size: 12px; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; padding:3px 0;}
fieldset{width:auto;}

button{width:100px; border:0; background:#BF2376; color:#fff; margin-top:10px;}
 
 
a {color:#BF2376; text-decoration:none;}
a:hover {color:#7F174F; text-decoration:underline;}
 
 
#parallax {position:absolute; top:0; left:0; overflow:hidden; width:100%; height:2200px;  margin-top:0px;  z-index:1;}
#parallax #layer1 { background:url(../img/layer.png) no-repeat center top; width:2000px; height:2200px; }
#parallax #layer2 { background:url(../img/layer.png) no-repeat left top; width:2001px; height:2200px; }
#parallax #layer3 { background:url(../img/layer.png) no-repeat right top; width:2512px; height:2200px; }

	
#header{background: url(../img/header.jpg) no-repeat center top; clear:both; width:960px;  height:270px; position:relative; } 
a#logo{position:absolute; top:15px; left:0; width:240px; height:70px; display:block; text-indent:-9999px; background:url(../img/logo-ageno.png) no-repeat center top;}
a#logo:hover{background-position:center bottom;}

#nav{position:absolute; top:35px; right:0;}
#nav li{display:block; padding:0 10px;   float:left;}
#nav li a{display:block; color:#fff; text-decoration:none; font-style:italic; font-weight:bold; font-size:18px;  padding:5px 15px;}
#nav li.active a{color:#FCBC5E;}
#nav li a:hover{color:#fff; background:#000;}

#slogan h1 a{text-decoration:none; display:inline; color:#96C746;}
#slogan h1 a.nice{color:#aaa;}
#slogan {width:900px;   position:absolute; top:132px; left:0px; padding:0 30px 0 30px;  }
#slogan h1{ font-weight:normal;  font-size:32px; color:#fff; display:block; padding:30px 0 0 0; letter-spacing:-1px; line-height:36px; width:900px;  word-spacing:-5px;  font-style:italic; text-align:left; }
#slogan h1 span{color:#aaa;}
#slogan h1 span.block-special a{background:#541D39; padding:0px 5px 2px 5px; color:#fff;}
#slogan h1 span.block-special a:hover{background:#9F1D62;}

#websites{background:url(../img/websites.png) no-repeat center center; width:560px; height:248px; display:none; position:absolute; bottom:0px; right:0; z-index:200;}


body.home #websites{display:block;}
body.home #header{height:340px;}
body.home #slogan{height:206px; height:101px; }
body.home #slogan h1{width:390px; padding:25px 0 0 0; line-height:25px;  font-size:18px; letter-spacing:0px; word-spacing:-3px;}
body.home #slogan h1 big{ font-size:48px; clear:both; display:block; padding-bottom:0px; letter-spacing:-1px; font-style:italic; font-weight:normal; word-spacing:-10px;}
body.home #breadcrumb{ display:none;}



/* !carousel */

#carousel-wrapper{border-bottom:1px solid #eee; background:transparent url(/img/shadow-bottom.png) no-repeat center 250px}

#carousel{position: relative; height:340px; width:960px; }
#carousel li.miniinfo{position:absolute; bottom:0; left:0;}
#carousel li.carousel_item{height:100px; display:none; }
#carousel li.carousel_item img{position:absolute; top:0; left:0;}
#carousel li.carousel_item .desc{position:absolute; top:60px; left:0px;  width:360px; background:transparent url(/img/bg-desc.png) repeat center center; padding:20px 20px 20px 30px;}
#carousel li.carousel_item h2{font-size:24px; color:#000; word-spacing:-5px; margin-bottom:10px; font-weight:normal; font-style:italic;}
#carousel li.carousel_item h2 a:hover{text-decoration:none;}
#carousel li.carousel_item p{font-size:14px; color:#000; }

#carousel .nav { position: absolute; bottom: 10px; left: 50%;   overflow: hidden; }	
#carousel .nav li { float: left; }		
#carousel .nav li a { display: block; background: url(/img/carousel_dot.png) center top no-repeat; height: 10px; width: 10px; margin: 5px; text-indent: 9999px;}
#carousel .nav li.active a {  background-position: center bottom;} 
	
 
 
#offer-icons-home{clear:both; position:absolute; bottom:0; left:180px; z-index:2;   }
#offer-icons-home li{float:left; display:block;}
#offer-icons-home li a{display:block; width:150px; height:80px;  padding:5px 0px; margin-top:5px;}
#offer-icons-home li.active a{background:#fff; border-top:5px solid #fff; margin-top:0;}
#offer-icons-home li a:hover{text-decoration: none; background:#f4f4f4;}
#offer-icons-home li.active a:hover{background:#fff;}
#offer-icons-home li a span{padding-bottom:5px;}

#offer-icons-home li.websites{}
#offer-icons-home li.websites span {background:transparent url(/img/icons2/pencil_32.png) no-repeat center center;}

#offer-icons-home li.seo{}
#offer-icons-home li.seo span {background:transparent url(/img/icons2/chart_flipped_32.png) no-repeat center center;}

#offer-icons-home li.apps{}
#offer-icons-home li.apps span {background:transparent url(/img/icons2/tools_32.png) no-repeat center center;}


#offer-icons-home li.marketing{}
#offer-icons-home li.marketing span {background:transparent url(/img/icons2/page_text_chart_32.png) no-repeat center center;}

 
#offer-icons-home li a{display:block; text-align:center;}
#offer-icons-home li span{width:32px; height:32px; display:block; clear:both; margin:0 auto;}

#offer-icons-home li span {}



.shadow{width:960px; height:75px; background:transparent url(/img/shadow-bottom.png) no-repeat center top}

#breadcrumb{color:#fff; font-size:11px; line-height:30px; padding:0 30px; position:absolute; left:0; top:103px;   display:block;}
#breadcrumb a{color:#96C746;}


#content{min-height:150px;   background:#fff url(../img/content-bottom.jpg) no-repeat center bottom; padding-bottom:81px;}
#content .article h2{font-size:24px; color:#5a1f3d; word-spacing:-5px; margin-bottom:19px; font-weight:normal; font-style:italic;}

#content .article h2.special{font-size:18px; color:#777; margin-bottom:19px; }


#content .article h3{font-size:15px; color:#000; font-style: italic; line-height:23px; /* border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:5px; */}
#content .article {padding:30px; width:600px; float:right;}
#content .article.wide{width:900px;clear:both; float:none;}

#content .article p{margin-bottom:22px; line-height:22px;}
#content .article p.important{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd; font-size:14px; line-height:23px;}
#content .article p.last{margin-bottom:30px;}
#content .article p.special-box{color:#444; padding:30px; background: #f5f5f5 url(../img/shadow-box.png) no-repeat center top;}
#content .article blockquote{background:url(../img/quote.png) no-repeat left top;   padding:15px 0 15px 35px; margin:15px 0; min-height:60px; border-bottom:1px solid #eee;}
#content .article blockquote p{font-style:italic; margin-bottom:15px;}
#content .article blockquote p.author{font-style:normal; margin-left:0px; margin-bottom:0;}
#content .article blockquote p.author small{font-size:11px; color:#888; clear:both; display:block;}

#content .offer {border-top:1px solid #eee;}
#content .offer h3{font-size:14px; margin-bottom:19px; font-weight:normal; word-spacing:-3px; color:#BF2376;}
#content .offer h3 a:hover{ color:#000; text-decoration:none;}
#content .offer li {background:url(../img/gradient-lightgray.gif) repeat-x center top; position:relative; display:block; float:left; width:259px;  padding:30px; height:200px; overflow:hidden; border-right:1px solid #eee; border-bottom:1px solid #eee; border-top:1px solid #fff; }
#content .offer li:hover{background:#f4f4f4;}
#content .offer li.last{border:0; border-left:1px solid #fff; border-bottom:1px solid #eee; border-top:1px solid #fff;}
#content .offer li img {display:block; float:left; width:32px; height:32px; padding-right:15px; margin:0 0 0 0;}
#content .offer li div { display:block; float:right; width:212px;  }
#content .offer li p { }
#content .offer li a.read-more{position:absolute; bottom:30px; left:75px; display:block; clear:both;}
#content .offer li a.read-more span{width:16px; height:16px; float:left; display:block; background:url(../img/icons2/info_button_16.png) no-repeat center center; margin-right:5px;}


.why-us {color:#782E2A; width:270px; float:left; padding:30px 0px 30px 30px; border-left:1px solid #eee;}
.why-us a{display:block; height:30px; padding:10px 0px;  line-height:16px;  clear:both; background:url(../img/shadow-box2.png) no-repeat center top;}
.why-us a em{font-size:11px; line-height:14px; color:#555;   display:block; margin:0; padding:0; margin-top:2px; font-style:normal;}
.why-us a:hover{text-decoration:none; color:#000000; background-position:0 -197px; background-color:#fdfdfd;}
.why-us a:hover em{color:#000;}
.why-us li{  clear:both;     display:block;}
.why-us li.last{ border:0;}
.why-us li a span{font-size:12px; background:url(../img/ol-mini.png) no-repeat 0 0; width:30px; height:30px; display:block; line-height:30px; text-align:center; float:left; color:#fff; margin-right:10px;}
.why-us li a span.s1{background-position:0px 0;}
.why-us li a span.s2{background-position:-30px 0;}
.why-us li a span.s3{background-position:-60px 0;}
.why-us li a span.s4{background-position:-90px 0;}
.why-us li a span.s5{background-position:-120px 0;}
.why-us li a span.s6{background-position:-150px 0;}

.why-us li a:hover span.s1{background-position:0px -30px;}
.why-us li a:hover span.s2{background-position:-30px -30px;}
.why-us li a:hover span.s3{background-position:-60px -30px;}
.why-us li a:hover span.s4{background-position:-90px -30px;}
.why-us li a:hover span.s5{background-position:-120px -30px;}
.why-us li a:hover span.s6{background-position:-150px -30px;}


#capaignmonitor{display:block;  float:left; padding:30px; border-left:1px solid #eee; width:220px;}
#capaignmonitor p{padding-bottom:10px;}



#who-we-are-home{clear:both; display:block; height:100px;}
#who-we-are-home h3{ font-size:18px; color:#000; word-spacing:-5px; margin-bottom:10px; font-weight:normal; font-style:italic;}



#check-our-work{border-left:1px solid #eee; width:315px; height:180px; padding:30px;  float:right; background: transparent url(/img/our-websites.jpg) no-repeat right 110px;}
#check-our-work p{padding-bottom:10px;}
#check-our-work ul li a{font-size:14px; padding:10px 0px; border-bottom:1px solid #eee; display: block; width:110px;}
#check-our-work ul li.last a{border:none}
#check-our-work ul li.more a{font-size:11px; padding:5px 0;}
#check-our-work ul li.more a span{ width:16px; height:16px; float:left; display:block;background:url(/img/icons2/info_button_16.png) no-repeat center center; margin-right:5px;}





#also-we-do{float:right; width:200px; min-height:300px; background:#eee;}


 ul.standard-list{padding-left:15px; margin-bottom:18px;}
 ul.standard-list li {display:block; background:url(../img/li.png) no-repeat left center; padding-left:15px;}
 ul.standard-list li a.last{border:none;}
 
 ol.standard-list{padding-left:35px; margin-bottom:18px; list-style-type: decimal; list-style: decimal;}
 ol.standard-list li {display:list-item;  list-style-type: decimal;  list-style: decimal; }
 ol.standard-list li a.last{border:none;}
	

 .mini-news{color:#555; padding:10px 30px; background:#fafafa; width:900px; height:20px; clear:both; border-top:1px solid #ececec;}
 .mini-news h6,
 .mini-news p{display:inline; ;}

.vcard .last{padding-bottom:15px;}


.sidebar{display:block; float:left; width:240px; padding:30px; }

.sidebar_nav {display:block; float:left; width:300px; padding:30px 0 0 0;}
.sidebar_nav li {display:block; clear:both;}
.sidebar_nav li a {display:block; clear:both; font-size:12px; color:#000;   padding:10px 0 10px 30px; border-left:5px solid #fff; border-bottom:1px solid #f3f3f3;}
.sidebar_nav li a span {display:block; float:left; margin:4px 15px 0 0; background:url(../img/arrow.png) no-repeat center top; height:11px; width:6px;}

.sidebar_nav li a:hover{background:#777; color:#fff;  text-decoration:none; border-left:5px solid #333;}
.sidebar_nav li a:hover span{background:url(../img/arrow.png) no-repeat center bottom;}

.sidebar_nav li.active a{background:#555; color:#fff;  text-decoration:none; border-left:5px solid #96C746;}
.sidebar_nav li.active a span{background:url(../img/arrow.png) no-repeat center bottom;}

.sidebar_nav.last{padding-bottom:30px;}
 
.item{display:block; border-top:1px solid #eee; border-bottom:1px solid #fff;  padding:15px 0; margin:15px 0;   background:url(../img/gradient-lightgray2.png) repeat-x center top; clear:both;}
.item p{margin:0 !important;}
.item div.screen{margin:0 15px 0 0; float:left;}
/*.item div.screen img{display:block;  padding:3px;  background:#fff;  border:1px solid #ddd; border-top:1px solid #eee; border-left:1px solid #eee;}*/

.item-big img{ padding:3px;  background:#fff;  border:1px solid #ddd; border-top:1px solid #eee; border-left:1px solid #eee; clear:both; margin-bottom:30px;}

.see-more{display:block; padding-top:18px;  }
.see-more span{width:16px; height:16px; float:left; display:block; background:url(../img/icons2/star_16.png) no-repeat center center; margin-right:5px;}



.form-standard fieldset div {clear:both; padding-top:0px; }
.form-standard fieldset div label {font-weight:bold; clear:both; display:block;  } 
.form-standard fieldset div label span { font-size:10px;  font-weight:normal;} 
.form-standard fieldset div input { width:50%; border:1px solid #ddd; border-top: 1px solid #aaa; border-left: 1px solid #aaa; padding: 5px;  }
.form-standard fieldset div input.error{border:1px solid #cc0000; background:transparent url(img/error.gif) no-repeat center left;}
.form-standard fieldset div textarea { width:90%;  border:1px solid #eee; border-top: 1px solid #aaa; border-left: 1px solid #aaa;  height:120px; padding: 5px;  overflow: auto; }
.form-standard fieldset div textarea:hover,
.form-standard fieldset div textarea:focus,
.form-standard fieldset div input:hover,
.form-standard fieldset div input:focus{ background: #FFFFc0;}
.form-standard button{ border:1px #96C746 solid; background:#96C746; color:#fff; font-weight:bold;  width:auto; padding: 5px 25px;}
.form-standard button:hover{background:#96C746;}
.form-standard fieldset span{ }


#bottom-gradient{   }

#footer{clear:both; background:#170419 url(../img/footer.jpg) no-repeat center bottom; color:#ccc; line-height:18px; font-size:11px; border-top:3px solid #000;}
.footer-short{background:#170419!important;}
#footer div.footer-content{width:930px; margin:0 auto; padding:30px 30px;}

#footer div.footer-content .article{float:left; padding-right:3%; width:30%;}
#footer h2{color:#96C746; font-size:14px; margin-bottom:5px;}
#footer p{color:#ccc; font-size:11px; line-height:14px; margin-bottom:10px;}

#footer div.copyrights{clear:both; background:#000;}
#footer div.copyrights div{width:930px; padding:10px 30px; margin:0 auto;}

#footer ul li.twitt a { padding:5px 0; line-height:17px; font-size:11px; border-bottom:1px solid #333; color:#ccc; display:block; }
#footer ul li.twitt a i{color:#555; font-size:10px;  padding-right:5px; display:block; }
#footer ul li.twitt span{display:block; float:left; background:url(../img/twitter-ico.png) no-repeat center center; width:8px; height:8px; margin-top:9px; margin-right:5px;}
#footer ul li.twitt-more a {padding:10px 0; display:block; float:left; font-size:11px;} 
#footer ul li.twitt a:hover,
#footer ul li.twitt a:hover i
{color:#fff; background:#000; text-decoration:none;}

.eco{float:right;}
.eco a{color:#6DFF00;}
			

#promo{background:#D4D4D4; color:#000; height:20px; line-height:20px; padding:0 30px; text-align:center;}
#promo div{width:930px; margin:0 auto; }
#promo h2{float:left; color:#777;}
#promo li{display:block; padding:0 10px; border-right:1px solid #ccc; float:left;}
#promo li.last{border:0;}
#promo li a{display:block; color:#555; text-decoration:none; font-style:italic; font-size:10px;  padding:0 5px;}
#promo li a:hover{color:#555;}

#content .article .custom-plugin-box{ background:#BF2376; color:#fff; margin-bottom:18px; padding:20px 20px 10px 20px;}
#content .article .custom-plugin-box h2{color:#fff;}
#content .article .custom-plugin-box p{margin-bottom:10px;}
#content .article .custom-plugin-box a{color:#fff; text-decoration:underline;}