body
{
	/*background: url('images/Body_BG6.gif') repeat top left;*/
	/*background: url('images/bg.gif') repeat top left;*/
	margin: 0;
	padding-bottom: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align:center;
	color: #336699;
	background-image: url(images/body-bg.jpg);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	line-height: 1.3em;
}

h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #164885;
	margin: 0 10px 1.25em 10px;
	line-height: 1.4em;
	}

p {	

}

img {
	display: inline;
	margin: 0;
}

#pagewrapper {
	width: 964px;
	margin: 0 auto;
	padding:  0 10px 10px 10px;
	background-color: white;
	border: 2px solid #164885;
	border-bottom: none;	
}

#login {
	text-align: right;
	padding: 0 50px 0 0;
	font-size: .7em;
	color: #164855;
	
} 

#page-bottom {
	height: 23px;
	width: 988px;
	background-image: url(images/page-bottom-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 auto;
	clear: both;
}

#empty {		
	height: 5px;
	clear: both;
}

#container
{
	margin: 0px auto;
	background-color: #FFFFFF;
	color: #333;
	line-height: 130%;
	border: none;
	padding-top: 0px;
}

#container .BigLetter
{
	font-size: 1.8em;
	display:inline;
}

#container .BigLetter2
{
	font-size: 1.4em;
	display:inline;
}

#containerHeader
{
	width: 967px;
	margin: 0px auto 0px auto;
	color: #333;		
}

#top
{
	background: url('images/bg_top_header-alt.jpg') no-repeat;
	width: 967px;
	height: 160px;
}

#top h1
{
	padding: 0;
	margin: 0;
}

#top .logo
{
	float: left;
	position: relative;
	background: url('images/visul_logo2.gif') no-repeat;
	margin: 5px 20px 0px 30px;
	width: 300px;
	height: 140px;
}

#top .logo a

{

	display:block;

	width:100%;

	height:100%;

}



#top .tps

{

	display:block;

	float: right;

	position: relative;

	width: 300px;

	height: auto;

	margin-top: -25px;

}



#top .tps h2 {font-family: "Arial"; font-size:1em; text-align:left;}



#top .phone

{
	display:block;
	padding: 30px 80px 0px 0px;
	margin: 0px;
	font-family: "Arial";
	font-size:1em;
	text-align:center;
	float: right;
	position: relative;
	width: 500px;
	vertical-align:bottom;
}

#top .phone h5 {font-family: "Arial"; font-size:.7em; text-align:left; vertical-align:text-bottom;}

.patent {
	font-size: 11px;
	margin-top: -5px;
}
/* navigation */

#sidebar-container {
	width: 180px;
	padding: 0;
	float: left;
}
#sidebar-top {
	width: 180px;
	height: 30px;
	margin: 0;
	padding: 0;
	background-image: url(images/sidebar-top-bg.gif);
	background-repeat: no-repeat;
}

#sidebar {
	width: 180px;
	height: 700px;
	margin: 0;
	padding: 0;
	background-image:  url(images/sidebar-bg.gif);
	background-repeat: repeat-y;
}

 #navigation
{
	margin: 0px auto 0px auto;
	padding-bottom: 0px;
}

ul#menu{
	display: inline;
	margin:0;
	padding:0;
	padding-bottom: 0px;
	list-style-type:none;
	text-transform:uppercase;
	font-size:12px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul#menu li{
	display: inline;
	margin:0;
	padding:0;
	padding-bottom: 0px;
	margin-bottom: 0px;
	}
ul#menu li a{
	color:#ffffff;
	display: block;
	text-decoration:none;
	padding:10px 10px 10px 10px;
	background: url("images/dark-blue.gif");
	}
ul#menu li a:hover{
	display: block;
	background: url("images/blue.jpg");
	}

#sidebar-bottom {
	width: 180px;
	height: 30px;
	background-image: url(images/sidebar-bottom-bg.gif);
}

#sidebar p {
	color: white;
	text-align: left;
	font-size: .8em;
	line-height: 1.2em;
	margin: 10px 0;
	padding: 0 15px;
}
	
/*---------------------------------------------*/

/* CONTENT */

#content-container {
	float: left;
	width: 570px;
	margin: 0 0 0 10px;
	padding: 0;
} 

#content-top {
	width: 570px;
	height: 31px;
	padding: 0;
	margin: 0;
	background-image: url(images/content-top-bg.gif);
	background-repeat: none;
}
#content {
	width: 530px;
	height: 700px;
	color: #164855;
	background-image: url(images/content-bg.gif);
	background-repeat: repeat-y;
	text-align: left;
	margin: 0;
	padding: 0 20px;
	line-height: 1.2em;
	font-size: 1em;
	}
	
#content p {
	margin-bottom: none;
}

#movie {
	text-align: center;
	padding-bottom: 20px;
}

#content-bottom {
	height: 32px;
	background-image: url(images/content-bottom-bg.gif);
	background-repeat: no-repeat;
}

#instvideo{
	text-align: center;
	width: 480px;
	height: 270px;
	padding: 0;
	margin: 10px auto 20px auto;
	border: 1px solid #000000;
}

#content .bgAbout
{
    background: url('images/bg_about_info.gif') no-repeat top center;
    min-height: 155px;
    vertical-align: middle;
}

#content .news
{
	float: left;
	position: relative;
	/*background: url('images/bg_News.gif') no-repeat;*/
	margin: 5px 20px 0px 20px;
	width: 140px;
	}
/*#content .newsContent {min-height: 141px; }*/

#content .blog
{
	float: right;
	position: relative;
	/*background: url('images/bg_Blog.gif') no-repeat;*/
	margin: 5px 20px 0px 20px;
	width: 140px;
	}
/*  #content .blogContent {min-height: 141px; }  */

#content .testimonials
{
	float: left;
	position: relative;
	/*background: url('images/bg_Testimonials.gif') no-repeat;*/
	margin: 5px 20px 0px 20px;
	width: 140px;
	}
/*  #content .testimonialsContent {min-height: 141px; } */

#content .products
{
	float: left;
	position: relative;
	background: url('images/bg_ProductLine.gif') no-repeat;
	margin: 0px 0px 0px 2px;
	width: 742px;
	height: 185px;
}
#content .products a 
{
	display:block;
	width:100%;
	height:100%;
}

#content .educate
{
	float: left;
	position: relative;
	background: url('images/bg_EducateVisul.gif') no-repeat;
	margin: 0px 0px 0px 2px;
	width: 742px;
	height: 185px;
}

#content .portfolioHeader
{
	float: left;
	position: relative;
	background: url('images/bg_Portfolio.gif') no-repeat;
	margin: 0px 0px 0px 2px;
	width: 742px;
	height: 185px;
}
#content .portfolioHeader a 
{
	display:block;
	width:100%;
	height:100%;
}

#content .btnPastProjects
{
	display:inline-block;
	background: url('images/btn_pastProjects.gif') no-repeat;
	margin: 15px 0px 0px 30px;
	width: 216px;
	height: 91px;
    
}
#content .btnPastProjects a 
{
	display:block;
	width:100%;
	height:100%;
}

#content .btnCorpBrochure
{
	position: absolute;
	display:inline-block;
	background: url('images/btn_corpBrochure.gif') no-repeat;
	margin: 15px 0px 0px 263px;
	width: 216px;
	height: 91px;
    
}
#content .btnCorpBrochure a 
{
	display:block;
	width:100%;
	height:100%;
}

#content .btnFlexStone
{
	position: absolute;
	display:inline-block;
	background: url('images/btn_flex_Stone.gif') no-repeat;
	margin: 15px 0px 0px 495px;
	width: 216px;
	height: 91px;
    
}
#content .btnFlexStone a 
{
	display:block;
	width:100%;
	height:100%;
}

#content .emptySpace
{
	width: 100%;
	height: 10px;
}
/*------------------------------------------------------------*/
#content .productsImg img
{
	float: left;
	position: relative;
	margin: 0px 0px 0px 2px;
	width: 96px;
	height: 165px;
}
#content .productsImg2 img
{
	float: left;
	position: relative;
	margin: 0px 15px 5px 3px;
	width: 141px;
	height: 225px;
}
#content .productsImg3 img
{
	float: left;
	position: relative;
	margin: 0px 15px 5px 3px;
	width: 141px;
	height: 125px;
}

#content .portfolio

{
	float: left;
	position: relative;
	background: url('images/bg_Empty.gif') no-repeat;
	margin: 0px 0px 0px 2px;
	width: 742px;
	height: 300px;
}

#content .portfolio img
{
	position: relative;
	float: left;
	padding: 10px 10px 10px 10px;
}

/* Third column */

#third-column {
	width: 198px;
	float: right;
}

#column-top{
	height: 30px;
	background-image: url(images/third-column-top-bg.gif);
	background-repeat: no-repeat;
}

#column-content {
	color: #164855;
	height: 700px;
	background-image: url(images/third-column-bg.gif);
	background-repeat: repeat-y;
	text-align: left;
	font-size: .7em;
	padding: 0 12px 5px 12px;
	line-height: 1.2em;
}

#column-bottom {
	height: 30px;
	background-image: url(images/third-column-bottom-bg.gif);
	background-repeat: no-repeat;
}

#btn-bottom{
	width: 450px;
	padding: 20px 20px;
	margin: 0 auto;
}

/* FOOTERS, P, H */

#footer {
	clear: both;
	margin: 0;
	padding: .5em;
	border-bottom: 1px solid gray;
}

#badge
{
	width: 765px;
	text-align: center;
	margin: 0px auto 0px auto; 
	font-size: .7em;
	color: #164855;
	
} 

#approval {
	width: 925px;
	margin: 0 auto;
	text-align: center;
	font-size: .7em;
	line-height: 110%;
	color: #164855;
	}

#leftnav p { margin: 0 0 1em 0; font-size:.8em; }
#content p { margin: 0 0 1em 0; font-size:.8em; }
#leftnav h2 { text-align: center; font-family: "Arial"; font-size:1.2em; }
#content h2 {
	text-align: center;
	font-family: "Arial";
	font-size:1.3em;
	margin: 0;
	padding: 0 20px 10px 20px;
}
	 
h2.scroller {
	margin: 0;
    padding: 10px 5px;
	text-align: center;
	color: white;
}

img{ 
	border-style: none;
	text-align: center;
	padding-top: 20px;
	}
	
.img-left {
	float: left;
	padding: 5px 5px 5px 0;
}

.img-right {
	float: right;
	padding: 5px 0 5px 5px;
}

.img-nopadding {
	padding: 0;
}

#weblink {
	font-size: .8em;
	font-weight: bold;
	color: #164885;
	margin: 10px auto;
}

a{
	color:#164885;
}

a:hover {
	color: #0099CC;
}


/*SCROLLER
#pscroller1{
width: 500px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: White;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}
*/