/* css document */

@font-face {
	font-family: 'Gentium';
	src: url('/css/fonts/Gentium.eot?') format('eot'), 
	     url('/css/fonts/Gentium.woff') format('woff'), 
	     url('/css/fonts/Gentium.ttf')  format('truetype'),
	     url('/css/fonts/Gentium.svg#Gentium') format('svg');
}

@font-face {
	font-family: Tinos;
	src: url('/css/fonts/Tinos-Italic.ttf');
}

body {

margin: 0;
padding: 0;
background: #ffffff; 
font-family: Times New Roman, Tahoma;
text-decoration: none;
font-weight: normal;
color: #73746c;
}

 
ul {
margin: 0;
padding: 0;
padding-left: 30px;
}

li {
margin: 0;
padding: 0;
}

form {
margin: 0;
padding: 0;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline; 
}

.clear {
clear: both;
}

.wrapper {

width:100%;
padding-left: 15%;
padding-right: 15%;
}



#logo {
	padding-top: 7%;
	margin-left: 15%;
	/*display:inline-block;*/
	float:left;
	width:35%;
		}


.main {
	text-align: justify;
	margin-right: 15%;
	padding-top: 5%;
	display:inline-block;
	width: 35%;
	
}

#logojpg {
position:fixed;
top: 10%;
left: 15%;
margin-right: 15%;
width:30%;

}

#btn1{
position:fixed;
top:60%;
left: 20%;
height: 10%;/*60px;*/
width: 20%;/*231px;*/
}

#btn2{
position:fixed;
top:70%;
left: 20%;
height: 10%;/*60px;*/
width: 20%;
}

#btn3{
position:fixed;
top:80%;
left: 20%;
height: 10%;/*60px;*/
width: 20%;
}

#facebook{
position:fixed;
right: 5px;
top: 5px;
/*width:60px;
height: 60px;*/
}

a.fb{
display: block;
height: 60px;
width: 60px;
margin-left: auto;
margin-right: auto;
background: transparent url("images/fboriginal.png") no-repeat 0 center;

}

a.button1 {
display: block;
height: 60px;
width: 231px;
margin-left: auto;
margin-right: auto;
background: transparent url("images/button1.png") no-repeat 0 center;
}

a.button2 {
display: block;
height: 60px;
width: 231px;
margin-left: auto;
margin-right: auto;
background: transparent url("images/button2.png") top center no-repeat; 
}

a.button3 {
display: block;
height: 60px;
width: 231px;
margin-left: auto;
margin-right: auto;
background: transparent url("images/button3.png") top center no-repeat; 
}

a.button4 {
display: block;
height: 60px;
width: 231px;
margin-left: auto;
margin-right: auto;
background: transparent url("images/button4.png") top center no-repeat; 
}

a.button4 {
display: block;
height: 60px;
width: 231px;
margin-left: auto;
margin-right: auto;
background: transparent url("images/button4.png") top center no-repeat; 
}

a.button1:hover {
display: block;
height: 59px;
width: 230px;
background: transparent url("images/button1HL.png") top center no-repeat; 
}

a.button2:hover {
display: block;
height: 59px;
width: 230px;
background: transparent url("images/button2HL.png") top center no-repeat; 
}

a.button3:hover {
display: block;
height: 59px;
width: 230px;
background: transparent url("images/button3HL.png") top center no-repeat; 
}

a.button4:hover {
display: block;
height: 59px;
width: 230px;
background: transparent url("images/button4HL.png") top center no-repeat; 
}

a.fb:hover{
display: block;
height: 58px;
width: 58px;
margin-left: auto;
margin-right: auto;
background: transparent url("images/fbpressed.png") no-repeat 0 center;

}

#page-wrap {
	width: 100%;
	background: white;
	padding: 20px 50px 0 50px;
	margin: 20px auto;
	height: auto !important;
	height: 400px;
}

#contact-area {
	width: 100%;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 100%; /*471px;*/
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 200px;
}

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

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}