@charset "utf-8";
/* CSS Document */
.devzone-wrapper h2, .devzone-wrapper p {
    margin-bottom: 10px;
}
#site-header { /*just for example*/
    margin-top: 5%;
}
.devzone-wrapper {
    background: white none repeat scroll 0 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0 auto;
    max-width: 970px;
    min-width: 790px;
    padding: 0 0 20px;
    overflow: auto;
}
* HTML .devzone-wrapper { /* hack for IE6 */  
    width:expression(document.body.clientWidth < 792? "790" : document.body.clientWidth > 972? "970px" : "auto");
}

#site-footer {
    padding-top: 5%;
}
.container {
    margin: 0 auto;
    width: 760px;
	padding-top: 10px;
}
.spacer {
    clear: both;
    height: 15px;
}
#contentall {
    margin: 20px auto;
}
#contentA-home {
    float: left;
    width: 470px;
}
#contentA-showcase {
    float: left;
    width: 470px;
}
div.container div#contentall h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em; /*20px*/
    font-weight: bold;
}
div.container div#contentall h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6em; /*16px*/
    font-weight: bold;
	clear: both;
	padding-top: 10px;
}
div.container div#contentall ul.content-menu {
    color: #0066CC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em; /*12px*/
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 10px;
	padding: 10px 0 15px 40px;
}
.devzone-wrapper a:hover {
    text-decoration: underline;
}
.devzone-wrapper a {
    text-decoration: none;
}
div.container div#contentall ul.content-ul {
    list-style: disc outside none;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 3em; /*30px*/
    font-size: 1.2em; /*12px*/
    font-weight: normal;
}
div.container div#contentall p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em; /*12px*/
    font-weight: normal;
}
#contentB-testimonials {
    float: left;
    margin-left: 15px;
    width: 258px;
    overflow: auto;
    border: 1px solid #D0E5F3;
    background-color: #EBF8FB;
}
#contentB-showcase {
    float: left;
    margin-left: 30px;
    background: #EBF8FB;
    width: 208px;
    overflow: auto;
}
#contentB-testimonials h1 {
    background-image: url('../images/partner-testimonials-header.gif');
    display: block;
    height: 30px;
    text-indent:-999em;
}
#contentB-showcase h1 {
    background-image: url('../images/game-showcase-header.gif');
    display: block;
    height: 30px;
    text-indent:-999em;
}

#contentB-showcase p {
padding: 10px 0 0 10px;
margin-bottom: 0;
}
#contentB-showcase h3{
padding-left: 10px;
}

ul#testimonials li blockquote{
    background-image: url('../images/quote-open.gif');
    background-position: top left;
    background-repeat: no-repeat;
    /*background-color: #000000;/*#EBF8FB;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em; /*12px*/
    font-weight: normal;
    margin: 10px 10px 0px;
    padding: 7px 10px;
    text-indent: 7px;
}
ul#testimonials li blockquote img {
    vertical-align: sub;
}
ul#testimonials li blockquote a {
    font-size: 0.8em; /*8px*/
    text-decoration: none;
}
ul#testimonials li blockquote a:hover {
    font-size: 0.8em; /*8px*/
    text-decoration: underline;
}
ul#testimonials li div {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;/*12px*/
    font-style: italic;
    font-weight: normal;
    text-align: right;
	margin: 0 19px;
    padding:0px 10px 10px 25%;
	border-bottom: #D0E5F3 solid 1px;
}
* HTML ul#testimonials li div  { /* hack for IE6 */ 
    padding:0px 10px 10px 10%;
}
ul#testimonials li div strong {
    font-style: italic;
}


ul#testimonials-full {
width: 470px;
padding-left: 25px;
}
ul#testimonials-full li {
	padding-top: 15px;
	/*border-bottom: #D0E5F3 solid 1px; */
}
ul#testimonials-full li blockquote{
    background-image: url('../images/quote-open.gif');
    background-position: top left;
    background-repeat: no-repeat;
    /*background-color: #000000;/*#EBF8FB;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em; /*12px*/
    font-weight: normal;
    margin: 10px 10px 0px;
    padding: 7px 10px;
    text-indent: 7px;
}
ul#testimonials-full li blockquote img {
    vertical-align: sub;
}
ul#testimonials-full li blockquote a {
    font-size: 0.8em; /*8px*/
    text-decoration: none;
}
ul#testimonials-full li blockquote a:hover {
    font-size: 0.8em; /*8px*/
    text-decoration: underline;
}
ul#testimonials-full li div {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;/*12px*/
    font-style: italic;
    font-weight: normal;
    text-align: right;
	margin: 0 19px;
    padding:0px 10px 10px 45%;
}
ul#testimonials-full li div strong {
    font-style: italic;
}



#contentA-home ul#published-games, #contentA-home ul#iwin-games {
/*   width: 500px;*/
   margin: 10px 0;
   clear: both;
}
ul#published-games li, ul#iwin-games li{
    width: 150px;
	margin: 15px 0 15px 30px;
}
#contentA-home ul#published-games li, #contentA-home ul#iwin-games li{
	margin: 10px 20px 5px 40px;
	float: left;
   height: 150px;
}
ul#published-games li a img, ul#iwin-games li a img{
	margin-bottom: 3px;
}
ul#published-games li a, ul#iwin-games li a {
    text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
    font-size: 1.2em;
}
ul#published-games li a:hover, ul#iwin-games li a:hover{
    text-decoration: underline;
}


#contentB-end {
    display: block;
    font-size: 1.2em;/*12px*/
    font-weight: bold;
    margin: 8px 10px;
    padding: 0px 10px;
    text-align: right;
}
*+html #contentB-end { /*css hack for IE7*/
    margin: 0px 10px 8px;
}
* html #contentB-end { /*css hack for IE6*/
    margin: 0px 10px 8px;
}





div#contact-form {
    width: 570px;
    text-align: left; 
    padding-left: 25px;
}
div#contact-form label {
    width:210px;
    display:block;
    float:left;
    margin-right:4px;
    line-height:28px;
    text-align:right;
    clear:both;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
}

*+html div#contact-form input.check {
	display: block
}
* html div#contact-form label.spec { /*css hack for IE6*/
   line-height:32px;
}
div#contact-form label b, span.required{
   color: #F00;
   font-weight: bold;
   font-family:Verdana, Geneva, sans-serif;
   font-size: 12px;
}
div#contact-form input, div#contact-form textarea {
    width:350px;
    margin:5px 0px; 
    vertical-align:middle;
    font-family:Verdana;
    font-size:12px;
    border-style:solid;
    border-width:1px;
    border-color:black;
    background:white;
    padding:1px;
}
div#contact-form input.check {
    border: 0px;
    width: 20px;
    margin-right: 230px;
    margin-top:9px;
    margin-bottom:15px;
    vertical-align:middle;
}
div#contact-form input.spec-check {
    border: 0px;
    width: 20px;
    margin-top:9px;
    margin-bottom:15px;
    display: block;
    vertical-align:middle;
    float: left;
}
div#contact-form div.help{
   float: left;
   padding-top: 9px;
   padding-left: 5px;
   width: 240px;
}
div#contact-form input.submit {
    margin-left: 290px;
    width: 200px;
    background-color: orange;
}
.error-info {
    background:transparent url(../images/error-triangle.gif) no-repeat scroll 17px center;
    border:1px solid red;
    color:red;
    font-size:1.166em;
    font-weight:bold;
    margin:0 10px 10px;
    padding:9px 0 8px 47px;
}


@media (max-width: 450px) {
    .devzone-wrapper {
        max-width: 390px;
        min-width: 390px;
    }

    .container {
        width: 370px;
        padding: 10px;
    }

    .devzone-wrapper .container #banner {
        overflow: hidden;
    }

    div#contact-form {
        width: 370px;
    }

    div#contact-form label {
        width: 120px;
    }

    div#contact-form input, div#contact-form textarea {
        width: 220px;
    }

    div#contact-form input.submit {
        margin-left: 148px;
    }

}