/* CSS Document */

BODY {
background:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:70%;
color:#666666;
margin:0;
padding:0
}
a {
color:#28597A;
text-decoration:none
}
a:hover {
color:#666666;
text-decoration:underline
}
P {
padding:0px
}

table {
text-align:left;
}

form {
margin:0px;
padding:0px;
}

input {
font-family: Arial, Helvetica, sans-serif;
color:#28597A;
font-size:100%;
padding:2px;
border:1px solid #CCCCCC;
}

textarea {
font-family: Arial, Helvetica, sans-serif;
color:#28597A;
font-size:100%;
padding:2px;
border:1px solid #CCCCCC;
}

select {
font-family: Arial, Helvetica, sans-serif;
color:#28597A;
font-size:100%;
padding:2px;
border:1px solid #CCCCCC;
}

H1 {
font-size:14px;
color:#28597A;
font-weight:bold;
text-align:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
H2 {
font-size:12px;
color:#28597A;
text-align:left;
padding:5px 0px 0px 0px;
margin:5px 0px 0px 0px;
}

.a2z {
	background-color:#28597A;
	color:#fff;
	font-size:1.5em;
	padding:6px 6px 6px 6px;
	font-weight:bold;
	text-decoration:none;
}

H3 {
font-size:120%;
border-bottom:1px dashed #DDDDDD;
margin:10px 0px 0px 0px;
color:#28597A;
text-align:left
}

H4 {
font-size:120%;
color:#93ACBC;
}
ul {
margin:0px 0px 0px 10px; 
padding:0px 0px 0px 10px;
}

li {
list-style-image: url(../img/bullet1.gif);
padding:0px 0px 5px 0px
}

#container {
text-align:left;
}

#header {
margin-left:10px;
width:980px;
height:125px;
text-align:left
}

#infobox {
border:1px solid #DDDDDD;
color:#28597A;
padding:5px;
}
#quotebox {
border:1px solid #DDDDDD;
text-align:justify;
color:#666666;
padding:5px;
}

#quotebox2 {
border:1px solid #FFFFFF;
background:#2E353B;
text-align:justify;
color:#FFFFFF;
padding:0px;
}

#footer {
border-top:1px solid #DDDDDD;
text-align:left;
padding:5px 5px 5px 10px;
clear:both
}

.clear {
clear:both;
height:5px
}

.smalltext {
font-size:80%;
color:#28597A
}

.portfoliolist {width:100%}

.portfoliolist td{
border-bottom:1px solid #DDDDDD;background:url(../img/bg_portfolio.gif) bottom repeat-x;
margin:5px;
padding:0px 0px 5px 5px;}

.portfoliolist img {
background:#FFFFFF;
padding:4px;
border:1px solid #DDDDDD}

.portfoliolist .titlebar {font-weight:bold;display:block;padding:5px;margin-bottom:5px}

.generallist {width:100%}

.generallist td{
margin:5px;
padding:0px 0px 5px 5px;}

.generallist img {
padding:4px;
border:1px solid #DDDDDD}

.generallist .titlebar {font-weight:bold;background:url(../img/bg_titlebar.gif) right repeat-y;display:block;padding:5px;padding-left:0px;margin-bottom:5px}



#maincontent {
width:980px;
margin:10px 0px 10px 10px;
}
#maincontent .imgleft {margin:5px 10px 5px 0px;float:left}
#maincontent .imgright {margin:5px 0px 5px 10px;float:right}

#rightbox {
border-left:1px solid #DDDDDD;
width:758px;
float:right;
padding-left:20px
}
#rightextra {
width:220px;
float:right;
}
#leftnav {
width:200px;
float:left;
}
#mainbody {
float:left;
width:520px;
text-align:justify
}

#bannerimage {
background:#A7A8AA;
margin-left:10px
}
#bannerimage img {border-right:1px solid #FFFFFF}

.paddedtext {padding:10px}

.enquiry {}
.enquiry td{padding:5px}

.homepageboxes td { border:1px solid #DDDDDD; padding:10px;width:25%}

.homepageboxes .inner { text-align:left}

.homepageboxes p { margin:0px;padding:0px}

#leftnav li {border-bottom:1px dashed #DDDDDD; margin:4px}