*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
body {
    background: #e6f2ff;
    font-family: 'Khula', sans-serif;
    font-size: 1.0em;
    padding-bottom: 5em;
}
h1 {
    color: #404040;
    text-align: center;
}
a {
    color: #3385ff;
    text-decoration: none;
    outline: none;
}

.tab_container {
    width: 804px;
    margin: 0 auto;
    position: relative;
}
input#tab1,
input#tab2,
input#tab3,
input#tab4,
input#tab5,
input#tab6,
input#tab7,
section {
    clear: both;
    padding-top: 10px;
    display: none;
}

label {
    font-weight: 200;
    font-size: 1.0em;
    display: block;
    float: left;
    border-width: 1px 1px 0px 1px;
    padding: 0.5em;
    color: #757575;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    background: #f0f0f0;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7 {
    border-left: 1px solid #000;
    display: block;
    padding: 2em;
    background: #fff;
    color: #404040;
    border-right: 1px solid #000;
    border-top: 1px solid #fff;
}

.tab_container .tab-content p,
.tab_container .tab-content h3 {
    -webkit-animation: fadeInScale 0.7s ease-in-out;
    -moz-animation: fadeInScale 0.7s ease-in-out;
    animation: fadeInScale 0.7s ease-in-out;
}

.tab_container .tab-content h3 {
    color: #668cff;
    text-align: center;
}

.tab_container [id^="tab"]:checked + label {
    background: #fff;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #fff;
}

.tab_container [id^="tab"] + label {
    width: 14.28%;
    background: #f2f2f2;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #000;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.tab_container [id^="tab"]:checked + label .fa {
    color: #0CE;
}

label .fa {
    font-size: 1.3em;
    margin: 0 0.4em 0 0;
}

@keyframes fadeInScale {
    0% {
	transform: scale(0.9);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
#footer {
    border: 1px solid #000;
    text-align: center;
    border-top: 1px solid #fff;
    background: #fff;
    color: #29293d;
    padding: 0.5em;
}

fieldset {
    padding: 1em;
    background: #fff;
    border: 1px solid #000;
    margin: 0 0 2em 0;
}

legend {
    border: 1px solid #404040;
    background: #e6ecff;
    width: 100%;
    text-align: left;
    margin-top: 2em;
    padding: 0.2em 0.5em 0.2em 0.5em;
    font-weight: bold;
    font-size: 1.4em;
    color: #404040;
}
input[type=submit],
input[type=reset] {
    cursor: pointer;
    width: 10em;
    font-family: 'Khula', sans-serif;
    border : solid 1px #e6e6e6;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 1.0em;
	color : #696869;
	padding : 1px 17px;
	margin: 1em 0 0 0;
	background : #fff;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background : -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -o-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #f00;
}

#contact-area input.submit-button {
    cursor: pointer;
    width: 10em;
    font-family: 'Khula', sans-serif;
    font-family: 'Khula', sans-serif;
    border: solid 1px #e6e6e6;
	border-radius: 3px;
	moz-border-radius: 3px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow: 0px 0px 2px rgba(0,0,0,1.0);
	font-size: 1.0em;
	color: #696869;
    margin-left: 25em;
	padding: 1px 17px;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background: linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );

}

#contact-area label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding: 0.2em;
	font-size: 1.4em;
}

.paypal {
	padding: 2em;
}

section#content5.tab-content input {
        font:                   0.9em FreeMono, Courier, monospace;
        color:                  #000;
        background-color:       #ffffcc;
        padding:                0.3em;
        margin:                 0 0 0.3em 0;
        border:                 1px solid #000;
}


section#content4.tab-content textarea,
section#content6.tab-content textarea,
section#content7.tab-content textarea {
        font:                   0.9em FreeMono, Courier, monospace;
        color:                  #000;
        background-color:       #ffffcc;
        padding:                0.3em;
        margin:                 0 0 0.3em 0;
        border:                 1px solid #000;
	width:			80%;
	height:			150px;
        overflow:               auto;
        white-space:            wrap;
}

section#content4.tab-content input[type=text],
section#content6.tab-content input[type=text],
section#content7.tab-content input[type=text] {
        font:                   0.9em FreeMono, Courier, monospace;
        color:                  #000;
        background-color:       #ffffcc;
        padding:                0.5em;
        margin:                 0 0 0.3em 0;
        border:                 1px solid #000;
	width:			80%;
}

img {
	border:			0;
	float:			right;
	position:		relative;
	margin:			0.5em;
}

select {
        color:                  #000;
        border:                 1px solid #ccc;
}

.error fieldset {
	background: 		#fff;
	border: 		1px solid #f00;
}

.error legend {
	font-size:		1.0em;
}