/******************************************** Header  ********************************************/
#header{height:20px;  background:url(../assets/leonmontgomerylogo.png) no-repeat top center; }
#header .indent{height:20px; background:url(../assets/button_bar_group.png) no-repeat top center; }
/***** Indents Navigation in Header  *****/
#header .m{margin:0px 0px 0px 20px; }
a img{border:0px; }
img{vertical-align:top; }
div.bar{height:10px; background:url(../assets/bar.png) no-repeat top center; }
div.bottombar{height:20px; background:url(../assets/bar.png) no-repeat top center; background-size:cover; }
div.bodycontainer{width:100%; background-color:#000000; }
div.scroller_container{width:1110px; margin-left:auto; margin-right:auto; width: 99%; background-color:#000000; text-align:center; }
div.contact_container{height:330px; width:510px; background-color:#999999; position:absolute; top:66px; margin:0px 0px 0px 600px; }
div.contact_container a{color:#F00;text-decoration:underline; }
div.client_container{height:330px; width:510px; background-color:#999999; position:absolute; top:66px; margin:0px 0px 0px 600px; }

#video_info{font:Helvetica, sans-serif, Arial; width:390px; height:405px; background-color:#222; border:0px solid black; opacity:1.0; filter:alpha(opacity=60); position:absolute; top:0px; left:720px; }
#video_info .transbox{padding-top:0px; padding-right:15px; padding-bottom:25px; padding-left:15px; }
#video_info .transbox p{font-weight:normal; color:#BBB; text-align:left; font-size:14px; margin-left:0px; margin-top:10px; margin-bottom:0px; margin-right:0px; }
#video_info .transbox b{font-weight:bold; color:#EEE; text-align:left; }
#video_info .transbox h2{font-weight:normal; color:#FFF; text-align:left; font-size:18px; margin-top:15px; margin-bottom:10px }

#footer{font-size:12px; color:white; text-align:center; }
#footer a{color:#F00; text-decoration:none;}

html
body{font: 12px Arial, Helvetica, sans-serif; text-align:center; background-color:#000 ; }
h1{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; text-align:left; }
h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:white; text-align:left; }
h3{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; text-align:center; }
h4{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:white; text-align:center; }
html{font-family:Arial, Helvetica, sans-serif; color:#000000; }	
table, tr, td{border-collapse:collapse; vertical-align:top; font-size:12px; line-height:15px; }

b{color:#ffffff; }
strong{color:#ffffff; }
a{color:#ffffff; text-decoration:underline; } 
a:hover{text-decoration:none; }
.a1{color:#ffffff; display:block; margin-bottom:11px;} 

.w{margin:0 auto; text-align:left; width:1110px}
.left{width:0px; float:left}
.center{width:1110px; float:left}
.right{width:0px; float:left}

#description{font-size:14px; text-align:left; color:#000000; }
#description strong{color:#000000; }
#description b{color:#000000; }

/******************************************** About Me/Linkedin  ********************************************/
#linkedinDIV{
    background-color:#000;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:0px;
    padding-left:45px;
	overflow:auto;
	font-family:Helvetica, sans-serif, Arial; font-size:14px; color:white; text-align:left;
}

#linkedinDIV a{color:#FFF;text-decoration:none;}

#infoDIV{
    background-color: white;
    width: 860px;
    height: 550px;
    padding-top: 5px;
	padding-right: 150px;
    padding-left: 50px;
    padding-bottom: 0px;
	overflow-x:visible;
	overflow-y:scroll;
}

/******************************************** Navigation bar  ********************************************/
.mynavbar{
	position:relative;
	width:100%;
	height:20px; /* corresponds to 'line-height' of a.navbartitle below */
	margin:0; border:0; padding:0; }

a.navbartitle{
	display:block; 
	float:left;
	color:white;
	background-color:black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0; border:0; padding:0;
	line-height:20px; /* corresponds to 'top' value of .submenu below */
	text-align:center;
	text-decoration:none; }

a.navbartitle:hover{background-color:#999; font-weight:bolder; color:#F00; box-shadow:inset 0 1px 7px rgba(0, 0, 0, 0.25); -moz-box-shadow:inset 0 1px 7px rgba(0, 0, 0, 0.25); -webkit-box-shadow:inset 0 1px 7px rgba(0, 0, 0, 0.25); }

/* menu title widths */
#t1{width:100px; background-image:url(../assets/button_bar.png); background-size:cover; background-repeat:no-repeat; }
#t2{width:160px; background-image:url(../assets/button_bar.png); background-size:cover; background-repeat:no-repeat; }
#t3{width:140px; background-image:url(../assets/button_bar.png); background-size:cover; background-repeat:no-repeat; }
#t4{width:125px; background-image:url(../assets/button_bar.png); background-size:cover; background-repeat:no-repeat; }
#t5{width:100px; background-image:url(../assets/button_bar.png); background-size:cover; background-repeat:no-repeat; }
#t6{width:100px; background-image:url(../assets/button_bar.png); background-size:cover; background-repeat:no-repeat; }
/* We just specify a fixed width for each menu title. Then, down below we specify a fixed left position for the corresponding submenus (e.g. #products_submenu, etc.) Using these fixed values isn't as elegant as just letting the text of each menu title determine the width of the menu titles and position of the submenus, but we found this hardwired approach resulted in fewer cross-browser/cross-OS formatting glitches -- and it's pretty easy to adjust these title widths and the corresponding submenu 'left' positions below, just by eyeballing them whenever we need to change the navbar menu titles (which isn't often). */

.submenu{
	position:absolute;
	z-index:100;
	top:20px; /* corresponds to line-height of a.navbartitle above */
	padding:0; margin:0; 
	width:166px; /* If adjust this, then adjust width of .submenu below a too */
	color:red;
	background-color:#666666;
	border:1px solid #666666; /* box around entire sub-menu */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
    font-weight:bold; }

/* Fix IE formatting quirks. */
* html .submenu{width:160px; } /* IE needs narrower than width of .submenu above */

/* position of each sub menu */
/* We just eyeball the position of each submenu here -- can move left or right as needed. If you adjust menu title text, you might want to adjust these too. */

#index_submenu{left:0px; visibility:hidden; }
#video_submenu{left:100px; visibility:hidden; }

/* Note, each submenu is hidden when the page loads - then made visible when the mouse goes over the menu title. Using the 'visibility' property instead of using the 'display' property avoided a bug in some versions of Safari. (The bug is pretty where esoteric:The browser ignored the 'hover' property on 'li' objects inside an object whose display property was set to 'none' when the page loaded...) Using the 'visibility' property instead of 'display' would normaly take up extra room on the page, but that's avoided here by putting in .submenu definition, higher up this page. */

.submenu a{
	display:block;
	color:white; 
	background-color:#333333;
	width:160px; /* This should be width of .submenu above minus right-side padding on next line */
	padding:5px 0px 4px 10px;
	text-decoration:none;
	background-color:#333333; 
	border-bottom:black solid 1px; 
	border-top:0; border-left:0; border-right:0;}

ul{position:relative; display:block; }
li{position:relative; display:block; }

.submenubox{margin:0; padding:0; border:0; }
.submenubox ul{margin:0; padding:0; border:0; list-style-type:none; }
.submenubox ul li{margin:0; padding:0; border:0; }

.submenubox ul li a:link{}
.submenubox ul li a:visited{}
/* text color for submenu items */
.submenubox ul li a:hover{color:black; background-color:#CCC; border-bottom:#447755 solid 1px; }


/******************************************** VIDEO PLAYER CONTAINER  ********************************************/
#vid_frame{position:relative; overflow:hidden; position:relative; z-index:10; background:#000; }

.vid-container{
    position: relative;
    padding-bottom:330px; /*======= Padding below video container =======*/
	padding-top:0px; 
    height:0px; 
}
 
.vid-container iframe,
.vid-container object,
.vid-container embed{
    position:absolute;
    top:0px;
    left:0;
    width:600px;
    height:330px;
}

/******************************************** VIDEO PLAYER CONTAINER2  ********************************************/
#vid_frame2{position:relative; overflow:hidden; position:relative; z-index:10; background:#111; }

.vid-container2{
	background:#111;
    position: relative;
    padding-bottom:405px; /*======= Padding below video container =======*/
	padding-top:0px; 
    height:0px; 
}
 
.vid-container2 iframe,
.vid-container2 object,
.vid-container2 embed{
    position:absolute;
    top:0px;
    left:0;
    width:720px;
    height:405px;
}

/******************************************** VIDEO PLAYER CONTAINER3 FULL SCREEN 16x9  ********************************************/
#vid_frame3{position:relative; overflow:hidden; position:relative; z-index:10; background:#000; }

.vid-container3{
    position: relative;
    padding-bottom:650px; /*======= Padding below video container =======*/
	padding-top:0px; 
    height:0px; 
}
 
.vid-container3 iframe,
.vid-container3 object,
.vid-container3 embed{
    position:absolute;
    top:0px;
    left:0;
    width:1110px;
    height:650px;
}

/******************************************** VIDEO PLAYLIST ********************************************/
#content-slider{
	width: 1108px; /*Slider Width (leave blank if you want 100%) */
 	height: 320px; /*Slider Height (leave blank if you want 100%) */
}
#content-slider .centeredSlide{
	margin: 0 auto;
	width: 1035px;  /* Center Slider */
}
#content-slider .royalSlide,
#content-slider .royalWrapper{
	background:#000;
}
#content-slider.royalSlider .arrow.right{	
	right: 0;
}
#content-slider.royalSlider .arrow.left{	
	left: 0;
}

/******************************************** Image Loader Gif  ********************************************/
#frameWrap{position:relative; }
#loader1{position:absolute; left:47%; top:40%; z-index:10; }
#iframe1{position:relative; background-color:#345278;}