@import url("reset.css");
@import url("jquery.fancybox-1.2.6.css");

body {
	background: url('../images/bg.gif');
	text-align:center;
}

#header {
	background: url('../images/bg_header.jpg') repeat-x;
	height:115px;
}

#header h1 {
	text-indent:-3000px;
	background: url('../images/logo.gif') repeat-x;
	width:392px;
	height:66px;
	float:left;
	margin:20px 0 0 0;
}

#header p#login a {
	float:right;
	display:block;
	width:137px;
	height:42px;
	background: url('../images/login.gif') top left no-repeat;
	text-indent:-3000px;
	margin: 0 0 0 0;
}


#intro h2 {
	font-family: helvetica, arial sans-serif;
  	font-size: 2em;
  	line-height:1.1em;
	font-weight: bold;
	color: #FFF;
	letter-spacing: -1px;
	margin: 15px 0 0 0;
	width:400px;
}

#intro p {
	font-family: helvetica, arial sans-serif;
	font-size:1.1em;
	line-height:1.2em;
	color:#FFFCDF;
	width:430px;
	margin: 15px 0 0 0;
}

#intro a img {
	margin-bottom:20px;
}

#intro #screenshot {
	position:absolute;
	bottom:0;
	right:-15px;
}

#videos {
	background: url('../images/shadow-y.png') top repeat-x;
	height:267px;
	margin: 0 0 0 0;
}

#videos ul {
	width:1000px;
	height:267px;
	margin:0 auto !important;
	background: url('../images/bg_videos.gif') top right no-repeat;
}

#videos li {
	float:left;
	text-align:left;
	font-family: verdana, arial sans-serif;
	width:245px;
	margin: 25px 0 0 0;
}

#videos li#first {
	margin-left:30px;
}

#videos li#last {
	width:200px;
}

#videos li h3 {
  	font-size: 1.2em;
  	line-height:1.5em;
	font-weight: bold;
	color: #FFF;
	letter-spacing: -1px;
}

#videos li h3 span {
	color:#757575;
}

#videos li span.sub {
	color:#dc6004;
	font-style: italic;
	font-weight:normal;
	display:block;
	margin: 0 0 25px 0;
}

#videos li img {
	border:#757575 solid 4px;
}

#content {
	font-family: helvetica, arial sans-serif;
	line-height:1.3em;
	font-size: 1em;
	width:1000px;
	margin: 0 auto !important;
	padding-bottom:20px;
	background:#3d1a01;
	color:#ddf4fd;
	text-align:left;
	
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
}

#content #content_inner {
	padding:15px 20px;
}

#content #left {
	float:left;
	width:250px;
	padding:15px;
	background:#5c281c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 1.1em;
}

#content #left h2 {
	color:#e27315;
	font-family: helvetica, arial sans-serif;
	font-weight:bold;
	font-size:1.2em;
	margin: 5px 0 15px 0;
}

#content #left ul {
	margin: 0 0 15px 0;
}

#content #left li {
	padding: 0 0 5px 0;
}

#content #left p {
	font-size: 0.9em;
}

#content #left strong {
	color:#FFF;
}

#content #right {
	float:right;
	width: 650px;
	margin-top:15px;
}

#content #right p, #content #left p {
	margin: 0 0 15px 0;
}

#content #right h2 {
	color:#FFF;
	font-family: helvetica, arial sans-serif;
	font-weight:bold;
	font-size:1.3em;
	margin: 5px 0 15px 0;
}

#content #right h3 {
	color:#FFF;
	font-family: helvetica, arial sans-serif;
	font-weight:bold;
	font-size:1.3em;
	margin: 5px 0 15px 0;
}

#content #right form {
	background:#1b1b1b;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#content #right form fieldset {
	padding:25px 15px 15px 15px;
}

#content #right form fieldset label {
	float:left;
	clear:left;
	width:210px;
	display:block;
	text-align:right;
	padding-right:15px;
	margin-top:5px;
}

#content #right form fieldset label.required:before {
	padding: 0 5px;
	content: "*";
	color:#FF0000;
}

#content #right form fieldset input[type='text'] {
	border:0;
	font-family: helvetica, arial sans-serif;
	font-size:1.1em;
	padding:5px;
	border:#e2e1e0 solid 2px;
	background:#e2e1e0;
	margin-bottom:15px;
	width:300px;
}

#content #right form fieldset input[type='text'].error {
	border:#AF2020 solid 2px;
	background:#FFDFDF;
}

#content #right form fieldset a {
	margin-left:348px;
}

#content #right form fieldset input[type='text']:active {
	background:#FFF;
}

#content #right strong {
	color:#f58f43;
}

#content br {clear:both;}

#content #errors {
	background:#BF290B;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:15px;
	margin-bottom:15px;
}

#content #errors ul {
	list-style:circle;
	margin: 0 0 0 15px;
}

#content #errors li {
	padding: 3px 0;
}

#content #success {
	background:#26BF0B;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:15px;
	margin-bottom:15px;
}

#footer {
	width:1000px;
	margin: 15px auto 15px auto;
	text-align:left;
	color:#CCC;
	font-family: helvetica, arial sans-serif;
	font-size:0.9em;
}

.inner {
	margin:0 auto !important;
	width:1000px;
	text-align:left;
	position:relative;
}