body {
	/*font: 100% Helvetica,"Lucida Grande",Lucida,Arial, Helvetica, sans-serif;*/
	/*font-family: "Lucida Grande",Lucida,Arial, Helvetica, sans-serif;*/
	font-family:"Lucida Grande",Helvetica,"Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;
	/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4B4B4B;
	font-size:12px;
}
 #container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
 #header {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	position: relative;
	height:90px;
}

 #logo
        {
        	background:transparent url(../images/o2vision_glosy.png) no-repeat scroll 0 0;
			height:87px;
			left:10px;
			margin:0;
			position:absolute;
			top:0;
			width:335px;
			z-index:2;
        }
 #logo a
        {
        	text-decoration:none;
        	display:block;
			height:0 !important;
			margin:0px;
			outline-style:none;
			outline-width:medium;
			overflow:hidden;
			padding:90px 0 0;
			width:300px;
			text-indent:-9999px;
    }

#main-nav  {
	left:370px;
	padding:11px 0 0;
	position:absolute;
	top:0;
}

#main-nav {
	float:right;
}

#main-nav li {
	font-size:90%;
	font-weight:bold;
}

#main-nav li {
	float:left;
	margin:0 6px 0 0;
	position:relative;
}


#main-nav li a {
	display:block;
	float:left;
	outline:medium none;
	padding:0 0 0 6px;
	
	
}

#main-nav li a:hover {
	color:red;
}

#main-nav li.on a, #main-nav li.on a:visited {
	background:url("../images/nav.active2.png") no-repeat scroll left 0 transparent;
	color:white;
	
}

#main-nav a:link, #main-nav a:visited {
	/*color:#2175c4;*/
	color:#1F75CC;
	outline:medium none;
}

#main-nav li.on span {
	background:url("../images/nav.active2.png") no-repeat scroll right 0 transparent;
	height:28px;
	min-width: 50px;
	text-align:center;
	font-weight:bold;
}

#main-nav li a span {
	display:block;
	float:left;
	font-size:11px;
	line-height:13px;
	padding:4px 6px 5px 0;
	text-align:center;
}

#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float:left;
	width:550px;
}

#mainContent_right {
	padding:0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float:right;
	width:650px;
	position:relative;
}

#column_left {
	float:left;
	display:block;
	overflow:hidden;
	margin-left:-3px;
	padding:0 20px;
	width:200px;
}

#column {
	float:right;
	margin-right:-3px;
	padding:0 20px;
	width:270px;
}
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	color:#ccc;
	font-size:11px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

div#footer-rule {
border-top:1px solid #2175c4;
height:1px;
margin:8px 0;
}

#install-header  {
	height:140px;
	margin-top:2em;
	position:relative;
	padding: 0px 0px 20px 0px;
}

#feature-header  {
	height:80px;
	margin-top:2em;
	position:relative;
	padding:20px;
}

#message-box {
	/*float:left;*/
	/*width:450px;*/
}



.biography {
	overflow:hidden;

}

.biography dl.biography {
	margin:0;
	padding:0;
	position:relative;
}

.biography dl.biography dd 
{
	text-align:justify;
	float:left;
	margin-left:12px;
	width:450px;
	padding:0px;
}

.biography dl.biography dt {
	clear:left;
	float:left;
	padding-top:15px;
	/*width:80px;*/
}

.blue-box {
	/*background:none repeat scroll 0 0 #F4FAFF;*/
	background:none repeat scroll 0 0 #fff;
	/*border:1px solid #AACCEE;*/
	border:1px solid #fff;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.blue-background
{
	/*  #B0DCFF */
	background:none repeat scroll 0 0 #E3F5FB;
}

.clear {
	clear:both;
}

.footer-sub  {
color:#c5c5c5;
font-size:11px;
padding:0 0;
}

.info-table
{
	width:95%; 
	border: solid 1px #209BFF;
}

.justify{
	text-align:justify;
}

.center
{
	text-align:center;
}

.tiny {
font-size:90%;
}

.bigger{
font-size:1.2em;
}

.feature-panel {
/*background:url("../images/feature.panel.bg.png") no-repeat scroll 0 0 transparent;*/
/*background:url("../images/feature.panel.bg.png") no-repeat scroll 0 0 transparent;*/
float:left;
height:220px;
margin:0 10px;
width:270px;
}

.feature-panel-inner  {
height:197px;
padding:0 12px;
}

.feature-panel h3 {
	border:0 none;
	/*font-size:15px;*/
	padding:14px 0 2px;
}

.feature-panel p {
	color:#555555;
	font-size:11px;
	padding-left:90px;
	padding-top:15px;
	padding-bottom:15px;
}

ul.blue-bullets li {
	color:#555555;
	display:block;
/*	float:left;*/
/*font-size:15px;*/
    margin:4px 0;
/*	width:100%;*/
}

.blue-bullets {
	margin:0 0 0 0;
	padding:0;
	display:block;
}

.blue-bullets li {
	background:url("../images/bullet_blue3.png") no-repeat scroll 0 0 transparent;
	list-style:none outside none;
	/*margin:5px 0 5px 5px;*/
	padding:0 0 0 18px;
}

.checked-bullets {
	margin:0 0 0 0;
	padding:0;
	display:block;
}

ul.checked-bullets li {
	color:#555555;
	display:block;
	/*height:20px;*/
/*	float:left;*/
/*font-size:15px;*/
    margin:3px 0px;
/*	width:100%;*/
    background:url("../images/solution_checked.png") no-repeat scroll 0 0 transparent;
	list-style:none outside none;
	/*margin:5px 0 5px 5px;*/
	padding: 3px 0 0 22px;
}


ul.icon-list li{
	color:#555555;
	display:block;
	float:left;
    margin:4px 0;
	/*height:40px;*/
	list-style:none outside none;
	padding:0 0 0 0px;
	
}

.icon-list {
	margin:0 0 0 0;
	padding:0;
	display:block;
	/*position:relative;*/
}

.icon-list li a {
	color:#8C8C8C;
	display:block;
	/*line-height:32px;*/
	padding:6px 0 6px 6px;
	position:relative;
}

ul.icon-bullets li{
	color:#555555;
	display:block;
	float:left;
/*font-size:15px;*/
    margin:4px 0;
    width:100%;
	height:60px;
	list-style:none outside none;
	padding:10 0 0 0px;
	position:relative;
}

ul.icon-bullets {
	margin:30px 0 0 0;
	padding:0;
	display:block;
}

.icon-bullets li a {
	color:#8C8C8C;
	display:block;
	/*line-height:60px;*/
	padding:10px 0 6px 75px;
	position:relative;
}

.on {
	color:#ff0000 !important;
	font-weight:bold;
}

.icon-bullets li a:hover {
	color:#dd0000;
	font-weight:bold;
}

.icon-bullets li a:hover .icon-left {
	margin-left: 10px;
}

.icon  {
/*
	left:5px;
	position:absolute;
	top:6px;*/
	
	width: 32px;
	height: 32px;
	
}

.icon-left  {

	left:5px;
	position:absolute;
	top:6px;
	
	width: 50px;
	height: 50px;	
}

.formelements  {
	float:left;
	font-size:1.1em;
	padding:3px 0;
}


.sample 
{
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius: 8px;
	border:5px solid #E3F5FB;
	/*height:220px;*/
	margin:30px 0;
	opacity:0.3;
	/*width:450px;*/
}

.sample:hover
{
	opacity:1;
}

.preview  {
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius: 8px;
	background:none repeat scroll 0 0 #E3F5FB;
	border:1px solid #D1CDB9;
	padding:6px;
	height:220px;
	width:450px;
	alpha:1.4;
}

.left
{
	float:left;
}

.right
{
	float:right;
	width:170px;
	text-align:left;
}
label {
	font-weight:bold;
	margin:15px 0 10px 0;
	width:80px;
}

form {
	font-family:"Lucida Grande",Lucida,Sans-serif;
	margin-bottom:10px;
}

/*
input.formelements.blank  {
	border-bottom-color:#336699;
}*/

select.message, input.message 
{
	/*background:none repeat scroll 0 0 transparent;*/
	/*border: none 0px;*/
	/*border-bottom:1px solid #336699;*/
	color:#333333;
	font-style:normal;
	margin:10px 0;
}

input.email-input {
	background:url("../images/input.email.png") no-repeat scroll 0 0 transparent;
	border:0px none;
	/*color:#2B2B2B;*/
	font-size:12px;
	font-weight:normal;
	height:20px;
	line-height:15px;
	padding:6px 0px 2px 4px;
	width:245px;
}

select.email-input
{
	background:url("../images/input.email.png") no-repeat scroll 0 0 transparent;
	border:0px none;
	color:#2B2B2B;
	font-size:12px;
	font-weight:normal;
	padding:6px 0px 2px 4px;
	width:245px;
	height:28px;
	line-height:15px;
}

input.signup {
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	padding:7px 0 0;
}

.signupresult p {
	line-height:normal;
	margin:15px 0 9px;
	padding:0 0 0 5px;
}

.signup-fail {
	background:url("../images/exclamation.png") no-repeat scroll 0 0 transparent;
	color:#ee0000;
	font-weight:bold;
}

.signup-confirm {
	background:url("../images/accept.png") no-repeat scroll 0 0 transparent;
	color:#569D4C;
	font-weight:bold;
}

.signup-lock {
	background:url("../images/lock.png") no-repeat scroll 0 0 transparent;
	color:#777777;
	font-size:10px;
	font-weight:bold;
}


input.send {
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	padding:7px 0 0;
}

div#signup_successful_message  {
display:none;
}
div#signup_error_message  {
display:none;
}



textarea {
	background:url("../images/input.message.png") repeat scroll 0 0 transparent;
	border: 0px none;
	color:#333333;
	/*font-style:italic;*/
	height:90px;
	line-height:28px;
	margin:13px 0;
	/*max-width:450px;*/
	width:450px;
}


h1, h2, h3, h4, h5 {
	/*color:#222222;*/
	color:#003366;
	font-family:Helvetica,"Lucida Grande",Lucida,Sans-serif;
	padding-top:0.8em;
	font-weight:bold;
	margin:1em 0em 0.8em 0em;
	text-align:left;
}

h1 {
	color:#003366;
	/*font-family:Arial,Sans-serif;*/
	/*font-weight:bold;*/
	line-height:1.5em;
	padding:0;
	font-size:1.8em;
    margin:5px 0;
	width:500px;
	height:160px;
	display:block;
}

h2 {
	font-size:1.5em;
	padding:2px 0 0;
}

h3 {
	font-size:1.3em;
	margin:0px;
	padding:0 0 5px;
}
h4 {
	border-bottom:1px solid #AACCEE;
	font-size:1.2em;
	padding-bottom:0.2em;
}

h5 {
	font-size:105%;
}

h6 {
	font-size:105%;
	margin: 0px;
	padding:0px;
}

h1.headline {
	background:url("../images/headline_glosy.png") no-repeat scroll 0 0 transparent;
	text-indent:-99999px;
}
h1.headline-course {
	background:url("../images/headline_course_glosy.png") no-repeat scroll 0 0 transparent;
	text-indent:-99999px;
}

h1.headline-solutions {
	background:url("../images/headline_solutions_glosy.png") no-repeat scroll 0 0 transparent;
	text-indent:-99999px;
}

p {
	line-height:1.5em;
	margin-bottom:1.3em;
}


p.disclaimer {
	color:#AAAAAA;
	/*font-size:10px;*/
	margin:8px 0;
}

ul, ol {
	list-style:none outside none;
}

a {
	text-decoration:none;
}

img {
border:0 none;
}

img.frame {
	/*border:2px solid #AACCEE;*/
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius: 8px;
	border:5px solid #E3F5FB;
	margin-right:14px;
	padding:3px;
}


input  {
font-family:"Lucida Grande",Lucida,Sans-serif;
font-size:12px;
}

a:link, a:visited {
	color:#2175c4;
}
a:hover{
	color:#65b4ec;
}

th
{
	background-color:#003366;
	color:#fff;
	text-align:center;
}
td
{
	padding: 5px 3px 5px 3px;
}