/* ------------------------------------------------------- 
Container elements   	                                    
------------------------------------------------------- */

#pagecontainer{height:100%; top:0px; margin: 0 auto; position:relative; width:949px; font-size:1.2em;}
.separator {clear:both;}

/* ------------------------------------------------------- 
 Page header element	                                    
------------------------------------------------------- */

#toppage {position:relative; top:0px; left:0px; height:156px; width:949px;}

#blackbar {position:absolute; top:0px; left:0px; height:26px; width:949px; background-color:#223343;}
.group{float:left; position:relative; top:0px; left:0px; width:130px;}

#logo {position:absolute; top:26px; left:0px;}
#tel {position:absolute; top:26px; left:190px;}

#bluebox {position:absolute; top:120px; left:190px; width:749px; height:25px; padding:5px; background-color:#223343;}
#bluebar {position:absolute; top:5px; left:5px; width:749px; height:25px;}
#bluebar a {color:#ffffff;}
#bluebar .toolselected a {color:#ffffff; font-weight:bold;}
.tool {float:left; padding:4px 7px 4px 7px; margin-right:2px;}
.toolselected {float:left; padding:4px 7px 4px 7px; margin-right:2px; background-color:#44525f;}

#breadcrumb {position:absolute; top:128px; left:12px; width:900px;}

#breadtext {position:relative; top:0px; left:0px; width:554px; height:23px; padding:12px 0px 0px 15px; color:#6c6c6c; background-color:#f5f5f5; margin-bottom:1px;}
#breadtext a {color:#6c6c6c; padding-right:0px; text-decoration:none; padding:3px; font-weight:normal;}
#breadtext a:hover {color:#6c6c6c; text-decoration:underline; padding:3px;}

#share {position:absolute; top:9px; left:814px; width:150px; height:20px;}

/* ------------------------------------------------------- 
 footer                                
------------------------------------------------------- */

#footerbox {clear:both; position:relative; left:0px; top:0px; width:949px;}
#eservelogo {position:absolute; left:8px; top:-50px;}

#updated {position:relative; top:0px; left:0px; background-color:#223343; width:949px; height:35px; color:#ffffff;}
.updtext {float:left; font-weight:normal; padding-left:10px; padding-top:10px; width:179px; height:25px; border-right:solid 1px #ffffff;}
#updform {float:left; position:relative; top:0px; left:0px; padding-left:10px;}
#updforminput {position:relative; left:0px; top:8px;}
#updformbutton {position:absolute; left:290px; top:4px;}

#updated input.siteinput {color:#363839; padding:0px; border:0px; background-color:#ffffff; font-size:1.0em; padding-left:3px; height:19px; font-family: Arial, Helvetica, Verdana, sans-serif;}
#updated input.sitebutton {margin-top:4px;}

#footerlinks {position:relative; width:949px; left:0px; top:0px; line-height:1.4em;}
#footerlinks a {color:#6c6c6c;}

.footertitle {color:#1c191a;}

#wouldliketo {position:relative; float:left; left:0px; top:0px; width:170px; padding:10px;}
#services {position:relative; float:left; left:0px; top:0px; width:700px;}

#services1 {position:relative; float:left; left:0px; top:0px; margin-left:10px; margin-top:10px; margin-bottom:10px; width:179px;}
#services2 {position:relative; float:left; left:0px; top:0px; margin-top:10px; margin-bottom:10px; width:179px;}

#copyright {position:absolute; left:188px; top:0px; color:#ffffff; width:560px; padding-top:25px; line-height:1.4em;}
#copyright a {color:#97acbd; text-decoration:none; }
#copyright a:hover {color:#97acbd; text-decoration:underline;}

#footerbottom {position:relative; top:10px; left:10px;}

/* ------------------------------------------------------- 
  Page container elements   	                                    
------------------------------------------------------- */

#innerbox {position:relative; top:0px; left:0px; width:958px;}
#menucol {float:left; width:189px; padding-right:1px; margin:0px 0px 50px 0px;}
#contentcol {float:left; width:759px; margin-top:0px;}

.separator {clear:both;}

/* ------------------------------------------------------- 
   level 2 wrapper
------------------------------------------------------- */

#menulevel2 {position:relative; top:0px; left:0px; margin-bottom:1px;}

.menublock {position:relative; top:0px; left:0px; width:189px;}

/* ------------------------------------------------------- 
   level 2
------------------------------------------------------- */

.menulevel2 {position:relative; top:0px; left:0px; width:167px; padding:7px 0px 8px 22px; background-image:url(../images/menulink.gif); background-repeat:no-repeat; background-position:left top;}
.menulevel2 a {color:#9aba52; font-weight:normal; text-decoration:underline;}
.menulevel2 a:hover {color:#9aba52;}

.menulevel2on {position:relative; top:0px; left:0px; width:167px; padding:7px 0px 8px 22px; background-image:url(../images/menulink.gif); background-repeat:no-repeat; background-position:left top;}
.menulevel2on a {color:#6c6c6c; font-weight:bold; text-decoration:none;}
.menulevel2on a:hover {color:#6c6c6c;}

.menulevel2first {position:relative; top:0px; left:0px; width:167px; padding:7px 0px 8px 22px; background-image:url(../images/menulink_first.gif); background-repeat:no-repeat; background-position:left top;}
.menulevel2first a {color:#9aba52; font-weight:normal; text-decoration:underline;}
.menulevel2first a:hover {color:#9aba52;}

.menulevel2onfirst {position:relative; top:0px; left:0px; width:167px; padding:7px 0px 8px 22px; background-image:url(../images/menulink_first.gif); background-repeat:no-repeat; background-position:left top;}
.menulevel2onfirst a {color:#6c6c6c; font-weight:bold; text-decoration:none;}
.menulevel2onfirst a:hover {color:#6c6c6c;}

/* ------------------------------------------------------- 
   level 3
------------------------------------------------------- */

.menulevel3 {position:relative; top:0px; left:0px; width:149px; padding:3px 0px 8px 40px; background-image:url(../images/menulink_level3.gif); background-repeat:no-repeat; background-position:left top;}
.menulevel3 a {color:#9aba52; font-weight:normal;text-decoration:underline;}
.menulevel3 a:hover {color:#9aba52;}

.menulevel3on {position:relative; top:0px; left:0px; width:149px; padding:3px 0px 8px 40px; background-image:url(../images/menulink_level3.gif); background-repeat:no-repeat; background-position:left top;}
.menulevel3on a {color:#6c6c6c; font-weight:bold; text-decoration:none;}
.menulevel3on a:hover {color:#6c6c6c;}

/* ------------------------------------------------------- 
   news column
------------------------------------------------------- */

.newsitem {position:relative; top:0px; left:0px; width:159px; padding:0px 15px 0px 15px; margin-top:20px;}
.newsitem a {text-decoration:underline;}

.newsitem2 {position:relative; top:0px; left:0px; width:159px; padding:0px 15px 0px 15px; margin-top:12px;}
.newsitem2 a {text-decoration:underline;}

/* ------------------------------------------------------- 
   page 
------------------------------------------------------- */

#contenttop {position:relative; top:0px; left:0px; width:759px;}
#contentleft {float:left; position:relative; top:0px; left:0px; width:569px; margin-right:1px;}
#contentright {float:left; position:relative; top:0px; left:0px; width:189px;}

#banner {position:relative; top:0px; left:0px; width:569px;}

#promobox {position:relative; top:0px; left:0px; width:759px; height:273px; margin-bottom:1px;}
#promo1 {position:absolute; top:0px; left:0px; width:189px; height:273px;}
#promo2 {position:absolute; top:0px; left:190px; width:189px; height:273px;}
#promo3 {position:absolute; top:0px; left:380px; width:189px; height:273px;}
#promo4 {position:absolute; top:0px; left:570px; width:189px; height:273px;}
.promotext {position:relative; top:0px; left:0px; padding:10px 14px 10px 14px;}
.promotext a {text-decoration:underline;}

#advert {position:relative; top:0px; left:0px; width:569px; height:112px;}


#copybox {position:relative; top:0px; left:0px; width:540px; padding:16px 15px 20px 14px;}
#copybox2 {position:relative; top:0px; left:0px; width:161px; padding:54px 14px 20px 14px;}


/* ------------------------------------------------------- 
  Level 2 naviagtion
------------------------------------------------------- */

#level2 {position:relative; left:15px; top:0px; width:148px; margin-bottom:5px;}
#level2 ul {background-color:transparent; margin:0px; padding:0px; border:0px;}
#level2 li {display:block; width:148px; background-image:url(../images/level2_menu_off.gif); background-position:left top; background-repeat:no-repeat;}
#level2 a {color:#97acbd; display:block; padding-top:0px; padding-bottom:0px; padding-left:8px; text-decoration:none; margin:0px; width:140px; font-weight:bold; background-image:none;}
#level2 a:hover {color:#97acbd; text-decoration:underline; background-image:url(../images/level2_menu_off.gif); background-position:left top; background-repeat:no-repeat;}

#menu2 {}
#menu2 a {color:#ffffff; padding-left:8px; padding-top:0px; padding-bottom:0px; margin:0px; width:140px; font-weight:bold; background-image:url(../images/level2_menu_on.gif); background-position:left top; background-repeat:no-repeat;}
#menu2 a:hover {color:#ffffff; text-decoration:underline; background-image:url(../images/level2_menu_on.gif); background-position:left top; background-repeat:no-repeat;}


/* ------------------------------------------------------- 
  record paging
------------------------------------------------------- */

#pagingnav {position:relative; top:0px; left:0px; width:539px; font-weight:bold; font-size:0.9em; margin-top:10px;}
#pagingnav ul{margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align: left;}
#pagingnav li{display: inline; line-height:22px; background-image:url(../images/paging.jpg); background-position:left top; background-repeat:repeat-x; border:solid 1px #59978b; padding:3px 5px 3px 5px; margin-right:6px;}
#pagingnav li a {color:#59978b; font-weight:bold; text-decoration:none;}
#pagingnav li a:hover {text-decoration:underline;}

* html #pagingnav ul {margin-left:-10px; padding-left:10px;}
.pagingon {color:#3a484b; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; margin-right:6px;}

#pagingnav2 {position:relative; top:0px; left:0px; width:539px; font-weight:bold; font-size:0.9em;}
#pagingnav2 ul{margin:0px; padding:0px; list-style-image: none; list-style-type: none; text-indent:0px; text-align: left;}
#pagingnav2 li{display: inline; line-height:22px; background-image:url(../images/paging.jpg); background-position:left top; background-repeat:repeat-x; border:solid 1px #95adb3; padding:3px 5px 3px 5px; margin-right:6px;}
#pagingnav2 li a {color:#80969c; font-weight:bold; text-decoration:none;}
#pagingnav2 li a:hover {text-decoration:underline;}

* html #pagingnav2 ul {margin-left:-10px; padding-left:10px;}

/* ------------------------------------------------------- 
  table grid
------------------------------------------------------- */

.gridtable {width:532px;}
.gridtable tr.blank {height:30px; font-weight:bold;}
.gridtable tr.linebreak {height:10px; background-image:url(../images/search_div.gif); background-position:left top; background-repeat:no-repeat;}

#datehistory {position:absolute; left:350px; top:18px;}

.warning2 {background-color:#c11f1f; color:#ffffff; border:solid 1px #e19a9a; width:505px; padding:10px; margin-bottom:10px; padding-left:10px;}

/* ------------------------------------------------------- 
 site map
------------------------------------------------------- */

#sitemap {}
#sitemap li {list-style-type:none;}
ul#sitemap > li {margin-bottom:0px; margin-top:15px;}
#sitemap ul li {list-style-image:url(../images/l2_normal.gif);}
#sitemap ul ul li {list-style-image:url(../images/l3_normal.gif);}
#sitemap ul li.firstfollow {list-style-image:url(../images/l2_first_follow.gif);}
#sitemap ul li.last {list-style-image:url(../images/l2_last_item.gif);}
#sitemap ul ul li.firstfollow {list-style-image:url(../images/l3_first_follow.gif);}
#sitemap ul ul li.last {list-style-image:url(../images/l3_last_item.gif);}
#sitemap ul ul li.last2 {list-style-image:url(../images/l3_last_item2.gif);}

.warning {color:#ff0000; padding:10px; background-color:#ffffff; border:solid 1px #959595;}

/* ------------------------------------------------------- 
   news
------------------------------------------------------- */

.newsbox {position:relative; top:0px; left:0px; width:539px; border-top:solid 1px #eeeeee;}
.newsbox2 {position:relative; top:0px; left:0px; width:539px;}
.newstitle {position:relative; top:0px; left:0px; margin-top:16px; color:#9aba52; font-size:1.3em;}
.newstitle a {color:#9aba52; font-weight:normal; font-size:1.3em; font-family: Georgia }
.newsdate {position:relative; top:0px; left:0px; margin-bottom:15px;}
.newscontent {position:relative; top:0px; left:0px; margin-bottom:15px;}
.newssocial {position:relative; top:0px; left:0px; height:20px; margin-bottom:10px;}
.newstwitter {position:relative; top:0px; left:0px;}
.newsdigg {position:absolute; top:0px; left:95px;}
.newsstumble {position:absolute; top:0px; left:190px;}
.newsdelicious {position:absolute; top:0px; left:290px;}

/* ------------------------------------------------------- 
 contact
------------------------------------------------------- */

#contactbox {position:relative; top:0px; left:0px; width:524px;}
#contactleft {float:left; position:relative; top:0px; left:0px; width:246px; margin-right:16px; background-color:#f5f5f5; padding:11px; line-height:1.2em;}
#contactright {float:left; position:relative; top:0px; left:0px; width:240px; line-height:1.2em;}

.formelement {position:relative; left:0px; top:0px; margin-top:7px;}
.formelement2 {position:relative; left:0px; top:0px;}

#formcallbutton {position:relative; left:0px; top:0px; margin-top:10px;}
#formcallbutton2 {position:relative; left:0px; top:0px; height:30px; margin:10px 0px 0px 0px;}

#formcallbutton3 {position:relative; left:0px; top:0px; height:30px; margin:0px 0px 30px 10px;}
#formcallbutton3 input {border:0px; background-color:Transparent;}

/* ------------------------------------------------------- 
 twitter
------------------------------------------------------- */

.twitteritem {position:relative; top:0px; left:0px; width:162px; padding-bottom:10px;}
.twitterdate {position:relative; top:0px; left:0px; font-weight:bold; margin-bottom:10px;}
.twittertitle {position:relative; top:0px; left:0px;}
.twittertitle a {text-decoration:none; color:#656565;}
.twittertitle a:hover {text-decoration:underline;}

/* ------------------------------------------------------- 
   call back
------------------------------------------------------- */
#getintouch {position:relative; top:0px; left:0px; width:189px; height:35px; margin-bottom:1px;}
#callbackbox {position:relative; top:0px; left:0px; width:169px; height:250px; background-color:#f5f5f5; padding:10px;}

#vertical_slide {}
#calldetails {}

/* ------------------------------------------------------- 
   reg
------------------------------------------------------- */

#regbox {position:relative; top:0px; left:0px; width:542px; margin-top:15px;}
.regitem {float:left; position:relative; top:0px; left:0px; width:268px; height:186px; background-color:#f6f5f5; margin:0px 3px 10px 0px;}
.regfields {position:relative; top:0px; left:0px; padding:11px; width:246px;}


/* ------------------------------------------------------- 
   gallery
------------------------------------------------------- */

#gallerybox {position:relative; top:0px; left:0px; width:475px; margin-top:15px;}
.galleryitem {float:left; position:relative; top:0px; left:0px; width:81px; height:84px; padding:5px; border:solid 1px #cacaca; margin-right:5px;}