@import url("reset.css");
/* CSS Document */

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	SpacesaverInfolinx
Version:	1.1
Last change:	
Assigned to:	Kaitlyn Allen
Primary use:	Promotional / Educational
----------------------------------------------------

[Table of contents]

1. Body
	a. icons / .icon
	b. h1, h2, h3, h4, h5
	c. p, p strong
	d. pullquotes
	e. external links
2. Container / #container
3. Header / #header
	a. Navigation / 
4. Content /#content
	a. Content Box/  .contentbox
5. Gallery /#gallery
	a. Snippit 1 / #gallery .Snippet1ClassName 
	b. Snippit 2 / #gallery .Snippet2ClassName 
	c. Snippid 3 / #gallery .Snippet3ClassName 
	d. Image / .figure
	e. Marque / #marqueecontainer
6. Footer / #footer
	a.Fix Footer  / .clearFooter
7. Wrapper  / #wrapper
	a. Wrapper Footer  /#wrapperfooter



/* LayOut */


body
	{
		font: 85% arial, hevetica, sans-serif;
		background-color:#dcffff;
		background-image: url(../images/background_body.gif);
		background-repeat: repeat-x;
		background-position:top;
		margin: 0;
		padding: 0;
		text-align: left;
		font-weight:100;
				
	}

		/*--------------------------    Paragraph Styles   ---------------------*/

		
h1 {
	color:#003366;
	display:inline;
	font-family:Georgia, Times, serif;
	font-size:26px;
	font-weight:400;

	word-spacing: 0.1em;
	letter-spacing: 1px;
	line-height: 28px;
	padding-left: 30px;
	background-image:url(../images/Open.gif);
	background-repeat: no-repeat;	
			}
			
		h1:first-letter {
			font-size: 160%;
			font-weight:bold;
		}
		


h2 {
	color:#003366;
	padding: 0px 0px;
	text-transform: uppercase;
	text-indent: 0;
	font-family:Georgia, Times, serif;
	font-size: 11pt;
	font-weight: normal;
}

		h2:first-letter {
			font-size: 120%;
		}


		
h3
{
	 color:#003366;
	 display: inline;
	font-family:Georgia, Times, serif;
	 font-size:13px;
	 font-weight:normal;
	 padding-left:0px;
	 padding-right: 0px;
	 padding-bottom:0px;
	 text-indent: 0px;
}	
		
		h3:first-letter {
					font-size: 120%;
				}
		
	
			
h4 {
	padding: 100px 20px 20px 10px;
	text-transform: uppercase;
	text-indent: 20px;
	font-family:Georgia, Times, serif;
	font-size: 11pt;
	color:#FFFFFF;
	width: 350px;
	font-weight: normal;
}

		h4:first-letter {
			font-size: 120%;
		}			
		
			
			
		
		hr
			{
				background: #CCCCCC;
				color:#CCCCCC;
				border: none;
				height: 1px;
			}
			
p 
	{
		 color:#666666;
		 display:inline;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size:11px;
		 line-height:18px;
		 text-indent: 15px;
		 font-weight: normal;
	}
			
		p strong 
			{
				 color:#999999;
				 font-family:Verdana, Arial, Helvetica, sans-serif;
				 font-size:12px;
				 font-weight: bold;
				 line-height:18px;
			}
		
			
		#content ul 
			{
				color:#666666;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				list-style-image:url(../images/bullet.gif);
				list-style-position:outside;
				line-height:18px;
				padding-left: 5px;
				text-align:left;
				margin-left: 35px;
			}
		
		#content li 
			{
	line-height: 14px;
	padding-bottom: 8px;
	padding-left: 5px;
			}
			
			
		#gallery ul 
			{
				color:#666666;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				list-style-image:url(../images/bullet.gif);
				list-style-position:outside;
				line-height:22px;
				margin-bottom: 3em;
				padding-left: 5px;
				text-align:left;
				margin-left: 35px;
			}
		
		#gallery li 
			{
	line-height: 14px;
	padding-bottom: 10px;
	padding-left: 5px;
			}
						

		
		.pullquote 
			{
				background:url(../images/closequote.gif) no-repeat bottom right !important;
				background /**/:url(); /* removing quote graphic in IE5+ */
				color:#333333;
				float:left;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				font-weight: bold;
				line-height:16px;
				margin:0px;
				padding: 5px 5px 5px 30px;
				text-align:left;
				width: 300px;
			}
		
		.pullquote:first-letter 
			{
				background:url(../images/openquote.gif) no-repeat left top !important;
				background /**/: url(); /* removing quote graphic in IE5+ */
				padding:5px 2px 10px 20px!important;
				padding /**/:0px; 	/* resetting padding in IE5+ */
			}
			
		a.external:link 
			{
				 color:#FF6600;
				 font-family: Verdana, Arial, Helvetica, sans-serif;
				 font-size:11px;
				 line-height:16px;
				 text-decoration:none;
			}
		a.external:visited 
			{
				 color:#FF6600;
				 font-family: Verdana, Arial, Helvetica, sans-serif;
				 font-size:11px;
				 line-height:16px;
				 text-decoration:none;

			}
		a.external:hover 
			{
				text-decoration: underline; 
			}
		a.external:active 
			{
				color:#000033;
				text-decoration:none;
			}	
					

	
		
		/*--------------------------    Paragraph Styles   ---------------------*/

				.icon 
		{
			float:left;
			height: 30px;
			margin-top: 0px;
			margin-bottom: 20px;
			margin-left:4px;
			margin-right:4px;
			position: relative;
			width: 20px;
			z-index: 0;
		}

#wrapper
	{
		
		margin: 0em auto;
		position:relative;
		width: 100%;	
	}	

#container
	{
		height: 100%;
		margin: 0em auto;
		position:relative;
		text-align: left;
		width: 1000px;
		padding-bottom:40px;				
	}

html>container div {
width: 10040;
}

	
#header
	{
		background-image:url(../images/header.gif);
		height: 77px;
		margin-top:13px;
		position:relative;		
		width: 970px;
		z-index:1;
		text-align:right;	
	}	
	

		  .google {
		position: relative;
		margin-top: -100px;
		margin-left: 90px;
		z-index: 500;
		text-align:left;
		}	
		/*-------------------- Navigation --------------------*/
		
		
		.suckertreemenu ul
			{
				list-style-type: none;
				margin: 0;
				padding: 0;
				position: relative;
				float:right;
			
			}
		
		
		/*Top level list items*/
		.suckertreemenu ul li
			{
				float: right;
				display: inline;
				position: relative;
				z-index:1000;
			}
		
		
		/*Top level menu link items style*/
		.suckertreemenu ul li a
			{
				color:#FFFFFF;
				display: block;
				padding: 8px 8px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:.77em;
				font-weight:600;
				letter-spacing: .75px;
				position: relative;		
				margin-right: 10px;
				text-align:left;
				text-decoration: none;
				width: relative; /*Width of top level menu link items*/
				z-index:2000;
		
			}
			
			
		/*1st sub level menu*/
		.suckertreemenu ul li ul
			{
				display: block;
				left: 0;
				position: absolute;
				top: 1em; /* no need to change, as true value set by script */
				visibility: hidden;
			}
		
		
		/*Sub level menu list items (undo style from Top level List Items)*/
		.suckertreemenu ul li ul li
			{
				display: list-item;
				float: none;
			}
		
		
		/*All subsequent sub menu levels offset after 1st level sub menu */
		.suckertreemenu ul li ul li ul
			{ 
				left: 159px; /* no need to change, as true value set by script */
				top: 0;
			}
		
		
		/* Sub level menu links style */
		.suckertreemenu ul li ul li a
			{
				background-color:#FFFFFF;
				color:#000066;
				display: block;
				font-size: .75em;
				font-weight:600;
				text-decoration: none;
				padding: 3px 9px;
				width: 150px; /*width of sub menu levels*/
			}
		
		
		.suckertreemenu ul li a:hover
			{
				color:#FF6600;
			}
		
		
		/*Background image for top level menu list links */
		.suckertreemenu .mainfoldericon
			{
				/*background: url(../../../../../../Infolinx/Materials/Published/Public/Website/images/images/arrow-right.gif) no-repeat center right; */
			}
		
		
		/*Background image for subsequent level menu list links */
		.suckertreemenu .subfoldericon
			{
				background: #ffffff  url(../../../../../../Infolinx/Materials/Published/Public/Website/images/images/arrow-right.gif) no-repeat center right;
			}
		
		
		* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
		padding-top: 1em;
		}
			
		/* Holly Hack for IE \*/
		* html .suckertreemenu ul li { float: left; height: 1%;}
		* html .suckertreemenu ul li a { height: 1%;}
		* html .suckertreemenu ul li ul li { float: left;}
		/* End */
		
		
		/*-------------------- Navigation --------------------*/	

#content
	{
		float: right; 
		height: 150%;
		padding-top: 30px;
		padding-bottom: 10px;
		margin-left:40px;
		position:relative;
		vertical-align:text-top;
		width: 500px;
		z-index:0;
		text-indent:0px;
	}
	#content1
	{
		float: right; 
		height: 150%;
		padding-top: 30px;
		padding-bottom: 10px;
		margin-left:40px;
		position:relative;
		vertical-align:text-top;
		width: 500px;
		z-index:0;
		text-indent:1px;
	}


--------------------Index Page ----------------
#contentIndex
	{
		float: right; 
		height: 100%;
		margin-top: 300px;
		margin-bottom: -150px;
		position:relative;
		vertical-align:text-top;
		width:500px;
		background-repeat:no-repeat;
		background-position:top;
		z-index:0;
		

	}


#galleryIndex
	{
		height: 100%;		
		margin-top: 300px;
		margin-bottom: -150px;		
		position:relative;
		vertical-align:text-top;
		background-repeat:no-repeat;
		background-position:top;
		width: 500px;
		z-index:0;
	}


--------------------Index Page ----------------


		.contentIndexBox 
			{
				display:block;
				background-repeat: no-repeat;				
				overflow:hidden;				
				position:relative;
				padding: 10px 10px 10px 10px;
				width:400px;
				height: 250px;
				margin-left: 50px;				
				z-index:0;
			}
		
		
		.contentGalleryBox 
			{
				display:block;
				background-repeat: no-repeat;				
				overflow:hidden;				
				position:relative;
				padding: 10px 10px 10px 10px;
				width:400px;
				height: 250px;
				margin-left: 25px;				
				z-index:0;
			}
				
		
			img.floatLeft 
			{ 
				float: left; 
				margin: 4px 20px 20px 20px;
				border: none;

			}
			
			img.floatRight 
			{ 
				float: right; 
				margin: 4px 20px 4px 20px;; 
				border: none;				
			}
			

	.collapsable {
    margin: 1em;
    padding: 1em;
    border: 1px solid black;
    background: #eee;
   
} 



	
	
#gallery
	{
		height: 100%;		
		margin-right: 0px;
		margin-left: -40px;
		margin-top: -20px;
		padding-top: px;
		padding-bottom:10px;
		position:relative;
		vertical-align:text-top;
		width: 900;
		z-index:0;
	}
	
	
#gallery1
	{
		height: 100%;		
		margin-right: 0px;
		margin-left: -40px;
		margin-top: -20px;
		padding-top: px;
		padding-bottom:10px;
		position:relative;
		vertical-align:text-top;
		width: 500;
		z-index:0;
	}
		
	

		#gallery .Snippet1ClassName 
			{
				background-color:#003366;
				border:#FF6600 thin 1px;
				color:#333333;
				display:block;
				float:left;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;				
				line-height:16px;
				overflow:hidden;				
				padding:1px;				
				padding-top: 10px;	
				position:relative;
				text-align:left;
				margin-bottom: 20px;
				margin-left: 70px;
				margin-top:10px;
				width:150px;
				height:100%
				z-index:0;
			}	
	
		
		#gallery .Snippet2ClassName 
			{

				color:#333333;
				display:block;
				float:right;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				height:100%;
				line-height:16px;
				margin-bottom: 20px;									
				margin-top:10px;
				margin-right: 20px;
				overflow:hidden;
				position:relative;
				padding:1px;
				padding-top: 10px;	
				text-align:left;
				width:150px;
				z-index:2;
			}	


		#gallery .Snippet3ClassName 
			{
				display:block;
				float:left;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				height:100%;
				line-height:16px;
				margin-bottom: 20px;
				margin-top:auto;
				margin-left: 50px;
				overflow:hidden;
				padding-top: 10px;
				padding-left: 20px;	
				padding:1px;
				text-align:left;
				width:400px;
				z-index:0;
				position:relative;

			}

		#marqueecontainer
			{
				border: 0px solid orange;
				color: #333333;
				font:Arial, Helvetica, sans-serif;
				font-weight: 400;
				height: 100px; /*marquee height */
				margin-top:15px;
				overflow: hidden;
				padding-right: 2px;
				padding-left: 2px;
				position: relative;
				text-align:left;
				width: 145px; /*marquee width */
			}
				.style13 
					{
						color: #000000;
						font-size: 12px;
					}
				.style13 
					{
						color: #333333;
					}
				.style13 
					{
						color: #FF6600;
					}
				.style15 
					{
						font-size: 10px;
					}
				.style16 
					{
						color: #000000;
					}
			



			
		.figure 
		{
			border:3px #003366 solid;
			border-bottom:3px #003366 solid;
			height: 250px;
			margin-top: 100px;
			margin-bottom: 20px;
			margin-left:auto;
			margin-right:auto;
			position: relative;
			text-align:center;
			width: 350px;
			z-index: 0;

		}
		



	#footer
		{
	width: 100%;
	height: 185px;
	background-image:url(../images/background_footer.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	bottom: -254px;
	clear: both;
	position:absolute;
	z-index:0;
	left:12px;
	
		}	 
		
		
		
			.clearfooter {
					height: 30px;
					clear: both;
					}
		
		
	
	#wrapperfooter	
		{
		background-image:url(../images/background_Wrapperfooter.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		bottom: -253px;
		clear: both;
		height: 47px;
		position: relative;
		width: 100%;
		z-index:0;
	}
		



	#footerhome
		{
		width: 100%;
		height: 185px;
		background-image:url(../images/background_footer.png);
			background-position:bottom center;
		background-repeat:no-repeat;
		bottom: -250px;
		clear: both;
		position:absolute;
		z-index:0;
		left:7px;
	
		}	 
		
		
		
			.clearfooterhome {
					height: 30px;
					clear: both;
					}
		
		
	
	#wrapperfooterhome	
		{
		background-image:url(../images/background_Wrapperfooter.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		bottom: -253px;
		clear: both;
		height: 47px;
		position: relative;
		width: 100%;
		z-index:0;
	}

	




		.transparent_class 
			{
				filter:alpha(opacity=50);
				-moz-opacity:0.5;
				-khtml-opacity: 0.5;
				opacity: 0.5;
			}

a[href$=".pdf"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_pdf.gif)no-repeat center right;
}
	
	
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icon_mailto.gif) no-repeat center right;
}
	

a[href$=".doc"] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_doc.gif) no-repeat center right;
}	
	
a[href$=".pdf"] {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_pdf.gif) no-repeat center right;
}	


a[href$='.fla'], a[href$='.swf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_flash.gif) no-repeat center right;
}	

.FrameImage1
{
width:192px;
height:156px;
margin-left:140px;
}

.SubHeading
{

	padding: 0px 0px;
	text-indent: 0;
	font-family:Georgia, Times, serif;
	font-size: 11pt;
	color:#003366;
	font-weight: normal;
}


.SubHeadingMain {
	padding: 0px 0px;
	text-transform: uppercase;
	text-indent: 0px;
	font-family:Georgia, Times, serif;
	font-size: 11pt;
	color:#003366;
	font-weight: normal;
}

.FromaImg
    { 
	 float: right; 
	 margin: 4px 20px 4px 20px;; 
	 border: none;
	 height:auto;
	 width:400px;
				
	}
	.FromaImg2
    { 
	 float: right; 
	 margin: 4px 20px 4px 20px;; 
	 border: none;
	 height:auto;
	 width:450px;
				
	}
	
.FromaImg1
    { 
	 float: right; 
	 margin: 4px 20px 4px 20px;; 
	 border: none;
	 height:200px;
	 width:400px;
	 clear:both;
				
	}			
			
.LeftPannelImages
{
width:500px;
height:auto;
float:left;
}

.LeftPannelImages1
{
width:460px;
height:auto;
float:left;
position:relative;
}

.SnippetContainer
	{
				
float:left;
width:400px;
height:auto;
clear:both;
			
}
.ImageText
{
width:432px;
height:auto;
float:right;
clear:both;
padding-left:18px;
}
.ImagesContainer
{
width:450px;
height:auto;
float:left;
padding-left:10px;
}
.ImageHD
{
width:145px;
height:117px;
margin:auto;
margin-top:10px;
}

.ImageText p
{
		 color:#666666;
		 display:inline;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size:11px;
		 line-height:18px;
		 text-indent: 0px;
		 font-weight: normal;
	}
	a.external1:link 
			{
				 color:#FF6600;
				 font-family: Verdana, Arial, Helvetica, sans-serif;
				 font-size:11px;
				 line-height:16px;
				 text-decoration:none;
				 background:none;
			}
				
		a.external1:visited 
			{
				 color:#FF6600;
				 font-family: Verdana, Arial, Helvetica, sans-serif;
				 font-size:11px;
				 line-height:16px;
				 text-decoration:none;
				 background:none;

			}
		a.external1:hover 
			{
				text-decoration: underline; 
				 background:none;
				
				
			}
		a.external1:active 
			{
				color:#000033;
				text-decoration:none;
				 background:none;
			}