@import url(base.css);
/*
	IO Artist support style 2

	Contents:
		Basic tags
		Layout
		Navigation list
		Type
		Product list
		Form

*/



/* Basic tags
----------------------------------------------- */


	body {
			background-image: url(../general_images/io-as-dark_bg.gif); 
			background-repeat:repeat-y;
			background-color: #e9e9e9;
			}

			
/* Layout
----------------------------------------------- */
			
		#topCont {
			width: 790px;	
			height: 176px;	
			background-color: #fff		
			}	
			
		#topCont #colOne {
			border-right: 1px solid #a0a0a0;	
			}			
			
			
		.typeBox {
			border: 1px #fff solid;
			background-color: #999;
			}	
	
	
			
/* Type
----------------------------------------------- */


		p {
			color: #ccc;
			}
		
		h1 {
			color: #999;
			}
	
		h2 {
			color: #fff;
			}
		
		h3 {
			color: #ccc;
			border-top: 1px dotted #666;
			}
	
		h3 {
			font-size: 18px;
			line-height: 22px;
			font-weight: normal;
			margin: 20px 20px 10px 16px;
			padding-top: 10px;
			}				
				
		.subtitle {
			color: #ccc;
			}
					
	
		.copyright {
			border-top: 1px solid #ccc;
			}			
		
		#mainCont ul {
			color: #ccc;
			}
			
		#mainCont li {
			padding-left: 0px;
			list-style-image: url(../general_images/bullet-grey.gif)
			}
			
		#mainCont li ul li {
			list-style-image: url(../general_images/bullet-lightgrey.gif)
			}		
			
		.typeBox p {
			font-size: 13px;
			line-height: 19px;
			color: #333
			}	
			
		h4{
			color: #333;
			border-bottom: 1px solid #333;
			}	
/* Links
----------------------------------------------- */		


		p a, #mainCont  ul a {
			color: #ccc;
			border-bottom: solid 1px #666;
			}	
			
			
		p a:hover, #mainCont ul a:hover {
			color: #fff;
			border-bottom: solid 1px #999;
			}
			
		h2 	a {
			color: #00b9f2;
			border-bottom: solid 1px #666;
			}
			
			
		h2 	a:hover {
			color: #fff;
			border-bottom: solid 1px #fff;
			}
			
		.recipientsLink {
			color:#6699CC;
		}	
		
		.recipientsLink:hover {
			color:#666;
		}