/*
Author:           Lukasz Girek
Author URI:       http://www.rzepak.pure.pl/
Project:
Description:
*/
ul, ol, li{margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;}

/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
body{color:#666;;}
a{	color:#000; text-decoration:none; border-bottom:1px solid #eee	}
a:hover{	}
a:active{	}
a:visited{	}
.left{ float:left; }
.right{ float:right; }
.clear{	clear:both; }
img.left{	margin:0 1em 1em 0; }
img.right{	margin:0 0 1em 1em; }
.padding{	padding:0px 5px; }

.rounded {-moz-border-radius:5px;}
h1 {font-family: Helvetica, Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: normal; letter-spacing: -2px; line-height: 1.2em; margin:15px 0px 5px 0px;}
h2 {font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-style: normal; font-weight: normal; letter-spacing: -1px; line-height: 1.2em; margin:15px 0px 5px 0px;}
h3 {font-family: Helvetica, Arial, sans-serif; color:#fff; font-size: 20px; font-style: normal; font-weight: normal; letter-spacing: 0px; line-height: 1.2em; margin:15px 0px 5px 0px;}
h4 {font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: -1px; line-height: 1.2em; margin:15px 0px 5px 0px;}

.section {padding:10px;}

.page div p{padding: 10px }
#respond { padding: 10px }

/*---------------------------------------------------------------------------------------
--- Top
---------------------------------------------------------------------------------------*/
#logo h1 a{ text-indent:-9999px; margin: 30px 0px 10px 20px; display:block;}
#logo h3 { margin-left:20px;}
div#search {margin-top:40px;margin-left:219px;}
	div#search span {border:0px;float:left; background: url(../img/input_search.jpg) no-repeat; width:177px; height: 34px; display:block;padding-top:8px; padding-left:10px;}
	div#search input{border:0px; background:#fff}
	div#search #searchsubmit { border:0px; background: url(../img/blue/button_search.jpg) no-repeat; width:54px; height: 34px; text-indent: -9999px; padding-top:4px;}

#footer a#backtotop {display:block; float:right;background:#2e455a; padding:0px 5px; border: 1px solid #416789; width:35px; color:#fff; -moz-border-radius:5px 0px 0px 5px}
#footer a:hover#backtotop {background: #416789;}

/*---------------------------------------------------------------------------------------
--- Featured area
---------------------------------------------------------------------------------------*/
#featured {position:relative;height:226px;width:940px;}
#featured_top{position:absolute; top:0px; left:0px;z-index:100}
	#featured_images { height: 226px; padding-top:24px;}
	#featured_text h2, #featured_text p { padding:10px; }
		#featured_text h2 {margin:0px; padding-bottom:0px; font-weight: bold;text-shadow: -1px 1px 2px #fff;}
		#featured_text p { text-shadow: -1px 1px 0px #fff; padding-top:0px; font-family: Helvetica, Arial, sans-serif;
							font-size: 12px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: 1.8em; }
	.slides_texts { margin-top:10px;margin-left:15px;height:150px;}

#buttons {position:absolute; left:0px; top:160px;z-index:112; zoom:1}		
	a#try {  margin-left:30px; float:left;}
	a#signup { margin-left:20px; float:left;}


.button{ background: #222 url(.../img/alert-overlay.png) repeat-x;  display: inline-block; padding: 8px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 1px 1px 1px #6f6f6f; -webkit-box-shadow:1px 1px 1px #6f6f6f; text-transform:uppercase; text-shadow: 1px 1px 0px #222;  position: relative; cursor: pointer; font-size:24px}

/*---------------------------------------------------------------------------------------
--- Sidebar
---------------------------------------------------------------------------------------*/

#sidebar {z-index:110; -moz-border-radius-bottomleft: 5px;}
#sidebar ul{font-size:14px; font-weight:bold; list-style:none;margin:0px; padding:0px; border:0px;}
	#sidebar ul ul{padding-bottom:0px;}
	#sidebar ul li a{ text-decoration: none; padding:10px;display:block; }
	#sidebar ul li{padding:0px;}
	#sidebar ul ul li a{padding-left:15px;}
	#sidebar ul ul li{position:relative;}
	#sidebar ul ul ul{position:absolute;top:0;right:220px;z-index:101;width:200px;}
	#sidebar ul ul ul{display: none;}
	#sidebar ul ul li:hover ul {display: block;}


#sidebar h2 {letter-spacing: -1px;padding:6px 0px 7px 7px; font-size:18px;  margin:0px 0px 0px 0px; }

/*---------------------------------------------------------------------------------------
--- Dropdown
---------------------------------------------------------------------------------------*/
#dropmenu, #dropmenu ul {font-family: Helvetica, Arial, sans-serif; margin:0; padding:0; font-size:16px; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%;  font-weight:bold;}
#dropmenu a {display:block; padding:10px 20px; text-decoration:none; }
#dropmenu a:hover { }
#dropmenu li {float:left; position:relative;z-index:305; }
#dropmenu ul {position:absolute; z-index:306;width:12em;  left:0px; display:none;}
#dropmenu ul a {}
#dropmenu li ul { width:14.1em; font-size:14px; font-weight:normal; letter-spacing:0px;}
#dropmenu li ul li {z-index:306;}
#dropmenu li ul a {width:12.5em; height:auto; float:left; }
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:14em; margin:0px 0 0 15px; z-index:315}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}


 
/*---------------------------------------------------------------------------------------
--- Content homepage
---------------------------------------------------------------------------------------*/
div.box_plan {background:#f1f1f1;border:1px solid #fff; padding:0px; -moz-border-radius: 5px;}
div.box_plan img{padding-right:10px;}
	div.box_plan h2{text-align:center;margin:0px;letter-spacing: -1px; background: url(../img/h2_box_bg.jpg) no-repeat top left #ddd; padding:5px; color:#666666; border-bottom: 1px solid #fff; text-shadow:1px 1px 1px #fff}
	div.box_plan ul {list-style:none; margin:10px 10px;}
		div.box_plan ul li.yes{background:url(../icons/bullet_add.png) no-repeat left top; padding-left:15px;}
		div.box_plan ul li.no{background:url(../icons/bullet_delete.png) no-repeat left top; padding-left:15px;}
		a.begintrial {display:block; background: url(../img/blue/begintrial.jpg) no-repeat top; width:153px; height: 33px;text-indent: -9999px;margin:10px auto;}
		a:hover.begintrial {display:block; background: url(../img/blue/begintrial.jpg) no-repeat bottom;}
div.outer_box_plan {border:1px solid #d9d9d9; -moz-border-radius: 5px;  margin-bottom:20px;}
	
ul#feat							{margin-top:0px;}
ul#feat h2						{margin-top:0px;}
ul#feat li						{float:left;display:block;width:230px;padding-left:65px;margin:10px;margin-bottom:20px;}
ul#feat li	p					{margin-bottom:0px;}
ul#feat li h3					{margin:0px;text-transform: none; font-weight:bold; font-size: 16px; margin-bottom:5px;}
	#f_clock					{background:url(../icons/clock.png) top left no-repeat;}
	#f_monitor					{background:url(../icons/screen_aurora.png) top left no-repeat;}
	#f_pen						{background:url(../icons/magic_wand.png) top left no-repeat;}
	#f_search					{background:url(../icons/search.png) top left no-repeat;}
	#f_secure					{background:url(../icons/lock_closed.png) top left no-repeat;}
	#f_stamp					{background:url(../icons/qbic.png) top left no-repeat;}

a.readmore-btn { background: #eee url(../img/alert-overlay.png) repeat-x;  display: inline-block; padding:2px 3px 0px 3px ; color: #000; text-decoration: none;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 1px 1px 0px #ddd; -webkit-box-shadow:1px 1px 1px #6f6f6f;text-shadow: 1px 1px 0px #fff;  position: relative; cursor: pointer; font-size:11px;float:right; }
a:hover.readmore-btn {background:#ddd}

.post_meta {border: solid #ddd; border-width: 0px 0px 1px 0px;  padding:3px 15px; margin-top:15px;}
.post_meta a {border-bottom:none;}
#posts {line-height:23px; padding: 10px 10px 20px 5px;}
#posts .post{padding:10px 5px; }

#posts .post .post_content {padding:0px 10px;}
#posts .post p {margin-bottom:3px;}
#posts .post a.more-link {  background:#162635 url(../img/alert-overlay.png) repeat-x; padding:5px; border-bottom:none; color:#fff; -moz-border-radius:5px;margin:10px 0px 15px 560px;}
 .image {padding:5px;border:1px solid #eee; margin-right:10px;}

.pagination a, .pagination span{padding:5px;margin:2px; text-decoration:none;}

/*---------------------------------------------------------------------------------------
--- Mid area
---------------------------------------------------------------------------------------*/
div#mid { margin-top:10px; -moz-border-radius: 5px;padding-bottom:20px;}
	div#mid h2 {margin:15px 0px 10px 0px; font-size: 20px; letter-spacing: -1px; padding:5px; -moz-border-radius:5px}
	div#mid a {border-bottom:0px; color:#fff}

/* -- Recent on blog */
div#recentonblog div {padding:0px 10px;}
div#recentonblog ul				{list-style:none;padding:0px;}
	div#recentonblog h3				{margin:0px;}
	div#recentonblog h3 a			{color:#999;text-decoration:none; font-size:14px;}
	div#recentonblog ul li			{  margin: 0px 0px 5px 0px;padding:5px 5px 5px 10px; }
		div#recentonblog ul li	p		{padding:5px 0px 5px 0px;margin:0px;}
			span.date						{color:#999;;display:block;height:15px;font-size:9px; float:right}
			a.more							{color:#999;padding-right:10px; text-decoration:none;}
/* -- Quick contact */
#quick_contact p { padding:0px 10px 10px 10px; }
#quick_contact img {padding:3px; border: 1px solid #2e455a;margin-right:5px;}

#about_company p {padding:0px 15px 10px 10px;}

/*---------------------------------------------------------------------------------------
--- Mid low
---------------------------------------------------------------------------------------*/
div#mid_low {background:#fff; margin-top:10px;  -moz-border-radius: 5px;padding:10px 0px;}
div#mid_low h2 { margin-top:0px; padding-top:0px; font-size: 18px; letter-spacing: -1px;  background:#eee; padding:5px; border-top: 1px solid #ddd; -moz-border-radius:5px}

	#socialweb ul { list-style:none; }
	#socialweb ul li {float:left; padding:2px 5px;}
	

/*---------------------------------------------------------------------------------------
--- Footer
---------------------------------------------------------------------------------------*/
#footer {padding:10px 0px;  margin-top:10px; -moz-border-radius: 5px;}
	#footer a {border:none;}
#footer #copyrights p{padding-left:10px; margin-bottom:0px;}
#footer ul {list-style:none;}

#footer ul li{float:left; padding-left:10px;}
#footer ul li a{text-decoration:none; }

/* -- Newsletter */
	div#newsletter { padding:0px 10px;}
	div#newsletter div p {margin-bottom:10px;padding-left:10px}
		#newsletter input {padding:10px; border:1px solid #eee}
		div#newsletter span#newsletter_bg { border:0px; float:left; width:290px; height: 34px; display:block;}
		div#newsletter span input {width:270px;}

		 div#newsletter input#newsletter-input { border:0px; background: transparent;}
		div#newsletter input.MailPressFormSubmit, div#newsletter input#signup-news { border:0px;  width:70px; height: 34px; text-indent: -9999px; padding-top:4px; margin-left:130px; color: transparent;
		text-transform: capitalize;}

/* -- tweeter */

  .tweet .tweet_list { -webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0; background-color: #fff; }
    .tweet .tweet_list li { -webkit-border-radius: 5px; -moz-border-radius: 5px;}
   
    .tweet .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
      .tweet .tweet_list .tweet_avatar img { vertical-align: middle; }


/* Contact Form --------- */
.message 						{display:none;}
#contact_info {margin-bottom:15px;}
#contactForm ul 					{list-style-type:none;}
#contactForm li 					{list-style-type:none;margin:5px 0px;}
#contactForm li.special 			{display:none;}
#contactForm label					{float:left;padding-top:4px; width:100px;}
#contactForm input 					{width:300px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
#contactForm textarea 				{width:300px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
input#send						{margin-top:30px;margin-left:100px;border:1px solid #606060;color:#fff; background:#162635;padding:3px;font-size: 10px;text-transform:uppercase;}
#alert 		 					{margin-top:5px;width:390px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;}

/* Price page and table --------- */
#pricefaq li					{display:block;float:left;width:300px;padding:15px;border:1px solid #eee;margin:5px;}
#pricefaq h2 					{margin-top:0px;}
table#prices 					{width:100%;margin-bottom:20px;margin-top:20px;}
table#prices td					{text-align:center;}
table#prices td.tdname			{padding:5px 0px 5px 5px;width:190px;vertical-align:middle;text-align:left; text-transform:uppercase;}
table#prices th					{text-align:center;height:25px;vertical-align:bottom;padding-bottom:3px;}
span.yes						{display:block;background:url(../icons/lock_closed.png) no-repeat;width:48px;height:48px;text-indent:-9999px;margin-left:40%;;margin-top:4px;}
span.no							{display:block;background:url(../icons/check.png) no-repeat;width:48px;height:48px;text-indent:-9999px;margin-left:40%;}
span.option						{display:block;background:url(../img/option.jpg) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:40%;}
table#prices td.totalprice		{color:#fff;padding:15px 0px;font-family: "Trebuchet MS", sans-serif; font-size: 20px; font-style: normal; font-weight: normal; letter-spacing: -1px; line-height: 1.2em;}


/* Genreal  Form --------- */
.form {text-align:right; width:400px;}
.form ul 					{list-style-type:none;}
.form li 					{list-style-type:none;margin:5px 0px;}
.form li.special 			{display:none;}
.form label					{float:left;padding-top:4px;}
.form input 					{width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
.form textarea 				{width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
.form select 				{width:272px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}