html {
	min-height:100%;
	margin:0;}

/* --------------- body, wrapper & container code --------------- */ 
body {
	font-size:62.5%;
	margin:20px 0 0 0;
	background:url("img/stripe.png") repeat;}

p {
	font:1.3em/1.7em "HelveticaNeue", Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	margin:0 0 15px 0;}
	
h1 {
	font-size:2em;
	font-family:"HelveticaNeue", Helvetica, sans-serif;
	text-align:left;
	color:#f0c;}
	
#wrapper {
	margin:0px auto;
	padding:0;
	border:0px;
	width:960px;}
	
#container {
	float:left;
	width:960px;
    background-color:#222;
	
	box-shadow:0px 3px 9px rgba(0, 0, 0, 0.90);
    -moz-box-shadow:0px 3px 9px rgba(0, 0, 0, 0.90);
    -webkit-box-shadow:0px 3px 9px rgba(0, 0, 0, 0.90);
	
	border-radius:4px; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	 
	margin-bottom:25px;}
	
#menu {
	float:left;
	position:relative;
	top:83px;
	width:540px;}

#menu a:hover {
	border-bottom:solid 2pt #f0f;}

.button {
	border-top: 1px solid #7a7a7a;
	border-bottom:solid 2pt #222;
	   background: #a8a8a8;
	   background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#444));
	   background: -webkit-linear-gradient(top, #222, #444);
	   background: -moz-linear-gradient(top, #222, #444);
	   background: -ms-linear-gradient(top, #222, #444);
	   background: -o-linear-gradient(top, #222, #444);
	   padding: 8.5px 17px;
	   -webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   border-radius: 4px;
	   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	   box-shadow: rgba(0,0,0,1) 0 1px 0;
	   text-shadow: rgba(0,0,0,.4) 0 1px 0;
	   color: white;
	   font-size: 15px;
	   font-family: Helvetica, Arial, Sans-Serif;
	   text-decoration: none;
	   vertical-align: middle;}
   
.button:hover {
   border-top: 1px solid #7a7a7a;
   background: #a8a8a8;
   background: -webkit-gradient(linear, left top, left bottom, from(#111), to(#333));
   background: -webkit-linear-gradient(top, #111, #333);
   background: -moz-linear-gradient(top, #111, #333);
   background: -ms-linear-gradient(top, #111, #333);
   background: -o-linear-gradient(top, #111, #333);
   color: #ccc;}
   	
#title {
	float:right;
	width:404;
	margin:0 0 20px 0;}

#title .img{
	float:left;
	margin:0;}
	
#introtext {
	width:700px;
	margin:20px 20px -10px 20px;}

#introtext a {
	color:#fff;}
	
#introtext h2 {
	font-size:1.5em;
	font-family:"HelveticaNeue", Helvetica, sans-serif;
	color:#fff;
	margin:0;}


/* --------------- right menu code --------------- */ 
#rightcolumn {
	float:right;
	width:195px;
	margin:20px 20px 0 20px;}

.rightsection {
	background-color:#eceae1;
	margin-bottom:20px;
	border:solid 5px #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0px 0px 7px 1px #000000;
	-webkit-box-shadow: inset 0px 0px 7px 1px #000000;
	box-shadow: inset 0px 0px 7px 1px #000000;}
	
.rightsection p{
	font-size:1.1em;
	font-family:"HelveticaNeue", Helvetica, sans-serif;
	color:#000;
	padding:10px 10px 0 10px;}
	
.rightsection a{
	color:#000;}


.rightsection h2{
	font-family:"HelveticaNeue", Helvetica, sans-serif;
	margin:0;
	padding:7px 10px 7px 10px;
	border-bottom:solid 2px #333;}

/* --------------- main content code --------------- */ 
#feature {
	float:left;
	margin:20px 0 20px 20px;
	color:#333;
	width:700px;}
	
#feature p {
	float:left;
	font:1.2em/1.4em "HelveticaNeue", Helvetica, sans-serif;
	color:#fff;
	margin:0;}

#feature h1 {
	margin:20px 0 0 0;
	padding:0 0 15px 0;
	font-size:1.5em;
	font-family:"HelveticaNeue", Helvetica, sans-serif;
	text-align:left;
	color:#f0c;}

#feature h2 {
	float:left;
	font:bold 1.3em/1.5em "HelveticaNeue", Helvetica, sans-serif;
	color:#fff;
	margin:5px 0 0 0;}
	
#feature h3 {
	float:right;
	font:1.3em/1.5em "HelveticaNeue", Helvetica, sans-serif;
	color:#fff;
	margin:5px 0 0 0;}

#feature a {
	text-decoration:none;
	font-weight:bold;
	color:#f0f;}
	
#feature a:hover {
	font-weight:bold;
	border-bottom:solid 2pt #f0f;}

/* --------------- contact code --------------- */ 
.singleline {
    width:300px;
    height:25px;}

.multiline {
    width:300px;
    height:100px}

/* --------------- folio code --------------- */ 
.folio {
	float:left;
	width:340px;
	margin:0 0 20px 20px;}

.folio p {
	float:left;
	font:1.2em/1.4em "HelveticaNeue", Helvetica, sans-serif;
	color:#fff;
	margin:0;}

.folio h2 {
	float:left;
	font:bold 1.3em/1.5em "HelveticaNeue", Helvetica, sans-serif;
	color:#fff;
	margin:5px 0 0 0;}
	
.folio h3 {
	float:right;
	font:1.3em/1.5em "HelveticaNeue", Helvetica, sans-serif;
	color:#fff;
	margin:5px 0 0 0;}
	
.folio a {
	text-decoration:none;
	font-weight:bold;
	color:#f0f;}
	
.folio a:hover {
	font-weight:bold;
	border-bottom:solid 2pt #f0f;}
	
/* --------------- verification code code --------------- */ 
#wrong-verification {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	border:1px solid #000;
	background-color:#660000;
	color:#FFFFFF;
	padding:4px;
	padding-left:6px;
	width:325px;}

/* --------------- logo footer code --------------- */ 
#footer{
	padding:15px 0 15px 0;
	font:bold 1em/1.2em "HelveticaNeue", Helvetica, sans-serif;
	color:#fff;
	clear:both;
	background-color:#222;
	
    box-shadow:0px 3px 9px rgba(0, 0, 0, 0.90);
    -moz-box-shadow:0px 3px 9px rgba(0, 0, 0, 0.90);
    -webkit-box-shadow:0px 3px 9px rgba(0, 0, 0, 0.90);
	
	border-radius:4px; 
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;

	margin-bottom:25px;}