/* CSS Document */

body{

	margin:1px 0px 0px 0px;

	padding:0px;

	background:#F4F4F4 ;

	color:#5F5F5F;

	font-size:13px;

	font-family:"Trebuchet MS", Verdana, Arial;

}

a{

	border:none;

	outline:none;

}

img{

	outline:none;

	border:none;

}

#wrapper{

	margin:auto;

	width:960px;

	background:#FFFFFF;

	height:auto;

	}

#container{	

	width:954px;

	height:auto;

	background:#fff;

	float:left;

	padding:0px 3px;

	margin:auto;

	display:block;

	}

#header{

	width:96%;

	height:78px;

	padding:0px 20px;

	float:left;

}

.logo-left{

	width:348px;

	height:34px;

	float:left;

	margin:20px 0px 0px 0px;

	background:url(gifs/logo-vs.png) no-repeat;

	}

	

.logo-right{

	width:179px;

	height:48px;

	float:right;

	margin:13px 0px 0px 0px;

	background:url(gifs/logo-packit.png) no-repeat;

	}

#top-nav{



	border:1px solid #EDEDED;



	height:39px;



	width:952px;



	font-size:14px;



	font-weight:bold;



	line-height:40px;

	

	padding:5px 0px 0px 0px;



	margin:0px 0px 3px 0px;



	float:left;



	background:url(gifs/nav-bg.jpg) repeat-x;



	}	

	

#top-nav a{



	color:#2E5E95;



	display:block;



	float:left;

	

	margin:0px 8px;





	padding:0px 0px 0px 28px;



	text-decoration:none;

	}	

a.arrow{

	background:url(gifs/arrow-blue.png) right no-repeat;

	padding-right:5px; 

	}	

a:hover.arrow{

	background:url(images/arrow-white.png) right no-repeat;	

	}	

#top-nav a:hover{



	background:url(gifs/nav-hover-bgleft.png) no-repeat;

	

	color:#fff;

		

}

table.product{

	background:#3588BF;

	color:#fff;

	}

table.address{

	background:#3588BF;

	color:#fff;

	}	

table.address h3{

	margin:0px;

	padding:0px;

	}	

#top-nav a span{

	

	display:block;

	

	float:left;

	

	padding:0px 28px 0px 0px;

	

	margin-top:-2px;

	

	margin-right:-11px;



}	

#top-nav a:hover span{

	

	background:url(gifs/nav-hover-bgright.png) no-repeat right;		

}	

#main{

	width:100%;

	float:left;

	height:auto;

	margin:0px 0px 5px 0px;

	}

#main .slideshow{

	width:530px;

	float:left;

	height:260px;

	}	

#main .content{	

	width:395px;

	float:right;

	line-height:20px;

	text-align:justify;

	padding:10px;

	margin:0px 0px 0px 4px;

	background:#F4F4F4;

	}

#main .content h4{

	color:#2E5E95;

	margin:0px;

	font-weight:normal;

	font-style:normal;
	
	text-align:left;

	padding:0px;

	font-size:18px;

	}

#main .content h5{

	color:#292B2D;

	margin:0px;

	font-size:12px;

	font-weight:bold;

	padding:0px;

	}	

#main .content-internal{	

	width:910px;

	float:left;

	line-height:20px;

	text-align:justify;

	padding:25px;

	margin:0px 0px 0px 4px;

	}

#main .content-internal h4{

	color:#2E5E95;

	margin:0px;

	font-weight:normal;

	font-style:normal;

	padding:0px;

	font-size:18px;

	}

#main .content-internal h5{

	color:#292B2D;

	margin:0px;

	font-size:12px;

	font-weight:bold;

	padding:0px;

	}	

span.orange{

	color:#F05005;

	font-weight:bold;

	}	

span.blue{

	color:#36669C;

	font-weight:bold;

	}	

a.blue{

	color:#A9D8F7;

	text-decoration:none;

	}			

.album{

	background:#fff;

	padding:5px 10px;
	
	height:105px;

	text-align:center;

	margin:10px 27px 10px;

	border:2px solid #EEEEEE;

	display:block;

	float:left;

	width:24%;

}	

li.photo{

	background:#f6f6f6;

	padding:20px;

	margin:30px;

	border:1px solid #ededed;

	float:left;

}

.album img{

	margin:10px 0px 0px 0px;

	}

.gallery-title{

	background:url(gifs/gallery-title-bg.jpg) bottom repeat-x;

	}

.video{

	float:left;

	width:45%;

	margin:10px 20px;

	}

.video img{

	float:right;

	border:5px solid #dadada;

	height:83px;

	width:110px;

	}	

.description{

	float:left;

	background:#f4f4f4;

	padding:8px;

	border:1px solid #dadada;

	width:65%;

	margin-bottom:20px;

	height:75px;

	}	

.description strong{

	color:#36669C;

	}

.video-link{

	float:left;

	text-align:center;

	width:100%;

	}

a.read-more{

	background:url(gifs/read-more.png) no-repeat center;

	font-size:13px;

	color:#FFF;

	float:right;

	margin:28px 0px 0px 0px;

	text-decoration:none;

	padding:6px;

	}

#bottom-boxes{

	float:left;

	width:100%;

	}

h3.title{

	background:url(gifs/title-bg.jpg) repeat-x;

	margin:0px 0px 5px 0px;

	padding:0px;

	font-size:19px;

	font-style:normal;

	font-weight:normal;

	line-height:38px;

	color:#FFF;

	padding:0px 0px 0px 13px;

	height:38px;

	}

#application{

	float:left;

	width:530px;

	}

.application-inner{

	background:#f4f4f4;

	float:left;

	padding:5px;

	}		

#application .application{	

	float:left;

	width:102px;

	margin:14px;

	}	

#application .application a{	

	color:#fff;

	display:block;

	text-decoration:none;

	}		

#application .application .app-img{

	float:left;

	width:auto;

	}

#application .application .app-name{

	float:left;

	height:20px;

	background:#1F8FC6;

	color:#fff;

	margin:10px 0px 0px 0px;

	width:100px;

	text-align:center;

	font-weight:bold;

	line-height:20px;

	font-size:12px;

	border:1px solid #20729A;

	}		

#product-slideshow{

	width:414px;

	float:right;

	margin:0px 0px 0px 4px;

	}

.application-inner{

	float:left;

	padding:5px;

	}	

#footer{

	background:url(gifs/footer-bg.jpg) repeat-x;

	height:44px;

	float:left;

	color:#FFf;

	margin:0px 0px 10px 0px;

	line-height:44px;

	width:100%;

	}

#footer .links{text-align: center;}	

#footer .links a{

	color:#fff;

	text-decoration:none;

	}

#footer .copyright{

	color:#fff;

	float:right;

	text-align:right;

	margin-right:15px;

	line-height:22px;

	font-size:12px;

	text-decoration:none;

	}	

#footer .copyright span{

	color:#FFD0B9;

	font-size:11px;

	text-decoration:none;

	}

#footer .copyright span a{

	color:#FFD0B9;

	font-size:11px;

	text-decoration:none;

	}	
.copyright {
	font-family:"MS Sans Serif";
	font-size:11px;
	color:#333333;
	line-height:19px;
	text-align:left;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right: 5px;
	}
.copyright a{color:#333333; text-decoration:none;}
.copyright a:hover{color: #990000; text-decoration:underline;}