@charset "utf-8";

/*

 * Copyright (C) 2009 Virtoren, Inc - All Rights Reserved

 */



body{

	margin:0;

	padding:0;

	background:#fff;

	font-family:Arial;

}



h1, h2, h3, h4, h5, h6, form, div, ul, li{

	margin:0;

	padding:0;

}



p {

	margin: 0;

	padding: 0;

	text-align: justify;

}



a, img{

	outline:none;

	border:none;

}



.clr{

	clear:both;

}



.spacer{

	float:left;

	height:15px;

}



/*wrapper*/



.wrapperOut{

	width:100%;

	background:#fff url(images/bkgnd_01.gif) repeat-x;

}



.wrapper{

	width:861px;

	margin:0 auto;

}



/*topheader*/



.top{

	float:left;

	width:861px;

	height:38px;

}



.top2{

	float:left;

	width:861px;

	height:38px;

}



.top h1{

	font-size:14px;

	color:#fff;

	padding:8px 0 8px 0;

	font-weight: bold;

	font-style:italic;

}



.top2 h1{

	float:left;

	font-size:14px;

	color:#fff;

	padding:8px 0 8px 0;

	font-weight: bold;

	font-style:italic;

	width: 268px;

}



.bannerTop{

	float:left;

	width:861px;

	height:269px;

	background:url(images/top.gif) left no-repeat;

}



.bannerTop2{

	float:left;

	width:861px;

	height:168px;

	background:url(images/header.jpg) left no-repeat;

}



 .logo{	

	float:left;

	width:325px;

	height:260px;

	padding:0 0 0 46px;

}



 .logo2{	

	float:left;

	width:325px;

	height:168px;

	padding:0 0 0 46px;

}



.logo a{

	width:325px;

	height:260px;

	display:block;

	text-indent:-2000px;

	background: none;

}



.form{

	float: left;

	width:280px;

	padding:165px 0 0 40px;

}



.formrow{

	float:left;

	width:280px;

	padding:0 0 5px 0;

}



.form2{

	float: right;

	width:280px;

	padding:0px 0 8px 0px;

}



.formrow2{

	float:left;

	width:280px;

	padding:0 0 0 0;

}



.form3{

	float: left;

	width:280px;

	padding:0 0 0 0;

}



.formrow3{

	float:left;

	width:280px;

	padding:0 0 0 0;

}



.textbox{

	float: left;

	width:468px;

	height:165px;

	padding:0px 0px 0px 0px;

}



.textbox h1{

	float: right;

	width:460px;

	font-size:45px;

	color:#fff;

	font-style:italic;

	padding:60px 10px 0 0;

	text-align: right;

}



.textbox h1 span {

	font-size: 35px;

}



.textbox h2{

	float: right;

	width:450px;

	font-size:22px;

	color:#fff;

	font-style:italic;

	padding:1px 15px 0 120px;

	text-align: right;

}

label.txt{

	float:left;

	width:280px;

	font-size:12px;

	color:#4c4846;

	font-style:italic;

}



label.txt span{

	font-size:12px;

	color:#4c4846;

	font-weight:bold;

	font-style:italic;

}



.input{

	float: left;

	width:116px;

	height:18px;

	font-size:11px;

	color:#000;

	border:none;

	margin:0 5px 0 0;

	padding:2px 0 0 5px;

	background:url(images/login.png) no-repeat;

}

#submit {
	
	width: auto;
	
	height: 16px;
	
	padding-left:3px;
	
	background-image: url(images/input-top.jpg);
	
	background-repeat: repeat-x;
	
	border: 1px solid #ccc;

}

#submit:hover {
	
	border: 1px solid #666;

}

#submit3 {
	
	width:14px;
	
	height:14px;
	
	margin-right:14px;
	
	background-color:none;
	
	background-image:url(images/arrow.png);
	
	background-repeat:no-repeat;
	
	float:right;
	
	border:none;
}

#submit4 {
	
	width:14px;
	
	height:14px;
	
	margin-right:14px;
	
	background-color:none;
	
	background-image:url(images/arrow2.png);
	
	background-repeat:no-repeat;
	
	float:right;
	
	border:none;
}

label.txtarea{

	float:left;

	width:121px;

	font-size:12px;

	text-align:right;

	color:#4c4846;

	font-style:italic;

	font-weight:bold;

}



label.txtarea2{

	float:left;

	width:121px;

	font-size:12px;

	text-align:right;

	color:#fff;

	font-style:italic;

	font-weight:bold;

}




/*topheader*/



/*nav*/

.nav{

	float:left;

	width:861px;

	height:54px;

	clear:both;

}



/*- Menu Tabs B--------------------------- */



#tabsB {

	float:left;

	font-size:15px;

	color:#fff;

	text-decoration:none;

	font-weight:normal;

	text-transform:uppercase;

	width:100%;

	background: url(images/nav.gif) repeat-x;

}



#tabsB ul {

	margin:0;

	padding:0;

	list-style:none;

}



#tabsB li {

	display:inline;

	padding:0 0 0 5px;

	float:left;

}



#tabsB a {

	float:left;

	background: url(images/tableft.gif) no-repeat left top;

	margin:0 4px 0 0;

	outline:none;

	padding:0 0 0 25px;

	background-position:0% 54px;

	text-decoration:none;

}



#tabsB a span {

	float:left;

	display:block;

	background: url(images/tabright.gif) no-repeat right top;

	padding:15px 28px 18px 17px;

	background-position:0% 54px;

	color: #cff;

}



/* Commented Backslash Hack hides rule from IE5-Mac */

#tabsB a span {float:none;}

/* End Hack */



#tabsB a:hover span, #tabsB a.active span {

	color:#fff;

}



#tabsB a:hover, #tabsB .current a{

	background-position:0% -54px;

}



#tabsB a:hover span, #tabsB .current a span{

	background-position:100% -54px;

}



.container{

	float:left;

	width:861px;

	background:#fff;

	padding:25px 0 0 0;

}



.container2{

	float:left;

	width:861px;

	background:#ececec;

	padding:25px 0 0 0;

}



/*leftPart*/



.leftpart{

	float:left;

	width:497px;

	background:#ececec;

	margin: 0px 24px 0px 0px;

}



.leftpart2{

	float:left;

	width:326px;

	background:#ececec;

}



.menu{

	float: left;

	list-style: none;

	margin: 0;

	padding: 0;

	width:290px;

	background:#ececec;

}



.menu ul{

}



.menu ul li{

	list-style:none;

	float:left;

	width:280px;

	height:53px;

	background:url(images/sbtn.png);

}



.menu ul li a{

	float: left;

	font-size:15px;

	font-style:italic;

	font-family: Arial Narrow;

	text-decoration:none;

	font-weight:normal;

	color: #8F8F8F;

	padding:10px 15px 0 10px;

}



.menu ul li a:hover{

	color:#2D6EAE;

}



.menu ul li:hover{

	list-style:none;

	text-decoration:none;

	float:left;

	width:280px;

	height:53px;

	background:url(images/sbtnh.png);

}

.vimeo{

	float:left;

	width:497px;

	margin:0;

}

.id{

	float:left;

	width:497px;

	height:426px;

	background:url(images/id.gif) left no-repeat;
	
	padding:10px 0 0 0;

}



.id h1{

	float:left;

	width:491px;

	font-size:20px;

	font-style:italic;

	font-weight:bold;

	color:#4b4746;

	padding:0 0 0 10px;

}



.title{

	float:left;

	width:491px;

	padding:270px 0 0 6px;

}



.title h1{

	float:left;

	width:235px;

	font-size:15px;

	color:#fff;

	font-style:italic;

	font-weight:normal;

}

/*leftPart*/


/*rightPart*/



.rightPart{

	float:left;

	width:326px;

	background:url(images/from.gif) no-repeat;

}

.rightParttop{

	float:left;

	width:326px;

}

.rightWrapper{

	float:left;

	width:276px;

	padding:75px 0 0 30px;

}



.rightWrapper p{

	font-size:12px;

	font-style:italic;

	font-weight: normal;

	color:#4b4746;

	padding:0 8px 0 8px;

	background:#e2e2e2;

}



.rightWrapper p span{

	font-size:12px;

	font-weight: bold;

	color:#4b4746;

	padding:0 8px 0 8px;

	background:#e2e2e2;

}



.rightPart2{

	float:right;

	width:535px;

	background:#ececec;

}



.rightWrapper2{

	float:left;

	width:520px;

	padding:0 0 0 0px;

}



.rightWrapper2 p{

	font-size:12px;

	font-style:normal;

	font-weight: normal;

	color:#4b4746;

	padding:6px 8px 6px 8px;

	background:#fff;

	text-align: justify;

}



.rightWrapper2 p span{

	font-size:12px;

	font-style:italic;

	font-weight: bold;

	color:#206B90;

	padding:0 8px 5px 8px;

	background:#fff;

	text-align: justify;

}



.rightWrapper2 h1{

	font-size:26px;

	font-style:italic;

	font-weight: bold;

	color:#798992;

	padding:5px 8px 5px 8px;

	background:#fff;

}



.adds{

	width:278px;

	height:98px;

	margin:8px auto auto auto;

}



.adds a{

	float:left;

	width:278px;

	height:98px;

	text-indent:-2000px;

	display:block;

	background:url(images/add.gif) top left no-repeat;

}



.blue{

	width:278px;

	padding:20px 0 0 30px;

}



.blueTop{

	float:left;

	width:278px;

	height:23px;

	background:url(images/bluetop.gif) top left no-repeat;
	
	margin:40px 0 0 0;

}



.blueMid{

	float:left;

	width:278px;

	background:url(images/bluemid.gif) repeat-y;

	padding:0 0 18px 0;

}



.blueMid h1{

	font-size:20px;

	font-weight:bold;

	color:#fff;

	padding:0 0 0 20px;

	font-style:italic;

}

.blueMid h1 a{

	font-size:20px;

	font-weight:bold;

	color:#fff;

	padding:0 0 0 20px;

	font-style:italic;
	
	text-decoration:none;

}

.blueMid h1 a:hover{

	font-size:20px;

	font-weight:bold;

	color:#e6e6e6;

	padding:0 0 0 20px;

	font-style:italic;
	
	text-decoration:none;

}

.blueMid p{

	font-size:11px;

	font-weight: normal;

	color:#fff;

	padding:13px 10px 0 15px;

}



.blueMid p span{

	font-size:11px;

	font-weight: normal;

	color:#fff;

	font-style:italic;

}



.blueMid p a{

	font-size:11px;

	font-weight: bold;

	color:#fff;

	padding:0 0  0 5px;

	font-style:italic;

}



.grayMid{

	float:left;

	width:278px;

	background:#fff;

	padding: 5px 0 15px 15px;

}



.grayMid h1{

	font-size:16px;

	font-weight:bold;

	color:#ccc;

	padding:0 0 0 23px;

	font-style:italic;

}



.grayMid p{

	font-size:11px;

	font-weight: normal;

	color:#ccc;

	padding:13px 10px 0 15px;

}



.grayMid p span{

	font-size:11px;

	font-weight: normal;

	color:#ccc;

	font-style:italic;

}



.grayMid p a{

	font-size:11px;

	font-weight: bold;

	color:#ccc;

	padding:0 0  0 5px;

	font-style:italic;

}

.blue2{

	width:278px;

	padding:0 0 0 30px;

}

.button{

	float:center;

	width:278px;

	background:#fff;

	padding: 0 0 0 0;

}

.button2{

	float:center;
	
	align: right;

	width:278px;

	background:#fff;

	padding: 0 0 0 28px;

}

/*rightPart*/

/*nav*/



.footerOut{

	background:#a2aead;

	width:100%;

	height:43px;

}



.footerIn{

	width:920px;

	margin:0 auto;

	background:#a2aead;

}



.footer{

	float:left;

	width:460px;
	
	padding:0px 0px 0px 200px;

}



.footer ul{	

	list-style:none;

}



.footer li{

	float:left;

	display:block;

}



.footer a{

	float:left;

	display:block;

	font-size:12px;

	color:#fff;

	margin:5px 0 0 0;

	padding:0 10px 0 10px;

	font-weight:normal;

	text-decoration:none;

	border-right:solid 1px #fff;

}



.footer a.none{

	border:none;

}



.footer h1{

	color:#fff;

	font-size:12px;

	padding:2px 0 0 0;

	font-weight:normal;

	text-align:center;

}



.footerImg{

	float: right;

	width:170px;

	height:40px;

}



/* Extra utility classes */



/* Used in contact form and inner pages to control heading tags */

.cheader {

	font-size: 14px;

	color: #666;

	background: #fff;

	padding-top: 8px;

	padding-bottom: 8px;

	padding-left: 8px;

}

.hletter{

	font-size:18px;

	font-style:italic;

	font-weight:bold;

	color:#4b4746;

	padding:0 0 0 33px;

}



.pletter{

	font-size:12px;

	font-style:italic;

	font-weight: normal;

	color:#4b4746;

	padding:0 25px 22px 33px;

}


/* For ordered / unordered lists used in content pages */

.contentlist {

	font-size:12px;

	font-style:normal;

	font-weight: normal;

	color:#4b4746;

	margin: 0px;

	background:#fff;

}

	

.contentlist li {

	padding: 5px 15px 5px 5px;

	text-align: justify;

}



.thinline {

	margin: 0px;

	padding: 3px 8px 3px 8px;

	border-bottom: 1px dashed #ccc;

	width: 475px;

}



/* Handy color changers */