html, body {height:100%;} 

img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }


.right{float: right;}
.left{float: left;}

/*Typography*/
html{font-size:62.5%;}
body{background-color:#000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.1em;line-height: 1.5em;color:#ccc;}
p{font-size: 1.2em;line-height: 1.5em;color:#ccc;margin-bottom: 2em;}
span{font-size: 1.1em;line-height: 1.5em;color:#ccc;}
h1{}
h2{}
h3{}
hr{color: #000}


a{color: #ffffff;text-decoration: underline;}
a:hover{}

/*Navigation*/
#nav{
	margin-bottom: 30px;
	width: 945px;
}

#nav ul{list-style:none outside;display:block;}
#nav li{display:inline;}
#nav li a{
background-image:url(/img/layout/nav.png);
background-repeat:no-repeat;
float:left;
height:36px;
overflow:hidden;
text-indent:-9000px;
}
a#logo {
background-image:url(/img/layout/i_r1_c1.png);
background-repeat:no-repeat;
height:68px;
width:752px;
margin:29px 0 5px 0;
text-indent: -9000px;
display:block;
float:left;
}
a#logo h1, #tagline h2{
display: inline;
}

h2#tagline{
	font-size: 1.2em;
	display:block;
	float: right;
	color: #ffffff;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#nav li#nav-home a{
width:105px;
background-position:0px 0px;
}
#nav li#nav-home.current a{
background-position:0px -37px;
}
#nav li#nav-home a:hover{
background-position:0px -37px;
}

#nav li#nav-news a{
width:65px;
background-position:-115px 0px;
}
#nav li#nav-news.current a{
background-position:-115px -37px;
}
#nav li#nav-news a:hover{
background-position:-115px -37px;
}

#nav li#nav-michael a{
width:175px;
background-position:-195px 0px;
}
#nav li#nav-michael.current a{
background-position:-195px -37px;
}
#nav li#nav-michael a:hover{
background-position:-195px -37px;
}

#nav li#nav-about a{
width:110px;
background-position:-380px 0px;
}
#nav li#nav-about.current a{
background-position:-380px -37px;
}
#nav li#nav-about a:hover{
background-position:-380px -37px;
}

#nav li#nav-contact a{
width:110px;
background-position:-500px 0px;
}
#nav li#nav-contact.current a{
background-position:-500px -37px;
}
#nav li#nav-contact a:hover{
background-position:-500px -37px;
}

#nav li#nav-midspace a{
width:200px;
background-position:-620px 0px;
}

#nav li#nav-mo a{
width:180px;
background-position:-780px 0px;
}
#nav li#nav-mo.current a{
background-position:-780px -37px;
}
#nav li#nav-mo a:hover{
background-position:-780px -37px;
}




.content-box{
background-image:url(/img/layout/alpha-bg.png);
background-repeat:repeat;

}

/*home content*/

#home-content{
background-image:url(/img/layout/alpha-bg.png);
background-repeat:repeat;
padding:25px;
}

#home-placeholder{
background-color: black;
width: 890px;
height: 348px;
display: block;

}


#home-news{
float: left;
width: 500px;
height: 240px;
display: block;
}
div#home-news.content-box div.title{
margin:30px;
float:left;
width:50px;
 display: inline;
}
div#home-news.content-box div.title h3{
font-weight: bold;
font-size: 1.6em;
line-height: 1.2em;
}
div#home-news.content-box p{
 margin:30px;
 float:left;
 display: inline;
 width:300px;
}

#home-banner{
background-color: black;
float: left;
margin-left: 30px;
width: 430px;
height: 160px;
display: block;
}

/* Footer Content */
div#footer {margin: 15px 0 15px 0}
div#footer a{margin-right: 5px;}
span#copyright {color:#fff;text-align: right}

/* About Content*/
#about{

}

div#about.content-box div.title{

margin:30px;
float:left;
width:200px;
 display: inline;
}
div#about.content-box div.title h3{
font-weight: bold;
font-size: 2em;
line-height: 1.4em;
}

div#about.content-box p{
 margin:30px;
 float:left;
 display: inline;
 width:570px;
}


.separator{
background-image:url(/img/layout/alpha-bg.png);
background-repeat:repeat;
display: block;
margin: 15px 0;
}

h3.separator{
padding:5px 15px;
font-weight: bold;
font-size: 1.8em;
line-height: 1.4em;
}

#about-lower{
}

div.profile.content-box {
	padding: 20px;
	width: 900px;
	margin-bottom: 20px;
}

div.profile.content-box img{
float: left;
border: black solid 1px;
}

div.profile-text{
	float: left;
	margin-left: 20px;
	width: 600px;
}

/*contest news*/

#news-top{
}

div#news-top.content-box div.title{

margin:30px;
float:left;
width:250px;
 display: inline;
}
div#news-top.content-box div.title h3{
font-weight: bold;
font-size: 2em;
line-height: 1.4em;
}

div#news-top.content-box p{
 margin:30px;
 float:left;
 display: inline;
 width:570px;
}

div#news-top.content-box div.title,div#contact-top.content-box div.title{

margin:30px;
float:left;
width:250px;
 display: inline;
}
div#news-top.content-box div.title h3, div#contact-top.content-box div.title h3{
font-weight: bold;
font-size: 2em;
line-height: 1.4em;
}

div#news-top.content-box p, div#contact-top.content-box p{
 margin:30px;
 float:left;
 display: inline;
 width:570px;
}

div#news-top.content-box p, div#contact-top.content-box img {
 float:left;
}


div#news-top.content-box .news-top-text{
float: left;
width:430px;
margin: 0 0 0 20px;
}


div#news div.separator{
height:30px;
}


#info-bottom{
background-image:url(/img/layout/info-bg.png);
background-repeat:repeat-y;
}


div#info-bottom.content-box div.title h3,div#contact div.content-box div.title h3{
font-weight: bold;
font-size: 2em;
line-height: 1.4em;
margin:30px;
width: 250px
}

div#info-bottom.content-box p,div#contact div.content-box p{
 margin:30px;
 float:left;
 display: inline;
 width:340px;
}
div#contact div.content-box p{
width:550px;
}
div#contact div.content-box div.title.left p.alert{
width:250px;
margin-top: 0;
}
div#info-bottom.content-box p strong,div#contact div.content-box p strong {
font-weight: bold;
font-size: 1.2em;
line-height: 1.4em;

}


/* profile*/

#case1 dl {
	padding: 0;
	width: 700px;
	font-size: 12px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
#case1 dl dt {
	clear: both;
	float: left;
	width: 4em;
	padding: 5px;
	font-weight: bold;
}



#case1 dl dd {
	margin-left: 5em;
	padding: 5px 5px 5px 10px;
	line-height: 1.4;
}


/*
div#profile .content-box #form-holder{
 margin:30px 0 30px 0;
 float:left;
 display: block;
 width:570px;
}

div#profile .content-box #form-holder form p dt{
width: 150px;
float: left;
}
div#profile .content-box #form-holder form p dd{
width: 400px;
margin-left: 5em;
}

div#profile .content-box #form-holder form p{
margin:10px 30px 10px 30px;
}

*/

input, textarea {  
    padding: 9px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    font: normal 13px/100% Verdana, Tahoma, sans-serif;  
    width: 250px;
    background: #FFFFFF;
    background: #FFFFFF url('bg_form.png') left top repeat-x;  
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);  
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    }  
  
textarea {  
    width: 400px;  
    max-width: 400px;  
    height: 300px;  
    line-height: 150%;  
    }  
  
input:hover, textarea:hover,  
input:focus, textarea:focus,  {  
    border-color: #C9C9C9;  
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
    }  
  
.form label {  
    margin-left: 10px;  
    font-weight: bold; 
    display: block;
    float: left;
    width: 175px;
    }  
  
.submit input {  
    width: 200px;  
    padding: 9px 15px;  
    background: #ffffff;  
    border: 0;  
    font-size: 12px;  
    color: #000000;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    }
    
    .LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

.alert{color: red}
.success{color: #23ff00 }



div#info-bottom.content-box div.title h3,div#include div.content-box div.title h3{
font-weight: bold;
font-size: 2em;
line-height: 1.4em;
margin:30px;
width: 250px
}

div#info-bottom.content-box p,div#include div.content-box p{
 margin:30px;
 float:left;
 display: inline;
 width:340px;
}
div#include div.content-box p{
width:550px;
}
div#include div.content-box div.title.left p.alert{
width:250px;
margin-top: 0;
}
div#info-bottom.content-box p strong,div#include div.content-box p strong {
font-weight: bold;
font-size: 1.2em;
line-height: 1.4em;

}


/* Application*/

div#contact .content-box #form-holder{
 margin:30px 0 30px 0;
 float:left;
 display: block;
 width:570px;
}

div#contact .content-box #form-holder form p label{
width: 150px;
}

div#contact .content-box #form-holder form p{
margin:10px 30px 10px 30px;
}