@charset "UTF-8";
/* ----------------------------
- Copyright 2012, Ideaware.com All rights reserved.
- Author: Andrés Manotas M     
*/

/* TESTING */

/* General Classes
 ============================================================ */
a,a:visited{ 
	text-decoration: none;
	transition: all linear .2s;
}

/* Body
============================================================ */

body {
 	background: url('../images/bg/background.png') repeat left top;
	color: #5E5E5E;
	font-family: "skolar",serif;
	font-size:16px;
	overflow-x: hidden;
}

.clearfix{
	clear: both;
	display: block;
}

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

/* Wrapper
 ============================================================ */
 .wrapper{
 	margin: 0 auto;
 	width: 960px;
 }
/* Header
============================================================ */

	.logo{
		clear: both;
	}
	.logo>a{
		background:url(../images/web4/misc/logo.png) no-repeat;
		direction:ltr;
		display:block;
		height:81px;
		margin: 0 auto;
		text-indent:-9999px;
		width:298px;
	}
	header>h2{
		font-family: "myriad-pro",sans-serif;
		font-size: 41.38px;
		margin-bottom: 20px;
		text-shadow: 0 1px 1px rgba(0,0,0,.75);
	}
		header>h2>span{
			font-family: "bistro-script-web",sans-serif;
			font-size: 73.64px;
		}
	header>h3{
		font-size: 27.36px;
		font-weight: 900;
		text-shadow: 0 1px 1px rgba(0,0,0,.75);
		text-transform: uppercase;
	}
	
/* Header II
============================================================ */

.blue header {
	height: 98px;
	margin-bottom: 44px;
}
	.blue header.nmb{
		margin-bottom: 42px;
	}
	.blue header div.menu{
		font-family: "museo-sans",sans-serif;
		height: 40px;
		line-height: 40px;
		position: relative;
	}
	
	.blue header div.menu ul{	float: left; height: 40px; }
	.blue header div.menu ul li{
		display: block;
		float: left;
	}
		.blue header div.menu ul li a{
			display: inline-block;
			font-size: 12px;
		}
	
		.blue header div.menu ul:first-child {
		    height: 100%;
		    margin-left: 75px;
		    margin-right: 100px;
		    text-transform: uppercase;
		    width: 200px;
		}
		.blue header div.menu ul:last-child {
		 	float: right;
		}
			.blue header div.menu ul:first-child li:first-child{
				margin-right: 80px;
			}
			.blue header div.menu ul:first-child li a{
					color: #000000;
					font-weight: 700;
					position: relative;
					top: -4px;
				}
					.blue header div.menu ul:first-child li a:hover,.blue header div.menu ul:first-child li.current a:hover{
						opacity: .8;
					}
				.blue header div.menu ul:first-child li.current a{
					font-family: "museo-sans",sans-serif;
					font-weight: 700;
					color: #234167;
					position: relative;
				}
				
				.blue header div.menu ul:first-child li.current:after {
				    content: "";
				   	position: absolute;
				    width: 34px;
				}
					.blue header div.menu ul:first-child li:first-child.current:after {
						left: 77px;
						top: 31px;
					}
					
					.blue header div.menu ul:first-child li:last-child.current:after {
						left: 6px;
					}
					
				.blue div.menu ul li.current:after{
					height: 12px;
					bottom: -2px;
				}
					.blue div.menu ul:first-child li.current:after{
						background: url('../images/bg/pointerblue.png') no-repeat left top;
						z-index: 1;
					}
				
		.blue header div.menu ul:last-child li:nth-child(2){
			margin-right: 86px;
		}
			.blue header div.menu ul:last-child li{
				margin-right: 40px;
			}
				.blue header div.menu ul:last-child li.login, header div.menu ul:last-child li.button{ position: relative; top: -1px; }
				.blue header div.menu ul:last-child li:first-child a,header div.menu ul:last-child li:nth-child(2) a{
					font-family:Helvetica, sans-serif;font-weight: 700;
				}
				.blue header div.menu ul:last-child li:nth-child(3) a{
					color: #68727f;
					font-family: "museo-sans",sans-serif;
					font-size: 14px;
					font-weight: 700;
				}
				.blue header div.menu ul:last-child li a{
					color: #828282;
				}
					.blue header div.menu ul:last-child li a:hover{
						color: #474747;
					}
					.blue header div.menu ul:last-child li:last-child a{
						font-family: "skolar",serif;
						font-size: 14px;
						line-height: 25px;
						margin-top: 9px;
						height: 23px;
					}
					
				
			.blue header div.menu ul:last-child li.button{
				margin: 0px;
			}
		
			
	.blue h1#logo {		
		float: left;
		line-height: 45px;
		margin: 10px 60px 0 10px;
		position: relative;
		text-indent: -9999px;
		width: 164px;
	}		
		.blue h1#logo a {
			background: url('../images/web4/misc/logos/logo22.png') no-repeat 0 center;
			display: block;
			height: 38px;
			position: absolute;
			top: 0; left: 0;
			transition:none;
			width: 164px;
		}
		
			.blue h1#logo a:active { 
				top: 2px;
			}
	
	.blue header div.submenu{
		clear: both;
		height: 60px;
	}
		.blue div.submenu{
			background: url('../images/web4/bg/bg_header.png') repeat-x left top;
			position: absolute;
			width: 100%;
		}
		
	.blue header div.bgsubmenu{
		background: url('../images/web4/bg/menu_header2.png') no-repeat center center;
		height: 60px;
	}
	
	.blue header ul.submenu {
	    color: #FFFFFF;
	    display: block;
	    float: right;
	    height: 100%;
	    line-height: 60px;
	    margin-right: 6px;
	    position: relative;
	    width: 720px;
	}
		.blue header ul.submenu li{
			display: block;
			float: left;
		}
			.blue header ul.submenu li:last-child{
				margin-right: 0px;
			}
			
			.blue header ul.submenu li a{
				color: #F3F3F3;
				font-size: 15.28px;
				padding: 19px 29px;
				text-shadow: 0 -1px #172230;
			}
				.blue header ul.submenu li a:hover{
					text-shadow: -1px 1px #1D334F;
				}
	
	.blue header .submenu ul li.search{
		position: absolute;
		top: 0;
		right: 0;
	}
	input.bg_search {
	    border: none;
	   	border-radius: 10px;
	    color: #fff;
		font-family: "myriad-pro",sans-serif;
	    font-size: 13.91px;
	    height: 24px;
	    line-height: 24px;
	    padding: 0 24px 1px 10px !important;
	    width: 165px;
	}
		.blue input.bg_search{
			 background: #1D334F url("../images/web4/icn/icn_search.png") no-repeat right center;
			 box-shadow: 0px 1px 0px #476A95 !important;
		}

/* Container
============================================================ */
.container{
	margin-bottom: 36px;
	padding: 0 46px;
}
	.leftbar,.rightbar{
		font-size: 20px;
		margin-top: 24px;
		text-shadow: 0 1px 1px rgba(0,0,0,.75);
		width: 182px;
	}
	.leftbar{
		float: left;
		margin-right: 25px;
	}
		.leftbar>img,.rightbar>img{
			margin-bottom: 26px;
		}
		.leftbar>img+p{
			margin-bottom: 10px;
		}
		.leftbar>p+p{
			font-size: 12px;
		}
		.rightbar{
		float: right;
	}
		.rightbar img+p{
			font-family: "bistro-script-web",sans-serif;
			font-size: 33.25px;
			margin-bottom: 20px;
		}
	.features{
		clear: both;	
		margin-bottom: 23px;
		overflow: hidden;
		text-shadow: 0 1px 1px rgba(0,0,0,.75);
	}
		.features>h2{
			border-bottom: 1px solid #293a50;
			box-shadow: 0px 1px 15px rgba(0,0,0,.5);
			font-family: "bistro-script-web",sans-serif;
			font-size: 43.48px;
			margin-bottom: 30px;
			padding-bottom: 14px;
			text-align: center;
		}
		.features img{
			border: 1px solid #000;
			border-radius: 8px;
			box-shadow: 0 1px rgba(255,255,255,.3);
			float: left;
			margin-left: 116px;
		}
			.features img:first-of-type{
				margin-left: 60px;
			}
	.line{
		border-top: 1px solid #293a50;
		border-bottom: 1px solid #5b7fab;
		display: block;
		margin-bottom: 16px;
	}
	
	#freetrial ul li fieldset p{
		width: 170px;
	}
	
/* Container II
============================================================ */	
	.createaccount{
		background: url(../images/bg/bg_free_edition.png);
		color: #fff;
		margin-bottom: 92px;
		overflow: hidden;
		padding: 60px 32px 162px;
		text-align: center;
		width: 896px;
	}
		.createaccount>h3{
			background: url("../images/web4/misc/ribbon1.png") no-repeat;
			font-family: "skolar",serif;
			font-size: 25.57px;
			font-weight: bold;
			height: 53px;
			letter-spacing: 8px;
			line-height: 54px;
			margin: 0 auto 14px auto;
			text-transform: uppercase;
			width: 765px;
		}
		.createaccount>h2{
			clear: both;
			font-family: "museo-sans",sans-serif;
			font-size: 139.27px;
			font-weight: 900;
			line-height: 105px;
			margin-bottom: 70px;
			text-transform: uppercase;
		}
			.createaccount>h2>span{
				font-family: "bistro-script-web",sans-serif;
				font-size: 126.56px;
				font-weight: 100;
				position: relative;
				text-transform: lowercase;
				top: -15px;
			}
	
			.sidebar>h2{
				font-family: "skolar",serif;
				font-size: 22px;
				letter-spacing: 2px;
				padding: 10px 0;
				text-transform: uppercase;
			}
				.info{
					background: #fff;
					border-radius: 4px;
					box-shadow: 0 1px 3px rgba(0,0,0,.3);
					font-family: "museo-sans",sans-serif;
					margin-bottom: 98px;
					padding: 8px 25px 52px;
					position: relative;
					width: 174px;
				}
					.info:after{
						background: url("../images/web4/icn/badges.png") no-repeat 0 0;
						bottom: -31px;
						content:"";
						height: 62px;
						left: 36%;
						position: absolute;
						width: 62px;
					}
					.sidebar .info:last-child:after{
						background: url("../images/web4/icn/badges.png") no-repeat 0 -62px;
						bottom: -31px;
						content:"";
						height: 62px;
						left: 36%;
						position: absolute;
						width: 62px;
					}
					.sidebar.left{
						margin-right: 20px;
					}
						.sidebar.left .info{
							margin-left: 6px;
						}
					.sidebar.right .info{
						margin-bottom: 49px;
					}
						.sidebar.right .info:after{
							background: url("../images/web4/icn/badges.png") no-repeat -62px 0;
							bottom: -31px;
							content:"";
							height: 62px;
							left: 36%;
							position: absolute;
							width: 62px;
						}
						.sidebar.right .info:last-child:after{
							background: url("../images/web4/icn/badges.png") no-repeat -62px -62px;
							bottom: -31px;
							content:"";
							height: 62px;
							left: 36%;
							position: absolute;
							width: 62px;
						}
					.info>h3{
						color: #2b4b72;
						font-size: 30px;
						font-weight: 900;
						margin-bottom: 2px;
						text-transform: uppercase;
					}
					.info>p{
						color: #464646;
						font-size: 16px;
						font-weight: 500;
						line-height: 25px;
					}
		.data{
			background: #fbfbfb;
			border-radius: 5px;
			box-shadow: 0 1px 3px rgba(0,0,0,.3);
			float: left;
			margin-bottom: 26px;
			padding: 0px 26px 34px;
			width: 309px;
		}	
			.data>h2{
				background: url("../images/web4/misc/ribbon.png") no-repeat;
				font-family: "museo-sans",sans-serif;
				font-size: 21px;
				font-weight: 700;
				height: 68px;
				letter-spacing: 3px;
				line-height: 68px;
				position: relative;
				right: 13px;
				text-transform: uppercase;
				top: -33px;
				width: 336px;
			}
			.data>label,fieldset label{
				color: #426994;
				display: block;
				font-family: "myriad-pro",sans-serif;
				font-size: 14px;
				font-weight: 600;
				margin-bottom: 8px;
				text-align: left;
			}
				.data>label>span{
					color: #B85345;
				}
			.data>input[type="text"],.data>input[type="password"],fieldset input[type="text"],fieldset input[type="password"]{
				border: 1px solid #c0c0c0;
				border-radius: 6px;
				box-shadow: 0 1px 1px rgba(0,0,0,.2) inset,0 1px #f1f1f1;
				height: 31px;
				line-height: 31px;
				margin-bottom: 12px;
				padding: 0 8px;
				width: 95%;
			}
			.data>input#passw{
				margin-bottom: 33px;
			}
/*			.data>input.error,.landing .error{
				border: 1px solid #FF4D4D;
				box-shadow: 0 1px 1px rgba(0,0,0,.2) inset,0px 0px 5px #FF4D4D;
			}
			.error{
				border: 1px solid #FF4D4D !important;
				box-shadow: 0 1px 1px rgba(0,0,0,.2) inset,0px 0px 5px #FF4D4D !important;
			}*/
			
				.data>input:last-of-type{
					border: none;
					margin-bottom: 30px;
				}
			.data>p{
				color: #515151;
				font-size: 14px;
				line-height: 20px;
			}
				.data>p>a{
					color: #5993B3;
				}
				.data>input[type="submit"]+p{
					color: #515151;
					font-size: 12px;
					margin-bottom: 32px;
				}
	.bottominfo{
		clear: both;
	}
		.bottominfo:after{
			content: url("../images/web4/misc/paperplain.png");
			position: relative;
			top: 28px;
		}
		.bottominfo>p{
			font-family: "skolar",serif;
			font-size: 18px;
			margin: 0 auto;
			text-align: left;
			width: 502px;
		}
			.bottominfo>p>span{
				font-family: "skolar",serif;
				font-weight: 600;
			}
			.bottominfo>p:first-child{
				background: url("../images/web4/misc/ribbon2.png") no-repeat;
				font-family: "museo-sans",sans-serif;
				font-size: 14px;
				font-weight: 500;
				height: 50px;
				letter-spacing: 4px;
				line-height: 50px;
				margin-bottom: 30px;
				text-align: center;
				text-transform: uppercase;
				width: 528px;
			}
			.bottominfo>p+p{
				line-height: 30px;
				padding-left: 40px;
			}
		.stroke.w228{
			border-bottom: 1px solid #356e8e;
			display: block;
			margin: 0 auto;	
			position: relative;
			top: 52px;
			width: 228px;
		}	
		.stroke.w178{
			border-bottom: 1px solid #fff;
			display: block;
			margin: 0 auto;
			position: relative;
			width: 178px;
		}
			.stroke.mb35{
				margin-bottom: 35px;
			}
		.stroke.w90{
			border-bottom: 1px solid #fff;
			position: relative;
			top: 25px;
			width: 90px;
		}	
			
/* Footer
============================================================ */
	.detail{
		float: left;
		margin-bottom: 60px;
		margin-left: 80px;
		width: 242px;
	}
		.detail:first-child{
			margin-left: 60px;
		}
		.detail>h3{
			font-size: 25px;
			font-weight: 700;
			margin-bottom: 22px;
		}
		.detail>p{
			line-height: 18px;
		}
	footer>a{
		display: inline-block;
		text-align: center;
	}
	
/*	Dropdown */

#dropdown {
    display: block;
    float: right;
    height: 28px;
    margin-top: 8px;
    overflow: hidden;
    z-index: 10000;
}
	#dropdown a.dropdown {
	    color: #828282;
	    display: block;
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 26px;
	    margin-bottom: 6px;
	    text-align: center;
	    text-decoration: none;
	}	
		#dropdown .options {
			font-weight: bold;
		    line-height: 18px;
		   	position: relative;
		    text-align: left;
		    word-spacing: 5px;
		    height: 196px;
		    width: 192px;
		}
			#dropdown .options div{
				background: url('../images/web4/bg/bgdropdown2.png') repeat-y bottom left;
				padding: 5px 5px 0px 7px;
			}
			#dropdown .options span.bgfopt{
				background: url("../images/web4/bg/bgdropdown.png") no-repeat;
				display: block;
				height: 37px;
				position: absolute;
				width: 192px;
				bottom: 0px; left: 0px;
			}
			
			#dropdown .options a{
				color: #555;
				display: block;
				font-family: Helvetica, sans-serif;
				font-size: 12px;
				text-decoration: none;
				line-height: 22px !important;
				padding: 0px 5px 0px 20px;
			}
				#dropdown .options a:hover {
					color: #254B79;
					text-decoration: none;
				}
	
	#dropdown:hover {
		display: inherit;
		padding: 0px;
		height: auto;
		position: relative;
		
	}
		#dropdown:hover .options {	
			animation-duration: 1s;  
			animation-name: opacity;
		}
	
		@keyframes opacity {  
			from { opacity: 0 }
			55%  { opacity: 0.8; }
			to { opacity: 1; }
		}
		
.spriteflags{
	background: url('../images/web4/icn/flags.png') no-repeat;
	display: inline-block;
	height: 13px;
	padding-left: 10px;
	width: 20px;
}
	.spriteflags.flag1{ background-position: 0px 2px; }
	.spriteflags.flag2{ background-position: 0px -11px; }
	.spriteflags.flag3{ background-position: 0px -24px; }
	.spriteflags.flag4{ background-position: 0px -36px; }
	.spriteflags.flag5{ background-position: 0px -49px; }
	.spriteflags.flag6{ background-position: 0px -63px; }
	.spriteflags.flag7{ background-position: 0px -76px;}	
	
/* Sprites
============================================================ */
.icn{ 
	background: url('../images/web4/icn/sprite.png') no-repeat left top;
	display: inline-block;
}

.phone{ background-position: 0 0; line-height: 13px; padding-top: 4px; padding-left: 20px;} 
.chat{ background-position: 0 -29px; line-height: 16px; padding-left: 25px;} 

/* Footer II
============================================================ */
.blue footer{
	border-top: 1px solid #BCBCBC;
	box-shadow: 0px 1px #FFFFFF inset;
	overflow: hidden;
}
footer.footer1 {
	background: rgba(204, 204, 204, 0.3);
	padding: 60px 0px;
}
	footer.footer2 {
		background: rgba(243, 243, 243, 0.3);
		padding: 30px 0px;
	}
		footer.footer3 {
			padding: 30px 0px 80px 0px;
		}

footer.footer1 a.tw{ margin-right: 10px; }		
footer section.columns {
	clear: both;
    font-size: 14px;
    overflow: hidden;
    text-shadow: -1px 1px #FFFFFF;
}	

footer section.columns p.title{
	color: #535353;
	font-family: "myriad-pro",sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-shadow: 0 1px #fff;
	margin-bottom: 10px;
}		
	section.columns div {
	    display: block;
	    float: left;
	    margin-right: 26px;
	    width: 220px;
	}
	
		footer section.columns div:last-child{
			margin-right: 0px;
		}
		
		footer section.columns ul{
			width: auto;
		}
			footer section.columns ul li{
				color: #6B6B6B;
				line-height: 18px;
				padding-bottom: 10px;
				margin-right: 0px;
				width: auto;
			}
				footer section.columns ul li a{ color: #6B6B6B; }
				footer section.columns ul li a:hover{ color: #333333; }
				
footer ul.logos{
	float: left;
    margin-right: 25px;
    overflow: hidden;
}			
	footer ul.logos li{
		display: block;
		float: left;
		margin-right: 25px;
	}
		footer ul.logos li a{
			display: block;
		}
		
		footer ul.logos li:last-child{ margin-right: 0;}
		
.logofooter {
    display: inline-block;
    margin-right: 40px;
}
	
footer.footer3 p.center{
	text-align: center;
	margin-bottom: 40px;
}

span.copy {
    display: inline-block;
    font-size: 14px;
    position: relative;
    top: -13px;
}
footer.footer3{
	text-align: center;
}
footer ul.intersites {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
	footer ul.intersites li{
		color: #333333;
		display: block;
		float: left;
		font-size: 13px;
		margin-right: 20px;
	}
		footer ul.intersites li:first-child{
			margin-top: 5px;
		}
		footer ul.intersites li:last-child{
			margin-right: 0px;
		}
		footer ul.intersites li a{
			border: 1px solid #CCCCCC;
			color: #333333;
			display: block;
			padding: 5px;
		}
			footer ul.intersites li a:hover{
				background-color: #E0E0E0;
			}
			
			ul.buttons li{
				display: block;
				float:left;
				margin-right: 5px;
			}
				ul.buttons li.or{
					color: #474747;
					font-size: 17px;
					font-weight: 700;
					padding: 0 10px;
					line-height: 59px;
				}
				ul.buttons li:last-child{
					margin-right: 0;
				}

/* Button
============================================================ */
	.button{
		border-radius: 5px;
		color: #fff;
		display: inline-block;
		font-family: "skolar",serif;
		text-transform: uppercase;
	}
	.big{
		font-size: 18px;
		height: 50px;
		line-height: 50px;
		padding: 0 70px;
	}
	.medium{
		font-size: 18px;
		height: 58px;
		line-height: 58px;
		padding: 0 40px;
	}
	.small{
		font-size: 14px;
		height: 23px;
		line-height: 25px;
		padding: 0 15px;
	}
	.green{
		background: #7ab05c url("../images/web4/btn/patterns_zebra.png") repeat; /* Old browsers */
		background: url("../images/web4/btn/patterns_zebra.png") repeat, linear-gradient(top, #9CD478 0%, #79B059 100%); /* W3C */
		box-shadow: 0 2px #458038, 0 3px 3px #ADB7A8;
		text-shadow: -1px 1px #598b3f;
	}
		.green:hover{
			background: #8dbb73 url("../images/web4/btn/patterns_zebra.png") repeat; /* Old browsers */
			background: url("../images/web4/btn/patterns_zebra.png") repeat, linear-gradient(top, #A4E081 0%, #81C163 100%); /* W3C */
		}
		.green:active{
			background: #73B266 url("../images/web4/btn/patterns_zebra.png") repeat;
			background: url("../images/web4/bg/patterns_zebra.png") repeat, linear-gradient(top, #73B266 0%, #71B164 100%);
			box-shadow: 2px 2px 2px #466739 inset, -2px 2px 2px #466739 inset, 0 5px 5px #ADB7A8, 0 -1px 1px #3E8227 inset;
		}
	.green2{
		background: #8ACF73 url("../images/web4/btn/patterns_zebra.png") repeat;
		border: 1px solid #64A055;
		border-radius: 2px;
		color: #fff !important;
	    text-shadow: -1px 1px #76A767;
	    transition:none;
	}
		.green2:hover{
			background: rgb(171,234,148) url("../images/web4/btn/patterns_zebra.png") repeat; /* Old browsers */
			background: url("../images/web4/btn/patterns_zebra.png") repeat, linear-gradient(top, rgba(171,234,148,1) 0%,rgba(149,203,129,1) 100%); /* W3C */
		}
		.green2:active{
			background: rgb(149,203,129) url("../images/web4/btn/patterns_zebra.png") repeat; /* Old browsers */
			background: url("../images/web4/btn/patterns_zebra.png") repeat, linear-gradient(top, rgba(149,203,129,1) 0%,rgba(171,234,148,1) 100%); /* W3C */
		}
	.orange{
		background: #f99a4f url("../images/web4/btn/patterns_zebra.png") repeat; /* Old browsers */
		background: url("../images/web4/btn/patterns_zebra.png") repeat, linear-gradient(top, rgba(251,182,128,1) 0%,rgba(250,139,94,1) 100%); /* W3C */
		box-shadow: 0 2px #FA593D, 0 5px 5px #D3D3D3;
		text-shadow: -1px 1px #ae5d2e;
		transition:none;
	}
		.orange:hover{
			background: rgb(251,182,128) url("../images/web4/btn/patterns_zebra.png") repeat; 
			background: url("../images/web4/btn/patterns_zebra.png") repeat, linear-gradient(top, rgba(251,182,128,1) 51%,rgba(250,139,94,1) 100%); /* W3C */
		}
		.orange:active{
			background: #FA8B5E url("../images/web4/btn/patterns_zebra.png") repeat;
			box-shadow: 2px 2px 2px #FA593D inset, -2px 2px 2px #FA593D inset, 0 5px 5px #D3D3D3;
		}
	.button.tw{
		background: #8adcfa; /* Old browsers */
		background: linear-gradient(top, #8adcfa 0%,#8adcfa 50%,#5bc6f7 51%,#5bc6f7 100%); /* W3C */
		border: 1px solid #8AC3D7;
		box-shadow: 1px -1px #B1E8FC inset, -1px 1px #B1E8FC inset, 0 2px 1px #4886A0;
		border-radius: 0px;
		padding: 8px;
	}
		.button.tw span{ 
			background: url('../images/web4/icn/icn_twitter.png') no-repeat top center; 
			display: block;
			height: 13px;
			width: 17px;
		}
		.button.tw:hover{
			background: #e4f5fc; /* Old browsers */
			background: linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* W3C */
		}
		.button.tw:active{
			background: #e4f5fc; /* Old browsers */
			background: linear-gradient(top, #e4f5fc 0%,#9fd8ef 0%,#2ab0ed 5%,#bfe8f9 100%); /* W3C */
		}
		
	.button.fb{
		background: #718dca; /* Old browsers */
		background: linear-gradient(top, #718dca 0%,#718dca 50%,#5976bb 51%,#5976bb 100%); /* W3C */
		border: 1px solid #495CAE;
		box-shadow: 1px -1px #A9BADE inset, -1px 1px #A9BADE inset, 0 2px 1px #3B4977;
		border-radius: 0px;
		padding: 5px 10px 4px 10px;
	}
		.button.fb span{ 
			background: url('../images/web4/icn/icn_fb.png') no-repeat top center; 
			display: block;
		    height: 20px;
		    position: relative;
		    top: 3px; left: 1px;
		    width: 12px;
		}
		.button.fb:hover{
			background: #99a8c9; /* Old browsers */
			background: linear-gradient(top, #99a8c9 0%,#718dca 50%,#5976bb 51%,#8796ba 100%); /* W3C */
		}
		.button.fb:active{
			background: #5976bb; /* Old browsers */
			background: linear-gradient(top, #5976bb 1%,#99a8c9 8%,#718dca 50%,#8796ba 100%); /* W3C */
		}

/* Form elements
 ============================================================ */
fieldset{
	height: 70px;
	position: relative;
}

/* Error tooltip Classes
 ============================================================ */
span.error{
	background: url("../images/web4/misc/error_input.png") no-repeat;
	height: 25px;
	left: -26px;
	position: absolute;
	top: 24px;
	width: 25px;
	z-index: 1000;
}
p.error {
	background: #F2BDB9;
	border: 1px solid #D85656;
	border-radius: 4px;
	color: #D65952;
	font-family: "myriad-pro",sans-serif;
	font-size: 13px;
	padding: 4px 10px;
	position: absolute;
}
p.error:after, p.error:before {
	border: medium solid transparent;
	bottom: 97%;
	content: "";
	height: 0;
	position: absolute;
	pointer-events: none;
	width: 0;
}

p.error:after {
	border-bottom-color: #F2BDB9;
	border-width: 6px;
	margin-top: -6px;
	right: 51px;
	top: -6px;
}
p.error:before {
	border-bottom-color: #D85656;
	border-width: 7px;
	margin-top: -7px;
	right: 50px;
	top: -7px;
}
fieldset p.error{
	right: 0;
	top: 58px;
    text-align: left;
    width: 200px;
    z-index: 9999;
}

div.landing{
	background: #5e7697 url(../images/web4/bg/gradient.png);
 	background: url(../images/web4/bg/gradient.png),url(../images/web4/bg/pattern.png);
	color: #fff;
	font-family: "museo-sans",sans-serif;
	font-size: 15px;
	font-weight: 300;
	padding-bottom: 33px;
}

.landing header{
	height: auto;
	overflow: hidden;
	margin-bottom: 18px;
	padding-top: 22px;
	text-align: center;
}

.landing form, .landing .signupform-wrap{
	background: #E3E5ED;
	box-shadow: 0 0 13px rgba(0,0,0,.25) inset, 0 5px 10px rgba(0,0,0,.45);
	float: left;
	padding: 30px 36px 25px;
	position: relative;
	width: 376px;
}
	.landing form:before, .landing .signupform-wrap:before{
		background: url("../images/web4/misc/corners.png") no-repeat;
		content: "";
		display: block;
		height: 34px;
		left: -4px;
		position: absolute;
		top: -4px;
		width: 34px;
	}
	.landing form:after, .landing .signupform-wrap:after{
		background: url("../images/web4/misc/corners.png") no-repeat -34px 0;
		content: "";
		display: block;
		height: 34px;
		right: -3px;
		position: absolute;
		top: -4px;
		width: 34px;		
	}
	.landing form>ul>li, .landing .signupform-wrap > ul > li{
		display: inline-block;
	}
		.landing form>ul>li>fieldset>input, .landing .signupform-wrap>ul>li>fieldset>input{
			width: 156px !important;
		}
	.landing form>ul>li+li, .landing .signupform-wrap>ul>li+li{
		float: right;
	}
	.landing form label, .landing .signupform-wrap label{
		color: #4f4f4f;
		display: block;
		font-family: "myriad-pro",sans-serif;
		font-size: 15px;
		font-weight: 700;
		margin-bottom: 3px;
		text-shadow: 0 1px #fff;
	}
	.landing form input[type="text"],.landing form>input[type="password"], .landing .signupform-wrap input[type="text"],.landing .signupform-wrap>input[type="password"]{
		border: 1px solid #c0c0c0;
		border-radius: 4px;
		box-shadow: 0 1px 1px rgba(0,0,0,.2) inset,0 1px #f1f1f1;
		height: 28px;
		line-height: 28px;
		margin-bottom: 10px;
		padding: 0 8px;
		width: 95%;
	}
		.landing form>input[type="text"],.landing form>input[type="password"], .landing .signupform-wrap>input[type="text"],.landing .signupform-wrap>input[type="password"]{
			width: 360px;
		}
			.landing form>input[type="password"], .landing .signupform-wrap>input[type="password"]{
				margin-bottom: 26px;
			}
		.landing form>input[type="submit"], .landing .signupform-wrap>input[type="submit"]{
			border: none;
			/*margin: 0 0 24px 24px;*/
			cursor: pointer;
			display: block; 
			margin: 0 auto 24px auto;
		}
		.landing form>input.big, .landing .signupform-wrap>input.big{
			font-size: 16px;
			padding: 0px 30px;
		}
	.landing form>p:last-child, .landing .signupform-wrap>p:last-child{
		color: #515151;
		font-family: "skolar",serif;
		font-size: 10px;
		text-align: center;
		text-shadow: 0 1px #fff;
	}
		.landing form>p:last-child:before, .landing .signupform-wrap>p:last-child:before{
			background: url("../images/web4/misc/corners.png") no-repeat 0 -34px;
			content: "";
			display: block;
			height: 34px;
			left: -4px;
			position: absolute;
			bottom: -4px;
			width: 34px;
		}
		.landing form>p:last-child:after, .landing .signupform-wrap>p:last-child:after{
			background: url("../images/web4/misc/corners.png") no-repeat -34px -34px;
			content: "";
			display: block;
			height: 34px;
			right: -3px;
			position: absolute;
			bottom: -4px;
			width: 34px;		
		}
	.landing form>p>a, .landing .signupform-wrap>p>a{
		color: #5993B3;
	}
	
.landing footer{
	clear: both;
	overflow: hidden;
	text-shadow: 0 1px 1px rgba(0,0,0,.75);
	box-shadow: none;
	border: none;
}