/*   
Theme Name: Lemo-Design
Description: Official layout of Lemo-Design
Author: Remon de Vries
Author URI: http://remon.lemo-design.nl
Version: 0.2
.
General comments/License Statement if any.
.
*/
body {
	background: #000000;
	margin: 0;
	padding: 0;

	font-family: Arial, Verdana;
	color: #ffffff;
}
#website {
	width: 800px;
	margin: 0 auto 0 auto;
}

#header {
	background: url('images/bg_header.gif') repeat-x;
	width: 800px;
	height: 223px;
}
	#header #lemodesign {
		margin: 0 -16px 0 0;
		padding: 0;
	}
	#header #lemodesign a {
		float: right;
		text-indent: -9999px;
		background: url('images/logo_lemodesign.png');
		height: 223px;
		width: 406px;
	}
	#header #lemohosting {
		margin: 0 -16px 0 0;
		padding: 0;
	}
	#header #lemohosting a {
		float: right;
		text-indent: -9999px;
		background: url('images/logo_lemohosting.png');
		height: 223px;
		width: 406px;
	}
	#header #lemoprint {
		margin: 0 -16px 0 0;
		padding: 0;
	}
	#header #lemoprint a {
		float: right;
		text-indent: -9999px;
		background: url('images/logo_lemoprint.png');
		height: 223px;
		width: 406px;
	}
	#header #lemomailing {
		margin: 0 -16px 0 0;
		padding: 0;
	}
	#header #lemomailing a {
		float: right;
		text-indent: -9999px;
		background: url('images/logo_lemomailing.png');
		height: 223px;
		width: 406px;
	}
	#header #support {
		margin: 0;
		padding: 0;
	}
	#header #support a {
		float: right;
		text-indent: -9999px;
		background: url('images/logo_support.png') bottom no-repeat;
		height: 55px;
		width: 356px;
	}

#header ul {
	float: left;
	width: 394px;
	margin: 71px 0 0 0;
	padding: 15px 0 15px 0;

	font-size: 8pt;
	text-transform: uppercase;
}
	#header li {
		display: inline;
	}
	#header li a {
		padding: 14px 15px 13px 15px;

		background: url('images/bg_header_link.gif') center top repeat-x;
		color: #dedede;
		text-decoration: none;
	}
	#header .current_page_item a, #header  .current_page_parent a {
		background: url('images/bg_header_hover.jpg') center bottom repeat-x;
		color: #ff9600;
	}
	#header .current_page_item a:hover, #header  .current_page_parent a:hover {
		background: url('images/bg_header_hover.jpg') center top repeat-x;
		color: #ff9600;
	}

#header .lemodesign {
	background: url('images/bg_header_hover.jpg') center top repeat-x;
	width: 225px;
}
#header .lemodesign li a {
	background: url('images/icon_home.png') top left no-repeat;
	padding: 15px 10px 13px 54px;
	margin: 69px 0 0 0px;
}
#header .lemodesign li a:hover {
	color: #ff9600;
}
#header .lemodesign li a span {
	font-weight: bold;
	color: #ff9600;
}

#content {
	float: left;
	margin: -100px 0 0 0;
	font-size: 10pt;
	line-height: 17pt;
}

#content #head {
	float: left;
	width: 770px;
	background: url('images/bg_head_text.png') bottom repeat-x;
	margin: 0 0 0 0;
	padding: 15px 15px 15px 15px;
	border-bottom: 1px solid #313131;
}
	#content #head h1 {
		float: left;
		width: 770px;
		margin: 0;
		padding: 0;
	}
	#content #head p {
		float: left;
		width: 418px;
		margin: 0;
		padding: 0;

		font-size: 13pt;
		line-height: 18pt;
		color: #b5b5b5;
	}
	#content #head .more-link {
		float: right;
		text-indent: -9999px;
		background: url('images/icon_skip.gif') bottom left no-repeat;
		width: 86px;
		height: 24px;
		margin: 20px 0 -15px 0;
		padding: 0;
	}
	#content #head .more-link:hover {
		background: url('images/icon_skip_hover.gif') bottom left no-repeat;
	}

#content #body {
	float: left;
	background: url('images/bg_submenu.gif') right top repeat-y #0e0e0e;
	width: 800px;
	margin: 0 0 1px 0;
}
#content #text {
	float: left;
	background: #000000;
	width: 410px;
	margin: 0 0 0 0;
	padding: 15px 15px 15px 15px;
}

#content #text .portfolio {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#content #text .portfolio li a img {
	border: 0;
	margin: 1px 1px 21px 1px;
}
#content #text .portfolio li a img:hover {
	border: 1px solid #cfcfcf;
	margin: 0 0 20px 0px;
}

#content #text .profiel {
	margin: 0 0 0 10px;
	padding: 0;
}

#content #text .profiel li {
	background: url('images/bg_list.gif') no-repeat;
	margin: 0 0 20px 0;
}
#content #text .profiel h3 {
	color: #ffffff;
}
#content #text .profiel {
	color: #a5a5a5;
}

#content #text img {
	border: none;
	margin: 20px 0 15px 0;
}

#content  .services {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#content  .services li {
	background: url('images/icon_ok.png') no-repeat;
	padding: 0 0 2px 20px;
}

.services_lemodesign {
	background: url('images/services_lemodesign.png') no-repeat;
	text-indent: -9999px;
	width: 400px;
	height: 20px;
	margin: 0 0 5px 0;
}
.services_lemohosting {
	background: url('images/services_lemohosting.png') no-repeat;
	text-indent: -9999px;
	width: 400px;
	height: 20px;
	margin: 20px 0 5px 0;
}
.services_lemoprint {
	background: url('images/services_lemoprint.png') no-repeat;
	text-indent: -9999px;
	width: 400px;
	height: 20px;
	margin: 20px 0 5px 0;
}
.services_lemomailing {
	background: url('images/services_lemomailing.png') no-repeat;
	text-indent: -9999px;
	width: 400px;
	height: 20px;
	margin: 20px 0 5px 0;
}

.titel_webdesign {
	float: left;
	text-indent: -9999px;
	background: url('images/titel_webdesign.png') no-repeat;
	width: 400px;
	height: 40px;
	margin: 20px 0 0 0;
}
.titel_waarom {
	float: left;
	text-indent: -9999px;
	background: url('images/titel_waarom.png') no-repeat;
	width: 400px;
	height: 20px;
	margin: 20px 0 0 0;
}
.titel_portfolio {
	float: left;
	text-indent: -9999px;
	background: url('images/titel_portfolio.png') no-repeat;
	width: 400px;
	height: 20px;
	margin: 20px 0 0 0;
}
.titel_werkwijze {
	float: left;
	text-indent: -9999px;
	background: url('images/titel_werkwijze.png') no-repeat;
	width: 400px;
	height: 20px;
	margin: 20px 0 0 0;
}
.titel_lemodesign {
	float: right;
	text-indent: -9999px;
	background: url('images/titel_lemodesign.png') no-repeat;
	width: 185px;
	height: 20px;
	margin: 20px 0 0 0;
}
.titel_intresse {
	float: left;
	text-indent: -9999px;
	background: url('images/titel_intresse.png') no-repeat;
	width: 400px;
	height: 20px;
	margin: 20px 0 0 0;
}
.titel_contact {
	float: left;
	text-indent: -9999px;
	background: url('images/titel_contact.png') no-repeat;
	width: 400px;
	height: 20px;
	margin: 20px 0 0 0;
}
.titel_profielen {
	float: left;
	text-indent: -9999px;
	background: url('images/titel_profielen.png') no-repeat;
	width: 400px;
	height: 20px;
	margin: 20px 0 0 0;
}
.titel_overtuigd {
	float: left;
	text-indent: -9999px;
	background: url('images/titel_overtuigd.png') no-repeat;
	width: 422px;
	height: 20px;
	margin: 20px 0 0 0;
}
.titel_mogelijkheden {
	float: left;
	text-indent: -9999px;
	background: url('images/titel_mogelijkheden.png') no-repeat;
	width: 422px;
	height: 20px;
	margin: 20px 0 0 0;
}

#sidebar {
	float: right;
	width: 360px;
}

#submenu {
	float: right;
	background: url('images/bg_submenu.png') no-repeat bottom right;
	width: 360px;
	height: 170px;
	margin: 1px 0 0 0;
	padding: 0 0 30px 0;
}
#body .contact {
	background: url('images/bg_submenu_contact.png') no-repeat bottom right;
}
#body .profiel {
	background: url('images/bg_submenu_profiel.png') no-repeat bottom right;
}
#body .submenu_portfolio {
	background: url('images/bg_submenu_portfolio.png') no-repeat bottom right;
}
	#submenu ul {
	margin: 15px 0 0 0;
	padding: 0;
}
		#submenu li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0;
}
			#submenu li a {
	display: block;
	cursor: pointer;
	width: 176px;
	margin: 0;
	padding: 1px 0 5px 30px;

	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #8e8e8e;
	text-decoration: none;
		text-shadow: #000000 1px 1px 2px;
		filter: Shadow(Color=#000000,
				Direction=145,
				Strength=2);
}
				#submenu li a:hover {
	background: url('images/bg_submenu_hover.gif') no-repeat center center;
	color: #cccccc;
}
			#submenu .current_page_item a {
	background: url('images/bg_submenu_active.png') no-repeat center center;
	color: #ffffff;
	text-shadow: #000000 1px 1px 2px;
	filter: Shadow(Color=#000000,
			Direction=145,
			Strength=10);
}
			#submenu .current_page_item a:hover {
	background: url('images/bg_submenu_active.png') no-repeat center center;
	color: #ffffff;
}
#producten {
	margin: 0;
	padding: 0;
}
#internet, #drukwerk, #marketing {
	background: url('images/bg_service.png') bottom repeat-x;
	border-top: solid 1px #1a1a1a;
	list-style-type: none;
}
#internet:hover, #drukwerk:hover, #marketing:hover {
	background: url('images/bg_service.png') #0c0c0c bottom repeat-x;	
}

	#internet h2 a {
		float: left;
		background: url('images/titel_internet.png') top left no-repeat;
		text-indent: -9999px;
		height: 38px;
		width: 266px;
		margin: 20px 0 10px 0px;
		padding: 0;
	}
	#drukwerk h2 a {
		float: left;
		background: url('images/titel_drukwerk.png') top left no-repeat;
		text-indent: -9999px;
		height: 38px;
		width: 268px;
		margin: 20px 0 10px 0;
		padding: 0;
	}
	#marketing h2 a {
		float: left;
		background: url('images/titel_marketing.png') top left no-repeat;
		text-indent: -9999px;
		height: 38px;
		width: 266px;
		margin: 20px 0 10px 15px;
		padding: 0;
	}
#internet p, #drukwerk p, #marketing p {
	margin: 0;
	padding: 0;
}
	#internet .content, #drukwerk .content, #marketing .content {
		padding: 0 15px 5px 15px;
	}
	#internet {
		float: left;
		width: 266px;
		margin: 0;
		padding: 0;
	}
		#internet p a {
			float: left;
			text-indent: -9999px;
			cursor: pointer;
			background: url('images/product_internet.png') top center no-repeat;
			height: 135px;
			width: 266px;
			margin: 0 0 0 0;
		}

	#drukwerk {
		float: left;
		width: 268px;
		margin: 0;
		padding: 0;
	}
		#drukwerk p a {
			float: left;
			text-indent: -9999px;
			cursor: pointer;
			background: url('images/product_drukwerk.png') top center no-repeat;
			height: 135px;
			width: 268px;
			margin: 0 0 0 0;
		}

	#marketing {
		float: left;
		width: 266px;
		padding: 0;
	}
		#marketing p a {
			float: left;
			text-indent: -9999px;
			cursor: pointer;
			background: url('images/product_marketing.png') top center no-repeat;
			height: 135px;
			width: 266px;
			margin: 0 0 0 0;
		}

#footer {
	float: right;
	width: 800px;
	margin: 1px 0 0 0;
}
	#footer p {
		float: right;
		border-top: solid 1px #2e2e2e;
		border-bottom: solid 1px #2e2e2e;
		width: 770px;
		margin: 0 0 10px 0;
		padding: 15px;

		font-size: 7pt;
		text-transform: uppercase;
		color: #2e2e2e;
	}
		#footer p a {
			color: #ff9600;
			text-decoration: none;
		}
			#footer p a:hover {
				text-decoration: underline;
			}

		#footer #copyright {
			float: left;
		}
		#footer #mail {
			float: right;
		}

#icons ul {
	float: left;
	margin: 0;
	padding: 0;
}
	#icons li {
		display: inline;
		margin: 0;
		padding: 0;
	}
	#icons li a {
		float: left;
		text-indent: -9999px;
		height: 29px;
		width: 91px;
		margin: 0 15px 30px 0;
		padding: 0;
	}
	#apple a {
		background: url('images/icon_apple.gif') no-repeat;
	}
	#wordpress a {
		background: url('images/icon_wordpress.gif') no-repeat;
	}
	#lemohosting a {
		background: url('images/icon_lemohosting.gif') no-repeat;
	}
	#firefox a {
		background: url('images/icon_firefox.gif') no-repeat;
	}

#valid {
	float: right;
	margin: 0 30px 30px 0;
	padding: 0;
}
	#valid li {
		display: inline;
		margin: 0;
		padding: 0;
	}
		#valid li a {
			float: right;
			text-indent: -9999px;
			height: 29px;
			margin: 0 0 0 15px;
			padding: 0;
		}

	#valid #css a {
		background: url('images/icon_css.png') center right no-repeat;
		width: 45px;
		height: 29px;
	}
	#valid #xhtml a {
		background: url('images/icon_xhtml.png') center right no-repeat;
		width: 58px;
		height: 29px;
	}
	#valid #sitemap a {
		background: url('images/icon_sitemap.png') center right no-repeat;
		width: 69px;
		height: 29px;
	}


#content_product {
	float: left;
	margin: -100px 0 0 0;
	font-size: 10pt;
	line-height: 17pt;
}
	#content_product .head {
		float: left;
		width: 770px;
		background: url('images/bg_head_text.png') bottom repeat-x;
		margin: 0 0 15px 0;
		padding: 15px 15px 15px 15px;
		border-bottom: 1px solid #313131;
	}

	#content_product .head h1 {
		float: left;
		color: #ffffff;
		text-decoration: none;
		font-weight: normal;
		font-size: 2em;
		margin: 0;
	}

	#content_product .head h2 a {
		float: left;
		color: #ffffff;
		text-decoration: none;
		font-weight: normal;
		font-size: 2em;
	}
	#content_product .head h2 a:hover {
		color: #cccccc;
	}
	#content_product .head img {
		float: right;
		border: none;
	}
	#content_product .head h2 {
		float: left;
		width: 720px;
		margin: 15px 0 0 10px;
		padding: 0;
	}
	#content_product .support {
		float: left;
		text-indent: -9999px;
		background: url('images/icon_support.gif') no-repeat;
		width: 40px;
		height: 51px;
		margin: 0 0 5px 0;
	}
	#content_product .head #tags {
		font-size: 8pt;
		color: #5b5b5b;
		padding: 0 0 10px 0;
	}
	#content_product .head #tags a {
		color: #ff9600;
	}

	#content_product #body h2 {
		background: url('images/bg_head_text.png') bottom repeat-x;
		border-top: 1px dotted #ffffff;
		border-bottom: 1px dotted #313131;
		padding: 10px 15px 10px 15px;
	}
	#content_product #body img {
		margin: 20px 0 10px 0;
	}
	#content_product .head p {
		float: left;
		width: 770px;
		margin: 0;
		padding: 0;
		font-size: 13pt;
		line-height: 18pt;
		color: #b5b5b5;
	}
	#content_product .head #banner img {
		float: left;
		border: none;
		margin: 0 0 -24px 0;
	}

	#content_product .head #icon_login {
		float: right;
		background: url('images/bg_login.gif') no-repeat center right;
		width: 770px;
		height: 25px;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	#content_product .head #icon_login:hover {
		background: url('images/bg_login_hover.gif') no-repeat center right;
	}
		#content_product .head #icon_login a {
			display: block;
			float: right;
			width: 71px;
			margin: auto;
			color: #7c7c7c;
			font-size: 8pt;
			text-transform: uppercase;
			text-decoration: none;
		}
		#content_product .head #login a:hover {
			color: #5d5d5d;
		}

#content_product #body {
		float: left;
		width: 800px;
		margin: 0 0 1px 0;
	}
#content_product #body #detail {
	padding: 5px;
	border-bottom: 1px solid #313131;
}
#content_product #body #detail ul {
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
}
#content_product #body #detail ul li {
	list-style-type: none;
}
#content_product #body #detail ul li a {
	color: #ffffff;
	text-decoration: none;
	padding: 5px;
}
#content_product #body #detail ul li a:hover {
	background: #212121;
	padding: 5px;
}
#content_product #body #detail ul span {
	color: #ff9600;
}
#content_product #text {
		float: left;
		background: #000000;
		width: 410px;
		margin: 0 0 0 0;
		padding: 0 15px 15px 15px;
	}
#pagina2, #pagina3 {
		display: none;
	}

#content_product #login {
	float: right;
	display: none;
	background: url('images/bg_head_text.png') bottom repeat-x;
	width: 344px;
	border: 1px solid #1c1c1c;
	border-top: none;
	border-bottom: 1px solid #181818;
}

#content_product #login .username {
	float: left;
	padding: 20px 0 10px 0;
}
	#content_product #login .username label {
		float: left;
		text-indent: -9999px;
		background: url('images/title_username.gif') right no-repeat;
		height: 19px;
		width: 95px;
	}
#content_product #login .password {
	float: left;
	padding: 0 0 10px 0;
}
	#content_product #login .password label {
		float: left;
		text-indent: -9999px;
		background: url('images/title_password.gif') right no-repeat;
		height: 19px;
		width: 95px;
	}
#content_product #login .username input, #content_product #login .password input {
	float: left;
	background: url('images/bg_input.gif') bottom repeat-x #ffffff;
	border: solid 1px #ffffff;
	width: 224px;
	padding: 2px 2px 1px 2px;
	margin: 0;

	font-size: 8pt;
	font-weight: bold;
	color: #666666;
}
#content_product #login #inloggen {
	float: left;
	width: 329px;
	padding: 0 0 10px 0;
}
	#content_product #login #inloggen p {
		float: left;
		margin: 0;
		padding: 0 10px 0 10px;

		font-size: 8pt;
		color: #676767;
	}
		#content_product #login #inloggen p a {
			color: #ff9600;
			text-decoration: none;
		}
	#content_product #login #inloggen input {
		float: right;
		cursor: pointer;
		background: url('images/bg_input.gif') bottom repeat-x #ffffff;
		border: solid 1px #ffffff;
		margin: 0 4px 0 0;
		padding: 5px 10px 5px 10px;

		font-family: Arial, Verdana;
		font-weight: bold;
		font-size: 8pt;
		text-transform: uppercase;
		color: #333333;
	}
		#content_product #login #inloggen input:hover {
			background: url('images/bg_input_hover.gif') top repeat-x #ffffff;
			color: #222222;
		}

.letop {
	font-size: 8pt;
	color: #494949;
	margin: 0 0 30px 0;
	padding: 0;
}
#profiel_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#profiel_list {
	background: url('images/profiel_list_bg.png');
}
#profiel_list #virb {
	background: url('images/icon_virb.png') no-repeat;
	height: 100px;
	padding: 0 0 0 150px;
	margin: 0 0 23px 0;
}
#profiel_list #lastfm {
	background: url('images/icon_lastfm.png') no-repeat;
	height: 100px;
	padding: 0 0 0 150px;
	margin: 0 0 23px 0;
}
#profiel_list #twitter {
	background: url('images/icon_twitter.png') no-repeat;
	height: 100px;
	padding: 0 0 0 150px;
	margin: 0 0 23px 0;
}
#profiel_list .user {
	background: url('images/icon_user.png') no-repeat;
	padding: 10px 0 0 20px;
	margin: 0 0 0 7px;
}
#profiel_list .web {
	background: url('images/icon_web.png') no-repeat;
	padding: 10px 0 0 20px;
	margin: 0 0 0 7px;
}



#google_maps {
	float: left;
	margin: 0 15px 0 0;
}
#adres {
	line-height: 14pt;
}
#adres span {
	color: #5d5d5d;
	
}


.contact_voornaam {
	float: left;
	background: url('images/contact_voornaam.gif') no-repeat;
	height: 50px;
}
.contact_mail {
	float: left;
	background: url('images/contact_mail.gif') no-repeat;
	height: 50px;
}
.contact_onderwerp {
	float: left;
	background: url('images/contact_onderwerp.gif') no-repeat;
	height: 50px;
}
.contact_bericht {
	float: left;
	background: url('images/contact_bericht.gif') no-repeat;
}

.contact_voornaam div, .contact_mail div, .contact_onderwerp div, .contact_bericht div {
	float: left;
	text-indent: -9999px;
}

.wpcf7-form {
	float: left;
	margin: 20px 0 0 0;
}

.wpcf7-form input, .wpcf7-form textarea {
	float: left;
	width: 290px;
	
	border: 1px solid #888888;
	background: url('images/contact_form_bg.gif') bottom repeat-x #000000;
	padding: 5px 2px 5px 2px;
	margin: 0 0 0 115px;

	font-size: 12pt;
	color: #ffffff;
}
.contact_verzenden {
	float: left;
	width: 411px;
}
.contact_verzenden input{
	float: right;
	width: 296px;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	background: #151515;
	border: 1px solid #242424;
	cursor: pointer;
}
.wpcf7-validation-errors {
	float: left;
	width: 410px;
	padding: 2px 0 2px 0;
	border: 1px solid #ff0000;
	background: #af0000;
	text-align: center;
}
.wpcf7-not-valid-tip-no-ajax {
	float: right;
	width: 293px;
	border: 1px solid #ff0000;
	background: #af0000;
	text-align: center;
	font-size: 8pt;
}







		#lightbox{
			position: absolute;
			left: 0;
			width: 100%;
			z-index: 100;
			text-align: center;
			line-height: 0;
			}

		#lightbox a img{ border: none; }

		#outerImageContainer{
			position: relative;
			background-color: #1a1a1a;
			width: 250px;
			height: 250px;
			margin: 0 auto;
			}

		#imageContainer{
			padding: 10px;
			}

		#loading{
			position: absolute;
			top: 40%;
			left: 0%;
			height: 25%;
			width: 100%;
			text-align: center;
			line-height: 0;
			}
		#hoverNav{
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			z-index: 10;
			}
		#imageContainer>#hoverNav{ left: 0;}
		#hoverNav a{ outline: none;}

		#prevLink, #nextLink{
			width: 49%;
			height: 100%;
			background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
			display: block;
			}
		#prevLink { left: 0; float: left;}
		#nextLink { right: 0; float: right;}
		#prevLink:hover, #prevLink:visited:hover { background: url(images/prev.gif) left 50% no-repeat; }
		#nextLink:hover, #nextLink:visited:hover { background: url(images/next.gif) right 50% no-repeat; }

		/*** START : next / previous text links ***/
		#nextLinkText, #prevLinkText{
		color: #FF9834;
		font-weight:bold;
		text-decoration: none;
		}
		#nextLinkText{
		padding-left: 20px;
		}
		#prevLinkText{
		padding-right: 20px;
		}
		/*** END : next / previous text links ***/
		/*** START : added padding when navbar is on top ***/

		.ontop #imageData {
		    padding-top: 5px;
		}

		/*** END : added padding when navbar is on top ***/

		#imageDataContainer{
			font: 10px Verdana, Helvetica, sans-serif;
			background-color: #1a1a1a;
			margin: 0 auto;
			line-height: 1.4em;
			}

		#imageData{
			padding:0 10px;
			}
		#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
		#imageData #caption{ font-weight: bold;	}
		#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
		#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
		#imageData #helpDisplay {clear: left; float: left; display: block; }

		#overlay{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 90;
			width: 100%;
			height: 500px;
			background-color: #000000;
			filter:alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;
			display: none;
			}


		.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
			}

		* html>body .clearfix {
			display: inline-block; 
			width: 100%;
			}

		* html .clearfix {
			/* Hides from IE-mac \*/
			height: 1%;
			/* End hide from IE-mac */
			}

		/* End Various Tags & Classes*/