/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
@font-face {
    font-family: 'Aller_Bd';
    src:url(../fonts/Aller_Bd.ttf) format('truetype');
}
@font-face {
      font-family: 'ambleregular';
      src: url(../fonts/Amble-Regular-webfont.ttf) format('truetype');
}
body{
	font-family: 'ambleregular';
	background:#fff;
	/* background: url(../images/bg1.jpg) no-repeat center fixed; */
	/* background-image: linear-gradient(to right, #154360, #aed6f1); */
	background-image: linear-gradient(to right, #154370, #aed6f1);
	/* background-image: linear-gradient(to right, slategray, thistle); */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center;
	background-size: 100% 100%;
}
.wrap{
	width:80%;
	margin:0 auto;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
}
.logo {
	float:left;
}
.header-top{
	padding: 30px 0 0px 0;
}
/*--menu--*/
.cssmenu{
	color:#fff;
	float:right;
	padding-top: 16px;
}
.cssmenu ul li {
	display: inline-block;
}
.cssmenu ul li a {
	color:#fff;
	display: block;
	padding:10px;
	letter-spacing: 1px;
	font-size: 0.95em;
	text-transform: uppercase;
}
.cssmenu li.active> a, .cssmenu li> a:hover {
	color:#F8E2C4;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/**** Slider *****/
.wmuSlider {
	position: relative;
	overflow: hidden;
	padding:2% 0;
}
.wmuSlider .wmuSliderWrapper article {
	text-align: center;
}
.wmuSlider .wmuSliderWrapper article img {
	max-width: 100%;
	width: auto;
	height: auto;
	display:block;
}
/* Default Skin */
.wmuSliderPagination {
	z-index: 2;
	position: absolute;
	right:0;
	bottom:50px;
}
.wmuSliderPagination li {
	float: left;
	margin: 0 8px 0 0;
	list-style-type: none;
}
/* slider tabs */
.wmuSliderPagination a {
	display: block;
	text-indent: -9999px;
	width: 15px;
	height: 10px;
	background:#645035;
}
.wmuSliderPagination a.wmuActive {
	background:#ffd700;
}
.slider-right{
	width:48.5%;
	float:left;
	padding-top:3%;
}
.slider-right h3{
	font-size: 3.4em;
	color:#fff;
	font-family: 'Aller_Bd';
	margin-bottom: 30px;
	text-align: left;
}
.slider-left{
	float: left;
	width: 30.0%;
	margin-right: 5.6%;	
}
p.top{
	color:#F8E2C4;
	font-size:1.2em;
	line-height:1.5em;
	text-align: left;
	margin-bottom:20px;
}
p.middle{
	color:#F8E2C4	;
	font-size:0.85em;
	line-height:1.5em;
	text-align:left;
	margin-bottom:20px;
}
.btn a:hover{
	color:#645035;
}
.btn a{
	border: none;
	float:left;
	color: #A07237;
	cursor: pointer;
	padding:10px 30px;
	display: inline-block;
	font-family: 'Aller_Bd';
	font-size: 0.90%em;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-transform: uppercase;
	background:gold;
}

.btn2 {
  border: none;
  color: green;
  background-color: inherit;
  padding: 10px 5px;
  font-size: 1.50%em;
  cursor: pointer;
  display: inline-block;
}
/*--content--*/
/*  GRID OF FOUR   ============================================================================= */
.main{
	background:#fff;
}
.content-top{
	padding-top: 4%;
}
.col_1_of_4{
	display: block;
	float:left;
	margin: 1% 0 1% 3.6%;
	background:#fff;
}
.col_1_of_4:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.span_1_of_4 {
	width: 21.8%;
}
.span_1_of_4 h3{
	margin-bottom:20px;
}
.span_1_of_4 h3 a{
	color: #777;
	font-family: 'Aller_Bd';
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.span_1_of_4 h3 a:hover{
	color:#666;
}
p.low-desc{
	color: #999;
	font-size: 0.85em;
	line-height: 1.8em;
	margin-bottom: 10px;
}
p.thick{
	font-size: 0.85em;
	line-height: 1.8em;
	color:#666;
	margin-bottom:20px;
}
.button{
	margin-top:10px;
}
.button a{
	color:#645035;
	font-size:1.1em;
	font-family: 'Aller_Bd';
}
.button a:hover{
	color:#666;
}
/*--content-middle--*/
.content-middle{
	padding: 2% 0 4% 0;
}
.middle-top{
	border-bottom: 1px solid #DDD;
	padding: 20px 0;
	margin-bottom:30px;
}
.middle-top h2 {
	color: #777;
	font-size: 1.3em;
	font-family: 'Aller_Bd';
	float: left;
	text-transform: uppercase;
}
#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 23.8%;
	margin-right: 20px;
	display: none;
	float: left;
	overflow: hidden;
}
#info {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;				
	background:#fcf8e3;
	border:1px solid  #fbeed5;
	width:95%;
	max-width:900px;
	margin:0 auto 40px auto;
	font-family:arial;
	font-size:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
	#info .info-wrapper {
		padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	}
	#info a {
		color:#c09853;
		text-decoration:none;
	}
	#info p {
		margin:5px 0 0 0;
	}
.container { 
	position: relative; 
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;	
  }
#filters {
	padding:7px 0px 0px;
	list-style: none;
	float:right;
}
	#filters li {
		float:left;
	}
	#filters li span {
		font-weight: normal;
		padding:3px 15px;
		background:#bababa;
		display: inline-block;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		cursor: pointer;
		margin-right: 10px;
	}
	#filters li span.active {
		background:#dcdcdc;
		color: #FFF;
		border:none;
}
.portfolio-right {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 100%;
	margin-right: 0;
	float: left;
	overflow: hidden;
}
.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
	}
	.portfolio img, .portfolio1 img {
		max-width:100%;
		display: block;
		opacity: 5;
		transition: all 300ms!important;
		-webkit-transition: all 300ms!important;
		-moz-transition: all 300ms!important;
	}
	.portfolio img:hover, .portfolio1 img:hover {
		-webkit-filter: grayscale(50%);
	}
.product_box {
    background:#fff;
	border: 1px solid #E0E0E0;
	padding: 8px 7px;
	margin-bottom: 10px;
	width:30.2%;
	float: left;
}
.product_box h3{
	margin: 0 0 10px 0;
	font-size:1.1em;
	padding: 10px;
	border: 1px solid #F7F5F5;
	text-align: center;
	background:#f7f7f7;
}
.product_box h3{
	background:#eee;
}
.product_box h3 a{
	color:#645035;
	display: block;
}
.product_box h3 a:hover{
	color:#000;
}
.product_box p {
	color: #666;
	font-weight: normal;
	font-size: 0.85em;
	line-height: 1.8em;
}
.product_box:hover {
	background:#f7f7f7;
}
.product_box p a{
	color:#645035;
}
.product_box p a:hover{
	color:#555;
}
.margin_r_10 {
	margin-right: 20px;
}
.margin_r_last {
	margin-right:0px;
}
p.desc{
	color:#555;
}
.product_box a img {
	display: block;
}
/*--footer--*/
/*  GRID OF FOUR   ============================================================================= */
.footer{
	background:#2F4F4F;
}
.footer-top{
	padding:3% 0 1%;
}
.col_1_of_footer{
	display: block;
	float:left;
	margin: 1% 0 1% 2.6%;
}
.col_1_of_footer:first-child { margin-left: 0; } 
.span_1_of_footer {
	width: 22.8%;
}
.span_1_of_footer  h3{
	color:#fff;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size:1.2em;
	line-height: 1.2;
	font-family: 'Aller_Bd';
	font-weight : normal;
	letter-spacing: -1px;
	border-bottom:1px solid #68553B;
	text-transform: uppercase;
}
.span_1_of_footer  p {
	font-size:0.85em;
	color:#9E8A6F;
	line-height: 1.8em;
	margin-bottom:10px; 
}
.recent-tweet {
	margin-bottom: 1em;
}
.recent-tweet-icon {
	float: left;
	width: 10%;
	margin-top: 3%;
}
.recent-tweet-icon span {
	width: 20px;
	height: 20px;
	display: block;
	background: url(../images/ftwt.png) no-repeat;
}
.recent-tweet-info {
	float: right;
	width: 88%;
}
.recent-tweet-info a {
	display: block;
	color:#887459;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.recent-tweet-info a:hover{
	color:#fff;
}
.txt3 {
	color:#887459;
	font-size:1em;
	font-style: italic;
	display: inline-block;
}
.link{
	background:url(../images/more_arrow.png)95px 6px no-repeat;
	margin-top: 20px;
	font-size: 0.85em;
}
.link a{
	color:#887459;
}
.link a:hover{
	color:#fff;
}
.gallery li {
	float: left;
	width: 28.9%;
	margin: 0 10px 10px 0;
}
.gallery li img {
	display: block;
}
.footer-bottom{
	background:#264040;
	padding:1% 0;
}
.footer-logo{
	float:left;
}
.copy {
	float:right;
	padding-top:30px;
}
.copy p{
	color:#887459;
	font-size:0.85em;
}
.copy p a{
	color:#fff;
}
.copy p a:hover{
	color:#F8DDB9;
}
/*--project--*/
.project{
	padding:4% 0;
}
.project-top{
	padding:2% 0;
}
/*  GRID OF Content and sidebar   ============================================================================= */
.cont{
	display: block;
	float:left;
}
.rsidebar{
	display: block;
	float:left;
	margin:0% 0 0% 4.6%;
} 	
.span_2_of_3 {
	width: 62.1%;
}
.project-img img{
	margin-bottom:20px;
}
.span_1_of_3 {
	width: 33.2%;
}
.span_2_of_3  h3{
	color: #777;
	margin-bottom: 10px;
	font-size: 1.3em;
	line-height: 1.2;
	font-family: 'Aller_Bd';
	font-weight: normal;
	margin-top: 0px;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.about-left h3 a{
	color: #777;
}
.about-left h3 a:hover{
	color: #555;
}
ul.sidebar h3{
	color:#777;
	margin-bottom:10px;
	font-size:1.2em;
	line-height: 1.2;
	font-family: 'Aller_Bd';
	font-weight : normal;
	margin-top: 0px;
	letter-spacing: -1px;
	text-transform:uppercase;
}
.span_2_of_3 p,
.span_1_of_3  p  {
	font-size:0.85em;
	padding:0px 0 20px;
	color:#999;
	line-height: 1.8em;
}
span.black a{
	color:#18188A;
	cursor:pointer;
}
span.black a:hover{
	color:#000;
}
p.submitted {
	margin: 5px 0 15px;
	float: left;
	background: url(../images/icon-admin.png)0px no-repeat;
	padding: 0 0 0 20px;
}
p.submitted span a {
	color:#000;
}
p.submitted span a:hover{
	color:#555;
}
.post-author {
	margin-bottom: 2em;
	padding:20px 20px 0px;
	border: 1px solid #DDD;
}
.post-author_h a{
	color:#645035;
}
.post-author_h a:hover{
	color:#555;
}
.post-author_gravatar {
	float: left;
	margin: 0 20px 0 0;
}
.post-author_desc{
	float:left;
	width: 83.5%;
}
.post-author_link p a{
	color:#000;
}
.post-author_link p a:hover{
	color:#555;
}
.post-author_gravatar img{
	margin-bottom:0;
	box-shadow:none;
}
#comment-6{
	border:1px solid #ddd;
	background:#f7f7f7;
	padding:20px;
}
.comment-author {
	float: left;
	margin: 0 20px 0 0;
}
.wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.comment-author .author {
	display: block;
	padding-top: 6px;
	width: 65px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #555;
}
.comment-author img{
	margin-bottom:0;
	box-shadow:none;
	border:none;
}
.reply {
	float: right;
	margin-left: 28px;
	font-size: 0.85em;
	color:#000;
}
.reply a{
	color:#000;
}
.reply a:hover{
	color:#555;
}
.comment-meta {
	float: right;
	color:#999;
	font-size:0.85em;
}
.extra-wrap{
	float:left;
}
#comment-7{
	border:1px solid #ddd;
	background:#f5f5f5;
	padding:20px;
	margin: 20px 0px 20px 20px;
}
.comment-form{
	padding:30px 0 0;
}
.comment-form input[type="text"]{
	padding: 10px 10px;
	width: 47.4%;
	font-family: 'ambleregular';
	margin: 10px 0;
	border: 1px solid #E1E2E2;
	color: #999;
	background: #FFF;
	float: left;
	outline: none;
	font-size: 0.85em;
}
.comment-form textarea{
	height:100px;
	padding: 10px 10px;
	width: 97.4%;
	font-family: 'ambleregular';
	margin: 10px 0;
	border: 1px solid #E1E2E2;
	color:#999;
	background: #FFF;
	float: left;
	outline: none;
	font-size: 0.85em;
}
.comment-form input[type="submit"] {
	color: #FFF;
	font-size:0.85em;
	font-weight: normal;
	padding:12px 20px;
	border:none;
	background:#5A462A;
	font-family: 'ambleregular';
	outline:none;
	float: right;
	display: inline-block;
	cursor:pointer;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.comment-form input[type="submit"]:hover{
	background:#523E23;
}
.comment-form h4 {
	color: #777;
	margin-bottom:10px;
	font-size: 1.2em;
	line-height: 1.2;
	font-family: 'Aller_Bd';
	font-weight: normal;
	margin-top: 0px;
	letter-spacing: -1px;
	text-transform:uppercase;
}
ul.sidebar li {
	list-style-image: url(../images/marker2.gif);
	margin: 0 20px 10px;
}
ul.sidebar li a {
	font-size:0.85em;
	color:#999;
}
ul.sidebar li a:hover{
	color:#555;
}
.archive{
	padding:20px 0;
}
.archive h3 {
	color: #777;
	margin-bottom: 10px;
	font-size: 1.2em;
	line-height: 1.2;
	font-family: 'Aller_Bd';
	font-weight: normal;
	margin-top: 0px;
	letter-spacing: -1px;
	text-transform:uppercase;
}
ul.news li .date{
	float: left;
	background: #999;
	margin-right: 20px;
	font-size: 1em;
	color: #FFF;
	padding: 15px;
}
ul.news li{
	margin-bottom:20px;
}
ul.news li .desc{
	float:left;
	width:79.5%;
}
ul.news li .desc h4 {
	text-transform:uppercase;
	margin-bottom:10px;
}
ul.news li .desc h4 a{
	color: #222;
	font-size: 0.85em;
	text-transform: uppercase;
}
ul.news li .desc h4 a:hover{
	color:#555;
}
.recent-news h3 {
	color: #777;
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.2;
	font-family: 'Aller_Bd';
	font-weight: normal;
	margin-top: 0px;
	letter-spacing: -1px;
	text-transform:uppercase;
}
.poll{
	color:#555;
	font-size:0.8125em;
}
.poll h3 {
	color: #777;
	margin-bottom: 20px;
	font-size: 1.5em;
	line-height: 1.2;
	font-family: 'Aller_Bd';
	font-weight: normal;
	margin-top: 0px;
	letter-spacing: -1px;
	text-transform:uppercase;
}
.text{
	margin-bottom:5px;
}
.percent {
	float: right;
}
.title{
	margin-bottom:15px;
}
/*----progress-meter----*/
.meter { 
	height: 10px;
	position: relative;
	margin: 0px 0 20px 0;
	background: #FFF;
	border: 1px solid #DDD;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
	padding: 1px;
}
		.meter > span {
			display: block;
			height: 100%;
			  
			background-color:#555;
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			-moz-animation: move 2s linear infinite;
			overflow: hidden;
		}
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
		@-moz-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		.orange > span {
			background-color:#555;
		}
		
		.red > span {
			background-color:#555;
		}
		.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			-moz-animation: none;
			background-image: none;
		}
/*----//progress-meter----*/
/*--blog--*/
/*  GRID OF Content and sidebar   ============================================================================= */
.blogsidebar{
	display: block;
	float:left;
} 	
.span_2_of_blog {
	width:64.1%;
}
.span_1_of_blog {
	width: 35.2%;
}
.blog-list{
	color:#555;
}
.blog-list li{
	color:#555;
	font-size:0.75em;
	margin-bottom:20px;
	line-height: 1.6em;
}
.blog-list li a{
	color:#999;
}
.blog-list li a:hover{
	color:#555;
}
.blog{
	padding:20px 0;
}
.blog-img{
	padding-top:10px;
}
.blog-img1{
	padding-top:10px;
}
/*--features-*/
.post_meta {
	border: none;
	padding: 10px 30px;
	margin-bottom: 10px;
	font-size: 0.85em;
	font-weight: 300;
	text-transform: uppercase;
	color: #000;
	background-color: #EDEDED;
	width: auto;
	display: inline-block;
	vertical-align: top;
}
.post_meta a{
	color:#555;
}
.post_meta a:hover{
	color:#000;
}
h5.m_1{
	margin:5px 0 10px 0;
}
h5.m_1 a{
	color:#777;
	font-weight: bold;
	font-size:1em;
	line-height: 24px;
	text-transform: uppercase;
	margin: 0 0 0 0;
}
.feature-meta{
	margin-bottom:20px;
}
h5.m_1 a:hover{
	color:#555;
}
/*--plans--*/
.plans{
	padding:4% 0;
}
.pricing{
	padding:5% 0 0%;
}
.pricing h3 {
	font-size: 4em;
	color: #333;
	font-family: 'AmbleRegular';
	padding-bottom:4%;
	text-align:center;
}
.pricing h3 span {
	font-family: 'Montserrat', sans-serif;
}
h2.m_2{
	color: #777;
	text-align: center;
	font-size: 2em;
	text-transform: uppercase;
	margin-bottom: 3%;
	font-family: 'Aller_Bd';
}
#plans,#plans ul,#plans ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#pricePlans {
	text-align: center;
}
#pricePlans #plans .plan {
	font-family: 'Aller_Bd';
	background: #fff;
	display: inline-block;
	width: 100%;
	text-align: center;
	border-radius: 5px;
	margin: 0 0 20px 0;
	box-shadow: 0 2px 10px #aaa;
	-webkit-box-shadow: 0 2px 10px #aaa;
	-moz-box-shadow: 0 2px 10px #aaa;
	-o-box-shadow: 0 2px 10px #aaa;
}
.planContainer .title h2 {
	font-size: 2.125em;
	color: #3e4f6a;
	margin: 0;
	padding: .6em 0;
	padding: 25px 0;
}
.planContainer .title1 h3 {
	font-size: 2.125em;
	color: #645035;
	margin: 0;
	padding: .6em 0;
}
.planContainer .title h2.bestPlanTitle {
	background:#5A462A;
	color: #fff;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
}
.text{
	padding: 0px 0 10px;
}
.planContainer .price p {
	background:#F7F7F7;
	font-family: 'AmbleRegular';
	color:#645035;
	font-size: 1.5em;
	height: 2.6em;
	line-height: 2.6em;
	margin: 0 0 1em;
}
.planContainer .price p span {
	color:#B3823F;
}
.planContainer .options {
	margin-top: 10em;
}
.planContainer .options li {
	color:#C59F6A;
	line-height:3em;
	font-family: 'AmbleRegular';
	border-bottom: 1px solid #E9E9E9;
	font-size: 1.2em;
}
.planContainer .options li span {
	color: #333;
}
.planContainer .button a {
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
	letter-spacing: 3px;
	line-height: 2.8em;
	border: 2px solid #5A462A;
	display: inline-block;
	width: 80%;
	height: 2.8em;
	border-radius: 4px;
	margin: 1.5em 0 1.8em;
	font-family: 'AmbleRegular';
	font-size:1.2em;
}
.planContainer .button a.bestPlanButton {
	color: #fff;
	background:#523E23;
}
.planContainer .button a.bestPlanButton {
	color: #FFF;
	background: #5A462A;
	border: 2px solid #5A462A;
}
.planContainer .button a.bestPlanButton:hover {
	background: #5A462A;
	border: 2px solid #5A462A;
}
#pricePlans #plans .plan {
	width:25.9999%;
	margin: 0 3.33% 20px 0;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
li.plan-middle{
	width:30.9999%;
	margin: 0 3.33% 20px 0;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
#pricePlans #plans > li:last-child {
	margin-right: 0;
}
.planContainer .button a {
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}
.planContainer .button a:hover {
	background:#523E23;
	color: #fff;
}
.planContainer .button a.bestPlanButton:hover {
	background:#523E23;
}
/*--contact--*/
.map{
	margin-bottom:20px;
}
.contact-form input[type="text"]{
	background: #FFF;
	font-size: 0.85em;
	width:85%;
	border:none;
	outline: none;
	color:#999;
	font-family: 'ambleregular';
	margin-bottom:20px;
	padding: 10px;
	box-shadow: 0 0 3px #AAA;
	-webkit-box-shadow: 0 0 3px #AAA;
	-moz-box-shadow: 0 0 3px #AAA;
	-o-box-shadow: 0 0 3px #AAA;
}
.contact-form input[type="text"]:hover, .contact-form textarea:hover{
	box-shadow: 0 0 5px #AAA;
	-webkit-box-shadow: 0 0 5px #AAA;
	-moz-box-shadow: 0 0 5px #AAA;
	-o-box-shadow: 0 0 5px #AAA;
}
.contact-form textarea {
	background: #FFF;
	font-size: 0.85em;
	width:90%;
	border:none;
	outline: none;
	color: #999;
	padding: 10px;
    box-shadow: 0 0 3px #AAA;
	-webkit-box-shadow: 0 0 3px #AAA;
	-moz-box-shadow: 0 0 3px #AAA;
	-o-box-shadow: 0 0 3px #AAA;
	height: 150px;
	resize: none;
	margin-bottom: 20px;
	font-family: 'ambleregular';
}
.company_address h3 {
	color: #777;
	margin-bottom: 10px;
	font-size: 1.2em;
	line-height: 1.2;
	font-family: 'Aller_Bd';
	font-weight: normal;
	margin-top: 0px;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.contact-form input[type="submit"] {
	color: #FFF;
	font-size:1.1em;
	font-weight: normal;
	padding: 15px 50px;
	border: none;
	background: #5A462A;
	font-family: 'ambleregular';
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	display: block;
	text-transform:uppercase;
}
.contact-form input[type="submit"]:hover{
	background: #523E23;
}
.company_address p{
	padding:0;
}
.company_address p span {
	text-decoration: underline;
	color: #666;
	cursor: pointer;
}
.company_address p span:hover{
	text-decoration:none;
}
/*--404--*/
.page-not-found {
	padding: 30px 0;
}
.page-not-found h1 {
	font-size: 3em;
	color: #F0F0F0;
	text-align: left;
	text-shadow: 1px 1px 6px #AAA;
	-moz-text-shadow: 1px 1px 6px #aaa;
	-webkit-text-shadow: 1px 1px 6px #aaa;
	-o-text-shadow: 1px 1px 6px #aaa;
}
/*--responsive design--*/
@media (max-width:1366px){
	.wrap{
		width:90%;
	}
	.product_box {
		width: 29.9%;
	}
	.post-author_desc {
		width: 82.5%;
	}
}
@media (max-width:1280px){
	.wrap{
		width:90%;
	}
	.product_box {
		width: 29.8%;
	}
	#portfoliolist .portfolio {
		width: 23.6%;
	}
	.post-author_desc {
		width: 81.7%;
	}
	ul.news li .desc {
		width: 78.5%;
	}
}
@media (max-width:1024px){
	.wrap{
		width:90%;
	}
	.wmuSliderPagination {
		bottom:20px;
	}
	.wmuSlider {
		padding: 2% 0 5% 0;
	}
	.product_box {
		width: 28.8%;
	}
	.post-author_desc {
		width:76.7%;
	}
	
	.span_1_of_4 h3 a {
		font-size: 1.2em;
	}
	.gallery li {
		width: 27.9%;
	}
	.cssmenu{
		padding-top:20px;
	}
	.cssmenu ul li {
		padding:0;
	}
	.cssmenu ul li a {
		padding: 7px 12px;
		font-size: 0.89em;
	}
	.header-right {
		padding-top: 7px;
	}
	ul.news li .desc {
		width: 73.5%;
	}
	.middle-top {
		margin-bottom: 20px;
	}
	.blog-left {
		width: 45.5%;
	}
	.blog-right {
		width: 45.5%;
	}
	#login-form-remember {
		padding:7px 0px 0;
	}
	.about-desc {
		float:none;
		width:100%;
	}
	#portfoliolist .portfolio-last {
		width: 22.9%;
	}
	#portfoliolist .portfolio {
		width: 22.9%;
	}
}
@media (max-width:800px){
	.wrap{
		width:90%;
	}
	.wmuSlider {
		padding:2% 0 7% 0;
	}
	.wmuSliderPagination {
		bottom:20px;
	}
	#pricePlans #plans .plan {
		width: 29.9999%;
	}
	.product_box {
		width:26.8%;
	}
	#portfoliolist .portfolio-last {
		width: 22.5%;
	}
	#portfoliolist .portfolio {
		width: 22.5%;
	}
	.post-author_desc {
		width:68.7%;
	}
	.span_1_of_4 h3 a {
		font-size: 1.2em;
	}
	.gallery li {
		width: 27.9%;
	}
	.cssmenu ul li {
		padding:0;
	}
	.cssmenu ul li a {
		padding: 7px 5px;
		font-size: 0.85em;
	}
	.header-right {
		padding-top: 7px;
	}
	ul.news li .desc {
		width:66.5%;
	}
	.middle-top {
		margin-bottom: 20px;
	}
	.blog-left {
		width: 45.5%;
	}
	.blog-right {
		width: 45.5%;
		padding: 0 0px 0 10px;
	}
	.slider-left h3 {
		font-size: 1.5em;
	}
	p.middle {
		display:none;
	}
	.btn a {
		padding: 8px 20px;
	}
	ul.news li .desc h4 a {
		font-size: 0.95em;
	}
	.about-desc {
		float:none;
		width:100%;
	}
	.desc-portfolio h4 a {
		font-size: 1.1em;
	}
	ul.tag-list {
		font-size: 12px;
	}
	.portfolio-border {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.blog-right h4 {
		font-size:1em;
	}
	.recent-tweet-info {
		width: 83%;
	}
	.recent-tweet-icon {
		padding-right: 10px;
	}
}
@media (max-width:768px){
	.wrap{
		width:90%;
	}
	.product_box {
		width:26.8%;
	}
	#portfoliolist .portfolio-last {
		width: 22.5%;
	}
	#portfoliolist .portfolio {
		width: 22.5%;
	}
	.post-author_desc {
		width:67.7%;
	}
	.span_1_of_4 h3 a {
		font-size: 1.2em;
	}
	.gallery li {
		width: 27.9%;
	}
	.cssmenu ul li {
		padding:0;
	}
	.cssmenu ul li a {
		padding: 7px 5px;
		font-size: 0.85em;
	}
	.header-right {
		padding-top: 7px;
	}
	ul.news li .desc {
		width:64.5%;
	}
	.middle-top {
		margin-bottom: 20px;
	}
	.blog-left {
		width: 45.5%;
	}
	.blog-right {
		width: 45.5%;
		padding: 0 0px 0 10px;
	}
	.slider-left h3 {
		font-size: 1.5em;
	}
	p.middle {
		display:none;
	}
	.btn a {
		padding: 8px 20px;
	}
	ul.news li .desc h4 a {
		font-size: 0.85em;
	}
	.about-desc {
		float:none;
		width:100%;
	}
	.desc-portfolio h4 a {
		font-size: 1.1em;
	}
	ul.tag-list {
		font-size: 12px;
	}
	.portfolio-border {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.blog-right h4 {
		font-size:1em;
	}
	h2.m_2 {
		font-size:1.5em;
	}
	.planContainer .title1 h3, .planContainer .title h2{
		font-size:1.5em;
		
	}
	.planContainer .title h2{
		padding:20px 0;
	}
	.planContainer .price p, .planContainer .options li{
		font-size: 1em;
	}
	.planContainer .button a {
		width: 70%;
		height: 2.3em;
		font-size: 1em;
		line-height: 2.3em;
	}
	.recent-tweet-info {
		width: 83%;
	}
	.recent-tweet-icon {
		padding-right: 10px;
	}
	ul.tag-list li {
		margin: 0 23px 0;
	}
}
@media (max-width:640px){
	.wrap{
		width:90%;
	}
	.product_box {
		width:100%;
		float:none;
	}
	.header-top {
		padding: 20px 0 0px 0;
	}
	.wmuSlider {
		padding: 0% 0 7% 0;
	}
	.slider-left {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.btn a{
		float:none;
	}
	.slider-right h3 {
		text-align:center;
	}
	.slider-right {
		width: 100%;
		float: none;
		padding-top: 0;
		text-align:center;
	}
	#portfoliolist .portfolio-last {
		width: 22.5%;
	}
	#portfoliolist .portfolio {
		width:100%;
	}
	.post-author_desc {
		width:67.7%;
	}
	.span_1_of_4 h3 a {
		font-size: 1.2em;
	}
	.gallery li {
		width: 27.9%;
	}
	.cssmenu ul li {
		padding:0;
	}
	.cssmenu ul li a {
		padding: 7px 8px;
		font-size: 0.85em;
	}
	.cssmenu {
		margin-right:0px;
		float: none;
		text-align: center;
	}
	.header-right {
		padding-top: 7px;
		float:none;
	}
	ul.news li .desc {
		width:64.5%;
	}
	.middle-top {
		margin-bottom: 20px;
	}
	.blog-left {
		width: 45.5%;
	}
	.blog-right {
		width: 45.5%;
		padding: 0 0px 0 10px;
	}
	.logo {
		float: none;
		text-align: center;
	}
	.slider-left h3 {
		font-size: 1.5em;
	}
	p.middle, p.top{
		display:none;
	}
	.btn a {
		padding: 8px 20px;
	}
	ul.news li .desc h4 a {
		font-size: 0.85em;
	}
	.about-desc {
		float:none;
		width:100%;
	}
	.desc-portfolio h4 a {
		font-size: 1.1em;
	}
	ul.tag-list {
		font-size: 12px;
	}
	.portfolio-border {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.blog-right h4 {
		font-size:1em;
	}
	.span_1_of_footer h3 {
		font-size: 1.4em;
	}
	.recent-tweet-info {
		width: 83%;
	}
	.recent-tweet-icon {
		padding-right: 10px;
	}
	ul.tag-list li {
		margin: 0 23px 0;
	}
	.search_box {
		margin-top: 20px;
		width:80%;
	}
	.span_1_of_footer {
		width: 100%;
		margin: 0;
	}
	.span_1_of_4 {
		margin-bottom: 20px;
	}
	#filters2 li span {
		padding: 0px 10px;
		font-size: 0.85em;
	}
	#portfoliolist .portfolio-last, .span_1_of_2, .span_2_of_3, .span_1_of_3, .span_2_of_blog {
		width: 100%;
	}
	.span_2_of_3 h3, .about-left h3, .recent-news h3, ul.sidebar h3{
		font-size: 1.3em;
	}
	.comment-form h4 {
		font-size: 1.3em;
	}
	.span_1_of_4 {
		width: 100%;
	}
	.col_1_of_4 {
		margin:0 0 20px 0;
	}
	.span_1_of_4 h3 {
		margin-bottom: 10px;
	}
	p.thick {
		margin-bottom: 10px;
	}
	#portfoliolist .portfolio {
		width: 100%;
		margin:0;
	}
	.portfolio-right {
		width: 100%;
		float: none;
	}
	.rsidebar {
		margin:0;
	}
	#pricePlans #plans .plan {
		width:70%;
	}
	.cont {
		float: none;
	}
}
@media (max-width:480px){
	.wrap{
		width:90%;
	}
	.product_box {
		width:100%;
	}
	.wmuSlider {
		padding: 0% 0 12% 0;
	}
	#portfoliolist .portfolio-last {
		width: 22.5%;
	}
	#portfoliolist .portfolio {
		width:100%;
	}
	.post-author_desc {
		width: 100%;
		float: none;
	}
	.span_1_of_4 h3 a {
		font-size: 1.2em;
	}
	.gallery li {
		width: 27.9%;
	}
	.cssmenu ul li {
		padding:0;
	}
	.cssmenu ul li a {
		padding:4px;
		font-size: 0.85em;
	}
	.cssmenu {
		margin-right:0px;
		float: none;
		text-align: center;
	}
	.header-right {
		padding-top: 7px;
		float:none;
	}
	ul.news li .desc {
		width:64.5%;
	}
	.middle-top {
		margin-bottom: 20px;
	}
	.blog-left {
		width:100%;
	}
	.blog-right {
		width: 100%;
		padding: 0 0px 0 0px;
	}
	.logo {
		float: none;
		text-align: center;
	}
	.slider-left h3 {
		font-size:1.1em;
		margin-bottom: 20px;
	}
	p.middle {
		display:none;
	}
	.btn a {
		padding: 8px 20px;
	}
	ul.news li .desc h4 a {
		font-size: 0.85em;
	}
	.about-desc {
		float:none;
		width:100%;
	}
	.desc-portfolio h4 a {
		font-size: 1.1em;
	}
	ul.tag-list {
		font-size: 12px;
	}
	.portfolio-border {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.blog-right h4 {
		font-size:1em;
	}
	.alert1, .alert2, .alert3, .alert4{
		padding:10px;
	}
	.span_1_of_footer h3 {
		font-size: 1.4em;
	}
	.recent-tweet-info {
		width: 83%;
	}
	.recent-tweet-icon {
		padding-right: 10px;
	}
	ul.tag-list li {
		margin: 0 23px 0;
	}
	.span_1_of_footer {
		width: 100%;
	}
	.span_1_of_4 {
		margin-bottom: 20px;
	}
	#filters2 li span {
		padding: 0px 10px;
		font-size: 0.85em;
	}
	#portfoliolist .portfolio-last, .span_1_of_2, .span_2_of_3, .span_1_of_3, .span_2_of_blog {
		width: 100%;
	}
	.span_2_of_3 h3, .about-left h3, .recent-news h3, ul.sidebar h3{
		font-size: 1.3em;
	}
	.comment-form h4 {
		font-size: 1.3em;
	}
	.portfolio-right {
		width: 100%;
	}
	.span_1_of_about {
		width: 100%;
	}
}
@media (max-width:320px){
	.wrap{
		width:90%;
	}
	.product_box {
		width:100%;
	}
	#portfoliolist .portfolio-last {
		width: 22.5%;
	}
	#portfoliolist .portfolio {
		width:100%;
	}
	.post-author_desc {
		width:100%;
	}
	.span_1_of_4 h3 a {
		font-size: 1.2em;
	}
	.gallery li {
		width: 27.9%;
	}
	.cssmenu ul li {
		padding:0;
		display: block;
	}
	.cssmenu ul li a {
		padding:4px;
		font-size: 0.85em;
	}
	.cssmenu {
		margin-right:0px;
		float: none;
		text-align: center;
	}
	.header-right {
		padding-top: 7px;
		float:none;
	}
	ul.news li .desc {
		width:64.5%;
	}
	.middle-top {
		margin-bottom: 20px;
	}
	.blog-left {
		width:100%;
	}
	.blog-right {
		width: 100%;
		padding: 0 0px 0 0px;
	}
	#login-form-remember {
		padding:7px 0px 0;
	}
	.logo {
		float: none;
		text-align: center;
	}
	.slider-left h3 {
		font-size:1.1em;
		margin-bottom: 20px;
	}
	p.middle {
		display:none;
	}
	.btn a {
		padding: 8px 20px;
	}
	ul.news li .desc h4 a {
		font-size: 0.85em;
	}
	.about-desc {
		float:none;
		width:100%;
	}
	.desc-portfolio h4 a {
		font-size: 1.1em;
	}
	ul.tag-list {
		font-size: 12px;
	}
	.portfolio-border {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.blog-right h4 {
		font-size:1em;
	}
	.span_1_of_footer h3 {
		font-size: 1.4em;
	}
	.recent-tweet-info {
		width: 83%;
	}
	.recent-tweet-icon {
		padding-right: 10px;
	}
	ul.tag-list li {
		margin: 0 23px 0;
	}
	.search_box {
		margin-top: 20px;
		width:80%;
	}
	.span_1_of_footer {
		width: 100%;
	}
	.span_1_of_4 {
		margin-bottom: 20px;
	}
	#filters2 li span {
		padding: 0px 5px;
		font-size: 0.85em;
	}
	#portfoliolist .portfolio-last, .span_1_of_2, .span_2_of_3, .span_1_of_3, .span_2_of_blog {
		width: 100%;
	}
	.span_2_of_3 h3, .about-left h3, .recent-news h3, ul.sidebar h3{
		font-size: 1.3em;
	}
	.comment-form h4 {
		font-size: 1.3em;
	}
	.portfolio-right {
		width: 100%;
	}
	.span_1_of_about {
		width: 100%;
	}
	.slider-left {
		float:none;
		padding-top:0;
		width:100%;
	}
	.slider-right {
		width: 100%;
		float: none;
	}
	.big-buttons li {
		margin-right:4px;
		padding-bottom: 5px;
	}
	.slider-right h3 {
		display:none;
	}
	.wmuSlider {
		padding: 0% 0 19% 0;
	}
}
	
.legaltext {
	color: #999;
    font-size: 1.10em;
}

p.std-text{
	color: #999;
	font-size: 1.00em;
}

li {
	color: #999;
    font-size: 1.00em;
    margin-left: 3.0em;
    list-style-type: none;
 }

 .hovereffect {
  width: 100%;
  height: 100%;
  float: center;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  background: rgba(0,0,0,0.6);
  -webkit-transform: translatey(-100px);
  -ms-transform: translatey(-100px);
  transform: translatey(-100px);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  padding: 10px;
}

.hovereffect a.info {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 50px 0 0;
  padding: 7px 14px;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover img {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0);
}

.hovereffect:hover a.info {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

ul.products li {
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

.solution_box {
    background:#fff;
	border: 1px solid #E0E0E0;
	padding: 20px 20px 20px 20px;
	margin-bottom: 30px;
	width:100.0%;
	float: left;
}

.antispam { display:none;}

.modalTitle {
	color: #0000ff;
	text-align: center;
	position: relative;
	font-size: 150%;
}

.modalBodytext {
	color: #2F4F4F;
	text-align: left;
	position: relative;
	font-size: 100%;
}
.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 500ms ease-in;
    -moz-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
	max-height:60%;
    width: 65%;
	overflow-y: auto;
	overflow-x: none;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: -1px;
    text-align: center;
    top: -1px;
    width: 30px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background: #00d9ff;
}

.textWrapLeft {
	clear: right;
	float: left;
	margin: 10px;
}

.textWrapRight {
	clear: left;	
	float: right;
	margin: 10px;
}

.hidethis {
    display: none;
    visibility: hidden;
	opacity: 0;
}