/*-----------------------------------------------------------------------------

REVOLUTION RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	26/06/12
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/


/**********************
	-	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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}


/***********************
	-	BASICS 	-
***********************/
html {
	overflow-x:hidden;
	padding: 0 !important;
	background-image:url(../images/tiles/bgtile.jpg);
	margin:0px !important;
}

body				{	background-color:#e5e5e5; }



.showbiz-container				{	max-width:1210px; min-width:300px; overflow:hidden;
									padding:0px 20px;margin:0px auto 50px;
									box-sizing:border-box;
									-moz-box-sizing:border-box;
									-webkit-box-sizing:border-box;
								}

.showbiz-container.darkbg1		{	padding:20px;
									background:#e5e5e5;
									max-width:1170px;
								}

.showbiz-container.whitebg		{	padding:20px; padding-top:0px;
									background:#fff;
									max-width:1170px;
									-webkit-box-shadow: 0px 0px 5px 1px rgba(100,100,100,0.1);
									-moz-box-shadow: 0px 0px 5px 1px rgba(100,100,100,0.1);
									box-shadow: 0px 0px 5px 1px rgba(100,100,100,0.1);
									overflow:visible
								}


.showbiz-container.retrodarkbg	{	padding:20px;padding-top:0px;
									background:#222;
									border:1px solid #1e1e1e;
									max-width:1170px;
									overflow:visible
								}

.showbiz-container.fullwidth			{	max-width:100%;}
.showbiz-container.fullwidth.nopaddings	{	padding:0px;}
.sameheight								{	height:400px;}







/***** SOME STYLE FOR PREVIEW, CAN BE REMOVED !! ******/


.showbiz-container	{	z-index:10; position: relative;}

.divide5			{	width:100%;height:5px;}
.divide10			{	width:100%;height:10px;}
.divide15			{	width:100%;height:15px;}
.divide20			{	width:100%;height:20px;}
.divide30			{	width:100%;height:30px;}
.divide80			{	width:100%;height:500px;}

.halfcontainer		{	width:50%; float:left; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.leftfloat			{	float:left}
.clear				{	clear:both}
.rm10				{	margin-right:10px;}


p.small				{	font-family: 'Montserrat', 'Trebuchet MS', sans-serif; font-size:12px; color:#777; line-height:25px; text-align: left}

p.small a,
p.small a:visited,
p.small a:hover		{	color:#000; text-decoration:none; font-size:13px; font-weight:700;}


/* THE DEMO */

.style-title		{	font-size:30px; font-weight: 800; font-family: 'Montserrat', 'Trebuchet MS', sans-serif; color:#555; line-height:30px;text-align: center; position: relative; z-index:5;}
.style-title p		{	font-size:14px;}

@media only screen and  (max-width: 620px) {
		.halfcontainer	{	float:none; width:100%}
}




/*************** SMALL SOCIAL MEDIA ICONS *****************************************/

.smallicons				{height: 20px; margin-top: -10px; margin-bottom: 15px; padding-left: 10px; position: relative; z-index: 100000;}

.twitter,
.twitter a 				{height: 20px; width: 20px; background-image:url(../images/twitter.png); float: left; overflow: hidden; margin-right: 5px;}
.twitter a:hover 		{background-image:url(../images/twitter_hoover.png); }

.facebook,
.facebook a				{height: 20px; width: 20px;  background-image:url(../images/facebook.png); float: left; overflow: hidden; margin-right: 5px;}
.facebook a:hover 		{background-image:url(../images/facebook_hoover.png); }

.linkedin,
.linkedin a 			{height: 20px; width: 20px;  background-image:url(../images/linkedin.png); float: left; overflow: hidden; margin-right: 5px;}
.linkedin a:hover 		{background-image:url(../images/linkedin_hoover.png); }


/*************** BIG SOCIAL MEDIA ICONS *****************************************/

.bigicons				{height: 30px; margin-bottom: 25px; margin-top: 15px;}

.bigtwitter,
.bigtwitter a 			{height: 30px; width: 30px; background-image:url(../images/twitterbig.png); float: left; overflow: hidden; margin-right: 7px;}
.bigtwitter a:hover 	{background-image:url(../images/twitter_hooverbig.png); }

.bigfacebook,
.bigfacebook a			{height: 30px; width: 30px;  background-image:url(../images/facebookbig.png); float: left; overflow: hidden; margin-right: 7px;}
.bigfacebook a:hover 	{background-image:url(../images/facebook_hooverbig.png); }

.biglinkedin,
.biglinkedin a 			{height: 30px; width: 30px;  background-image:url(../images/linkedinbig.png); float: left; overflow: hidden; margin-right: 7px;}
.biglinkedin a:hover 	{background-image:url(../images/linkedin_hooverbig.png); }