.clear				{ clear:both; }

.float-left			{ float:left; }
.float-right		{ float:right; }

.text-left			{ text-align:left; }
.text-right			{ text-align:right; }
.text-center		{ text-align:center; }
.text-justify		{ text-align:justify; }

.bold				{ font-weight:bold; }
.italic				{ font-style:italic; }
.underline			{ border-bottom:1px solid; }
.highlight			{ background:#ffc; }

.wrap				{ width:960px;margin:0 auto; }

.img-left			{ float:left;margin:4px 10px 4px 0; }
.img-right			{ float:right;margin:4px 0 4px 10px; }

.nopadding			{ padding:0; }
.noindent			{ margin-left:0;padding-left:0; }
.nobullet			{ list-style:none;list-style-image:none; }

				
/*---------------------------------------------------------*/

body			{
				font-size: 12px;
				font-family: Helvetica, Arial, sans-serif;
				color: #222;
				background-color: #f0ebe7;
				text-align: center;
				}

p				{ padding-bottom: 10px; }

h1				{
				font-family: Times, Georgia, serif;
				font-size: 2.4em;
				margin-bottom: 14px;
				}

h2				{
				font-family: Times, Georgia, serif;
				font-size: 2.0em;
				margin-bottom: 12px;
				}

h3				{
				font-family: Times, Georgia, serif;
				font-size: 1.6em;
				margin-bottom: 10px;
				}

hr				{
				margin-bottom: 10px;
				background-color: #444;
				height: 1px;
				border: 0;
				}

ul				{ margin-bottom: 10px; }

a:link			{ text-decoration: none; }
a:visited		{ text-decoration: none; }
a:active		{ text-decoration: none; }
a:hover			{ text-decoration: none; }


/* structure
------------------------------------------ */

#wrapper		{
				width: 980px;
				margin-left: auto;
				margin-right: auto;
				background: url(../stepstreadscoping/global_images/global_background_border.png);
				}

#contanier		{
				width: 900px;
				text-align: left;
				margin-left: auto;
				margin-right: auto;
				}

#header			{
				width: 900px;
				margin-left: auto;
				margin-right: auto;
				height: 130px;
				background-color: #FFF;
				}

#navigation		{
				width: 900px;
				margin-left: auto;
				margin-right: auto;
				height: 76px;
				background-color: #FFF;
				}

#navigation ul 	{
				background-color: #2E1113;
				height: 38px;
				}		

#navigation ul li {
				background-color: #2E1113;
				height: 38px;
				float: left;
				}	
					
#navigation ul li a img {
				height: 38px;
				display: block;
				}
									
#footer			{
				width: 900px;
				height: 230px;
				margin-left: auto;
				margin-right: auto;
				background: url(../stepstreadscoping/global_images/global_footer.jpg) no-repeat #FFF;
				overflow: hidden;
				}

#closefooter	{
				width: 980px;
				height: 40px;
				margin-left: auto;
				margin-right: auto;
				background: url(../stepstreadscoping/global_images/global_background_border_footer.png);
				}
				
#content		{
				width: 900px;
				margin-left: auto;
				margin-right: auto;
				height: 570px;
				background-color: #FFF;
				}

#content_lg		{
				width: 640px;
				margin-left: auto;
				margin-right: auto;
				/* padding-right: 40px; */
				float: left;
				background-color: #FFF;
				position: relative;
				}
#content_lg
img				{
				display: block;
				}

#content_sm		{
				width: 160px;
				margin-left: auto;
				margin-right: auto;
				padding-right: 30px;
				padding-left: 30px;
				background-color: #FFF;
				height: 482px;
				}

#swfcontent		{
				position: relative;
				width: 660px;
				height: 500px;
				margin-left: 120px;
				margin-top: 35px;
				background-color: white;
				}

#homeswf		{
				position: absolute;
				background: url(../stepstreadscoping/global_background_home.jpg) no-repeat;
				height: 570px;
				width: 900px;
				padding: auto;
				margin: auto;
				}


/* thumbnails
------------------------------------------ */

#pane-target	{
				height: 416px;
				width: 160px;
				overflow: hidden;
				position: relative;
				}
				
#pane-target ul	{
                margin-bottom: 0;
				}				
				
#pane-target li	{
				height: 72px;
				width: 72px;
				margin-top: 14px;
				vertical-align: top;
				background-color: #4c721d;
				}
				
#pane-target li img {
				display: block;
				cursor: pointer;
				height: 72px;
				width: 72px;
				}
						
#pane-target ul li img:hover {
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
				opacity: 0.5;
				-khtml-opacity: 0.5;
				}
				
.selected		{
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
				opacity: 0.5;
				-khtml-opacity: 0.5;
				}


/* next and back
------------------------------------------ */

#next_back		{
				height: 20px;
				width: 145px;
				margin-top: 20px;
				margin-bottom: 8px;
				padding-left: 15px;
				}
				
#next_back ul	{
				line-height: 0;
				display: inline;
				}
#next_back
ul li			{
				height: 20px;
				display: inline;
				float: left;
				line-height: 0;
				}
				
#next_back img	{
				cursor: pointer;
				display: block;
				}
			

/* scroll up and down
------------------------------------------ */

#sets		{ 
			position: relative;
			}
		
#addset		{
			width: 160px;
			height: 20px;
			line-height: 0;
			position: absolute;
			top: 0;
			cursor: pointer;
			}

#preset		{
			width: 160px;
			height: 20px;
			line-height: 0;
			position: absolute;
			top: 0;
			cursor: pointer;
			}
		
				
/* info
------------------------------------------ */

#info  			{
	position: absolute;
	top: 490px;
	width: 340px;
	line-height: normal;
	text-align: left;
	left: 2px;
	   			}
		
#profile 		{
	
				float: right;
				text-align:right;
				height:40px;
				top:10px;
				position:relative;

				
		 /*		position: absolute;
	top: 570px;
	left: 442px;
	width: 196px;	*/			
		 		}
			
#caption	   	{
			   	font-family: Georgia, "Times New Roman", Times, serif;
			   	font-style: italic;
			   	color: #572008;
			   	display: inline;
				line-height: normal;	
			   	}		
						
#profile ul 	{
				margin:0;
				padding:0;
				}
				
#profile li a	{
				line-height: 0;
				display: block;
				}

/* how do i create this look */				
#profile ul li a.recipe {
			width: 196px;
			height: 15px;
			background: url(global_images/global-createlook.png) no-repeat right top;
			cursor: pointer;
			}

#profile ul li a.recipe:hover {
			background-position: left top;
			cursor: pointer;
			}


/* view profile image */			
#profile ul li a.view_profile {
	float:right;
	height: 15px;
	width: 200px;
	background: url(global_images/global-view-profile.png) no-repeat right top;
	cursor: pointer;
	display: block;
			}

#profile ul li a.view_profile:hover {
			background-position: left top;
			cursor: pointer;
			}
			

/* download PDF */				
#profile a.download_pdf {
			height: 15px;
			width: 105px;
			background: url(../stepstreadscoping/global_images/global-download-pdf.png) no-repeat right top;
			cursor: pointer;
			display: block;
			float: right;
			}

#profile a.download_pdf:hover {
			background-position: left top;
			cursor: pointer;
			}


/*--------------------------------------------------*/

#sharethis 	{ 
		   	position: relative;
		   	font-family: Georgia, "Times New Roman", Times, serif;
		   	font-style: italic;
			padding-top: 5px;
		   	}
		

#sharethis a:link { color: #572008; }
#sharethis a:hover { color: #572008; text-decoration: underline; }
#sharethis a:active { color: #572008; }
#sharethis a:visited { color: 572008; }