@charset "utf-8";
/* CSS Document */

body {
	background: #F2F0EB;
	margin:0;
	padding:0;
	color: #2b2b2b;
	font: 16px Arial, Verdana, Sans-serif;
}
p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	margin: 15px;
}
a {
	color: #767676;
	font: 16px Verdana, Arial, Sans-serif;
	text-decoration: none;
}
h2, h3 {
	font-family:Times New Roman;
	margin:5px;
	text-align:center;
}
#container {
	width: 960px;
	margin: 0 auto;
	background: transparent url(img/content_shadow.gif) repeat-y scroll 0 0;
	padding: 0 11px;
	margin-top:18px;
}
#wrap {
	background: #DADADA url(img/content_bg.png) no-repeat scroll center top;
	border-bottom:15px solid #FFFFFF;
	border-left:15px solid #FFFFFF;
	border-right:15px solid #FFFFFF;
	padding: 50px;
}
#wrap p {
	display: block;
	font-family: Comic Sans MS, Verdana, Arial, sans-serif;
	white-space:normal;
}
#header {
	background:#1d160c;
	height:185px;
	border-top:15px solid #FFFFFF;
	border-left:15px solid #FFFFFF;
	border-right:15px solid #FFFFFF;
}
#header h1 {
   	padding:5px;
    margin:0;
}
#nav {
	background:#000000;
	padding:10px;
	text-align:center;
	clear: both;
	position: relative;
	border-top:4px solid #36CDE8;
	height:20px;
	vertical-align: middle;
}
#nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
#nav li{
	display:inline;
	margin:0;
	padding:0;
	margin: 0 25px;
}
#nav a {
	color: #c9c9c9;
	text-decoration: none;
}
#nav a:hover, #nav a:active {
	color: #36CDE8;
}
#footer {
	background:transparent url(img/bottom_shadow.gif) repeat-x scroll center top;
	margin:0 auto 20px;
	padding-top:20px;
	width:960px;
}
#footer p {
	padding:5px;
	margin:0;
	text-align: center;
}
#logo {
	background:#F3F3F3 none repeat scroll 0 0;
	border:3px solid #2A2A2A;
	float:left;
	margin:11px 0 0 14px;
	padding: 5px;
}
#top-image1, #top-image2, #top-image3, #top-image4 {
	float:left;
	height:155px;
	margin:15px 10px;
	width:166px;
}
#top-image1 {
	background: transparent url(img/site1.png) no-repeat scroll 0 0;
}
#top-image2 {
	background: transparent url(img/site2.png) no-repeat scroll 0 0;
}
#top-image3 {
	background: transparent url(img/site3.png) no-repeat scroll 0 0;
}
#top-image4 {
	background: transparent url(img/site4.png) no-repeat scroll 0 0;
}
#blue, #red {
	float:left;
	width:450px;
}
.blue, .red {
	float: right;
}
#green, #yellow {
	float:right;
	width:450px;
}
.green, .yellow {
	float: left;
}
.icon {
	position:relative;
	right:5px;
	top:7px;
}
.clear {
	clear:both;
}
.top-line {
	height: 0;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	margin-bottom:1px;
	margin-top:1px;
	min-width: 1150px;
}
.container {
	clear:both;
}
.container a {
	font-family: Comic Sans MS, Verdana, Arial, sans-serif;
}
.clear {
	clear:both;
}
#form-container {
	background-color:#f5f5f5;
	padding:15px;
	
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
}
td {
	white-space:nowrap;
}
label {
	text-transform:uppercase;
	font-size:10px;
	font-family:Tahoma,Arial,Sans-serif;
}

textarea {
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

td > button {
	text-indent:8px;
}

.error {
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading {
	position:relative;
	bottom:9px;
	visibility:hidden;
}

.tutorial-info {
	color:white;
	text-align:center;
	padding:10px;
	margin-top:10px;
}

.name {
	font: bold 18px Times New Roman, Verdana, Arial, sans-serif;
	margin-left:15px;
}
.price {
	font: bold 18px Times New Roman, Verdana, Arial, sans-serif;
	color: #36CDE8;
	margin-left:15px;
}