/* CSS Document */

html, body {
	margin: 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	background-color:#D8DEE9;
}

#container {
			width: 862px;
			min-height:90%;
			margin:0 auto;
			padding: 0px;
			position:relative;
			background:url(../images/CONTAINER_bkg.gif) repeat-y;
			xborder:1px solid #FF0000;
}


*html #container {
			height:90%;
}
		

		

/*--- TOP -----------------------------------------------------------------------------------------------------------------------*/

		
		#masthead {
			width:862px;
			height:197px;
			float:left;
			padding: 0px;
			margin:0 0 0 0px;
			position:relative;
		}
		
			#masthead h1 a:link, #masthead h1 a:visited {
				width:340px;
				height:170px;
				display:block;
				overflow:hidden;
				padding: 0px;
				margin:0px;
				text-indent:-1000em;
			}
			
			#masthead h1 {
				padding: 0px;
				background:url(../images/MASTHEAD.gif) no-repeat;
				margin:0px;
				height:197px;
			}
			
			#email a:link, #email a:visited {
				width:170px;
				height:20px;
				position:absolute;
				right:58px;
				top:34px;
				text-indent:-1000em;
				xborder:1px solid #FF0000;
			}
			
			#email a:hover{
				background:url(../images/email-over.gif) no-repeat 49px 6px;
			}
			
			#contact a:link, #contact a:visited {
				width:251px;
				height:20px;
				position:absolute;
				right:240px;
				top:34px;
				text-indent:-1000em;
				xborder:1px solid #FF0000;
			}
				
			
			#main_nav {
				width:436px;
				height:50px;
				float:left;
				position:absolute;
				margin:0 0 0 0px;
				padding:0;
				display:inline;
				left: 370px;
				top: 90px;
		
			}
			
				#menu {
					height:50px;
					padding:0px 0px 0 0px;
					margin:0;

				}
				
				#menu ul {
					list-style: none;
					padding: 0 0 0px 0;
					margin: 0px 0 0 0;
					height:12px;
				}
				
				#menu ul li
				{
					background-image: none;
					padding: 0px;
					float: left;
					margin: 0;
					font-size: 12px;
					font-family: Arial, Helvetica, sans-serif;
					line-height:12px;
				
				}
				
				#menu ul li#services_btn
				{ display: block; padding:0; width:114px; height:50px; background: url(../images/MAINNAV_services.gif) no-repeat;}
				
				#menu ul li#services_btn a:link, #menu ul li#services_btn a:visited
				{ display: block; width:114px; height:50px; text-indent:-1000em; }
				
				#menu ul li#services_btn a:hover, #menu ul li#services_btn a.active
				{ background: url(../images/MAINNAV_services-over.gif) no-repeat; }
				
				
				#menu ul li#about_btn
				{ display: block; padding:0; width:101px; height:50px; background: url(../images/MAINNAV_about.gif) no-repeat;}
				
				#menu ul li#about_btn a:link, #menu ul li#about_btn a:visited
				{ display: block; width:101px; height:50px; text-indent:-1000em; }
				
				#menu ul li#about_btn a:hover, #menu ul li#about_btn a.active
				{ background: url(../images/MAINNAV_about-over.gif) no-repeat; }
				
				
				#menu ul li#upload_btn
				{ display: block; padding:0; width:110px; height:50px; background: url(../images/MAINNAV_upload.gif) no-repeat;}
				
				#menu ul li#upload_btn a:link, #menu ul li#upload_btn a:visited
				{ display: block; width:110px; height:50px; text-indent:-1000em; }
				
				#menu ul li#upload_btn a:hover, #menu ul li#upload_btn a.active
				{ background: url(../images/MAINNAV_upload-over.gif) no-repeat; }
				
				
				#menu ul li#contact_btn
				{ display: block; padding:0; width:111px; height:50px; background: url(../images/MAINNAV_contact.gif) no-repeat;}
				
				#menu ul li#contact_btn a:link, #menu ul li#contact_btn a:visited
				{ display: block; width:111px; height:50px; text-indent:-1000em; }
				
				#menu ul li#contact_btn a:hover, #menu ul li#contact_btn a.active
				{ background: url(../images/MAINNAV_contact-over.gif) no-repeat; }
				
					
				
				
		#sub_nav {
			text-align:right;
			height:20px;
			font-size:11px;
			line-height:20px;
			margin:10px 24px 0px 0;
			padding:0 0px 0 0;
			width:490px;
			float:right;
			display:inline;
		}
		
		
				#sub_nav ul {
					list-style: none;
					padding: 0 0 0px 0;
					margin: 0px 0 0 0;
					border-left: 1px solid #70BF44;
					height:12px;
				}
				
				#sub_nav ul li
				{
					background-image: none;
					padding: 0px;
					float: left;
					margin: 0;
					font-size: 11px;
					border-right: 1px solid #70BF44;
					font-family: Arial, Helvetica, sans-serif;
					line-height:12px;
					color:#666;
				
				}
				
				#sub_nav ul li a
				{
					display: block;
					padding-left: 11px;
					padding-right: 11px;
					text-decoration: none;
					color: #666;
					font-weight:bold;
				}
				
				#sub_nav ul li a:hover, #sub_nav ul li a.active
				{
					color: #FA9D1C;
					font-weight:bold;
				}
						
			
		
/*--- CONTENT -----------------------------------------------------------------------------------------------------------------------*/

		#content {
			width:528px;
			float:left;
			margin: 0px 145px 30px 189px;
			padding: 0px 0 0 0;
			display:inline;
			xborder:1px solid #FF0000;
		}	
			
			#content ul {
				list-style-position:outside;
			}
			
			#content li {
				padding:0;
				margin:0 0 10px 14px;
			}
		
			p, ul {
				margin:0 0 10px 0;
				padding:0;
				color:#333;
			}
			
			img {
				margin:10px 20px 10px 0px;
				vertical-align: text-top;
			}
			
			#clearer {
				clear:left;
				padding:0;
				margin:0;
			}
			
			.green {
				color:#70BF44;
			}
			
			#upload_slots input {
				width:350px;
				float:left;
				margin-bottom:10px;
				padding-right:10px;
				
			}
			
			#upload_slots {
				width:350px;
				float: left;
			}
			
			#upload_form {
				padding:0 0 0 34px;
				float:left;
			}
			
			#progress_div {
				
			}
			
			#reset_upload {
				float:left;
				width:200px;
				margin:20px 0 0 0;
				padding:0;
			}


/*--- LEFT -----------------------------------------------------------------------------------------------------------------------*/

		#sidebar-left {
			float: left;
			width: 204px;
			height:362px;
			margin:0 0 0 21px;
			padding: 35px 20px 0 20px;
			background:url(../images/LEFT_bkg.gif) no-repeat;
			display:inline;
		}
		

/*--- RIGHT -----------------------------------------------------------------------------------------------------------------------*/
		
		#sidebar-right {
			float: right;
			width: 216px;
			margin: 0;
			margin-left: 0;
			padding: 0px;
		}
		

/*--- BOTTOM -----------------------------------------------------------------------------------------------------------------------*/

		#bottom_cap {
			clear:both;		
			padding: 0px;
			margin:0;
			width:862px;
			height:52px;
			text-align:center;
			color:#FFFFFF;
			font-size:9px;
			line-height:28px;
			background:url(../images/BOTTOM_cap.gif) no-repeat;
		}
		
/*--- TEXT STYLES -----------------------------------------------------------------------------------------------------------------------*/
		
p, ul, li {
	font-size:12px;
	line-height:17px;
	margin-left:34px;
}

h2 {
	font-size:26px;
	margin:40px 0 15px 0;
	color:#333;
}
	
	.welcome {
		width:240px;
		height:37px;
		text-indent:-1000em;
		background:url(../images/HEADING_welcome.gif) no-repeat;
	}
	
	.printing {
		width:169px;
		height:37px;
		text-indent:-1000em;
		background:url(../images/HEADING_printing.gif) no-repeat;
	}

	
	.design {
		width:240px;
		height:37px;
		text-indent:-1000em;
		background:url(../images/HEADING_design.gif) no-repeat;
	}
	
	.advertising {
		width:240px;
		height:37px;
		text-indent:-1000em;
		background:url(../images/HEADING_advertising.gif) no-repeat;
	}
	
	.promo {
		width:240px;
		height:37px;
		text-indent:-1000em;
		background:url(../images/HEADING_promo.gif) no-repeat;
	}
	
	.products {
		width:240px;
		height:37px;
		text-indent:-1000em;
		background:url(../images/HEADING_products.gif) no-repeat;
	}
	
	.about {
		width:240px;
		height:37px;
		text-indent:-1000em;
		background:url(../images/HEADING_about.gif) no-repeat;
	}
	
	.team {
		width:240px;
		height:37px;
		text-indent:-1000em;
		background:url(../images/HEADING_team.gif) no-repeat;
	}
	
	.upload {
		width:240px;
		height:37px;
		text-indent:-1000em;
		background:url(../images/HEADING_upload.gif) no-repeat;
	}
	
	.contact {
		width:240px;
		height:37px;
		text-indent:-1000em;
		background:url(../images/HEADING_contact.gif) no-repeat;
	}
	
	

h3 {
	font-size:20px;
	margin:15px 0 2px 32px;
	color:#ed8f07;
	line-height:22px;
}

h4 {
	font-size:16px;
	margin:5px 0 0px 32px;
	color:#333;
}

.small a:link, .small a:visited {
	font-size:10px;
	color:#000;
}

.small a:hover{
	color:#ed8f07;
}


a:link, a:visited {
	color:#5E2D8D;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#ed8f07;
}