@charset "utf-8";

html
{
	font-size:100%;
	font-size: 16px;
}

body
{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: Arial, verdana, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 1em;
}

img
{
	border: none;
}

h1
{
	font-size: 16px;
	margin: 20px 0 0 0;
	color: #7c1172;
}

.column_1_3 h1
{
	margin: 10px 0 10px 0;
}

h2
{
	font-size: 13px;
	font-family: arial;
	margin: 10px 0 10px 0;
	color: #7c1172;
}

h3
{
	font-size: 12px;
	font-family: arial;
	margin: 10px 0 5px 0;
	color: #7c1172;
}

p
{
	font-size: 12px;
	color: #5e5e5e;
	font-family: arial;
	line-height: 16px;
	margin: 0 0 20px 0;
}

	.no_margin
,	.no_margin p
{
	margin: 0;
}

a
{
	font-size: 11px;
	color: #7c1172;
}

ul li
{
	font-size: 12px;
	color: #5e5e5e;
}

.clear_div
{
	clear: both;
}

.heightdiv
{
	height: 20px;
}

.floatLeft
{
	float: left;
}

	div#wrapper_body
	{
		margin: 20px auto auto auto;
		width: 709px;
		text-align: left;
	}

		
		div#wrapper_header
		{
			position: relative;
		}
		
			div#header_logo
			{
				float: left;
				width: 181px;
				height: 80px;
				border-bottom: 1px solid #d1d1d1;
			}
	
			div#header_menu
			{
				float: left;
				height: 80px;
				border-bottom: 1px solid #d1d1d1;
			}
			
				div#header_client_login
				{
					height: 37px;
					width: 528px;
					text-align: right;
				}
				
					div#header_client_login a
					{
						display: block;
						text-decoration: none;
						font-size: 11px;
						color: #7d7d7d;
						padding: 10px 0 0 10px;
						background-image: url(../img/dot_client_login.png);
						background-repeat: no-repeat;
						background-position: 466px 15px;
					}
					
					div#header_client_login a:hover
					{
						text-decoration: underline;
					}
			
				div#header_menu ul
				{
					list-style: none;
					margin: 0 0 0 28px;
					padding: 0;
				}
	
					div#header_menu ul li
					{
						float: left;
						width: 100px;
						height: 43px;
						background: url(../img/navBackground.png);
					}
					
					div#header_menu ul li a
					{
						display: block;
						margin: 17px 0 0 25px;
						
						font-size: 12px;
						text-decoration: none;
						font-weight: bold;
						color: #2d2d2d;
					}
					
					div#header_menu ul li a:hover, div#header_menu ul li a.active
					{
						text-decoration: underline;
					}
					
			div#wrapper_panorama
			{
				position: relative;
				clear: left;
			}
			
				div#panorama_image
				{
					float: left;
					height: 271px;
					width: 410px;
					overflow: hidden;
				}
				
					div#panorama_image img
					{
						width: 410px;
						height: 270px;
					}
				
				div#panorama_menu
				{
					float: left;
					margin: 0 0 0 1px;
				}
				
					div#panorama_menu div.wrapper_panorama_menuitem
					{
						margin: 1px 0 0 0;
						height: 89px;
					}
					
						div#panorama_menu .menu_number
						{
							float: left;
							width: 61px;
							height: 89px;
						}
						
						div#panorama_menu .menu_content
						{
							float: left;
						}
						
		div#wrapper_content
		{
			clear: left;
			border-top: 1px solid #d1d1d1;
			border-bottom: 1px solid #d1d1d1;
			margin: 0 0 6px 0;
			padding: 2px 0 5px 0;
		}

			#breadcrumbs_container
			{
				font-size: 11px;
				margin: 5px 0 0 0;
			}

			#breadcrumbs_container span
			{
				margin: 0 5px 0 5px;
			}
		
			div#wrapper_content .column_1_3
			{
				float: left;
				width: 214px;
				padding: 10px 10px 10px 10px;
				border-right: 1px solid #b0b1b2;
			}
			
			div#wrapper_content .column_1_3 h1
			{
				height: 40px;
			}
			
			div#wrapper_content .column_1_3.no_border
			{
				border: 0;
			}
			
				div#wrapper_content .column_1_3 a.read_more
				{
					float: right;
					text-align: right;
					font-size: 9px;
					color: #494949;
					text-decoration: none;
					padding: 0 10px 0 0;
					background-image: url(../img/read_more.png);
					background-repeat: no-repeat;
					background-position: right 6px;
				}
				
				div#wrapper_content .column_1_3 a.read_more:hover
				{
					text-decoration: underline;
				}
				
		div#content_page_wrapper
		{
			width: 450px;
			float: left;
		}
		
			div.sidebar_download_wrapper
			{
				border-left: 1px solid #B0B1B2;
				width: 226px;
				margin: 20px 0 0 10px;
				padding: 0 0 0 10px;
				float: right;	
			}
			
				div.sidebar_download_wrapper h1
				{
					margin: 0;
					padding: 0;
				}
				
			div.sidebar_download_wrapper div.single_download img.icon
			{
				float: left;
			}
			
			div.single_download h3
			{
				width: 100px;
				float: left;
				margin: 10px 0 0 10px;
			}
			
			div.single_download .metadata
			{
				background: none;
				border: 1px solid #666666;
				color: #666666;
				font-size: 11px;
				clear: both;
			}
		
		div#wrapper_footer
		{
			clear: left;
			background-color: #666666;
			background-image: url(../img/footer_bg.png);
			background-repeat: no-repeat;
			background-position: right bottom;
			height: 219px;
			width: 709px
		}
		
			div.footer_alinea
			{
				float: left;
				clear: left;
				width: 500px;
				margin: 8px 0 0 15px;
				color: #fff;
				font-size: 10px;
				line-height: 16px;
			}
			
				div.footer_alinea span
				{
					font-weight: bold;
					color: #FFFFFF;
					font-size: 11px;
				}
				
					div.footer_alinea a
				,	div.footer_alinea p
				{
					margin: 0 0 10px 0;
					padding: 0 0 0 0;
					color: #fff;
					font-size: 11px;
				}
				
				div.footer_alinea a
				{
					text-decoration: none;
				}
				
				div.footer_alinea a:hover
				{
					text-decoration: underline;
				}
			
			img#enjoydeploymini
			{
				margin: 35px 0 0 10px;
				float: left;
			}
			
			div.footer_divider
			{
				clear: both;
				height: 1px;
				width: 678px;
				margin: 0 0 0 10px;
				background: #949494;
			}
			
/* menu styles */
ul#jsddm
{}

#jsddm li
{}

#jsddm li a
{
	white-space: nowrap;
}

#jsddm li a:hover
{}

#jsddm li ul
{ 
	position: absolute;
	width: 250px;
	z-index: 100;
	margin: -4px 0 0 0;
	padding: 0;
	visibility: hidden;
	border: 1px solid #DADADA;
	background: #FFFFFF;
	padding: 10px 10px 10px 10px;
}

#jsddm li ul li
{
	float: none;
	width: auto;
	height: auto;
	background: none;
	margin: 10px 0 0 0;
	padding: 4px 4px 4px 4px;
	margin: 0;
	border: 1px solid #FFFFFF;
	cursor: pointer;
}

#jsddm li ul li:hover
{
	border: 1px solid #DADADA;
}

#jsddm li ul li span
{
	clear: left;
	font-size: 11px;
}

#jsddm li ul li a
{
	display: block;
	width: auto;
	margin: 0 0 0 0;
	background: none;
	color: #7C1172;
}

#jsddm li ul li a:hover
{
	text-decoration: none;
}


#media_wrapper div.madiaitem
{
	width: 218px;
	height: 220px;
	overflow: hidden;
	float: left;
	border-right: 1px solid #d1d1d1;
	margin: 0 10px 20px 0;
	padding: 0 10px 10px 0;
	cursor: pointer;
}

#media_wrapper
{
	margin: 10px 0 0 0;
}

#media_wrapper div.last
{
	overflow: hidden;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 10px 10px 0;
}