@mixin vertt {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.element testt {
  @include vertt;
}

div#preloaded-images 
{
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

html
{
	height:100%;
	margin:0;
	padding: 0px;
	background-color: #000;
	background-image: url(background.jpg);
	background-repeat: repeat;
	width:100%;
	margin: 0 auto;
}

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

body 
{
	height:100%;
	background-color: #373737;
	background-image: url(background.jpg);
	background-repeat: repeat;
	width:100%;
	margin: 0;
	margin-left:0 auto;
	margin-right:0 auto;
	padding:0;
	
	font-size: 13px; 
	color: white;
	
	text-size-adjust: none;
	-apple-size-adjust: none;
	-moz-size-adjust: none;
	-o-size-adjust: none;
	-webkit-text-size-adjust: none;
}

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

blockquote
{
	margin:0;
	padding:0;
}

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

#outer2
{
	display:table;
	table-layout:fixed;
	width:1280px;
	min-width:1280px;
	height:100%;
	margin:auto;
	
	/*
	background-color:#207020;
	*/
	
	vertical-align:top;
	
	appearance: normal;
	-webkit-appearance: normal;
}

#outer 
{
	display:table;
	table-layout:fixed;
	width:1200px;
	min-height:100%;
	height:100%;
	margin:auto;
	
	vertical-align:top;
	
	-webkit-appearance: normal;
	-webkit-box-shadow: 0 0 5px 5px rgba( 0, 0, 0, 0.5 );
	-moz-box-shadow: 	0 0 5px 5px rgba( 0, 0, 0, 0.5 );
	box-shadow: 		0 0 5px 5px rgba( 0, 0, 0, 0.5 );
	
	background: url(lines.jpg) repeat;
	background-size: 70px;
	
	border-bottom: none;
    border-top: none;
	border-left: 1px solid #000000;
    border-right: 1px solid #000000;
	border-left-width: 1;
	border-right-width: 1;
}

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

.inner 
{ 
	/*display:table-row; */
}

/*-------------------------------------------------------------------------------------*/
p
{
	margin:0;
	padding:0;
};

.portfolio_section
{
	float:left;
	display:inline block;
	clear:both; 
	padding-left:20px;
	padding-right:0px;
	width:640px;
}

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

.smallContent
{
	float:left; 
	width:980px; 
}


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

.largeContent
{
	margin:auto;
	float:left;
	width:1080px;
	padding-top:10px;
	padding-left:65px;
	padding-right:65px;
	padding-bottom:30px; 
	height:100%;
}

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

.largeContent_full
{
	float:left; 
	width:1080px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px; 
}

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

.footer_parent 
{ 
	display:table-row; 
}

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

#footer 
{
	display:table-cell;
	vertical-align:bottom;
	
	margin-left:auto; 
	margin-right:auto; 
	width:1200px; 
	height:35px; 
	line-height:29px; 
	text-align:center; 
	vertical-align:middle; 
	background-color:#303030;
}

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

#main {
	vertical-align:top;
	width:100%;
	display:table-cell;
}

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

#main p:last-child, #footer p:last-child 
{ 
	margin:0 ;
}

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


.slidingDiv 
{
    display: none;
	background-color:rgba( 0, 0, 0, 0.1 );
	padding:10px;
	margin-left:15px;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:15px;
}

.product_rect 
{
    display: none;
	background-color:rgba( 0, 0, 0, 0.1 );
	padding:10px;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:10px;
}


.zoomedDiv 
{
    background-color:rgba( 0, 0, 0, 0.1 );
	padding:10px;
	margin-left:15px;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:15px;
	
	
}

.zoomedDiv2 
{
    background-color:rgba( 0, 0, 0, 0.1 );
	
	
}

.zoomedDiv3 
{
    background-color:rgba( 0, 0, 0, 0.1 );
	padding:10px;
}

.style_rect_zoomed
{
	background-color: #373737;
	
	border-width: 8px;
	border-style: solid;
	border-color: #3f3f3f;
	
	background-position: center;
    background-size: cover;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
		
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
	-moz-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
	
	overflow:hidden;
}





@import url('https://fonts.googleapis.com/css?family=Diplomata+SC');
@import url("../webfonts/ERASLGHT/stylesheet.css");
@import url("../webfonts/CAE/stylesheet.css");
/*
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

footer {
	position: absolute;
	bottom: 0;
	height: 25px;
}

th, td { padding: 0 0 0 0; }

html {
   position: relative;
	min-height: 100%;
}
*/

.ShadowUp
{
	/*
	-webkit-appearance: normal;
	-webkit-box-shadow: 0 0px 10px 6px rgba( 0, 0, 0, 0.2 );
	-moz-box-shadow: 	0 0px 10px 6px rgba( 0, 0, 0, 0.2 );
	box-shadow: 		0 0px 10px 6px rgba( 0, 0, 0, 0.2 );
	*/
	overflow:visible;
	z-index:10;
	display: block;
}

.ShadowDown
{
	/*
	-webkit-appearance: normal;
	-webkit-box-shadow: 0 0px 10px 6px rgba( 0, 0, 0, 0.2 );
	-moz-box-shadow: 	0 0px 10px 6px rgba( 0, 0, 0, 0.2 );
	box-shadow: 		0 0px 10px 6px rgba( 0, 0, 0, 0.2 );
	*/
	overflow:visible;
	z-index:10;
	display: block;
}

.FullTable
{
	overflow:hidden;
	
	height:100%;
	margin-left:auto;
	margin-right:auto;
	
	
	width:1200px; 
} 

.BaseTable
{
	-webkit-appearance: normal;
	-webkit-box-shadow: 0 0 5px 5px rgba( 0, 0, 0, 0.5 );
	-moz-box-shadow: 	0 0 5px 5px rgba( 0, 0, 0, 0.5 );
	box-shadow: 		0 0 5px 5px rgba( 0, 0, 0, 0.5 );
	background: url(lines.jpg) repeat;
	background-size: 64px;
	border-bottom: none;
    border-top: none;
	border-left: 1px solid #111111;
    border-right: 1px solid #111111;
	border-left-width: 1;
	border-right-width: 1;
	margin-left:auto;
	margin-right:auto;
	
	
	
	
	width:1200px; 
} 



table { border-collapse: collapse; line-height: 0; padding:0 0 0 0; }
/*
body 
{
	background-color: #FFFFFF;
	background-image: url(background.jpg);
	background-repeat: repeat;
}
*/
A:link 
{
        color : inherit;
        font-weight: inherit;
        text-decoration: none;
        background-color : transparent;
}

A:visited 
{
        color : inherit;
        font-weight: inherit;
        text-decoration: none;
        background-color : transparent; 
}

A:hover 
{
        opacity: 1;
}


A:active 
{
	color : inherit;
    text-decoration: none;
	background-color : transparent;
}

.style33 
{
	font-family: Arial;
	color: #DDDDDD;
	font-weight: bold;
	font-style: italic;
}

.arial-regular 
{
	color: #DDDDDD;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}

.white 
{	
	color: #DDDDDD;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.test 
{
	color: #DDDDDD;
	font-family: source-sans-pro;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
}

.white-small 
{	
	color: #DDDDDD;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}

.style_regular_text_bullet
{
	color: #DDDDDD;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}

.style_regular_text_bullet_lite
{
	color: #BBBBBB;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}
ul 
{ 
	/*
	list-style-image: url('bullet.png'); 
	list-style-image-width:8; 
	list-style-type: none; 
*/

	color: #DDDDDD;

	//background-image:url('bullet.png');
	//background-repeat:no-repeat;
}

.style_regular_text_bullet_links
{
	color: #5599CC;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 11px;
	font-weight: 400;
	font-style: normal;
	cursor:pointer;
}

.style_journal_text
{
	color: #DDDDDD;
	font-family: fredericka-the-great;
	font-size: 24px;
	font-weight: 400;
	font-style: normal;
	text-align: justify;
	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );
}


.style_journal_title
{
	color: #DDDDDD;
	font-family: 'source-sans-pro';
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );
}

.style_sticky
{
	color: #DDDDDD;
	font-family: 'Loved by the King', cursive;
	font-size: 26px;
	font-weight: 400;
	font-style: normal;
	text-align: justify;
	text-shadow: none;
	position: absolute;
	text-justify: none;
	display: inline-block;
}

.style_sticky_small
{
	color: #DDDDDD;
	font-family: 'Loved by the King', cursive;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	text-align: justify;
	text-shadow: none;
	position: absolute;
	text-justify: none;
	display: inline-block;
	width: 238px;
	left: 144px;
}
/*
.style_sticky
{
	color: #222222;
	font-family: alexa-std;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	text-align: justify;
	text-shadow: none;
	 
	position: absolute; 
	text-justify: none; 
	background-image: url(sticky.png); 
	border: 1px none #000000; 
	background-size: 100%; 
	background-repeat: no-repeat; 
	padding: 10px; 
	display: inline-block;
	
	-webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
*/

.style_text_product_title
{
	color: #DDDDDD;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	text-align: justify;
/*	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );*/
}

.style_text_product_title_flex
{
	color: rgba( 165, 220, 10, 1 );
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	text-align: justify;
/*	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );*/
}

.style_text_product_title_smaller
{
	color: #DDDDDD;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	text-align: justify;
/*	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );*/
}

.style_text_product_learn_more
{
	color: rgba( 165, 220, 10, 1 );
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	text-align: center;
/*	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );*/
}

.style_text_product_title_tm
{
	color: rgba( 165, 220, 10, 1 );
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	text-align: justify;
/*	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );*/
}

.style_regular_text
{
	color: #DDDDDD;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	text-align: justify;
/*	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );*/
}

.style_regular_text_light
{
	color: #888888;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	text-align: justify;
/*	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );*/
}
.style_section_header_title
{
	color: rgba( 165, 220, 10, 1 );
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	font-style: normal;
	text-align: justify;
/*	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );*/
}

.style_regular_text_nojustify
{
	color: #DDDDDD;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	text-align:left;
/*	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );*/
}

.style_regular_text_nojustify_small
{
	color: #DDDDDD;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	font-style: normal;
	text-align:left;
/*	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );*/
}

.style_regular_text_nojustify_small_link
{
	color: #5599CC;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	font-style: normal;
	text-align:left;
/*	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );*/
}


.style_regular_text_white
{
	color: #FFFFAA;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	font-style: normal;
	text-align: justify;
}

.style_regular_text_smaller
{
	color: #DDDDDD;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

.style_regular_text_links
{
	color: #FFAA00;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
}

.style_product_title
{
	color: #DDDDDD;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );
}

.style_side_disclaimer
{
	color: rgba( 160, 160, 160, 1 );
	opacity: 1.0;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
}

/* QUICK MENU */

.style_quickmenu_link
{
	color: rgba( 200, 200, 200, 1 );
	opacity: 0.75;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
}

.style_quickmenu_selected
{
	color: rgba( 200, 200, 200, 1 );
	opacity: 1;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
}

.style_quickmenu_arrow
{
	color: rgba( 180, 180, 180, 1 );
	opacity: 0.5;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 8px;
	font-weight: normal;
	font-style: normal;
}

/* MENU SECTIONS */

.style_side_links_selected
{
	color: rgba( 165, 220, 10, 1 );
	opacity: 1.0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	/*text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.2 );
	
	*/
	/*cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	disabled: true;
	*/
}

.style_side_links_disabled
{
	color: rgba( 100, 100, 100, 1 );
	opacity: 1.0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	/*
	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.4 );
	*/
	
	cursor: default;
}

.style_side_links
{
	color: rgba( 255, 255, 255, 1 );
	opacity: 0.75;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	/*
	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.2 );
	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.4 );
	*/
}

.style_side_text
{
	color: rgba( 255, 255, 255, 1 );
	opacity: 1.0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-weight: 400;
	font-style: normal;
	/*
	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.2 );
	*/
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	disabled: true;
}

.style_header
{
	color: rgba( 255, 255, 255, 1 );
	opacity: 1.0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.2 );
	
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	disabled: true;
	
	text-align: center;
}

.style_section
{
	color: rgba( 255, 255, 255, 1 );
	opacity: 1.0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	disabled: true;
	
	text-align: center;
}


.style_side_links_selected_small
{
	color: rgba( 165, 220, 10, 1 );
	opacity: 1.0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	cursor:pointer; 
	/*
	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.4 );
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	disabled: true;
	*/
}

.style_side_links_small
{
	color: rgba( 255, 255, 255, 1 );
	opacity: 0.8;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-weight: 400;
	font-style: normal;
	text-indent: 20px;
	cursor:pointer;
}

.style_side_links_small_disabled
{
	color: rgba( 128, 128, 128, 1 );
	opacity: 0.8;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal; 
	text-indent: 20px;
	cursor:default;
}

.style331 {color: #333333;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	font: arial;
}







.style_bean
{
	color: rgba( 200, 200, 200, 1 );
	opacity: 1.0;
	font-family: "Gill Sans";
	font-size: 20px;
	font-weight: bold;
	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );
	font-style: italic;
}

.style_bean_small
{
	color: rgba( 164, 164, 255, 1 );
	opacity: 1.0;
	font-family: "Gill Sans";
	font-size: 16px;
	font-weight: bold;
	text-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.5 );
	font-style: italic;
}

.style_text_title
{
	font-family: Arial;
	color: #DDDDDD;
	font-weight: bold;
	font-style: italic;
	
	text-align: center;
}

.style_keywords
{	
	color: #262626;
	font-family: Arial;
	font-size: 0.4px;
}

.style_image_center_flat
{
	border-width: 8px;
	border-style: solid;
	border-color: #3f3f3f;
	
	background-position: center;
    background-size: cover;
	background-image: none;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
		/*
	border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
	-webkit-border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
	-moz-border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
	*/
	
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
}

.style_image_center_flat:hover 
{
    border-color: #555555;
}


.style_image_thumbnail_flat
{
	border-width: 8px;
	border-style: solid;
	border-color: #3f3f3f;
	
	background-position: center;
    background-size: cover;
	background-image: none;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	display:inline-block;
	float:left; 
	overflow: hidden;
	z-index: 1000; 
	margin-right:12px; 
	margin-bottom:12px;
	
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
}

.style_image_thumbnail_flat:hover 
{
    border-color: #555555;
}


.style_image_thumbnail_flat_single
{
	border-width: 8px;
	border-style: solid;
	border-color: #3f3f3f;
	
	background-position: center;
    background-size: cover;
	background-image: none;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	z-index: 1000; 
	margin-right:12px; 
	margin-bottom:12px;
	
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
}

.style_image_thumbnail_flat_single:hover 
{
    border-color: #555555;
}

.style_rect_flat_nolink
{
	background-color: #373737;
	
	border-width: 8px;
	border-style: solid;
	border-color: #3f3f3f;
	
	background-position: center;
    background-size: cover;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
		
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
}

.style_rect_sidelinks
{
	background-color:rgba( 0, 0, 0, 0.1 );
		
	border-width: 4px;
	border-style: solid;
	border-color: #3B3B3B;
}

.section_header
{
	background-color: #4B4B4B;
	
	width:100%px;
	padding-left:8px;  
	margin-left:15px;
	margin-right:15px;
	
		height:40px; 
		text-align: left; 
		vertical-align:middle;
		
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}

.floating_rect
{
	background-color: #3f3f3f;
	
	border-width: 8px;
	border-style: solid;
	border-color: #3f3f3f;
	
	margin-right:12px; 
	margin-bottom:12px; 
	
	display:inline-block;
	
	float:left; 
		width:133px; 
		height:20px; 
		text-align: center; 
		vertical-align:middle;
		
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
		
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
}

.style_rect_news
{
	background-color: #373737;
	
	border-width: 8px;
	border-style: solid;
	border-color: #3f3f3f;
	
	background-position: center;
    background-size: cover;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
}

.style_rect_flat
{
	background-color: #373737;
	
	border-width: 8px;
	border-style: solid;
	border-color: #3f3f3f;
	
	background-position: center;
    background-size: cover;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
		
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
}

.style_rect_flat:hover 
{
    border-color: #555555;
}

.style_rect_flat_video
{
	background-color: #373737;
	
	border-width: 8px;
	border-style: solid;
	border-color: #3f3f3f;
	
	background-position: center;
    background-size: cover;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
		
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
}

.style_rect_flat_video:after {
    content: "";
    position: absolute;
    top: 0;
    width: 15px;
    height: 12px;
    z-index: 100;
    background: transparent url(play.png) no-repeat center;
    pointer-events: none;
}

.style_rect_flat_video:hover 
{
    border-color: #555555;
}

.style_image_center
{
	border-width: 4;
	border-style: solid;
	border-color: #777777;
	border-radius: 4;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	
	background-position: center;
    background-size: cover;
	
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
	
	border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
	-webkit-border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
	-moz-border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
}

.style_image_shadow
{
	background-position: center;
    background-size: cover;
	
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
}

.style_image_thumbnail_back_flat
{
	background-color: #000000;
	background-image: url(image_gradiant.jpg);
	background-size: 100% 100%;
	
	display:inline-block;
	float:left; 
	overflow: hidden;
	z-index: 1000; 
	margin-right:12px; 
	margin-bottom:15px; 
	padding:8px;
}

.style_image_thumbnail_back
{
	background-color: #000000;
	background-image: url(image_gradiant.jpg);
	background-size: 100% 100%;
	
	display:inline-block;
	float:left; 
	overflow: hidden;
	z-index: 1000; 
	margin-right:12px; 
	margin-bottom:15px; 
	padding:3px;
	
	-o-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
	-ms-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
	-moz-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
	
}

.style_image_thumbnail
{
	width:100%; 
	height:100%; 
	
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: 50% 50%;
	background-size:cover;
	overflow:hidden;
}

.style_image_play
{
	background: url('play.png') center center no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
 
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: 50% 50%;
	background-size:cover;
	overflow:hidden;
	margin-left:-26px;
	margin-top:-26px;
	width: 52px;
    height: 52px;
    z-index: 10;
}


#iframeid {
    
}

.style_video_iframe
{
	
	
	width:1280px;
	height:720px;
	
	
}


.style_video_div
{
	
	transform:scale( 0.5 );
	transform-origin: 0 0;
	
	width:640px;
	height:320px;
	
}

.style_video_table
{
	border-width: 4;
	border-style: solid;
	border-color: #777777;
	
	width:640px;
	height:320px;
	
	
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
	
	border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
	-webkit-border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
	-moz-border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
	
	overflow: hidden;
	
}

.style_div_thumnail_3rd
{
	border-width: 4;
	border-style: solid;
	border-color: #777777;
	border-radius: 4;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
	
	border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
	-webkit-border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
	-moz-border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
		
	overflow: hidden;
	
	size: cover;
	
	position: relative;
      width: 200px;
      height: 100px;
      overflow: hidden;
	  
}


/*
<div class="style_div_thumnail_3rd"><img src="images/about_interests_cars_range2.jpg" class="image" /></div>
*/

.separator
{
	width:100%;
	height:1px;	
	min-height:1px;
	vertical-align:center;
	padding-top:40px;
	padding-bottom:40px;
}

.space
{
	width:100%;
	height:30px;	
	min-height:30px;
}
.portfolio_group
{
	width:660px; 
	vertical-align:top;
}
    
.image 
{
	position: relative;
	width: 192px;
	height: 92px;
}

.style_image_thumb
{
	indent:50px;
	border-width: 4;
	border-style: solid;
	border-color: #777777;
	border-radius: 4;
	-moz-border-radius: 4;
	-webkit-border-radius: 4;
	
	background-position: center;
    background-size: cover;
	
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.75 );
	
	border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
	-webkit-border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
	-moz-border-image: url(image_gradiant.jpg) 4 4 4 4 stretch;
	
	float:left; 
	margin-right:10;
	margin-top:0;
	margin-bottom:2;
}	
	
	
.homepage
{
	background-attachment: relative;
	background-position: 100px 200px;
}	
	
	
blockquote 
{
  border-left: 10px;
  margin-left: 10px;
  padding-left: 10px;
}



/*------------------------------------*\
    NAV
\*------------------------------------*/
#nav{
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    float:left; /* Clear floats */
    width:100%;
    /* Bring the nav above everything else--uncomment if needed.
    position:relative;
    z-index:5;
    */
}
#nav li{
    float:left;
    margin-right:10px;
    position:relative;
}
#nav a{
    display:block;
    padding:5px;
    color:#fff;
    background:#333;
    text-decoration:none;
}
#nav a:hover{
    color:#fff;
    background:#6b0c36;
    text-decoration:underline;
}

/*--- DROPDOWN ---*/

#nav ul
{
    background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}

#nav ul li
{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}

#nav ul a
{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}

#nav li:hover ul
{ /* Display the dropdown on hover */
    left:0; /* Bring back on-screen when needed */
}

#nav li:hover a
{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background:#6b0c36;
    text-decoration:underline;
}

#nav li:hover ul a
{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
}

#nav li:hover ul li a:hover
{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#333;
}

.faq_question 
{
	position: relative;
	
	color: rgba( 165, 220, 10, 1 );
	opacity: 1.0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	cursor:pointer;
}

.faq_answer 
{
}

.section_tab
{
	background: transparent url('tab_left.png') no-repeat bottom left;
	
	line-height: 20px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 26px; /* Height of button background height */
	padding-left: 20px; /* Width of left menu image */
	text-decoration: none;
	
	display: inline-block;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	
	padding-top:6px;
	margin-left:15px;
	margin-top:0px;
	color: rgba( 200, 255, 40, 255 ); /*button text color*/
}

.section_tab span
{
	line-height: 20px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	padding-top:6px;
	display: inline-block;
	padding-right: 20px;
	background: transparent url('tab_right.png') no-repeat bottom right;
}

.style_shade_rect_dark 
{
    background-color:rgba( 0, 0, 0, 0.08 );
	padding:10px;
	margin-bottom:10px;
	
	border-width: 1px;
	border-style: solid;
	border-color: rgba( 0, 0, 0, 0.15 );
	
	/*
	overflow:hidden;
	*/
}


.style_shade_rect 
{
    background-color:rgba( 255, 255, 255, 0.02 );
	padding:10px;
	margin-bottom:10px;
	
	border-width: 1px;
	border-style: solid;
	border-color: rgba( 0, 0, 0, 0.2 );
	
	
	-webkit-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
	-moz-box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
	box-shadow: 2px 2px 8px rgba( 0, 0, 0, 0.1 );
	
}