﻿@import url("layout.css");

body {

	font-family: Arial, sans-serif;

	font-size: medium;

	color: #000;

}

div.clear {
clear: both;
width: 100%;
height: 1px;
}

#homecontent {
	float: left;
	width: 100%;
}

#sideform {

	background: orange;

	padding: 30px;

	float: right;

	width: 430px;

}



#callback {

	background-image: url('../images/callback.jpg');

	background-position:80px 25px; 

	width:310px; 

	float:right; 

	background-repeat:no-repeat; 

	height:66px; 

	padding:90px 0px 0px 100px;

}



#sideform h1 {

	color: white;

}



#sideform h5 {
	color: white;
	font-size:medium;
	padding: none;
	margin:none;
}

#masthead h1 {
	font-size:50px;
	padding: 0px;
	margin: 0 50px 0 0;
}

#sideform hr {
	color: white;
}

.qforminput {
	width:400px;
}

.qforminput2 {
	width:400px;
	height: 150px;
}

.callback_name_input {
	margin-left:13px;
}

.callback_tel_input {
}


#request {
	width: 400px;
	background-color: white;
	border:thin #333399 solid;
	height: 51px;
	float: right;
	text-align:left;
	padding: 5px;
}

#container {

	width: 100%;

	height: 100%;

	background-color: #cb8;

}

#masthead {

	width: 100%;

	overflow: auto;

	text-align: right;

	background-color: #c5d5e5;

}

#page_content {

	position: relative;

}

#sidebar {

	position: relative;

	float: left;

	width: 140px;

	background-color: #cb8;

}

#content {

	margin-left: 140px;

	padding: 10px;

	background-color: #fff;

	font-size: 0.8em;

	font-family:calibri;
}

#footer {

	clear: both;

	width: 99%;

	overflow: hidden;

	padding-top: 1%;

	padding-right: 0;

	padding-bottom: 1%;

	padding-left: 1%;

	background-color: #cdf;

}

#masthead img {

	float: left;

}

#masthead p {

	font-size: small;

	margin: 0;

	margin-right: 1%;

	font-family: Calibri;

	color: #333399;

	font-weight: bold;

}

h6 {

	font-family: Arial Black;

}

h5 {

	font-family: Calibri;

}

h4 {

	font-family: Calibri;

	color: #333399;
text-transform: capitalize; 

}

h3 {

	font-family: Calibri;

}

h2 {

	font-family: Calibri;
	color: #333399;
	font-weight: bold;
	font-size: medium;
}

h1 {

	font-family: Calibri;
color: #333399;
font-size: x-large;
font-weight: bold;
}

/* Styles for Navigation */

#sidebar ul {

	list-style-type: none;

	width: 100%;

	display: block;

	margin: 0;

	padding: 0;

}

#sidebar li {

	display: block;

	border: 1px solid #cb8;

}

#sidebar a {

	font-weight: bold;

	text-decoration: none;

	color: #393939;

	padding: 5%;

	display: block;

	border-bottom: 1px solid #f5f5f5;

	font-size: small;

	font-family: Calibri;

}

#sidebar a:hover {

	font-weight: bold;

	text-decoration: none;

	color: #393939;

	border-bottom: 1px solid #f5f5f5;

	background-color: #dc9;

}

/* Styles for Footer */

#footer p {

	font-size: x-small;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}

#footer a {

	color: #393939;

	text-decoration: underline;

}

#footer a:hover {

	color: #393939;

	text-decoration: none;

}

a {

	color: #333399;

	text-decoration: underline;

}

a:hover {

	color: #78a;

	text-decoration: underline;

}

.style_bold {

	font-weight: bold;

}

.style_italic {

	font-style: italic;

}

.gallery_image {
	padding: 5px;
	margin: 5px;
	border:#333399 1px solid;
}

.page_image {
	padding: 5px;
	margin: 5px;
	border:#333399 1px solid;
	float: right;
}


.gallery {
	background-color: #cdf;
		margin: 5px;
	padding: 5px;
	padding-top: none;
	border: #333399 1px solid;
	text-align: center;
	width: 45%;
	float: left;
}

.gallery2 {
	background-color: #cdf;
		margin: 5px;
	padding: 15px;
	padding-top: none;
	border: #333399 1px solid;

	width: 90%;
	float: left;
}

div.clear {
 clear: both;
 }
 
 
