@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.sub {} *.dis {} *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */

@import "helper.css";


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dropdown {
	font-weight: 500;
}

	ul.dropdown li {
	 padding: 6px 10px;
	 background-color: #545E64;
	 color: #FFFFFF;

	 border-style: solid;
	 border-width: 0px 4px 0px 0px;
	 border-color: #FFFFFF #FFFFFF #FFFFFF;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #571623;
	 color: #FFFFFF;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #FFFFFF; text-decoration: none; }
	ul.dropdown a:hover		{ color: #FFFFFF; }
	ul.dropdown a:active	{ color: #FFFFFF; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 200px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 15px;
}

/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
}

ul.dropdown-upward *.dir {

}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {

}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
}

/*-------------------------------------------------/
 * @section		Support Class `dis`
 * @level sep	ul, .class
 */


ul.dropdown *.dis {
 padding-right: 20px;

}

/* -- Components override -- */

ul.dropdown-horizontal ul *.dis {
	padding-right: 15px;
}

ul.dropdown-upward *.dis {

}

ul.dropdown-vertical *.dis,
ul.dropdown-upward ul *.dis {
 background-color:#DADCDD;
 	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 0px 0px 0px;
	 border-color: #FFFFFF #FFFFFF #FFFFFF;
	 background-color: #DADCDD;
	 color: #571623;
}

ul.dropdown-vertical.hover *.dis,
ul.dropdown-upward ul:hover *.dis {
	 background-color: #ABB2B6;
	 color: #571623;
}

ul.dropdown-vertical-rtl *.dis {
 padding-right: 10px;
 padding-left: 15px;
}

/*-------------------------------------------------/
 * @section		Support Class `sub`
 * @level sep	ul, .class
 */


ul.dropdown *.sub {
 padding-right: 20px;

}

/* -- Components override -- */

ul.dropdown-horizontal ul *.sub {
	padding-right: 15px;
}

ul.dropdown-upward *.sub {

}

ul.dropdown-vertical *.sub,
ul.dropdown-upward ul *.sub {
 background-color:#545E64;
 	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 0px 0px 0px;
	 border-color: #FFFFFF #FFFFFF #FFFFFF;
	 background-color: #545E64;
	 color: #571623;
}

ul.dropdown-vertical.hover *.sub,
ul.dropdown-upward ul:hover *.sub {
	 background-color: #ABB2B6;
	 color: #571623;
}

ul.dropdown-vertical-rtl *.sub {
 padding-right: 10px;
 padding-left: 15px;
}
.cl {
	clear: both;
}
#video_pages {
	border-collapse: collapse;
	min-height: 200px;
	background: #f1e9ca; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e9ca), color-stop(100%,#f1e9ca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f1e9ca 0%,#f1e9ca 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f1e9ca 0%,#f1e9ca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1e9ca 0%,#f1e9ca 100%); /* IE10+ */
	background: linear-gradient(top, #f1e9ca 0%,#f1e9ca 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e9ca', endColorstr='#f1e9ca',GradientType=0 ); /* IE6-9 */
	padding: 15px;
}
#frame, #frame_video {
	border: 1px solid #FFF;
	background: url(../../../../images/video-images/fade-arrow.png) no-repeat top right;
	min-height: 500px;
}
	#frame_video {
		background: url(../../../../images/video-images/fade-arrow2.png) no-repeat top right;
		padding: 0 0 20px 0;
	}
	.videos {
		padding: 15px 20px;
	}
.title_retract {
	background: url(../../../../images/video-images/title-retractable.png) no-repeat;
	width: 839px;
	height: 86px;
	margin: 30px 0 0 15px;
}
.btn_vision, .btn_glasscurtain {
	background: url(../../../../images/video-images/btn-vision.png) no-repeat top;
	width: 216px;
	height: 206px;
	display: block;
	float: left;
}
	.btn_vision {
		margin: 25px 0 0 220px;
	}
	.btn_glasscurtain {
		background-image: url(../../../../images/video-images/btn-glasscurtains.png);
		margin: 25px 0 0 30px;
	}
	.btn_vision:hover, .btn_glasscurtain:hover {
		background-position: bottom;
	}
.text_vision, .text_glass {
	float: left;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	color: #2d383d;
	line-height: 14px;
	padding: 0 0 0 25px;
	width: 190px;
}
.text_vision {
	margin: 8px 0 0 220px;
}
.text_glass {
	margin: 8px 0 0 30px;
}
#left {
	width: 380px;
	float: left;
	padding: 45px 0 0 30px;
}
	#left p {
		font-size: 11px;
		color: #2d383d;
		line-height: 17px;
		margin: 10px 0 30px 0;
	}
	#left p strong {
		color: #470812;
	}
	#left ul {
		list-style: url(../../../../images/video-images/bullet.png);
		margin: 0 0 0 20px;
		padding: 15px;
		font-size: 9px;
		line-height: 17px;
		text-transform: uppercase;
		font-weight: bold;
	}
	#left ul li small {
		text-transform: none;
		line-height: normal;
		font-size: 9px;
		color: 4a2313;
	}
#right {
	width: 500px;
	min-height: 500px;
	float: right;
	position: relative;
}
	.vision {
		background: url(../../../../images/video-images/bg-vision.png) no-repeat;
	}
	.glass {
		background: url(../../../../images/video-images/bg-glass.png) no-repeat;
	}
.btn_glass_sm, .btn_vision_sm {
	background: url(../../../../images/video-images/btn-glass-sm.png) no-repeat top;
	width: 90px;
	height: 86px;
	display: block;
	position: absolute;
	top: -8px;
	right: 20px;
}
	.btn_glass_sm:hover, .btn_vision_sm:hover {
		background-position: bottom;
	}
	.btn_vision_sm {
		background: url(../../../../images/video-images/btn-vision-sm.png) no-repeat top;
	}
.title_vision, .title_glass {
	background: url(../../../../images/video-images/title-vision.png) no-repeat;
	width: 400px;
	height: 67px;
	border-bottom: 1px solid #FFF;
}
	.title_glass {
		background: url(../../../../images/video-images/title-glass.png) no-repeat;
	}
.title_vhigh, .title_ghigh {
	background: url(../../../../images/video-images/title-vision-highlights.png) no-repeat;
	width: 385px;
	height: 14px;
}
	.title_ghigh {
		background: url(../../../../images/video-images/title-glass-highlights.png) no-repeat;
	}
.btn_v_videos, .btn_g_videos {
	background: url(../../../../images/video-images/btn-view-videos.png) no-repeat top left;
	width: 330px;
	height: 33px;
	display: block;
}
	.btn_v_videos:hover, .btn_g_videos:hover, .btn_back:hover {
		background-position: bottom left;
	}
	.btn_g_videos {
		background: url(../../../../images/video-images/btn-view-gvideos.png) no-repeat top;
	}
.btn_back {
	background: url(../../../../images/video-images/btn-back.png) no-repeat top;
	width: 83px;
	height: 33px;
	display: block;
	margin: 30px 0 0 0;
}
.vid-btn:link, .vid-btn:active,.vid-btn:visited {
	width: 552px;
	height: 34px;
	display: block;
	background-image: url(../../../../images/Networx-web-design-head-section4.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.vid-btn:hover {
	background-position: 0px -34px;
}
.vid-link-btn:link, .vid-link-btn:active,.vid-link-btn:visited {
	font-size: 12px;
	font-weight: bold;
	color: #633;
	text-decoration: none;
}
.vid-link-btn:hover {
	color: #000000;
	text-decoration: none;
}