/* CSS Document */
body{
  background-color: #7b7b7b;
}


#container{
position: relative;
margin-left:auto;
margin-right:auto;
width:892px;
height:auto;
background-image:url(images/midd-strip.gif);
background-repeat:repeat-y;
}

#container-top{
position: relative;
width:892px;
height:140px;
background-image:url(images/top-bar.gif);
background-position: center bottom;
}

#container-footer{
position: relative;
width:892px;
height:120px;
background-image:url(images/web-footer.gif);
background-position: center top;
background-repeat: no-repeat;
background-color: #7b7b7b;
}

#container #maincontent{
position:relative;
margin-left:110px;
}

/* start - mid strip */

		#container #maincontent #imagestrip{
		position:relative;
		width:548px;
		height: 223px;
		padding-top: 27px;
		}

		
				#container #maincontent #imagestrip #gren-strip{
				position: absolute;
				width: 65px;
				height: 223px;
				background-color:#ABD276;
                margin-right:5px;
				}
				
				
				 #container #maincontent #imagestrip img{
				position: absolute;
                top: 27px;
                left: 70px;
				width: 478px;
				height: 223px;
				background-image: url(images/homepage-image);
				}

/* end - mid strip */

/* start - main content */				
				
	
		#container #maincontent #content-container{
		position:relative;
		width:548px;
		height: auto;
		padding-top: 27px;
		}	
		

				#container #maincontent #content-container #content{
				position:relative;
				width:458px;
				height: auto;
				margin-left: 70px;
				border-left: solid 1px #cccccc;
				padding-right: 20px;
				line-height: 24px;
				}
                #container #maincontent #content-container #content span{
                  font-weight: bold;
                  color:#319fe0;

                }

				#container #maincontent #content-container #content li a{
                  text-decoration: underline;
                }

				
				
/* development device for short pages with no content */
				
				
				#container #maincontent #content-container #content #short-page-compen{
				min-height:400px; 
				height:auto;
				}
				
				/* for Internet Explorer */
				/*\*/
				* html #container #maincontent #content-container #content #short-page-compen{
				height: 400px;
				}
				/**/
				
/* end development device for short pages with no content */

/* start blue title bar */

						#container #maincontent #content-container .content-title{
						position:relative;
						width:478px;
						height: 20px;
						background-color: #54AAE5;
                        margin-bottom: 20px;
						}

				
									#container #maincontent #content-container .content-title p{
									font-family:Verdana, Arial, Helvetica, sans-serif;
									font-size:14px;
									font-weight:normal;
									text-decoration:none;
									color:#FFFFFF;
									margin-top:0px;
									margin-right:10px;
									text-align:right;
									}

/* end blue title bar */
/* start blue footer bar */
						
						#container #maincontent #content-container #content-foot{
						position:relative;
						width:478px;
						height: 20px;
						background-color: #54AAE5;
						margin-top:25px;
						}
						
/* end blue footer bar */

/* h3 tag for bold text */

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#319fe0;
margin-top:20px;
margin-left: 10px;
}



p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:light;
text-decoration:none;
color:#666666;
margin-top:0px;
margin-left: 10px;
}



/* title class for ul titles in content */
.title{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
color: #319fe0;
list-style-type:none;
text-indent:0px;
}
									#container #maincontent #content-container #content ul {
									font-family:Verdana, Arial, Helvetica, sans-serif;
									font-size:11px;
									font-weight:light;
									list-style-type:none;
									color:#666666;
									margin-top:14px;
									margin-left: 10px;
									line-height: 20px;
									border: dotted 1px #CCCCCC;
									padding: 5px;
                                    padding-top: 20px;
                                    padding-bottom: 20px;
									}

									#container #maincontent #content-container #content ul li {
									margin-bottom: 10px;
                                    margin-left: 20px;
									}

									#container #maincontent #content-container #content a {
									font-family:Verdana, Arial, Helvetica, sans-serif;
									font-size:11px;
									font-weight:light;
									text-decoration:none;
									color:#666666;
									margin-top:14px;
									margin-left: 0px;
									text-indent: 5px;
									line-height: 20px;
									}
									
									#container #maincontent #content-container #content a:hover {
                                    color:#319fe0;
									}
									
									#container #maincontent #content-container #content ol {
									font-family:Verdana, Arial, Helvetica, sans-serif;
									font-size:11px;
									font-weight:light;
									color:#666666;
									margin-top:14px;
									margin-left: 10px;
									line-height: 20px;
									border: dotted 1px #CCCCCC;
									padding: 5px;
                                    padding-top: 20px;
                                    padding-bottom: 20px;
									padding-left:10px;
									}

									#container #maincontent #content-container #content ol li {
									margin-bottom: 10px;
                                    margin-left: 20px;
									}
			
/* start of products boxes */


#container #maincontent #content-container #content .prod-box ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:light;
list-style-type:circle;
color:#666666;
margin-top:14px;
margin-left: 0px;
text-indent: 0px;
line-height: 20px;
border: dotted 1px #CCCCCC;
padding: 5px;
padding-left:20px;
}

#container #maincontent #content-container #content .prod-box table {
margin:0;
padding:0;
}

.prod-box{
list-style-type:circle;
margin-left:10px;
text-indent:0px;
}


/* end of products boxes */

/* end - main content */
/* start - nav strip */

		#container #maincontent #rightnav{
		position:absolute;
		width:229px;
		height:400px;
		right:0;
		top: 0;
		background-image: url(images/logo-bottom.gif);
		background-repeat:no-repeat;
		
		}
		
				#container #maincontent #rightnav #navigation-box{
				position:relative;
				width:119px;
				height:166px;
				background-color:#ABD276;
				margin-top:84px;
				
				}		
				
				
						#container #maincontent #rightnav #navigation-box ul{
						list-style-type: none;
						line-height:24px;
						text-indent:12px;
						text-align:right;
                        margin: 0;
						padding:0;
						padding-top: 10px;
						margin-right: 10px;
				}
				
						#container #maincontent #rightnav #navigation-box a{
						font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size:14px;
						font-weight:normal;
						text-decoration:none;
						color:#FFFFFF;
				
				}
				
						#container #maincontent #rightnav #navigation-box a:hover{
						font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size:14px;
						font-weight:normal;
						text-decoration:underline;
						color:#FFFFFF;
			
				
				}
		
		
		#container #maincontent #rightnav #address-box{
				position:relative;
				width:119px;
				height:150px;
				background-color:#cdcdcd;
				margin-top:27px;

				}
				
				#container #maincontent #rightnav #address-box p{
				
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
				font-weight:light;
				text-decoration:none;
				color:#666666;
				line-height: 24px;
				text-align:right;
				margin-right:10px;
				}
								
				
				
				
		
		#container #maincontent #rightnav #address-footer{
				position:relative;
				width:119px;
				height:100px;
				background-color:#54AAE5;
				background-image:url(images/telephone-bar.gif);
				background-repeat:no-repeat;
				margin:0;
				}
				

#content-container td{
width: 227px;

}

.grey{
color: #333333;
}
		
		
/* footer links */		

#container-footer #linker{
position:relative;
width:300px;
height:30px;
margin-left:auto;
margin-right:auto;
padding-top:48px;
}	
		
#container-footer #linker a{
position:relative;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:light;
color: #FFFFFF;
text-decoration:none;
margin:0 10px 0 10px;
}

#container-footer #linker a:hover{
position:relative;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:light;
color: #FFFFFF;
text-decoration:underline;
margin:0 10px 0 10px;
}

#container-footer #copy{
width:300px;
margin-left:auto;
margin-right:auto;
padding-top: 0;
}										

#container-footer #copy p{
margin:0;
padding:0;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:light;
color: #FFFFFF;
}