/*------GLOBAL------*/

body { margin:10px auto; background:url(../images/layout/bg.jpg) repeat-x #252E94; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
img { border:none; }
p, h1, h2, h4, ul, li, a, td { font-size:12px; color:#333333; text-align:left; text-decoration:none; font-weight:normal; padding:5px 0 5px 0; margin:0; }
h1 { font-size:18px; color:#345C9C; }
h2, h4 { font-size:15px; color:#407C19; font-weight:bold; }
h4 { font-size:13px; }
ul { padding:0; line-height:1; vertical-align:baseline; padding:10px 0 10px 25px; }
ul li { font-weight:bold; padding:6px 0 5px 15px; list-style:none; background:url(../images/layout/bullet.png) no-repeat left 6px; }
ul li ul { padding:5px 0 5px 15px;; }
ul li ul li { background:url(../images/layout/bulletsub.png) no-repeat left 8px; }
a { padding:0; color:#345C9C; font-weight:bold; }
a:hover { text-decoration:underline; }
td { font-size:11px; padding:0 0 5px 0; }

/*------CLASSES------*/

.padding { padding:5px 0 5px 0; }
.floatleft { position:relative; z-index:10; float:left; }
.floatright { float:right; }
.clearboth { clear:both; }
.border { border:1px #CCCCCC solid; padding:1px; }
.colour { color:#252F95; }
.map { position:absolute; right:0; margin-top:30px; width:312px; height:180px; background:url(../images/layout/map.jpg) no-repeat; }


/*------DIVS------*/

#containertop { width:900px; height:3px; background:url(../images/layout/containertop.png) no-repeat; }
#container { width:898px; border-left:solid #CCCCCC 1px; border-right:solid #CCCCCC 1px; background:#FFFFFF; }
#innercontainer { width:870px; padding:0 14px 0 14px; }
#header { width:870px; height:105px; position:relative; }
#header #logo { width:261px; height:50px; position:absolute; left:3px; top:26px; }
#header #topcontact { width:253px; height:77px; position:absolute; left:597px; top:26px; }
#mainimgarea { width:860px; height:240px; border:1px solid #CCCCCC; padding:4px; position:relative; }
#content { width:870px; padding:10px 0 10px 0; }
#leftarea { width:250px; padding:0 15px 0 0; float:left; }
#text { position:relative; width:605px; float:left; }
#formcontainer { width:350px; padding:10px 50px 0 0; float:right; position:relative; display:block; }
#footer { width:880px; height:19px; padding:60px 10px 0 10px; background:url(../images/layout/footerbg.png) no-repeat; }
#footer a { font-size:10px; }

/*------TOP NAVIGATION------*/

#topnav { width:870px; height:25px; }
#topnav ul { padding:0; }
#topnav ul li { float:left; padding:0 0 0 1px; background:none; }
#topnav ul li a { height:20px; color:#FFFFFF; padding:5px 7px 0 7px; border-left:1px solid #69CA28; border-right:1px solid #69CA28; background:url(../images/layout/navbuttbg.jpg) repeat-x; display:block; }
#topnav ul li a:hover  { height:21px; text-decoration:none; background:url(../images/layout/navbuttbghover.jpg) repeat-x; }

/*------THE BOX------*/

.box { width:240px; border:1px solid #CCCCCC; padding:4px; background:#FFFFFF; }
.box h2 { width:236px; height:18px; font-size:12px; font-weight:bold; color:#FFFFFF; padding:2px 0 0 4px; background:#407C19; }

/*------INFORMATION AREAS------*/

#whychoosearea { width:278px; position:absolute; left:550px; top:20px; }
#whychoosearea h2 { width:270px; }
#whychoosearea ul { padding:5px; }
#whychoosearea ul li { font-weight:normal; padding:5px 0 5px 22px; background:url(../images/layout/bullettick.jpg) no-repeat left 7px; }

#contactusarea p { font-size:13px; padding:3px 2px 3px 2px; }

/*------MAIN NAVIGATION------*/

#mainnav {}
#mainnav ul { padding:2px; }
#mainnav ul li { padding:3px 3px 3px 3px; background:none; }
#mainnav ul li a { color:#252F95; }
#mainnav ul li ul {  padding:2px 0 2px 15px; }
#mainnav ul li ul li { }
#mainnav ul li ul li a { color:#407C19; display:block;; }
