﻿* {
padding: 0;
margin: 0;
}

body {
background: #962729;	
font-family: Arial, Verdana, sans-serif;
font-size: 0.92em;
}

.clear {		/* CLEARS THE FLOAT */
clear: both;	
}

#header {
height: 110px;
background: #0072bc url(../images/bubble_bar.gif) repeat-x bottom left;
}

#header img {		/*  LOGO AT THE TOP OF PAGE */
float: left;
margin: 5px 0 0 0;	
}

#header .logo {
margin: 0 0 0 5px;	
}

#header .logo, h1 {
padding: 5px 0 0 0;
}

#header h1 {
color: #fff;
text-align: left;
font-size: 1.2em;
}

#header h2 {
font-size: 1.1em;
float: right;
text-decoration: none;
color: #fff;
margin: 0.3em 8px 0 0;
}

#wrapper {
width: 90%;
min-width: 760px;
margin: 0 auto;		
}

#container {
background: #fff url(../images/red_line.gif) top left repeat-y;
min-height: 760px;
}

#side_nav {			/* LEFT SIDE MENU/NAVIGATION */
float: left;
width: 210px;
text-align: left;
}

#side_nav h2 {
font-size: 1.1em;
padding: 0.6em 8px;
color: #575756;
background: transparent url(../images/grad.gif) top left repeat-x;
}

#side_nav li, .home_list li {
list-style: none;
margin: 1px 0 0 8px;	
}

#side_nav a:link, #side_nav a:visited {
font-size: 1em;
text-decoration: none;
color: #575756;
}
							/* .home_list IS THE FOR THE DOMESTIC AND COMMERCIAL INDEX: LIST+ A LINKS */
#side_nav a:hover, #side_nav a:active, .home_list a:hover, .home_list a active {		/* END OF LEFT SIDE NAVIGATION */
color: #5792DF;
text-decoration: underline;
}

#side_nav .side_col {			/* side_col IS FOR THE SIDE NAVIGATION CURRENT COLOUR */	
color: #3fe1d7;
text-decoration: underline;
}
						/* END OF LEFT SIDE NAVIGATION */
#nav {
font-size: 1em;
border-bottom: 1px solid #0072bc;
padding: 0.8em 0 0.6em 0;
background: transparent url(../images/grad.gif) top left repeat-x;
}

#nav ul {
text-align: center;	
}

#nav ul li {
list-style: none;
margin: 0 0.6em 0 0;
padding: 0.3em 0 2px 17px;
display: inline;
background: url(../images/bulet_off.gif) no-repeat center left;
}

					/* START OF LINK COLOURS FOR MAIN NAVIGATION */
#nav ul li a:link, #nav ul li a:visited {
font-size: 1em;
text-decoration: none;
color: #000;
}

#nav ul li a:hover, #nav ul li a:active {
color: #04b7fa;	
}

#nav .current {				/* START OF MAIN NAVIGATION LINK COLOURS */
background: url(../images/bulet.gif) no-repeat center left;	
}

#nav ul li a .curcol{
color: #ED1C24;
}

#content {
min-height: 600px;
margin: 0 0 0 210px;	
border-left: 1px solid #ED1C24;
padding: 0 0 15px 0;
}

/* for Internet Explorer */
/*\*/
* html .content {
height: 600px;
}
/**/
#content .image_right {			/* .image_right FLOATS IMAGES IN THE CONTENT TO THE RIGHT */
float: right;
margin: 0 0 0 5px;	
}

#content .image_left {
display: block;
float: left;
}

#content h2 {
font-family: Verdana;
font-weight: bold;
font-size: 1.2em;
text-transform: uppercase;
color:#5792DF;
margin: 1em 0 0 1em;	
padding: 0 0 0.5em 0;
border-bottom: 1px solid #5792DF;
}

#content h3 {
font-family: Verdana;
text-transform: uppercase;
font-weight: bold;
font-size: 1.1em;
color:#013261;
margin: 1em 0 0 1em;	
}

#content p {
text-align: justify;
font-size: 1em;
color: #013261;
margin: 15px 20px 0 15px;
}

#content li {
margin: 5px 0 0 35px;
}

#content .home_list a:link, #content .home_list a:visited, #sub_menu a:link, #sub_menu a:visited, #content .content_linx a:link, #content .content_linx a:visited {
color: #962729;
}

#content .home_list a:hover, #content .home_list a:active, #sub_menu a:hover, #sub_menu a:active, #content .content_linx a:hover, #content .content_linx a:active {   /* END OF LEFT SIDE NAVIGATION */
color: #5792DF;
text-decoration: underline;
}

#content .home_list li {
margin: 1em 0 0 15px;	
}

#content .testamonials {
border: 1px solid #959595;
margin: 15px 0 0 15px;
}

#sub_menu { 		/* SUB CONTENT MENU INDEX - LINKS */
margin: 25px 0 0 15px;
}

#sub_menu li { 
margin: 0 15px 0 0;
list-style: none;
display: inline;
}

#sub_menu li a { 
line-height: 1.5;
}

#contact {					/* CONTACT DETAILS */
margin: 50px 0 0 50px;	
}

#contact h3, #contact h4 {			/* CONTACT DETAILS */
font-size: 1.5em;	
}
#contact h3 {
margin: 1em 0 0 0;	
}

#contact a:link, a:visited {		
color: #0072bc;
}

#contact a:hover, a:active {		
color: #F60;
}

#footer {
display: block;
padding: 4px 2px 4px 5px;
background: #f5efe7 url(../images/h1_grad.gif) repeat-x top;
}

#footer h3 {
display: inline;
color: #898989;
font-weight: normal;
font-size: 0.8em;	
}

#footer .alienbyte {
float: right;
text-align: right;
padding: 0 15px 0 0;
}

#footer .alienbyte a:link, #footer .alienbyte a:visited {
color: #00a650;
}

#footer img {
border: none;
margin: 0 2px 0 35px;
}

#footer a:link, #footer a:visited {
text-decoration: none;
color: #000;
}

#footer a:hover, #footer a:active, #footer .alienbyte a:hover, #footer .alienbyte a:active {
color: #04b7fa;
}