/*
Author: Vladimir Golu?in
Author URI: http://bigfish.rs
*/

* {
  margin: 0;
}

html, body {
	height: 100%;
}

body {
	font: 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #333;
	text-align: center;
	background: #f7f7f7;
}

#wrap {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#stripe {
	background: #212121;
	border-bottom: 2px solid #0088ce;
	height: 10px;
	overflow: hidden;
	margin: 0 0 20px;
}

/* @group header */
/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#header {
	height: 100px;
	overflow: hidden;
}

#logo {
	display: inline;
	float: left;
	height: 100px;
	margin: 0 10px;
	width: 300px;
}
/* @end */


/* @group menu */
/* MENU
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#menu {
	display: inline;
	float: left;
	font-size: 1.2em;
	margin: 0 10px;
	width: 620px;
}

#menu ul {
	float: right;
	margin: 35px 0 0;
}

#menu ul li {
	display: inline;
	float: left;
	margin-left: 10px;
}

#menu ul li a {
	color: #777;
}

#menu ul li a:hover {
	color: #0088ce;
}

#menu ul li a.special {
	background: #0088ce;
	color: #fff;
	padding: 4px;
	text-decoration: none;
}
/* @end */


/* @group mid */
/* MID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#mid {}
/* @end */


/* @group page */
/* PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#page {}
/* @end */


/* @group home */
/* HOME
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#home {
	border-bottom: 1px solid #d5d5d5;
	height: 403px;
	position: relative;
}

#home #title {
	background: url("bg-home-.png") repeat 0 0;
	bottom: 0;
	color: #fff;
	height: 170px;
	margin: 0 10px;
	position: absolute;
	width: 940px;
}

#home #title h1 {
	font-size: 5em;
	margin: 20px 30px 0;
	text-shadow: #000 1px 1px 2px;
}

#home #title h2 {
	font-size: 2.4em;
	margin: 15px 30px 0;
	text-shadow: #000 1px 1px 2px;
}

#home #title h3 {
	font-size: 1.2em;
	margin: 0 30px 0;
	text-shadow: #000 1px 1px 2px;
}

#home #title h4 {
	font-size: 1.2em;
	margin: 0;
	text-shadow: #000 1px 1px 2px;
}

#home #title .price {
	display: inline;
	float: right;
	font-size: 4.6em;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin: 15px 10px 0;
}

#home #title .price sup {
	color: #a4a4a4;
	font-size: 0.7em;
}

#home #title .button {
	display: inline;
	float: right;
	margin: 20px 30px 0 10px;
}

#home div.title-shadow {
	background: url("bg-home0.png") no-repeat 0 0;
	color: #999;
	height: 25px;
	font-size: .9em;
	padding: 5px 10px;
	overflow: hidden;
	text-align: right;
}

#home #optin {
	float: right;
	margin: 20px 20px 0 0;
	width: 300px;
}

#optin h4 {
	font-size: 1.6em !important;
	margin: 0 20px 10px 0 !important;
}

#optin div.item {
	margin: 0 0 8px;
}

#optin div.item input {
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	border-top: 1px solid #848484;
	color: #777;
	font-size: 1.1em;
	padding: 8px;

	width: 250px;
}

#optin div.item input.selected {
	color: #222;
}

#optin div.btn input {
	background: url("btn-noti.png") no-repeat 0 0;
	border: 0;
	color: transparent;
	height: 35px;
	text-indent: -9999px;
	width: 90px;
}
/* @end */


/* @group grid */
/* GRID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#grid {
	display: block;
}

#grid div.item {
	display: inline;
	float: left;
	margin: 10px;
	width: 300px;
}

#grid div.item h3 {
	color: #121212;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin: 0 0 10px 80px;
}

#grid div.item p {
	color: #555;
	line-height: 150%;
	margin-left: 80px;
}

#grid .customizable {
	background: url("icon-cus.png") no-repeat 10px 0;
}

#grid .cross-browser {
	background: url("icon-cro.png") no-repeat 10px 0;
}

#grid .easy-to-use {
	background: url("icon-eas.png") no-repeat 10px 0;
}

#grid .extensibility {
	background: url("icon-ext.png") no-repeat 10px 0;
}

#grid .implementation {
	background: url("icon-imp.png") no-repeat 10px 0;
}

#grid .standards {
	background: url("icon-sta.png") no-repeat 10px 0;
}
/* @end */


/* @group footer */
/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#footer {
	border-top: 1px solid #d5d5d5;
	clear: both;
	padding: 10px 5px 10px;
	margin: 30px 0 0;
}

#footer ul#submenu {
	display: inline;
	float: left;
}

#footer ul#social {
	display: inline;
	float: right;
}

#footer ul li {
	display: inline;
	float: left;
	margin: 0 5px;
}

#footer ul li a {
	color: #666;
}

#footer p {
	color: #999;
	margin: 0 5px;
}

#footer p a {
	color: #999;
}
/* @end */


/* @group elements */
/* ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Tahoma, Verdana, sans-serif, Georgia;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}
/* @end */


/* @group common */
/* COMMON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
div.message {

}
/* @end */


/* @group misc */
/* MISC
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clearer {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
	display: block;
}

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

img a:hover {
	margin-bottom: -5px;
}

.hidden {
	display:none;
}
.aligncenter,
div.aligncenter {
	margin-top:10px;
	margin-bottom:10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* @end */