/*-----------------------------------------------
	Fonts
-----------------------------------------------*/

@font-face
{
    font-family: 'RobotoRegular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'OpenSansCBold';
    src: url('fonts/opensans-condbold.eot');
    src: url('fonts/opensans-condbold.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condbold.woff') format('woff'),
         url('fonts/opensans-condbold.ttf') format('truetype'),
         url('fonts/opensans-condbold.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-----------------------------------------------
	Default
-----------------------------------------------*/

*
{
	margin:0;
	padding:0;
}

html
{
	text-align:center;
	background:#f5f5f5;
}

body
{
	width:940px;
	margin:25px auto;
	padding:0;
	font-family:'RobotoRegular', Tahoma, Arial, Helvetica;
	font-size:13px;
	font-weight:normal;
	line-height:22px;
	text-align:left;
	color:#131313;
	background:#f5f5f5;
}

h1
{
	margin:0;
	padding:0;
	font-family:'OpenSansCBold', 'RobotoRegular', Tahoma, Arial, Helvetica;
	font-size:24px;
	font-weight:normal;
	line-height:26px;
	color:#131313;
}

h1 span
{
	display:block;
	font-size:14px;
	line-height:20px;
}

h2
{
	margin:0;
	padding:0;
	font-family:'OpenSansCBold', 'RobotoRegular', Tahoma, Arial, Helvetica;
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	color:#131313;
}

h3
{
	margin:0;
	padding:0;
	font-family:'OpenSansCBold', 'RobotoRegular', Tahoma, Arial, Helvetica;
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	color:#131313;
}

p
{
	margin:0;
	padding:0;
	font-family:'RobotoRegular', Tahoma, Arial, Helvetica;
	font-size:13px;
	font-weight:normal;
	line-height:22px;
	color:#131313;
}

p.P
{
	padding-top:10px;
}

p.B
{
	padding-bottom:10px;
}

p.Arrow
{
	padding-left:13px;
	line-height:24px;
	background:#ffffff url(../images/arrow.png) 0 7px no-repeat;
}

a
{
	margin:0;
	padding:0;
	font-family:'RobotoRegular', Tahoma, Arial, Helvetica;
	font-size:13px;
	font-weight:normal;
	line-height:22px;
	color:#25afbf;
	text-decoration:none;
}

img
{
	border:0;
}

ul
{
	margin:0;
	padding:0;
	list-style:none;
}

.Green
{
	color:#25afbf;
}

/*-----------------------------------------------
	Form
-----------------------------------------------*/

form
{
	margin:10px 0 0 30px;
}

form.Buy
{
	margin:10px 0;
}

input, textarea, select
{
	margin:0 0 10px 0;
	padding:2px 5px;
	font-weight:normal;
	line-height:22px;
	color:#000000;
	background:#fdfdfd;
	border:1px solid #3fc0cf;
	-moz-border-radius:2px;
	border-radius:2px;
}

textarea
{
	width:830px;
	height:88px;
	resize:none;
}

input[type=text]
{
	width:200px;
}

input[type=checkbox]:not(old),
input[type=radio]:not(old)
{
	width:28px;
	margin:0;
	padding:0;
	opacity:0;
}

input[type=checkbox]:not(old) + label,
input[type=radio]:not(old) + label
{
	display:inline-block;
	margin-left:-28px;
	padding-left:28px;
	background:url('../images/checks.png') no-repeat 0 0;
	line-height:24px;
}

input[type=checkbox]:not(old):checked + label
{
	background-position:0 -24px;
}

input[type=radio]:not(old):checked + label
{
	background-position:0 -48px;
}

label,
input[type=checkbox],
input[type=radio]
{
	cursor:pointer;
	border:0;
	background:#ffffff;
	-moz-border-radius:0;
	border-radius:0;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus
{
	border-color:#3fc0cf;
	box-shadow:0 0 2px #3fc0cf;
	outline:none;
}

input.Submit
{
	display:inline-block;
	width:auto;
	min-width:94px;
	margin:0 4px 0 0;
	padding:8px 7px 6px;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
	cursor:pointer;
	background:#3fc0cf;
	border:0;
	box-shadow:none;
	-moz-transition:background-color 0.2S ease-out;
	-webkit-transition:background-color 0.2S ease-out;
	-o-transition:background-color 0.2S ease-out;
	-ms-transition:background-color 0.2S ease-out;
	transition:background-color 0.2S ease-out;
	-moz-border-radius:2px;
	border-radius:2px;
}

input.Submit:hover
{
	background:#3e3e3e;
}

/*-----------------------------------------------
	Table
-----------------------------------------------*/

table
{
	margin:0;
	padding:0;
	border-spacing:0;
	border:0;
}

td, th
{
	font-family:'RobotoRegular', Tahoma, Arial, Helvetica;
	font-size:13px;
	font-weight:normal;
	line-height:20px;
	text-align:left;
	vertical-align:top;
	color:#131313;
}

table.Product
{
	margin:0 0 10px;
	padding:0;
}

table.ProductOverview
{
	margin:10px 0 0 30px;
	padding:0;
	border:0;
}

table.ProductOverview td,
table.ProductOverview th
{
	margin:0;
	padding:2px 10px 2px 0;
	vertical-align:top;
}

table.ProductOverview th
{
	min-width:70px;
}

table.Screenshots
{
	margin:5px 0 0 30px;
	padding:0;
}

table.Screenshots td img
{
	margin-right:5px;
	border:1px solid #3fc0cf;
}

table.Screenshots td img:hover
{
	box-shadow:0 0 2px #3fc0cf;
}

table.Video
{
	margin:5px 0 0 30px;
	padding:0;
}

table.Video td iframe
{
	border:1px solid #3fc0cf;
}

table.Buy
{
	width:900px;
	margin:20px 0 0 0;
	padding:0;
}

table.Buy td
{
	width:450px;
	text-align:center;
	vertical-align:top;
}

/*-----------------------------------------------
	Nav
-----------------------------------------------*/

#Nav
{
	margin:0;
	padding:0;
}

#Nav ul
{
	float:left;
	display:inline-block;
	width:900px;
	margin:0;
	padding:10px 20px;
	list-style:none;
	background:#30aebf;
}

#Nav li
{
	float:left;
	display:inline-block;
	min-width:70px;
	margin:0 4px 0 0;
	padding:0;
	border:0;
	-moz-border-radius:2px;
	border-radius:2px;
}

#Nav li:hover
{
	background:#ffffff;
}

#Nav li.Lang
{
	overflow:hidden;
	float:right;
	min-width:0;
	max-width:32px;
	max-height:30px;
	width:32px;
	height:30px;
	margin:0 0 0 4px;
	padding:0;
}

#Nav li.Active
{
	background:#ffffff;
}

#Nav li.Active a
{
	color:#000000;
}

#Nav li a
{
	display:block;
	padding:7px 8px 5px;
	font-family:'RobotoRegular', Tahoma, Arial, Helvetica;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
}

#Nav li.Lang a
{
	margin:0;
	padding:7px;
}

#Nav li:hover a
{
	color:#000000;
}

/*-----------------------------------------------
	Button
-----------------------------------------------*/

a.Button, a.Button:link, a.Button:visited
{
	float:left;
	display:inline-block;
	min-width:80px;
	height:23px;
	margin:0 4px 0 0;
	padding:9px 7px 0;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
	background:#3fc0cf;
	border:0;
	-moz-transition:background-color 0.2S ease-out;
	-webkit-transition:background-color 0.2S ease-out;
	-o-transition:background-color 0.2S ease-out;
	-ms-transition:background-color 0.2S ease-out;
	transition:background-color 0.2S ease-out;
	-moz-border-radius:2px;
	border-radius:2px;
}

a.Button:hover
{
	background:#3e3e3e;
}

/*-----------------------------------------------
	Container
-----------------------------------------------*/

#Container
{
	float:left;
	width:900px;
	margin:20px 0 0;
	padding:10px 20px;
	background:#ffffff;
	border-top:3px solid #3fc0cf;
	-moz-border-radius:2px;
	border-radius:2px;
}

/*-----------------------------------------------
	Header
-----------------------------------------------*/

#Header
{
	float:left;
	overflow:hidden;
	width:940px;
	height:130px;
	margin:0;
	padding:0;
	background:#3fc0cf url(../images/wolfcoders_logo.png) 25px 38px no-repeat;
}

#Header ul
{
	float:right;
	margin:33px 20px 0 0;
	text-align:right;
}

#Header ul li a
{
	padding-right:17px;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#bfeaef;
	background:#3fc0cf url(../images/arrow_white.png) right 1px no-repeat;
}

#Header ul li a:hover
{
	color:#ffffff;
}

/*-----------------------------------------------
	Promotion
-----------------------------------------------*/

#Promotion
{
	float:left;
	width:900px;
	margin:0;
	padding:25px 20px 20px;
	background:#ffffff;
	border-bottom:2px dashed #3fc0cf;
}

/*-----------------------------------------------
	Content
-----------------------------------------------*/

#Content
{
	float:left;
	width:900px;
	margin:0;
	padding:30px 20px;
	background:#ffffff;
}

#Content p
{
	margin-left:30px;
}

#Content td p,
#Content th p,
#Content form p
{
	margin-left:0;
}

#Content p.Desc
{
	margin:15px 0;
	padding:0;
	font-size:14px;
}

#Content p.Price
{
	margin:0;
	padding:0;
	font-family:'OpenSansCBold', 'RobotoRegular', Tahoma, Arial, Helvetica;
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	color:#131313;
}

#Content h2
{
	padding:20px 0 10px;
}

/*-----------------------------------------------
	Footer
-----------------------------------------------*/

#Footer
{
	clear:both;
	overflow:hidden;
	width:940px;
	height:50px;
	margin:0;
	padding:0;
	background:#3fc0cf url(../images/copyright.png) 25px 18px no-repeat;
}

#Footer p
{
	padding:15px 0 0 45px;
	font-size:10px;
	color:#fff;
}