@charset "utf-8";

html, body { margin: 0px; padding: 0px; border: 0px; }
html, body { color: #fff; background: #6e003e url(../graphics/sitewide/bg-pattern.png) repeat; }
html, body, p, th, td, li, dd, dt { font: 12px Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
h1 { font-size: 14px; color: #fff; font-weight : bold;  }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 1.2em ; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }
a:link { color: #2FA1D3; }
a:visited { color: #94A7AF; }
a:hover { color: #559FBC; }
a:active { color: #F20000; }
img { border: 0; }
.center {
  text-align: center;
}
.paddinglefttop {
padding-left: 150px; padding-top: 15px
}
/*
main containers specified here
 */
.wrap { min-height: 480px; width: 752px; margin-left: auto; margin-right: auto; margin-top: 16px; margin-bottom: 0; background: #6e003e; }
header {
	width: 752px;
	height: 48px;

}
.mainlogo { width: 48px; float: left; border: 0; }
.maintitle { font-size: 14px; color: #fff; font-weight : bold; margin: 0 0 0 0; width: 272px; padding: 0 16px 0 16px; float: left; }
.maingreeting { width: 400px; float: left; }
/*----------navigation column------------*/
nav{ 
	width: 752px; 
	height : 48px; 
	margin-left: auto; 
	margin-right: auto; 
	background: url(../graphics/sitewide/navigation.png); 
	background-repeat: no-repeat; 
	text-align: center; 
	padding: 0 0 0 0; 
}
nav ul { list-style: none; margin: 0; padding: 16px 0 0 0; font-size: 14px; }
nav ul li { margin: 0 16px 0 16px ; display:inline; }
nav ul li a { text-decoration: none; color: #0680c1; font-weight: bold; text-align: center; }
nav ul li a:hover { background: #fff; color: #06f; }
nav ul li a:visited { color: #0680c1; }



.breadcrumbs { width: 752px; height: 16px; padding: 0 0 16px 0; }
/*----------footer------------*/
footer {
 	clear: both; 
 	width: 752px; 
 	min-height: 16px;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center; 
	padding: 0; 
}

.point {
	position: relative;
	overflow:hidden;
	width: 752px; 
	height: 272px; 
	padding: 0 0 16px 0;
}
.point-text {
	position: absolute;
    left:464px;
    top:0px;
	width: 272px; 
	height: 257px;
	float: right;
	margin: 0 0 0 0; 
	padding: 0px 0 16px 16px;
}
.pointtitle { font-weight: bold; font-size: 18px ; }
.pointsubtitle { font-weight: bold; font-size: 14px ; }

img.game-icon { float: left; padding: 0px 16px 0 32px ; }

.screenshots-container {
	width: 752px;
	margin: auto;
	text-align:center;	
	margin-top: 16px;
	margin-bottom: 16px;
}

ul.screenshots {
	padding: 0;
	margin: 0;
	list-style: none;
	padding-bottom: 10px;
}
ul.screenshots li {
	display: inline;
	padding: 5px;
}
ul.screenshots img {
	border-radius: 15px;
	border: solid white 10px;
}


.screenshots-container li figure {
    display: inline-block;
    padding: 0;
	margin: 0;
	vertical-align:top; 
}
figcaption {
    width: 320px;
}
/*************************************
 * Basic lightbox styles. Notice the
 * default 'display' is 'none'.
 */

.lightbox {
  /** Hide the lightbox */
  display: none;

  /** Apply basic lightbox styling */
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgb(84,2,25);
  background: rgba(84,2,25,0.8);
}

.lightbox img {
  /** Pad the lightbox image */
  max-width: 90%;
  max-height: 80%;
  margin-top: 2%;
}

.lightbox:target {
  /** Show lightbox when it is target */
  display: block;

  /** Remove default browser outline style */
  outline: none;
}

.video {  
	width: 480px; 
	margin-left: auto; 
	margin-right: auto; 
	color: #fff; 
	padding-bottom: 16px; }

ul#main-navigation li.current a {color: #bdbdbd;}


#contact-form {
    /*background-color:#F2F7F9;*/
    width:465px;
    padding:20px;
    margin: 50px auto; 
    /*border: 6px solid #8FB5C1;   */
    border: 6px solid rgb(232,201,157);
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    position:relative;
}
 
#contact-form h1 {
    font-size:42px;
}
 
#contact-form h2 {
    margin-bottom:15px;
    font-style:italic;
    font-weight:normal;
}
 
#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
    font-size:15px;
    margin-bottom:2px;
}
 
#contact-form input, 
#contact-form select, 
#contact-form textarea {
    width:450px;
    border: 1px solid #CEE1E8;
    margin-bottom:20px;
    padding:4px;
}
 
#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
    border: 1px solid #AFCDD8;
    background-color: #EBF2F4;
}
 
#contact-form textarea {
    height:150px;
    resize: none;
}
 
#contact-form label {
    display:block;
}
 
#contact-form .required {
    font-weight:bold;
    color:#F00;    
}
 
#contact-form #submit-button {
    width: 100px;
    background-color:#333;
    color:#FFF;
    border:none;
    display:block;
    float:right;
    margin-bottom:0px;
    margin-right:6px;
    background-color:rgb(232,201,157);
    -moz-border-radius:8px;
}
 
#contact-form #submit-button:hover {
    background-color: rgb(213,115,128);
}
 
#contact-form #submit-button:active {
    position:relative;
    top:1px;
}
 
#contact-form #loading {
    width:32px;
    height:32px;
    background-image:url(../img/loading.gif);
    display:block;
    position:absolute;
    right:130px;
    bottom:16px;
    display:none;
}
 
#errors {
    border:solid 1px #E58E8E;
    padding:10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#FFE6E6; /*url(../img/cancel_48.png) no-repeat 405px center;*/
    display:none;
}
 
#errors li {
    padding:2px;
    list-style:none;    
}
 
#errors li:before {
    content: ' - ';    
}
 
#errors #info {
    font-weight:bold;
}
 
#errors #info:before {
    content: '';    
}
 
#success {
    border:solid 1px #83D186;
    padding:25px 10px;
    margin:25px 0px;
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#D3EDD3; /*url(../img/accepted_48.png) no-repeat 405px center;*/
    font-weight:bold;
    display:none;
}
 
#errors.visible, #success.visible {
    display:block;    
}
 
#req-field-desc {
    font-style:italic;
}

.content {
	float: left;
	width: 700px;
}