
body { margin: 0px; padding: 0px; background: transparent url('/gfx/gr.jpg') repeat-x; font-family: Arial,Helvetica,sans-serif; }
img { margin: 0px; padding: 0px; }
.clearer { clear: both; }

#container { border-style: none solid solid; border-color: #dadfe1; border-width: medium 12px 12px; margin: 0pt auto; width: 756px; background: #dadfe1; position: relative; }

#content { background: rgb(255, 255, 255) url('/gfx/content-bg-top-gradient.jpg') repeat-x; float: left; width: 756px; font-family: Arial,Helvetica,sans-serif; color: rgb(51, 51, 51); line-height: 16px; text-align: justify; font-size: 11px; position: relative; }
#contentSpacer { margin: 0px; padding: 0px; width: 100%; height: 12px; float: left; background-color: #dadfe1; }
#content ul {  }
#contentOther { padding-top: 48px; float: left; width: 189px; }
#contentText { padding: 48px 44px 26px 50px; width: 426px; float: left; }

#footer { background-image: url('/gfx/footer-back-drop.jpg'); font-family: tahoma,verdana; font-size: 10px; color: rgb(153, 153, 153); position: relative; padding-top: 85px; padding-left: 14px; width: 742px; text-align: left; }
p { padding: 0px; margin-top: 6px; margin-bottom: 11px;  }

h1 { margin: 15px 0px; padding: 0px 0px 10px; background: transparent url('/gfx/new-header-border-repeat.gif') repeat-x scroll center bottom; font-family: Arial,Helvetica,sans-serif; font-size: 20px; line-height: 22px; color: rgb(13, 60, 80); font-weight: normal; letter-spacing: -1px; text-align: left; }
h2 { margin: 16px 0px 15px; padding: 5px 0px 0px; font-family: Arial,Helvetica,sans-serif; font-size: 15px; color: rgb(1, 64, 85); font-weight: bold; text-align: left; letter-spacing: 0px; }
#contentOther h2 { padding: 2px 0px 0px; background: transparent url('/gfx/new-header-border-repeat.gif') repeat-x scroll center bottom; height: 31px; color: rgb(172, 171, 171); }

a { margin: 0px; padding: 0px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: rgb(107, 155, 171); }
a:link, a:visited, a:active { text-decoration: underline; }
a:hover { text-decoration: none; color:#830614 }
#footer a { font-family: tahoma,verdana; font-size: 10px; color: rgb(153, 153, 153); }
#footer a:link, #footer a:visited, #footer a:active { text-decoration: underline; }
#footer a:hover { text-decoration: none; }

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:1.2em;color:#006699; border:0; padding-bottom:0px; background:none}
 #xsnazzy a {font-size:1em;color:#006699; border:0; text-decoration:none}
 #xsnazzy a:hover {text-decoration:underline}
#xsnazzy .xboxcontent a {font-size:1em;color:#006699; border:0; text-decoration:none;padding-bottom:8px}
#xsnazzy .xboxcontent a:hover {text-decoration:underline} 
#xsnazzy .xboxcontent p { font-style:normal; text-align:left}
#xsnazzy p {padding-bottom:0.5em;font-size:0.8em; text-align:left}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: url(../gfx/curveBg.gif) bottom no-repeat; margin:1em; width:200px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:transparent; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0;}
.xb1 {margin:0 5px; background:#c0c0c0;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:transparent; border:0 solid #c0c0c0; border-width:0 1px;}


.demoRoom, .demoRoom:visited { margin: 0px; padding: 0px; background-image: url('/gfx/demoRoom.jpg'); background-repeat: no-repeat; position: absolute; top: 2px; left: 642px; color: rgb(255, 255, 255); width: 96px; height: 96px; display: block; }
a.demoRoom:hover { background-position: 0pt -96px; background-repeat: no-repeat; height: 96px; }
#contentOther, #contentOther p { font-size: 10px; line-height: 16px; }
#contentOther a, #contentOther:visited { font-family: tahoma,verdana; font-size: 10px; color: #015699; text-decoration: underline; }
#contentOther a:hover { text-decoration: none; color: rgb(178, 177, 177); }
.companyname { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; color: rgb(102, 102, 102); }
#moreweblinks { background: transparent url('/gfx/arrow.gif') no-repeat scroll left 0px; padding-left: 20px; }
#moreweblinks a, #moreweblinks a:visited { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; text-decoration: none; color: rgb(110, 110, 112); line-height: 12px; }
#moreweblinks a:hover { text-decoration: underline; }

#adverts { border: 2px dotted rgb(218, 217, 217); padding: 20px; background:#f7f7f7; }


.hr { border-bottom: 1px solid rgb(218, 217, 217); margin-top: 16px; margin-bottom: 16px; }
.imgscreenshot { border: 1px solid rgb(203, 201, 201); margin-bottom: 4px; }
#MarqueeSection { height: 100px; }
#rh-vmarquee { overflow: hidden; width: 176px; margin-bottom: 10px; position: relative; line-height: 15px; color: rgb(172, 171, 171); }
#rh-marqueecontainer { overflow: hidden; position: absolute; width: 182px; height: 100px; margin-top: 10px; font-size: 10px; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; line-height: 15px; font-weight: normal; text-align: left; }

#rh-marqueecontainer ul { padding: 2px; margin-left: 8px; }
#rh-scrollingbuttons { position: relative; top: 0px; left: 200px; width: 16px; }


#GISheader { border-bottom: 1px solid rgb(203, 201, 202); margin: 0px; padding: 0px; width: 756px; background-color: rgb(255, 255, 255); position: relative; height: 295px; z-index: 70; }
#logo { background: transparent url('/gfx/gis-logo.png') no-repeat scroll left top; position: absolute; width: 359px; height: 70px; left: 40px; top: 10px;}
#logo h1 { display: none; }
#phoneNumber { position: absolute; left: 595px; top: 35px; }
#rightText { position: absolute; width: 146px; height: 24px; top: 295px; left: 395px; text-align: center; }
#rightText2 { position: absolute; width: 146px; height: 24px; top: 295px; left: 245px; text-align: center; }
#pageImage { margin: 0px; padding: 0px; position: absolute; top: 107px; left: 0px; }
#clipArea { margin: 0px; padding: 0px; overflow: hidden; width: 230px; height: 250px; position: absolute; top: 110px; left: 25px; }
#subNavigation { border: 1px solid rgb(202, 202, 202); padding: 0px 20px 20px 0px; position: absolute; top: 22px; width: 170px; height: 190px; background-image:url(../gfx/white.jpg); opacity:0.9;filter:alpha(opacity=90) }
#portfolioDisplay h1 { padding: 0px; background: transparent none repeat; }
#subNavigation ul { margin: 0px 0px 0px 20px; padding: 0px; }
#subNavigation li { margin: 0px; padding: 0px; }
.orangeArrow { background: transparent url('/gfx/sub-nav-bullet-yellow.gif') no-repeat scroll left center; list-style-type: none; }
.blueArrow { background: transparent url('/gfx/sub-nav-bullet-blue.gif') no-repeat scroll left center; list-style-type: none; }
.greyUnderline { border-bottom: 1px solid rgb(202, 202, 202); }
#subNavigation h1 { margin: 20px 0px 0px 20px; padding: 0px 0px 0px 20px; font-size: 13px; font-weight: bold; height: 25px; color: rgb(1, 63, 84); background-image: url('/gfx/sub-nav-head-bullet.gif'); background-repeat: no-repeat; background-position: 0px 3px; letter-spacing: normal; }
#navigation { margin: 0px; padding: 5px 1px 0px; background: transparent url('/gfx/navigation-border-bg.gif') repeat-x scroll 0px 7px; position: absolute; top: 62px; left: 9px; height: 42px; }
#navigation ul { margin: 0px; padding: 0px; }
#navigation li { margin: 0px; padding: 0px; list-style-type: none; display: inline; }
#navigation a, #navigation a:visited { padding: 15px 17px 15px 18px; background: transparent url('/gfx/nav-button.jpg') no-repeat; display: block; float: left; font-size: 10px; color: rgb(51, 51, 51); text-decoration: none; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; text-align: center; }
#navigation a:active { border: medium none ; background: transparent url('/gfx/nav-button.jpg') no-repeat scroll center -84px; }
#container #navigation ul li a.selected { border: medium none ; background: transparent url('/gfx/nav-button.jpg') no-repeat scroll center -84px; text-align: center; }
#navigation a.selected:hover { border: medium none ; background: transparent url('/gfx/nav-button.jpg') no-repeat scroll center -84px; text-align: center; }
#navigation a:hover { border: medium none ; background: transparent url('/gfx/nav-button.jpg') no-repeat scroll center -42px; }
#subNavigation a, #subNavigation a:visited { margin: 0px; padding: 3px 5px 0px 15px; height: 18px; display: block; font-size: 12px; color: rgb(0, 0, 0); text-decoration: none; }
#subNavigation a:hover { color: red; }
#rightText a { padding: 5px 0px 0px 3px; background: transparent url('/gfx/get-quote-bg2.gif') no-repeat; width: 141px; height: 19px; font-size: 10px; font-family: Verdana,Arial,Helvetica,sans-serif; display: block; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; }
#rightText a:hover { background: transparent url('/gfx/get-quote-bg2.gif') no-repeat scroll 0px -23px; }
#rightText2 a { padding: 5px 0px 0px 3px; background: transparent url('/gfx/get-quote-bg.gif') no-repeat; width: 141px; height: 19px; font-size: 10px; font-family: Verdana,Arial,Helvetica,sans-serif; display: block; color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; }
#rightText2 a:hover { background: transparent url('/gfx/get-quote-bg.gif') no-repeat scroll 0px -23px; }
.headerMain { background: transparent url('/gfx/new-header-box-bullet.gif') no-repeat scroll left center; padding-left: 20px; }
#flashContent{
	font-family: tahoma,verdana; font-size: 12px; color: rgb(153, 153, 153); text-align:right; border:0px solid red; width:140px
}	
li{
	margin:0 0 0 2px;
	PADDING:0 0 2px 18px;
    background-image: url(/gfx/arrow-blue.gif);
	background-repeat:no-repeat;
	list-style-type:none;
}

.thumbnail{
	padding:2px;
	border:1px solid #025098;	
}
.thumbnail:hover{
	padding:2px;
	border:1px solid #c0c0c0;
}		


