/* CSS Document created by Blue Ginger 2009 */

* {margin: 0px; padding: 0px;} /* - this will reset all margins and paddings to 0 */

body {
	background-color: #94CD4A;
	background-image: url(./images/bkgrnd-main-grn-grad.jpg);
	background-repeat: repeat-x;
	color: #333333;
	font: 13px Candara, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

#wrapper {
	width: 950px;
	margin: 0px auto;
/*	background-color: #94CD4A; */
	background-image: url(./images/bkgrnd-sideshdw.png);
	background-repeat: repeat-y;
}

#header {
	background-color: #FFFFFF;
	color: #0099FF;
	height: 150px;
	margin: 0px 25px;
}

#header .logo {
	float: left;
	margin:10px 0px 10px 10px; 
	padding:0px 0px 10px 5px;
}

#topnav {
	float: right;
	font-size:13px;
	font-family: Candara, Verdana, Arial, Helvetica, sans-serif;
	color:#0397D7;
	background-color: transparent;
	margin-right: 35px;
	margin-top: 15px;
	padding-bottom:50px;
	margin-bottom:0px; 
}

#topnav ul {list-style: none;}
#topnav li {display:inline;}
#topnav li a:link, #topnav li a:visited, #topnav li a:active {text-decoration:none; color:#0397D7; padding-left:25px;}
#topnav li a:hover, #topnav li.picked {background:transparent url(./images/nav-top-bullet.jpg) no-repeat left top; padding-bottom:5px; color:#8AC73E; padding-left:25px; font-weight:normal;}
#topnav li a:hover span, #topnav li.picked span {padding-bottom:5px; border-bottom:1px dashed #8AC73E;}

#content {
	margin:0px 25px;
	background-color:#FFFFFF;
	background-image:url(images/blue-ginger-wtrmrk-top.gif);
	background-position: 530px bottom;
	background-repeat:no-repeat;
	height:1%;
	padding-bottom:0px;
	position:relative;
	min-height:550px;
	}

#sidenav {float:left; width:190px; padding-left:10px; padding-bottom:20px;}
#sidenav ul {list-style: none;}
#sidenav li a, #sidenav li a:visited, #sidenav li a:active {color:#0397D7; text-decoration:none; padding-left: 25px; padding-top:5px; line-height:30px;}
#sidenav li a:hover, #sidenav li.picked {text-decoration:none; color:#D66275; background:url(images/nav-left-bullet.gif) no-repeat 5px 70%; color:#8AC73E; font-weight:normal; padding-left: 25px;}
#sidenav li a:hover span, #sidenav li.picked span {padding-bottom:2px; border-bottom:1px dashed #8AC73E;}
#sidenav li.picked {padding-bottom:4px; padding-left:26px; padding-top:5px;}

#maincontent {margin: 10px 30px 0px 210px; border:0px solid blue; padding-left:40px; color:#666666; font-family:Candara, Verdana, Arial, Helvetica, sans-serif;}
#maincontent p {font-size:80%; padding-bottom:10px;}
#maincontent .intro {font-size:95%;}
#maincontent .highlight-blue {color: #0397D7;}
#maincontent .highlight-green {color: #8AC73E;}
#maincontent h1 {font-size:90%;}
#maincontent ul {font-size:80%; margin-left:20px;}
#maincontent h2 {font-size:85%;}
#maincontent .address {color:#BBC0DD; font-size:68%; line-height:110%; margin-bottom:3px;}
#maincontent a {color:#666699; text-decoration:none;}
#maincontent a:hover {text-decoration:underline;}
#maincontent a img {border:0px;}

#maincontent {float:left; width:590px; margin: 10px 10px 0px 15px; border:0px solid blue; padding-left:25px; color:#666666; font-family:Candara, Verdana, Arial, Helvetica, sans-serif; font-size:16px;}
#maincontent p {font-size:80%; padding-bottom:10px;}
#maincontent .first-para {font-size:95%;}

#sidenav {margin-left:640px; width:220px; float:left;}

#main-nav {
	float:left; width:900px; padding-top:0px; margin:0px 0px 10px 0px; background-color: #0092DB; height:30px;
	}
#main-nav ul {
	padding: 0;
	width: 900px;
	list-style: none;
	}
#main-nav ul li {
	margin: 0;
	padding: 0;
	float: left; /*For Gecko*/
	list-style: none;
	position: relative;
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:1%;
	}
#main-nav .line {
	border-left:1px solid #ffffff;
	}
#main-nav ul a {
	padding: 8px 14px 8px 14px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #FFFFFF;
	text-decoration: none;
/*	background-color: #00A5DC; */
	/* height: auto !important; */
	/* height: 1%; /*For IE*/
	}
#main-nav ul a:hover, #main-nav ul li:hover a{
	background: #8DC73F;
	color: #FFFFFF;
}
#main-nav .picked {
	background: #8DC73F;
	color: #FFF;
	/* padding: 8px 14px 8px 14px; */
}
#main-nav .home {margin-left:15px;}

#main-nav ul li.contact, #main-nav ul li.contact a:hover {
	background-image: url(images/hdr_nav_right.gif);
	background-position: right;
	background-repeat:no-repeat;
	}
#main-nav ul li.contact {width:113px;} /* don't merge this line with the css definition above, it's used to stretch the last element to the width of the container */

#footer {
	background-color:#FFFFFF;
	background-image: url(./images/footer_blue.gif);
	background-repeat: no-repeat;
	background-position: 15px bottom;
	height: 35px;
	clear:both;
	margin:0px 25px; /* padding:0px 25px; */
	color:#FFFFFF;
}
#footer #copyright {float:left; margin-left:20px; padding-top:8px;font-size:80%; }
#footer #address {float:right; text-align:right; margin-right:20px; padding-top:8px;font-size:80%; }
#footer a:link, #footer a:visited, #footer a:active {color:#BBC0DD; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .email {padding-left:5px;}

#intro-left {color:#FFFFFF;}
#intro-left h1 {color: #0397D7; font-size:75%; margin-top:10px; margin-bottom:5px;}
#intro-left p {font-size:75%; margin-bottom:10px;}
#intro-left a {color: #0397D7; text-decoration:underline;}
#intro-left a.site {color: #CBCB96; text-decoration:none;}
#intro-other {position:absolute; top: 182px; background-color:#B1B094; width:206px; padding-left:35px; height:30px; padding-top:5px;}
#intro-other h1 {color: #0397D7; font-size:75%; vertical-align:middle;}
#intro-numbers {position:absolute; top:212px; clear:both; background-color:#CCCCCC; width:206px; height:23px; padding-left:35px; padding-top:5px;}

#intro-middle a img, #intro-right a img {border:0px;}

.num_space {padding-left:5px;}

#num1off {position:absolute; top:5px; left:35px; width:19px; text-align:right;  z-index:10; visibility:hidden; padding:0px; margin:0px;}
#num1on {position:absolute; top:5px; left:35px; width:19px; text-align:right;  z-index:10; visibility:visible; padding:0px; margin:0px;}
#num2off {position:absolute; top:5px; left:60px; width:19px; text-align:right;  z-index:10; visibility:visible; padding:0px; margin:0px;}
#num2on {position:absolute; top:5px; left:60px; width:19px; text-align:right;  z-index:10; visibility:hidden; padding:0px; margin:0px;}
#num3off {position:absolute; top:5px; left:85px; width:19px; text-align:right;  z-index:10; visibility:visible; padding:0px; margin:0px;}
#num3on {position:absolute; top:5px; left:85px; width:19px; text-align:right;  z-index:10; visibility:hidden; padding:0px; margin:0px;}
#num4off {position:absolute; top:5px; left:110px; width:19px; text-align:right;  z-index:10; visibility:visible; padding:0px; margin:0px;}
#num4on {position:absolute; top:5px; left:110px; width:19px; text-align:right;  z-index:10; visibility:hidden; padding:0px; margin:0px;}
#num5off {position:absolute; top:5px; left:135px; width:19px; text-align:right;  z-index:10; visibility:visible; padding:0px; margin:0px;}
#num5on {position:absolute; top:5px; left:135px; width:19px; text-align:right;  z-index:10; visibility:hidden; padding:0px; margin:0px;}
#num6off {position:absolute; top:5px; left:160px; width:19px; text-align:right;  z-index:10; visibility:visible; padding:0px; margin:0px;}
#num6on {position:absolute; top:5px; left:160px; width:19px; text-align:right;  z-index:10; visibility:hidden; padding:0px; margin:0px;}
#num7off {position:absolute; top:5px; left:185px; width:19px; text-align:right;  z-index:10; visibility:visible; padding:0px; margin:0px;}
#num7on {position:absolute; top:5px; left:185px; width:19px; text-align:right;  z-index:10; visibility:hidden; padding:0px; margin:0px;}
#num8off {position:absolute; top:5px; left:210px; width:19px; text-align:right;  z-index:10; visibility:visible; padding:0px; margin:0px;}
#num8on {position:absolute; top:5px; left:210px; width:19px; text-align:right;  z-index:10; visibility:hidden; padding:0px; margin:0px;}

#client-txt-default {position:absolute; top:10px; left:0px; width:200px; text-align:left;  z-index:10; visibility:visible; padding:0px; margin:0px; padding-left:35px;}
#client-txt-2, #client-txt-3, #client-txt-4, #client-txt-5, #client-txt-6, #client-txt-7, #client-txt-8 {position:absolute; top:10px; left:0px; width:200px; text-align:left;  z-index:10; visibility:hidden; padding:0px; margin:0px; padding-left:35px;}
#client-txt-default a, #client-txt-2 a, #client-txt-3 a, #client-txt-4 a, #client-txt-5 a {text-decoration:none;}
#client-txt-default a:hover, #client-txt-2 a:hover, #client-txt-3 a:hover, #client-txt-4 a:hover, #client-txt-5 a:hover, #client-txt-6 a:hover, #client-txt-7 a:hover, #client-txt-8 a:hover {text-decoration:underline;}
#intro-middle, #intro-middle-pic1 {position:absolute; /* float:left; */ top:0px; left:130px; border:0px; width:329px; margin:0px; visibility:visible;}
#intro-middle-pic2, #intro-middle-pic3, #intro-middle-pic4, #intro-middle-pic5, #intro-middle-pic6, #intro-middle-pic7, #intro-middle-pic8 {position:absolute; top:0px; left:130px; width:329px; visibility:hidden; padding:0px; margin:0px; border:0px;}
#intro-right, #intro-right-pic1 {position:absolute; /* float:left; */ top:0px; left:290px; border:0px; width:330px;  margin:0px; visibility:visible;}
#intro-right-pic2, #intro-right-pic3, #intro-right-pic4, #intro-right-pic5, #intro-right-pic6, #intro-right-pic7, #intro-right-pic8 {position:absolute; top:0px; left:290px; width:329px; visibility:hidden; padding:0px; margin:0px; border:0px;}