/*
	Theme Name: LinkUp Multipurpose HTML Template
	Theme URI: http://demo.color-theme.com/linkup
	Description: LinkUp Multipurpose HTML Template
	Author: ZERGE (http://www.color-theme.com)
	Author URI: http://themeforest.net/user/ZERGE
	Version: 1.0
	License: 
	License URI: 
	Tags: light, two-columns, fixed-width, custom-background, threaded-comments
	Created: 16 April 2012
*/

body {
 	 color: #e6e2e5;
 	 font: 12px/1.65em Arial, Helvetica, sans-serif;
	 height: auto;
	 min-height: 100%;
	-webkit-text-size-adjust: 100%;	 
}

::selection {
	background-color:#BF252F;
	color:white;
}
.clear { clear: both; }

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

#wrapper .center-block, #wrapper-home .center-block {
	padding: 25px 0;
	width: 580px;
	margin: 0 auto;
	position: relative
}

.center-block {
	width: 580px;
	margin: 0 auto;
	position: relative
}

.center-block-page {
	padding: 25px 0 0px 0;
	width: 940px;
	margin: 0 auto;
	position: relative	
}
#wrapper {
	background:#fff;
	border: 1px solid #DDD;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	-webkit-box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	display: block;
	margin: 0 auto;
	position: relative;
	width: 980px;
	margin-bottom:37px; 
	
}

#wrapper-home {
	background:#fff;
	border: 1px solid #DDD;
/*	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	*/
	-webkit-box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	display: block;
	margin: 0 auto;
	position: relative;
	width: 980px;
	margin-bottom:40px; 
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;	
	
}

.main {
	border-radius: 0px 0px 10px 10px !important; 
	-moz-border-radius: 0px 0px 10px 10px !important; 
	-webkit-border-radius: 0px 0px 10px 10px !important; 
}

#top-gag { 
	background: url('../images/bg-slogan.png');
	width:100%;
	height:auto;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;	
}

#bottom-gag { 
	background: url('../images/bg-slogan.png');
	width:100%;
	height:20px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
	border-top: 1px solid #f5f5f5;	
}


.static-caption {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height:40px;
	background: #333;
	/* Opacity */
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=0.90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.90);
	filter: alpha(opacity=0.90);
}

.static-caption h5 {
	color: #FFF;
	font-size: 16px;
	font-weight:normal;
	line-height: 1.1em;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;	
}

.left-content, .right-content { float: left; margin-right: 40px; margin-left: 20px;	width: 675px; }
.right-content { margin-right: 0; margin-left: 0 }
.right-sidebar, .left-sidebar { width: 220px; float:left } 
.left-sidebar { margin-right: 40px; margin-left: 20px }
.border-1px { border: 1px solid #E6E5E5; }
.no-margin-bottom { margin-bottom: 0 !important; }
.bottom-margin-15 { margin-bottom: 15px; }
.margin-bottom-15 { margin-bottom: 15px; }


   ---------------------------------------------------------------------------------------------------------
	CTA - Call To Action Block
   ---------------------------------------------------------------------------------------------------------		
*/
#cta-block {  }
#cta-block .center-block { padding: 0; width: 980px; margin: 0 auto; position: relative }
#cta-block h3 { font-style:bold; font-size:24px; line-height:1.5em; text-align:center; margin:0; }
#cta-block h3 a { font-size: 22px; line-height: 1.1em; margin-bottom: 8px; font-family: 'Oswald', Helvetica, sans-serif}
#cta-block h5 { font-style:italic; line-height:1.5em; text-align:center; margin:0; }
#cta-block .slogan { background: url(''); background-color:#585657; border-bottom:1px solid #E6E5E5; padding:22px 0 25px; 	
-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;	
 }
#cta-block .button-block { float:left; width:180px; }
#cta-block h2 {	margin-bottom:0; text-transform:none; }



#slider-wrapper { 
/*	height:510px;*/
	position:relative;
	background:#fff;
	border: 0px solid #DDD;

	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;	
	
	
	-webkit-box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	display: block;
	margin: 0 auto;
	position: relative;
	width: 980px;
	margin-bottom:40px; 

 }

.static-image {
	display:block;
}

#gallery-wrapper { height:470px; border-bottom: 1px solid #E6E5E5; border-top: 1px solid #E6E5E5; margin-bottom:25px; position:relative; }

#accordian-slider-wrapper {	height:400px; border-bottom: 1px solid #E6E5E5; border-top: 1px solid #E6E5E5; position:relative; }
.video { 
	border:none;
	padding:0;
	line-height:0;
	height:auto !important;
}

/*
	===========================================================================================================
	SLIDORION SLIDER	
	===========================================================================================================	
*/

#slidorion {
	width: 980px;			/* Set to slidorion width. Is equal to #slider + #accordion width */
	height: 400px;			/* Set to slidorion height. Is equal to #slider and #accordion height */
	position: relative;
	background: #ffffff;
}

#slider {
	width: 700px;			/* Set to slider width */
	height: 400px;			/* Set to slider height */
	position: relative;
	float: left;
	overflow: hidden;		/* Hides the animations */
}

#slider > div {
	position:absolute;
	width:100%;
	height:100%;
}

#accordion-slidorion {
	width: 280px;			/* Set to accordion width */
	height: 400px;			/* Set to image height */
	background: #eee;
	-webkit-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	-moz-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	position: relative;
	z-index:999;
	overflow: hidden;
	float: left;
}

#accordion-slidorion > .link-header {
	padding: 8px 14px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background: #ededed;
	background: -moz-linear-gradient(top, #ededed 59%, #dcdcdc 100%);
	background: -webkit-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -o-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -ms-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dcdcdc',GradientType=0 );
	border-top: 1px solid #ccc;
}

#accordion-slidorion > .link-header:first-child {
	border-top:none;
}

#accordion-slidorion > .link-header:hover {
	background: #ededed;
	cursor: pointer;
}

#accordion-slidorion > .link-header.active {
	border-bottom: none;
	background: #bb9642!important;
	filter: none;
	color: #fff;
}

#accordion-slidorion > .link-content {
	height: 150px;			/* This height needs to be changed as it depends on the accordion height and number of tabs */
	font-weight: normal;
	font-size: 13px;
	line-height:20px;
	margin: 0;
	padding: 16px;
	border: none;
	background: #FFF;
	overflow:auto;
}

#slide4 {
	background:url('') no-repeat center;
	color:#fff !important;
}
#slide4 h3 a {
	font-size: 22px;
	line-height: 1.1em;
	margin-bottom: 8px;
	font-family: Oswald, Helvetica, sans-serif;
}
#slide4 .content { padding:15px 20px; }