/*
best advice - Style Sheet
Author: Christoph Kurze
Version: 1.0
*/

/*
font-family: 'Ubuntu Mono', sans-serif;
font-family: 'Ubuntu', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

body{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: white;
    background: #ffffff;
    padding: 0;
    background-image: url('../img/back4.png');
    background-repeat: repeat;
    background-position: top left;
    background-attachment: scroll;
            }
a{}
a:link{
    display:inline-block;
    text-decoration:none;
    color:#366092;
    font-weight:bold;
			}

a:visited 	{
    color:#366092;
			}

#middle {	
	width: 1000px;
	height: 585px;
	background-color:#262626;
	margin-top:-300px;
	margin-left:-510px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index:-1001;
	box-shadow:0px 0px 20px #000;
	border-radius: 5px;
	padding:10px;

        
	}
        .welcome{
        position:absolute;
        z-index:-1000;
        background-color:#ffffff;
	padding:10px;
        background-image: url('../img/jons_logo2.png');
        background-repeat: no-repeat;
        background-position: center center;
        height:565px;
        width:980px;

        }

        
        
        
        
.content {display:none;}

        
h1 {
    font-size:20px;
    text-transform:uppercase;
}

h2 {
    font-size:14px;
    font-weight:200;
    margin-bottom:80px;
}

p{
	margin-top:15px;
	margin-bottom:30px;
}

p.short{
	margin-top:0px;
	margin-bottom:30px;
		}

.cleft{
    width:280px;
    height:444px;
    float:left;
    overflow:hidden;
    padding:20px;
    background-color:#404040;
			}
.cleft2{
	position:absolute;
    top:0px;
    left:0px;
    width:280px;
    height:444px;
    overflow:hidden;
    padding:20px;
    background-color:#404040;
			}

.cleft_big {
    width:600px;
    height:444px;
    float:left;
    overflow:hidden;
    padding:20px;
    background-color:#ffffff;
    z-index:90;
    color:#404040;
			}

.cmiddle {
    width:280px;
    height:444px;
    float:left;
    overflow:hidden;
    padding:20px;
    background-color:#404040;
    box-shadow:-5px -0px 10px #262626;
            }

.cmiddle2 {
	position:absolute;
    top:0px;
	left:320px;
    width:320px;
    height:484px;
    overflow:hidden;
    padding:0px;
    background-color:#404040;
    box-shadow:-5px -0px 10px #262626;
            }

.cright_big {
	position:relative;
    width:680px;
    height:484px;
    float:left;
    overflow:hidden;
    padding:0px;
    background-color:#ffffff;
    z-index:90;
    box-shadow:-5px -0px 10px #262626;
            }

.cright_small{
    width:320px;
    height:444px;
    float:left;
    overflow:hidden;
    padding:20px;
    padding-left:20px;
    background-color:#404040;
    box-shadow:-5px -0px 10px #262626;
    }
.cright_small2{
    width:320px;
    height:444px;
    float:left;
    overflow:hidden;
    padding:20px;
    padding-left:20px;
    color:#404040;
    background-color:#ffffff;
    box-shadow:-5px -0px 10px #999999;
    }
    


.caption_right {
	position:absolute;
    bottom:0px;
    right:0px;
    width:320px;
    height:30px;
    overflow:hidden;
    padding:20px;
    background-color:#ffffff;
    color:#404040;
    box-shadow:-5px -0px 10px #262626;
    z-index:1000;
			}

.caption_right h1 {margin:0px;padding:0px;margin-top:5px;}

.cright_small_menu{
	position:absolute;
    top:0px;
	left:640px;
    width:360px;
    height:484px;
    overflow:hidden;
    padding:0px;
    background-color:#ffffff;
    color:#404040;
    box-shadow:-5px -0px 10px #262626;
    }



.plink {
	display: block;
    border:0;
    margin:0px;
    width:360px;
    height:51px;
    padding: 0px;
    padding: 35px 20px 35px 20px;
    z-index:500;
    color:#404040;
    }

.plink:link {
    color:#404040;
    }

.plink:visited {
    color:#404040;
}



.plink:hover {
    color:#ffffff;
    background-color:#404040;
}


.plink_selected{
	display: block;
    border:0;
    margin:0px;
    width:360px;
    height:51px;
    padding: 0px;
    padding: 35px 20px 35px 20px;
    z-index:500;
    color:#ffffff;
    background-color:#404040;
}

.plink_selected:link {
    color:#ffffff;
    }


.plink_selected:visited {
    color:#ffffff;
}

.plink:hover {
    color:#ffffff;
    background-color:#404040;
}


#desc1 , #desc2 , #desc3 , #desc4 , #image1 , #image2 , #image3 , #image4  {display: none;}


#nav{
    width: 1000px;
    background-color: #595959;
    padding:0px;
    margin:0px;
    text-align:left;
    z-index:500;
    background-image: url('../img/jons_logo2.png');
    background-repeat: no-repeat;
    background-position: top right;
    }

#nav ul {
    padding:0px;
    margin:0px;
    display:inline-block;
    list-style: none;
    z-index:500;
    vertical-align:bottom;

}

#nav ul li {
    float: left;
    padding:0px;
    margin:0px;
    z-index:500;
	}

#nav ul li a {
    border:0;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-transform:uppercase;
    margin:0px;
    display: block;
    width:120px;
    padding: 35px 20px 35px 20px;
    text-decoration: none;
    font-weight: bold;
    color:#ffffff;
    /*background-color: #CCCCCC;*/
    z-index:500;
    box-shadow:-5px -0px 10px #262626;
}

#nav ul li a:hover {
    color:#FFFFFF;
    background-color: #D50427;
}

#nav ul li a:active{
    background-color: #D50427;
}

#nav ul li a.selected {
    border:0;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-transform:uppercase;
    margin:0px;
    display: block;
    width:120px;
    padding: 35px 20px 35px 20px;
    text-decoration: none;
    font-weight: bold;
    color:#ffffff;
    background-color: #D50427;
    /*background-color: #CCCCCC;*/
    z-index:500;
    box-shadow:-5px -0px 10px #262626;
}

#nav ul li a.selected:hover {
    color:#FFFFFF;
    background-color: #D50427;
}

#nav ul li a.selected:active{
    background-color: #D50427;
}



.form_wrapper {
	position:relative;
	padding:0px;
/*	background-color: rgba(200,111,111,0.5);*/
	background-color:#A6B4BF
}


.input_item{width:280px;float:left;padding:0px;padding-left:10px;padding-right:10px;}
.input_item_text{width:580px;float:left;padding:0px;padding-left:10px;padding-right:10px;}

input {
	font-size:12px;
    background: #FFFFFF;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 6px;
    border: 1px solid #002B4E;;

    /*** Adding CSS3 ***/

    /*** Transition Selectors - What properties to animate and how long ***/
    -webkit-transition-property: -webkit-box-shadow, background;
    -webkit-transition-duration: 0.25s;

    /*** Adding a small shadow ***/
    -moz-box-shadow: 0px 0px 2px #000;
    -webkit-box-shadow: 0px 0px 2px #000;
}


input.text {width:100%;}

input:hover {
    -webkit-box-shadow: 0px 0px 4px #404040;
    background: #FFFFFF;
}

input.submit {
    width: 100%;
    color: #FFFFFF;
    background-color: #404040;
    text-transform: uppercase;
    text-shadow: #000 1px 1px;
    font-weight:bold;
    margin:0px;
    padding:0px;
    margin-top: 10px;
}

label     {display: block; font-weight:bold;color: #404040; margin-top: 6px;}

label span     {color: #3952A2;}

.check {}
.form_wrapper div.left {display:block;float:left;width:20px;}
.form_wrapper div.right {display:block;float:left;width:560px;}


h4.title {display:none;}

        .welcome h1 {text-align:center; margin-top:200px;color:#404040;}
        .welcome h2 {text-align:center; margin-top:120px;color:#404040;}