@charset "utf-8";
body {
	margin: 0px;
	background-color: #164a96;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(images/outer.jpg);
	background-repeat: repeat-x;
}
html, body {
	height: 100%;
}


#wrapper {
	width: 900px;
	background:#07172f;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -84px; /* the bottom margin is the negative value of the footer's height */
}
#header-panel {
	height:80px;
	padding-top:15px;
 
width:100%;
text-decoration: none; }
#logo {
	background:url(images/logo.jpg);
	background-repeat:no-repeat;
	width:322px;
	height:80px;
	padding-left:16px;
	float:left;

}

#tagline {
	width:400px;
	text-align:right;
	float:right;
	height:80px;
	margin-right:19px;
	color:#FFF;

}
#tagline h1 {
	font-size:22px;
	font-weight:normal;
	line-height:10px;
	margin-bottom:-40px;
}
#telephone {
	font-size:14px;
	font-weight:bold;
	line-height:10px;
	margin-bottom:-40px;
}
#main-content {
	width:900px;
	float:left;
	overflow:visible;
	background:#07172f;
}
#nav-column {
	width:180px;
	float:left;
	margin-left:20px;
	margin-top:-20px;
}

#nav-column ul li {
	list-style-type:none;
	color:#FFF;
	margin-left:-40px;
	line-height:22px;
	font-weight:bold;
	}
#nav-column li a{
	color:#FFF;
	text-decoration:none;
	font-size:16px;
}
#nav-column li a:visited{
	color:#FFF;
	text-decoration:none;
}#nav-column li a:hover{
	color:#FFF;
	text-decoration:dotted;
	border-bottom: 1px dotted #FFF;
	
}
#nav-column ol li:first-child {
	list-style-type:none;
	color:#FFF;
	margin-left:-18px;
	margin-top:-14px;
}
#nav-column ol li {
	list-style-type:none;
	color:#FFF;
	margin-left:-18px;
	line-height:18px;
	font-size:12px;
}
#nav-column ol li:last-child {
	list-style-type:none;
	color:#FFF;
	margin-left:-18px;
	#margin-top:-18px;
}
#nav-column ol li a{
	list-style-type:none;
	color:#FFF;
	margin-left:0px;
	line-height:18px;
	font-size:12px;
}
#nav-column ol li a:hover{
 border-bottom: 1px dotted #FFF;
	}
#main-column {
	width:680px;
	float:left;
	padding-left:10px;
	color:#FFF;
	font-size:14px;
	line-height: 20px;
}
#main-column H1 {
	font-size:18px;
	line-height:18px;
}
#main-column H2 {
	font-size:16px;
}
#main-column H3 {
	font-size:14px;
}
#main-column a {
	color:#09C;
	font-weight:bold;
	text-decoration:none;
 	border-bottom: 1px dotted #09C;
}#main-column a:visited {
	color:#09C;
	font-weight:bold;
	text-decoration:none;
	border-bottom: 1px dotted #09C;
}#main-column a:hover {
	color:#09C;
	font-weight:bold;
	text-decoration:none;
 	border-bottom: 1px solid #09C;
}
#footer-panel {
	width:900px;
/*	height:30px;*/
	margin-left:auto;
	margin-right:auto;
/*	margin-bottom:-25px;*/
	background-color:#07172f;
	height:38px;
}

#copyright {
float:left;
font-size:10px;
width:280px;
margin-right:30px;
margin-top:10px;
margin-left:10px;
padding-left:40px;
line-height:29px;
background-image:url(images/footer-house.jpg);
background-repeat:no-repeat;
color:#FFF;
}
.copyright-image {
	margin-top:10px;
}

#webdesign {
float:right;
font-size:10px;
margin-right:10px;
margin-top:26px;
margin-left:40px;
line-height:29px;
margin-top:10px;
color:#FFF;
}
#logo-panel {
	width:100%;
	background:#FFF;
	height:69px;
}
#footer-logos {
	width:900px;
	margin:auto;
	text-align:center;
	height:100%;
}
.image-left {
/* change margin values to increase or decrease spacing around image */
/* remove border reference if not required or change colour to be opposite colour to make images stand out from content */
float: left;
/*border: 1px solid #FFFFFF;*/
overflow: visible;
visibility: visible;
margin-top: 15px;
margin-right: 15px;
margin-bottom: 15px;
margin-left: 0px;  /* this keeps the image aligned to the left, inline with the text */
}
.image-right {
	float: right;
	/* border: 1px solid #FFFFFF;*/
                overflow: visible;
	visibility: visible;
	margin-top: 8px;
	margin-right: 15px;  /* this keeps the image aligned to the right, inline with the text */
	margin-bottom: 2px;
	margin-left: 15px;
}
.clear {clear:both}

/* form styling */
#callback {
	background-color:#07172F;
}
#legend
{
	color: #FFFFFF;
	font-size:14px;
	font-weight:bold;
	border: 0px solid #781351;
	margin-bottom:10px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 12px;
} 
fieldset
{
border: 0px;
width: 180px;
}
label
{
	font-size:10px;
	color:#FFFFFF;
	width: 38px;
	float: left;
	text-align: left;
	padding-right:2px;
	display: block;
	margin-left:8px;
	margin-bottom:5px;
	border: 0px solid #781351;
}
.callbackfield {
	font-size:14px;
	color:#000000;
	line-height:18px;
	width:48px;
	border: 1px solid #FFF;
}
.submit input
{
margin-left: 18px;
background:url(images/btn-callback.jpg);
}.sideinput
{
color: #781351;
width:80px;
margin-bottom:10px;
margin-left:12px;
background: #FFFFFF;
border: 0px; !important
}

#submitcallback1 {
	width:143px;
	height:40px;
	margin: 0;
	background:url(images/btn-callback.jpg);
	padding-left:20px;
	border: 0px; !important
}


#slider-panel {
	float:left;
	width:670px;
	padding-bottom:12px;

}
#slider {
    width: 670px; /* important to be same as image width */
    height: 291px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}



#sliderContent {
    width: 670px; /* important to be same as image width or wider */
/*  position: absolute;*/
	float:left;
	margin-top:0px;
	margin-left: -40px; /* for FF */
	#margin-left: 0px;/* for IE*/
	/*[margin-left: -20px;]  for Chrome */
	

}

.sliderImage {
    float: left;
    position: relative;
	display: none;
	padding-bottom:8px;
}
.sliderImage span {
    position: absolute;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	visibility:hidden;

}
#column-left {
	width:500px;
	padding-left:25px;
	float:left;
}
#column-right {
	width:130px;
	padding-left:10px;
	float:left;

}.normalfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.forminput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #134286;
}

