/*  cMenu.css  */
#dMcontainer {position:absolute;top:0;left:0;}   /* new style */
 
#dMcontainer .dMenu {
	position: absolute;
	top: 29px;  /* changed from 131px; */
	/*.top: 142px;   remove hack */
	width: 190px;	
	z-index: 9999;
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	border-top: solid 1px #fff;		
	background-color: #003366;	
     /*  .margin-left: 200px;  remove hack */
	
}
 
 
#dMcontainer .dMenu li {
	margin: 0px;
	padding: 0px;
	display: inline;
}
 
#dMcontainer .dMenu a {
	display: block;
	height: 25px;
	padding-top: 5px;
	font-weight: bold;
	color: #fff;
 
	text-decoration: none;
	padding-left: 15px;
	padding-right: 5px;
}
 
#dMcontainer .dMenu span {
line-height: 100%;
}
 
#dMcontainer .dMenu a:hover {
	text-decoration: underline;
	line-height: 100%;
}
 
#dMcontainer .dMenu a:hover {
	text-decoration: underline;
}
 
/*   screen.css  */
#body {
width: 100%;
float: left;
}
 
dl {
padding: 0;
margin: 0;
}
 
a {
color: #174879;
text-decoration: none;
font-family: Arial;
font-size: 12px;
}
 
a:hover {
text-decoration: underline;
}
 
ul {
list-style: none;
padding: 0;
}
 
h2 {
font-family: Helvetica;
font-size: 19px;
color: #003366;
font-weight: normal;
}
 
h3 {
font-family: Helvetica;
font-size: 15px;
color: #003366;
font-weight: normal;
line-height: 160%;
}

h4 {
font-family: Helvetica;
font-size: 18px;
color: #F46C27;
font-weight: normal;
line-height: 160%;
}

h5 {
font-family: Helvetica;
font-size: 16px;
color: #F46C27;
font-weight: normal;
line-height: 160%;
}

p {
	font-family: Arial;
	font-size: 12px;
	color: #333;
	line-height: 170%;
}
 
#container {
width: 850px;
margin: 0 auto;
}
 
#header {
width: 850px;
float: left;
padding-bottom: 1px;
}
 
#navigation, #footer {
position:relative;  /* add position:relative to reset positioning reference point */
width: 850px;
height: 29px;
float: left;
background: #003366;
margin-bottom: 1px;
}
 
#navigation ul, #footer ul {
padding: 0;
margin-top: 13px;
line-height: 0;
}
 
#navigation li, #footer li {
display: inline;
padding-right: 20px;
padding-left: 0;
}
 
#navigation a, #footer a, #footer p {
font-family: Arial;
font-size: 11px;
color: #FFF;
font-weight: bold;
}
 
 
 
#navleft, #footerright {
float: left;
width: 800px;
height: 29px;
padding-left: 14px;  /* was 20px */
/*.padding-left: 0px;*/
}

 
#navleft ul, #footerright ul {
padding: 0;margin-left:0;
}
 
#navleft li, #footerright li {
padding: 0 13px 0 0;
}
 
#navright, #footerleft {
float: right;
width: 100px;
height: 29px;
text-align: right;
padding-right: 20px;
padding-top: 7px;
.padding-top: 2px;
.line-height: 122%;
}
 
#sidenav {
float: left;
width: 222px;
height: 80%;
.height: 100%;
padding-bottom: 400px;
background: #BDDEFF;
}

#sidenav2 {
float: left;
width: 222px;
height: 80%;
.height: 100%;
padding-bottom: 210px;
background: #BDDEFF;
}

#sidenav3 {
float: left;
width: 222px;
height: 80%;
.height: 100%;
padding-bottom: 455px;
background: #BDDEFF;
}

#sidenav4 {
float: left;
width: 222px;
height: 80%;
.height: 100%;
padding-bottom: 230px;
background: #BDDEFF;
}

#sidenav5 {
float: left;
width: 222px;
height: 80%;
.height: 100%;
padding-bottom: 80px;
background: #BDDEFF;
}

#sidenav6 {
float: left;
width: 222px;
height: 80%;
.height: 100%;
padding-bottom: 600px;
background: #BDDEFF;
}
 
#1, #2, #3 {
float: left;
width: 222px;
}
 
#top1 {
float: left;
width: 112px;
background: #FFF;
}
 
#top2 {
float: right;
width: 110px;
background: #FFF;
padding-bottom: 1px;
}
 
#whitebox {
float: left;
width: 222px;
height: 169px;
background: #FFF;
}
 
#quicklinks {
padding-top: 20px;
padding-bottom: 10px;
padding-left: 20px;
background: #FFF;
width: 180px;
float: left;
}
 
#quicklinks ul {
padding: 0;
margin: 0;
}
 
#quicklinks li {
line-height: 130%;
display: block;
font-weight: bold;
}


#bluebox {
float: left;
width: 222px;
height: 15%;
}

#testimonials {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
width: 180px;
float: left;
}

#banner {
float: left;
width: 222px;
height: 15%;
}

#testimonials ul {
padding: 0;
margin: 0;
}

#testimonials li {
line-height: 130%;
display: block;
font-weight: normal;
font-style:italic;
}
 
#content {
float: right;
width: 627px;
}
 
.flash {
margin-bottom: 1px;
width: 627px;
height: 256px;
float: left;
}
 
#featured1 {
float: left;
width: 209px;
height: 162px;
text-align: left;
}
 
#featured2 {
float: left;
width: 209px;
height: 162px;
text-align: center;
}
 
#featured3 {
float: left;
width: 209px;
height: 162px;
text-align: right;
}
 
#column1, #column2, #column3 {
float: left;
width: 190px;
margin-right: 10px;
.margin-right: 1px;
 
}
 
#column1 ul, #column2 ul, #column3 ul {
list-style: disc;
color: #333;
text-decoration: none;
font-family: Arial;
font-size: 11px; 
padding: 0;
margin: 0;
margin: 10px 0;
padding-left: 15px;
height: 185px;
line-height: 200%;
}
 
#homecopy {
	float: left;

.padding: 20px 0;
	padding-left: 20px;
	font-size: 12px;
}

#homecontent {
float: left;
padding-top: 10px;
padding-left: 20px;
width:600px;
}
 
#homecopy a {
font-weight: bold;
}
 
#cover {
padding: 10px 0;
.padding: 20px 0;
float: left;
width: 100%;
}
 
#cover img {
margin-top: 20px;
}
 
.title {
background: #003366;
height: 29px;
width: 180px;
font-family: Arial;
font-size: 11px;
color: #FFF;
font-weight: bold;
padding-left: 0px;
line-height: 250%;
}
 
.bottom {
width: 200px;
font-family: Arial;
font-size: 11px;
color: #003366;
font-weight: bold;
padding: 5px 0;
 
line-height: 220%;
border-top: 1px solid #ccc;
}
 
.bottom img {
margin-top: 10px;
}
 
#installleft {
float: left;
width: 300px;
padding-right: 35px;
}
 
#installright {
float: right;
width: 250px;
}
 
#installright ul {
 
font-family: Arial;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 5px 0;
list-style: disc;
padding-left: 15px;
line-height: 220%;
}
 
.step {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
 
.step1 {
float: left;
width: 100px;
}
 
.step1 h3 {
line-height: 100%;
}
 
.step2 {
float: left;
width: 490px;
}
 
#footer p {
padding: 0;
line-height: 0;
margin: 0;
padding-top: 7px;
.padding-top: 13px;
}
 
#footerleft {
width: 400px;
}
 
#footerright {
width: 350px;
}
 
#page_holder {
float: 627px;
}
 
#text {
float: left;
width: 400px;
}
 
#image {
width: 194px;
float: right;
text-align: center;
}
 
#content ul {
	list-style-type: disc;
	padding-left: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #333;
	line-height: 170%;
}
 
#install {
float: left;
width: 100%;
}
 
#install_left {
float: left;
width: 50%;
}
 
#install_right {
float: left;
width: 50%;
text-align: right;
}

/* ENQUIRY FORM */
#enq-form {
	padding: 0px;
	margin: 0px;
}

#enq-form input {
	font-size: 10px;
	border: solid 1px #ccc;
}

#enq-form select {
	font-size: 10px;
}

.enq-form-error {
	color: #c30;
	font-weight: bold;
}
/* END */