@charset "utf-8";
/* CSS Document */

body{margin:0px;}

@font-face {
    font-family: "Century Gothic";
    src: url(font/GOTHIC.ttf);	
}

@font-face {
    font-family: "Roboto Slab";
	src: url(font/RobotoSlab-Regular.ttf);
}

@font-face {
    font-family: "Square721 BT";
    src: url(font/tt0246m_.ttf);	
}

#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99999; /* makes sure it stays on top */
}

#status {
	width:128px;
	height:128px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(images/preloader.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.top_menu{background-color:#26497f; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-align:center; padding:10px; border-radius:0px 0px 5px 5px;}
.top_menu a:link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}
.top_menu a:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}
.top_menu a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC; text-decoration:none;
-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

.footer_font li{font-family:"Century Gothic"; font-size:14px; color:#666666; line-height:25px; text-align:left; list-style-image: url(images/arrow.png);}

.footer_font{font-family:"Century Gothic"; font-size:14px; color:#666666; line-height:25px; text-align:left;}
.footer_font a:link{font-family:"Century Gothic"; font-size:14px; color:#666666; text-decoration:none;}
.footer_font a:visited{font-family:"Century Gothic"; font-size:14px; color:#666666; text-decoration:none;}
.footer_font a:hover{font-family:"Century Gothic"; font-size:14px; color:#000000; text-decoration:none; padding-left:3px;
-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

.footer_more{font-family:"Century Gothic"; font-size:16px; color:#cd782c; font-style:italic; text-align:left;}
.footer_more a:link{font-family:"Century Gothic"; font-size:16px; color:#cd782c; text-decoration:none;}
.footer_more a:visited{font-family:"Century Gothic"; font-size:16px; color:#cd782c; text-decoration:none;}
.footer_more a:hover{font-family:"Century Gothic"; font-size:16px; color:#9c5516; text-decoration:none;
-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

.footer_font_title{font-family:sans-serif; font-size:18px; color:#26497f; text-align:left; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #26497f;}

.footer_font_title span{font-family:sans-serif; font-size:18px; color:#26497f; text-align:left; font-weight:bold; padding-bottom:11px; border-bottom:1px solid #c6640d;}

.copyright_font{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC; text-align:left;}
.copyright_font span{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cd782c; text-align:left;}
.copyright_font span a:link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cd782c; text-decoration:none;}
.copyright_font span a:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cd782c; text-decoration:none;}
.copyright_font span a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#e89953; text-decoration:none;
-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

.welcome_font{font-family:"Roboto Slab"; font-size:30px; color:#264b80; text-align:left; line-height:35px;}

.welcome_font span{font-family:"Square721 BT"; font-size:16px; color:#cd782c; text-align:left; font-weight:bold;}

.box_bg{background-image:url(images/box_bg.jpg); background-repeat:repeat-x; padding:30px 0px;}

.box_main_font{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; text-align:left;}

.box_main_bg{background-color: rgba(255,255,255,.90); border:3px solid #c7c7ca; padding:15px;}

.box_main_bg1{background-color: rgba(255,255,255,.90); border:3px solid #c7c7ca; padding:17px 15px;}

.main_font{font-family:"Century Gothic"; font-size:15px; color:#333333; text-align:left; line-height:25px;}
.main_font a:link{font-family:"Century Gothic"; font-size:15px; color:#333333; text-decoration:none;}
.main_font a:visited{font-family:"Century Gothic"; font-size:15px; color:#333333; text-decoration:none;}
.main_font a:hover{font-family:"Century Gothic"; font-size:15px; color:#000000; text-decoration:none;
-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

.cat_bg{background-color:#385c92; padding:30px 20px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-align:center; border:3px solid #c7c7ca; line-height:25px;}

.cat_bg a:link{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-decoration:none;}
.cat_bg a:visited{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-decoration:none;}
.cat_bg a:hover{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#CCCCCC; text-decoration:none;
-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

.gallery_main_font{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#c6640d; text-align:left;}

.gallery_bg{background-color:#eaeaea; padding:10px; border:3px solid #c7c7ca;}

.inquiry_bg{background-color:#eaeaea; padding:10px; border:3px solid #c7c7ca;}


.contact-form form input[type="text"], .contact-form form textarea {
    font-family: "Roboto Slab";
	margin: 0px 0;
	box-shadow: none;
	border: 1px solid #C7C7C7;
	background: #f3f3f3;
	color: #888888;
	line-height: 1.8em;
	display: block;
	width: 86%;
	padding: 2px 12px;
	font-size: 12px;
	outline: none;
	-webkit-appearance: none;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	border-radius:3px;
}
.contact-form  form textarea {
	resize: none;
	height: 50px;
}
.contact-form form input[type="text"]:hover, .contact-form form textarea:hover {
	border-color: #385c92;
}
.contact-form form input[type="text"]:focus, .contact-form form textarea:focus {
	border: 1px solid #c6640d;
}
.contact-form form input[type="submit"] {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 6px 10px;
	background: #385c92;
	
	
	border: none;
	outline: none;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	box-shadow: inset 0px -4px 0px #c6640d;
	-webkit-box-shadow: inset 0px -4px 0px #c6640d;
	-moz-box-shadow: inset 0px -4px 0px #c6640d;
	-o-box-shadow: inset 0px -4px 0px #c6640d;
}
.contact-form form input[type="submit"]:hover{
	background: #c6640d;	
}



.contact-form1 form input[type="text"], .contact-form1 form textarea {
    font-family: "Roboto Slab";
	margin: 3px 0;
	box-shadow: none;
	border: 1px solid #C7C7C7;
	background: #f3f3f3;
	color: #888888;
	line-height: 1.8em;
	display: block;
	width: 90%;
	padding: 8px 12px;
	font-size: 13px;
	outline: none;
	-webkit-appearance: none;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	border-radius:3px;
}
.contact-form1  form textarea {
	resize: none;
	height: 50px;
}
.contact-form1 form input[type="text"]:hover, .contact-form1 form textarea:hover {
	border-color: #385c92;
}
.contact-form1 form input[type="text"]:focus, .contact-form1 form textarea:focus {
	border: 1px solid #c6640d;
}
.contact-form1 form input[type="submit"] {
    font-family: "Roboto Slab";
	font-size: 14px;
	color: #FFFFFF;
	padding: 12px 30px;
	background: #385c92;
	text-transform:uppercase;
	
	border: none;
	outline: none;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	box-shadow: inset 0px -4px 0px #c6640d;
	-webkit-box-shadow: inset 0px -4px 0px #c6640d;
	-moz-box-shadow: inset 0px -4px 0px #c6640d;
	-o-box-shadow: inset 0px -4px 0px #c6640d;
}
.contact-form1 form input[type="submit"]:hover{
	background: #c6640d;	
}

.inner_title{font-family:"Roboto Slab"; font-size:36px; color:#26497f; text-align:left;}

.inner_sub_title{font-family:"Roboto Slab"; font-size:24px; color:#26497f; text-align:left; border-bottom:3px solid #26497f; padding-bottom:15px;}

.inner_sub_title span{font-family:"Roboto Slab"; font-size:24px; color:#26497f; text-align:left; border-bottom:3px solid #c6640d; padding-bottom:15px;}

.contact_main_font{font-family:"Roboto Slab"; font-size:16px; color:#26497f; text-align:left; padding-bottom:10px;}

.contact_font{font-family:"Roboto Slab"; font-size:14px; color:#333333; text-align:left; line-height:25px;}






