@charset "utf-8";

html {
	overflow:-moz-scrollbars-vertical;
	overflow-y:scroll;
	color:black;	
}
body {
	margin:0;
	line-height:1;	
	font-family:"MavenMedium", Helvetica, Arial, sans-serif;
	margin:0px 0px 0px 0px;
}

@media only all and (max-width:1024px) and (max-height:768px) { /* Important:1024x768px has the same ratio as 1280x960px */
	body 
	{  
		-moz-background-size:1024px 768px;
		background-size:1024px 768px;
	}
}

ol, ul {	
   list-style:none;
}

table {	
   border-collapse:separate;	
   border-spacing:0;
}

caption, th, td {	
   text-align:left;	
   font-weight:normal;
}

@font-face {	
    font-family:'MavenMedium';	
    src:url('../fonts/MavenMedium.eot');	
    src:url('../fonts/MavenMedium.eot') format('embedded-opentype'), 
		 url('../fonts/MavenMedium.woff') format('woff'), 
		 url('../fonts/MavenMedium.ttf') format('truetype'), 
		 url('../fonts/MavenMedium.svg#MavenMedium') format('svg');
}

@font-face {	
    font-family:'enyuka';	
    src:url('../fonts/enyuka.eot');	
    src:url('../fonts/enyuka.eot') format('embedded-opentype'), 
		 url('../fonts/enyuka.woff') format('woff'), 
		 url('../fonts/enyuka.ttf') format('truetype'), 
		 url('../fonts/enyuka.svg#enyuka') format('svg');
}

.icons{
	z-index:1;
}


h1, h2, h3, h4, span.arrow, .title-wrap h3, .subtitle-wrap p, #options li a, .blockquote span{
	font-family:"MavenMedium", Helvetica, Arial, sans-serif;
	color:#777777;
}

.custom-class{
}

/* =Preloader
--------------------------------------------------------------------------------------------------------*/

#preloader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000;
	z-index:99;
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
	background-image:url(../images/site/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px;
}


/* End Preloader
--------------------------------------------------------------------------------------------------------*/

/* =Typography
--------------------------------------------------------------------------------------------------------*/

strong {
	font-weight:bold;
}

a, a > * {
	-webkit-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}

p {
	line-height:1.5;
	padding:0px 20px 0 20px;
}

.small {
	font-size:13px;
}
.smaller {
	font-size:12px;
}
.smallest {
	font-size:11px;
}

p.blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	padding:15px 40px 15px 40px;
	clear:both 

}

.blockquote span {
	font-size:11px;
	color:#8d8d8d;
	padding-top:5px;
	text-transform:uppercase;
	display:block;
	letter-spacing:1px;
}

a {
	color:#8d8d8d;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color:#555;
}


#container a {
	color:#8d8d8d;
	text-decoration:none;
	border-bottom:1px dashed #cccccc;
}

#container a:hover {
	text-decoration:none;
	color:#555;
}

span.arrow {
	font-size:22px;
}


/* End Typography
--------------------------------------------------------------------------------------------------------*/

/* =Headings
--------------------------------------------------------------------------------------------------------*/

h1#logo a {
	color:#FFFFFF;
	margin:0;
}
h1#logo {
	margin:20px 0px 10px 0px;
	position:relative;
	float:left;
	z-index:1;
	display:block;
	font-weight:normal;
	font-family:"enyuka", Helvetica, Arial, sans-serif;
	font-size:24px;
}

h2, h3, h4 {
	line-height:1.5;

}

h2 {
	font-size:18px;
	font-weight:700;
	margin:0px 20px 5px 20px;
	padding-bottom:5px;
	padding-top:15px;
	text-transform:uppercase;
	border-bottom:1px solid #cccccc;
	display:block 

}

.nohead {
	margin:0px 0px 5px 0px;
	padding-bottom:5px;
	padding-top:15px;
	display:block 

}

h4 {
	font-size:15px;
	font-weight:600;
	margin-bottom:-6px;
	margin:0px 20px 5px 20px;
}


/* End Headings
--------------------------------------------------------------------------------------------------------*/

/* =Main Content
--------------------------------------------------------------------------------------------------------*/

#wrapper {
	margin-top:0px;
	width:100%;
	position:fixed;
	z-index:29;
	margin:0 auto;
	margin-bottom:20px;
	box-shadow:0px 0px 15px rgba(0,0,0,0.3);
	padding:0;
}

footer {
	height:130px;
	width:100%;
	position:relative;
	z-index:29;
	margin:0 auto;
	padding:0;
	box-shadow:0px 0px 15px rgba(0,0,0,0.3);

}

.container {
	padding:0px;
	width:960px;
	position:relative;
	margin:0 auto;
	border-radius:10px;
}
.colours {
	box-shadow:0px 0px 15px rgba(0,0,0,0.3);
	background-color:rgba(0,0,0,0.9);
	padding:3px 0px 8px 0px;
	width:100%;
	position:relative;
	margin:0 auto;
}
.col1-1 {
	width:940px;
	margin-bottom:10px;
	height:402px;
	float:left;
}

.col1-3 {
	width:300px;
	height:402px;
	margin-bottom:10px;
	float:left;
}

.col2-3 {
	width:620px;
	height:402px;
	margin-bottom:10px;
	float:left;
}

.element .col1-3 {
	width:300px;
	height:402px;
	margin:0;
	float:left;
}

.element .col1-3.connect {
	width:320px;
	height:402px;
	margin:0;
	float:left;
}

.element .col2-3 {
	width:640px;
	height:402px;
	margin:0;
}

.col3-3 {
	height:402px;
	margin:10px 0px 10px 0px;
	float:left;
}
.col2-3.post, .col2-3.auto, .col1-3.auto, .col1-1.auto {
	height:auto;
}

.white-right:before {
	content:'';
	height:0;
	width:0;
	border-width:12px 12px 12px 12px;
	border-style:solid;
	border-color:rgba(251,251,251,0) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0);
	position:absolute;
	margin-top:40px;
	left:616px;
}

.white-right1:before {
	content:'';
	height:0;
	width:0;
	border-width:12px 12px 12px 12px;
	border-style:solid;
	border-color:rgba(251,251,251,0) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0);
	position:absolute;
	margin-top:40px;
	left:296px;
}
.white-right1:before {
	content:'';
	height:0;
	width:0;
	border-width:12px 12px 12px 12px;
	border-style:solid;
	border-color:rgba(251,251,251,0) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0);
	position:absolute;
	margin-top:40px;
	left:617px;
}

.white-bottom:before {
	content:'';
	height:0;
	width:0;
	border-width:12px 12px 12px 12px;
	border-style:solid;
	border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0);
	position:absolute;
	top:-24px;
	margin-left:40px;
}

.white-right, .white-right1, .white-right2 {
	background:#ffffff;
	border-radius:0px 10px 10px 0px;
}

.white-left, .white-left1, .white-left2 {
	background:#ffffff;
	border-radius:10px 0px 0px 10px;
}

.white-bottom {
	background:#ffffff;
	position:relative;
	height:296px;
	border-radius:0px 0px 10px 10px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.3);
}

.post .white-bottom {
	height:auto;
	padding-bottom:40px;
}

.bottom {
	position:absolute;
	bottom:0px;
	padding-bottom:36px;
}

.break {
	height:20px;
	position:relative;
}

.images {
	display:block;
	position:relative;
}

.overflow {
	overflow:hidden;
}


/* =End Main Content
--------------------------------------------------------------------------------------------------------*/

/* =Twitter
--------------------------------------------------------------------------------------------------------*/

#twitter_update_list {
	background:#ffffff;
}

ul.jta-tweet-list li {
	display:block;
	min-height:100px;
	padding:14px 40px 0px 40px;
	font-style:italic;
	line-height:1.5 

}

ul.jta-tweet-list li a.jta-tweet-link {
	color:#8d8d8d;
	text-decoration:none;
	text-transform:none;
	margin-right:4px;
	line-height:20px;
}

ul.jta-tweet-list li a.jta-tweet-link:hover {
	text-decoration:none;
	color:#555;
}

ul.jta-tweet-list li a.jta-tweet-timestamp-link {
	font-size:12px !important;
	color:#8d8d8d;
	text-decoration:none;
	padding-top:5px;
	display:block;
}

ul.jta-tweet-list li a.jta-tweet-timestamp-link:hover {
	text-decoration:none;
	color:#555;
}

span.jta-tweet-twitter-bird-icon, span.jta-tweet-twitter-bird-icon:hover {
	display:none 

}

a.jta-tweet-a {
	color:#8d8d8d;
	text-decoration:none;
}

a.jta-tweet-a:hover {
	color:#555;
}


/* End Twitter
--------------------------------------------------------------------------------------------------------*/

/* =Googlemaps
--------------------------------------------------------------------------------------------------------*/

#map {
	width:620px;
	height:620px;
	margin:0;
	border:0

}

#map:before, #map:after {
	background:none;
	content:'';
	left:0;
		position:absolute;
		top:0;
		width:100%;
}

#map:after {
	bottom:0;
	top:auto;
}


/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/

/* =Image Hover
--------------------------------------------------------------------------------------------------------*/

.images img {
	width:100%;
	display:block;
	z-index:9;
	box-shadow:inset 0px 0px 1px rgba(0,0,0,0.5);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(0,0,0,0.35)),color-stop(1, rgba(0,0,0,0.75)) );
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.75) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.75) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.75) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.75) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.75) 100%);	
	border-radius:10px 10px 0px 0px!important;
}

.col1-3 .images img {
	max-width:300px;
	display:block;
	z-index:9;

}
.connect .images img {
	max-width:340px;
	display:block;
	z-index:9;

}

.col2-3 .images img {
	max-width:640px;
	display:block;
	z-index:9;

}
.col1-3 img, .post img{
	border-radius:5px 10px 5px 10px;
}
.connect img, .flexslider img{
	border-radius:10px 0px 0px 10px!important;
}
.popup img{
	border-radius:5px 5px 5px 5px!important;
	box-shadow:2px 2px 3px rgba(0,0,0,0.25)!important;
	border:1px solid #cccccc!important;
}
.iframe img{
	border-radius:5px 5px 5px 5px!important;
	box-shadow:2px 2px 3px rgba(0,0,0,0.25)!important;
	border:1px solid #cccccc!important;
}
.icons {
	position:absolute;
	right:5px;
	top:5px;
	height:20px;
	width:20px;
	margin-left:0px;
	z-index:100;

}

.email {
	background:url(../images/bg-email.png) center no-repeat rgba(0,0,0,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.80);
}

.xing {
	background:url(../images/site/bg-xing.png) center no-repeat rgba(0,0,0,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.80);
}

.google {
	background:url(../images/site/bg-googleplus.png) center no-repeat rgba(0,0,0,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.80);
}

.tweet {
	background:url(../images/site/bg-tweet.png) center no-repeat rgba(0,0,0,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.80);
}

.twitter {
	background:url(../images/site/bg-twitter.png) center no-repeat rgba(0,0,0,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.80);
}

.facebook {
	background:url(../images/site/bg-facebook.png) center no-repeat rgba(0,0,0,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.80);
}

.pinterest {
	background:url(../images/site/bg-pinterest.png) center no-repeat rgba(0,0,0,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.80);
}

.instagram {
	background:url(../images/site/bg-instagram.png) center no-repeat rgba(0,0,0,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.80);
}

.vimeo {
	background:url(../images/site/bg-vimeo.png) center no-repeat rgba(0,0,0,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.80);
}

.skype {
	background:url(../images/site/bg-skype.png) center no-repeat rgba(0,0,0,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.80);
}

.dribble {
	background:url(../images/bg-dribble.png) center no-repeat rgba(0,0,0,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.80);
}

.link {
	background:url(../images/site/bg-link.png) center no-repeat rgba(255,255,255,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:2px solid rgba(0,0,0,0.50);
}

.video {
	background:url(../images/site/bg-video.png) center no-repeat rgba(255,255,255,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:2px solid rgba(0,0,0,0.50);
}

.bubble {
	background:url(../images/site/bg-bubble.png) center no-repeat rgba(255,255,255,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:2px solid rgba(0,0,0,0.50);
}

.quote {
	background:url(../images/site/bg-heart.png) center no-repeat rgba(255,255,255,0.90);
	background-size:14px 14px;
	border-radius:5px;
	border:2px solid rgba(0,0,0,0.50);
}

.slideshow {
	background:url(../images/site/bg-slideshow.png) center no-repeat rgba(255,255,255,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:2px solid rgba(0,0,0,0.50);
}

.aside {
	background:url(../images/site/bg-aside.png) center no-repeat rgba(255,255,255,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:2px solid rgba(0,0,0,0.50);
}

.close {
	background:url(../images/site/bg-close.png) center no-repeat rgba(255,255,255,0.50);
	background-size:14px 14px;
	border-radius:5px;
	border:2px solid rgba(0,0,0,0.50);
}

.images .title, .images .subtitle {
	z-index:10;
	position:absolute;
	top:38px;
	left:10px;
	width:auto;
	font-weight:600;
}

.images .subtitle {
	top:60px;
	font-weight:400;
}

.title-wrap, .subtitle-wrap {
	overflow:hidden;
	position:relative;
}

.title-wrap h3, .subtitle-wrap p {
	overflow:hidden;
	white-space:nowrap;
	line-height:32px;
	text-transform:uppercase;
	padding:0px;
}

.title-wrap h3 span, .subtitle-wrap p span {
	padding:5px 8px 6px 8px;
	background:#ffffff;
	-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.05) ;
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.05);
	font-style:normal;
}

.subtitle-wrap p span {
	font-size:12px;
	padding:5px 8px 5px 8px;
}

/*.videos {
	width:100%;
	height:402px;
	display:block;
	z-index:9 

}

*/

/* End Image Hover
--------------------------------------------------------------------------------------------------------*/

/* =Blog
--------------------------------------------------------------------------------------------------------*/

/* End Blog
--------------------------------------------------------------------------------------------------------*/

/* =Lists
--------------------------------------------------------------------------------------------------------*/

ul.list {
	position:absolute;
	padding:0 20px 16px 20px;
	bottom:0 

}

ul.list li {
	line-height:1.5;
	font-size:22px;
	font-weight:300;
	letter-spacing:-1px;
	width:auto;
	padding-left:28px;
}

ul.check li {
	background:url(../images/site/bg-check.png) no-repeat 1px 13px;
	background-size:13px 11px;
}


/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/

ul.social {
	padding-top:37px;
	margin-bottom:6px;
	letter-spacing:0;
}

.social li {
	display:inline-block;
	margin:0px 6px;
}

.social li a {
	display:block;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

ul.social a {
	text-indent:-9000px;
	text-decoration:none;
	height:24px;
	width:24px;
}


/* End Social
--------------------------------------------------------------------------------------------------------*/

/* =Isotope
--------------------------------------------------------------------------------------------------------*/

.isotope-item {
	z-index:2;
}

.isotope-hidden.isotope-item {
	pointer-events:none;
	z-index:1;
}


/**** Isotope CSS3 transitions ****/

.isotope, .isotope .isotope-item {
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-ms-transition-duration:0.8s;
	-o-transition-duration:0.8s;
	transition-duration:0.8s;
}

.isotope {
	-webkit-transition-property:height, width;
	-moz-transition-property:height, width;
	-ms-transition-property:height, width;
	-o-transition-property:height, width;
	transition-property:height, width;
}

.isotope .isotope-item {
	-webkit-transition-property:-webkit-transform, opacity;
	-moz-transition-property:   -moz-transform, opacity;
	-ms-transition-property:    -ms-transform, opacity;
	-o-transition-property:        top, left, opacity;
	transition-property:        transform, opacity;
}


/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s;
}


/* End:Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling {
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}

#options {
	width:auto;
	z-index:300;
	text-align:right;
}

#options ul {
	margin:0;
	list-style:none;
	display:inline-block;
	padding-top:20px;
	float:right;
	margin-right:-7px;
}

#options li {
	float:left;
	padding:0px 7px;
	 

}

#options li a {
	color:#ffffff;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	margin:0px;
	padding:5px 7px;
}

#options li a:hover, #options li a.selected, #options li.active a {
	color:#dddddd;
	background-color:rgba(0,0,0,0.3);
	border-radius:3px;
}


/* End Isotope
--------------------------------------------------------------------------------------------------------*/

/* =Backtotop
--------------------------------------------------------------------------------------------------------*/

#backtotop {
	height:auto;
	position:fixed;
	right:30px;
	bottom:30px;
	display:none;
	z-index:30;
}

#backtotop ul {
	padding:15px 0px;
}

#backtotop ul li a {
	background:url(../images/site/bg-up.png) center 48% no-repeat #ffffff;
	background-size:22px 15px;
	display:block;
	width:50px;
	height:50px;
	float:right;
	right:10px;
	text-indent:-9000px;
	-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1);
	box-shadow:0 0 30px rgba(0, 0, 0, 0.1);
}

#backtotop ul li a:hover {
	-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0);
	-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0);
	box-shadow:0 0 30px rgba(0, 0, 0, 0);
}


/* End Backtotop
--------------------------------------------------------------------------------------------------------*/

/* =Update 1.0.1
--------------------------------------------------------------------------------------------------------*/

a:visited .white-bottom:before, a:visited .white-right:before, a:visited .white-right2:before {
	border-color:#fff !important;
}


/* End Update
--------------------------------------------------------------------------------------------------------*/
#contact {
	display:block;
	width:auto;
	margin:0;
	padding:0px;
	border:none;
	margin-top:20px;
	overflow:visible 

}

/* Form style */
#contact label {
	display:none;
	float:none;
	height:0px;
}

input, textarea, select {
	width:220px;
	height:16px;
	padding:15px 0px;
	font:14px Georgia, "Times New Roman", Times, serif;
	color:#555;
	border:1px solid #555;
	-webkit-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
	float:none;
	display:block;
	margin:0px 40px;
	font-style:italic;
}

#contact textarea {
	margin-bottom:0px;
	margin-right:0px !important;
}

input:focus, textarea:focus, select:focus {
	 

}

input.submit {
	display:inline-block;
	position:absolute;
	width:auto;
	bottom:40px;
	right:0px;
	border:0px;
	padding:0px;
	color:#8d8d8d;
	font-size:12px;
	background:none;
	cursor:pointer

}

#contact input.submit:hover {
	color:#555;
}

#contact fieldset {
	padding-left:0px;
}

#contact span.required {
	padding-left:28px;
	background:url(../images/bg-bullet.png) no-repeat 12px 5px;
	margin-left:-28px;
}

#message {
	margin:0;
	padding:0px;
	z-index:200;
	position:absolute !important;
	top:40px;
	left:40px;
	background:rgba(255,255,255,0.5);
	height:auto;
	width:220px;
}

#success_page h3 {
	font-size:15px;
	font-weight:600;
	padding:34px 40px 0 40px;
	margin-bottom:-6px;
}

#success_page p {
	position:relative !important;
	padding-bottom:35px;
	 font-style:italic;
}

.error_message {
	display:block;
	width:180px;
	height:auto;
	padding:19px 20px 19px 20px;
	background:#FBE3E4;
	color:#8a1f11;
	 font-style:italic;
}

.loader {
	display:none;
}

#contact .padding-right {
	padding-right:20px;
}

#comments {
	height:85px;
}


/* Unpublished */

.system-unpublished, tr.system-unpublished {
	background:#e8edf1;
	border-top:4px solid #c4d3df;
	border-bottom:4px solid #c4d3df;
}

span.highlight {
	background-color:#FFFFCC;
	font-weight:bold;
	padding:1px 4px;
}

.img-fulltext-float-right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.img-fulltext-float-left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.img-fulltext-float-none {
}

.img-intro-float-right {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}

.img-intro-float-left {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

.img-intro-float-none {
}


/* =Clearfix
--------------------------------------------------------------------------------------------------------*/

.clear {
	clear:both;
}

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

/* ----- clear fix for floats ----- */

.clearfix {
	display:inline-block;
}

* html .clearfix {
	height:1%;
}

/* hides clearfix from IE-mac */

.clearfix {
	display:block;
}

/* end hide from IE-mac */

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.aligncenter {
	margin:auto;
	display:block;
}

.alignnone {
	clear:both;
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	border:0;
	height:0;
	width:0;
}

.centered {
	text-align:center;
}

/* End Clearfix
--------------------------------------------------------------------------------------------------------*/

.white, .grey, .black, .blue, .brown, .cobalt, .green, .olive, .orange, .pink, .purple, .red, .teal, .yellow {
    border:2px solid rgba(255, 255, 255, 0.3);
    border-radius:50% 50% 50% 50%;
    font-size:11px;
    line-height:0;
	margin:0;
    padding:0 5px;
}
.white {
    background-color:rgba(255,255,255,1.0);
    color:rgba(255,255,255,1.0);
}
.black {
    background-color:rgba(0,0,0,1.0);
    color:rgba(0,0,0,1.0);
}
.blue {
    background-color:rgba(30,120,160,1.0);
    color:rgba(30,120,160,1.0);
}
.brown {
    background-color:rgba(104,57,10,1.0);
    color:rgba(104,57,10,1.0);
}
.cobalt {
    background-color:rgba(30,60,90,1.0);
    color:rgba(30,60,90,1.0);
}
.green {
    background-color:rgba(0,119,0,1.0);
    color:rgba(0,119,0,1.0);
}
.grey {
    background-color:rgba(123,123,123,1.0);
    color:rgba(123,123,123,1.0);
}
.olive {
    background-color:rgba(95,90,35,1.0);
    color:rgba(95,90,35,1.0);
}
.orange {
    background-color:rgba(244,121,0,1.0);
    color:rgba(244,121,0,1.0);
}
.pink {
    background-color:rgba(210,80,140,1.0);
    color:rgba(210,80,140,1.0);
}
.purple {
    background-color:rgba(125,60,150,1.0);
    color:rgba(125,60,150,1.0);
}
.red {
    background-color:rgba(187,0,0,1.0);
    color:rgba(187,0,0,1.0);
}
.teal {
    background-color:rgba(0,153,153,1.0);
    color:rgba(0,153,153,1.0);
}
.yellow {
    background-color:rgba(220,190,0,1.0);
    color:rgba(220,190,0,1.0);
}
.white:hover, .black:hover, .blue:hover, .brown:hover, .cobalt:hover, .green:hover, .grey:hover, .olive:hover, .orange:hover, .pink:hover, .purple:hover, .red:hover, .teal:hover, .yellow:hover {
    border:2px solid rgba(255, 255, 255, 0.9);
    color:rgba(0, 0, 0, 0);
}
img a, a img, a.popup, .w25 img, .w30 img, .w50 img, .w75 img{
	border:0!important;
	border:none!important;
}
.bord{
	border:2px solid #ffffff;
	box-shadow:2px 2px 2px rgba(0,0,0,0.25);
	border-radius:10px;
	margin:0px 10px 10px 0px;
	
}
.w25{
	width:23.5%;
	margin:0px 5px 10px 0px;
}
.w30{
	width:28.5%;
	margin:0px 5px 10px 0px;
}
.w50{
	width:48.5%;
	margin:0px 5px 10px 0px;
}
.w75{
	width:73.5%;
	margin:0px 5px 10px 0px;
}
body 			{ background:rgba(255,255,255,1.0) url(../images/background.jpg) top left no-repeat fixed;}
p,li,a				{ color:rgba(0,0,0,1.0);}
#wrapper, footer{ background:rgba(0,0,0,.20); box-shadow:0px 0px 15px rgba(0,0,0,0.3);}
#options li a {	color:#000000;}

@media only screen and (max-width: 768px){
	body			{ background-color:rgba(0,0,0,1.0);}
	a				{ color:rgba(0,0,0,1.0);}
	#wrapper, footer{ background:rgba(0,0,0,.90); box-shadow:0px 0px 15px rgba(255,255,255,0.3);}
	#options li a {	color:#ffffff;}
}