/* CSS STYLE FOR VOASI */

@charset "utf-8";

	*{
	margin:0;
	padding:0;
	}
.contact-top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #a1a1a1;
}
.free-marketing-form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #6c6e6c;
	text-decoration: none;
	font-size-adjust:15px;
	vertical-align: text-top;
	letter-spacing: normal;
	text-align: left;
	padding-top:5px;
}


	
	html{
	margin:0;
	padding:0;
	}
	
	body {
	font-family: Arial, Helvetica, sans-serif;
	color:#999;
	}
	

/*----ONE---- */
	#wrapper-one{
	width:100%;
	height:112px;
	margin:auto;
	float:left;
	background-color:#FFF;
	}
	
		#one-topheader{
		width:975px;
		height:46px;
		margin:auto;
		margin-top:34px;
		margin-bottom:32px;
		}
		
			#one-left{
			width:204px;
			height:46px;
			background-image:url(../images/logo-top.jpg);
			float:left;
			}
			
			#one-right{
			width:771px;
			height:46px;
			float:right;
			}
			
				#one-right-contactright{
				width:49px;
				height:46px;
				background-image:url(../images/contact-03.jpg);
				background-repeat:no-repeat;
				float:right;
				margin:auto;
				}
				
				#one-right-contactcenter{
				width:auto;
				height:36px;
				background-image:url(../images/contact-02.jpg);
				background-repeat:repeat-x;
				padding-top:10px;
				float:right;
				margin:auto;

				}
				
				#one-right-contactleft{
				width:34px;
				height:46px;
				background-image:url(../images/contact-01.jpg);
				background-repeat:no-repeat;
				float:right;
				margin:auto;
				}
	
/*----TWO---- */
	#wrapper-two{
	width:100%;
	height:330px;
	margin:auto;
	float:left;
	background-color:#FFF;
	}
	
		#two-frame{
		width:975px;
		height:330px;
		margin:auto;
		}
		
			#two-left{
			width:204px;
			height:66px;
			margin:auto;
			float:left;
			}
			
				#menu{
				width:204px;
				height:66px
				margin:auto;
				float:left;
				}
				
			#two-right{
			width:736px;
			height:330px;
			background-image:url(../images/header-image.jpg);
			margin-left:35px;
			float:left;
			}
			
			#two-right-02{
			width:736px;
			height:330px;
			background-image:url(../images/header-image-02.jpg);
			margin-left:35px;
			float:left;
			}
			
			#right-welcome{
			width:340px;
			height:154px;
			float:right;
			margin-top:176px;
			}
				
				#welcome-bg-wrapper{
				width:auto;
				height:61px;
				float:right;
				margin:auto;
				}
				
					#welcome-bg-left{
					width:18px;
					height:61px;
					background-image:url(../images/welcome-tag01.png);
					float:right;
					margin:auto;
					}
				
					#welcome-bg-center{
					width:auto;
					height:61px;
					background-image:url(../images/welcome-tag-loop.png);
					float:right;
					margin:auto;
					background-repeat:repeat-x
					}

					#welcome-bg-right{
					width:35px;
					height:61px;
					background-image:url(../images/welcome-tag02.png);
					float:right;
					margin:auto;
					}
					
					#welcome-title{
					width:auto;
					height:auto;
					float:right;
					}
			
	
/*----THREE---- */
	#wrapper-three{
	width:100%;
	height:auto;
	margin:auto;
    margin-top:37px;
	margin-bottom:40px;
	float:left;
	background-color:#FFF;
	}
	
		#three-frame{
		width:975px;
		height:auto;
		margin:auto;
		}
		
			#three-separator{
			width:963px;
			height:12px;
			background-image:url(../images/separator-02.jpg);
			background-repeat:repeat-x;
			margin:auto;
			float:left;
			}
			
			#three-separator-02{
			width:963px;
			height:12px;
			background-image:url(../images/separator-02.jpg);
			background-repeat:repeat-x;
			margin:auto;
			margin-bottom:30px;
			float:left;
			}
			
			#three-title{
			width:963px;
			height:auto;
			margin-top:35px;
			margin-bottom:20px;
			float:left;
			}
		
		#three-content{
		width:975px;
		height:auto;
		margin:auto;
		float:left;
		}
		
			#content-video{
			width:490px;
			height:272px;
			margin:auto;
			padding-top:12px;
			padding-left:12px;
			padding-right:12px;
			padding-bottom:12px;
			background-color:#e9e9e9;
			float:left;
			}
			
			#content-about{
			width:514px;
			height:auto;
			margin:auto;
			padding-top:12px;
			padding-bottom:12px;
			float:left;
			}
			
			#content-wedid{
			width:514px;
			height:auto;
			margin:auto;
			padding-top:12px;
			padding-bottom:12px;
			float:left;
			}
			
			#content-contact{
			width:514px;
			height:auto;
			margin:auto;
			padding-bottom:12px;
			float:left;
			}
			
				#content-wedid-frame{
				width:514px;
				height:auto;
				margin:auto;
				margin-top:20px;
				float:left;
				}
				
				#content-works-frame{
				width:514px;
				height:auto;
				margin:auto;
				float:left;
				}
				
					#content-wedid-photo01{
					width:230px;
					height:auto;
					margin-right:20px;
					float:left;
					}
					
				#content-services-frame{
				width:514px;
				height:auto;
				margin:auto;
				float:left;
				}
				
				#content-contact-frame{
				width:514px;
				height:auto;
				margin:auto;
				float:left;
				}
			
			#content-bracket{
			width:108px;
			height:296px;
			background-image:url(../images/bracket.jpg);
			margin:auto;
			float:left;
			}
			
			#content-about-form{
			width:323px;
			height:auto;
			margin:auto;
			float:left;
			padding-right:18px;
			}
			
/*----FOUR---- */
	#wrapper-four{
	width:100%;
	height:auto;
	margin:auto;
	float:left;
	background-color:#0088cb;
	}
	
		#four-frame{
		width:975px;
		height:auto;
		margin:auto;
		}
		
			#four-title{
			width:963px;
			height:auto;
			margin:auto;
			margin-top:49px;
			float:left;
			}
			
				#four-title-left{
				width:auto;
				height:auto;
				float:left;
				margin:auto;
				}
				
				#four-more-right{
				width:157px;
				height:47px;
				float:right;
				margin:auto;
				}
				
			#four-works-frame{
			width:962px;
			height:250px;
			float:left;
			margin:auto;
			padding-top:28px;
			padding-bottom:60px;
			}
				
				#works-image{
				background-color:#FFF;
				padding-left:20px;
				padding-right:20px;
				padding-top:20px;
				padding-bottom:20px;
				}
					
				
				#works-left{
				width:270px;
				height:250px;
				float:left;
				margin-right:79px;
				}
	
				#works-center{
				width:270px;
				height:250px;
				float:left;
				margin-right:73px;
				}	
	
				#works-right{
				width:270px;
				height:250px;
				float:left;
				}	
				
/*----FIVE---- */
	#wrapper-five{
	width:100%;
	height:128px;
	margin:auto;
	float:left;
	background-color:#333433;
	}
	
		#five-frame{
		width:975px;
		height:128px;
		margin:auto;
		}
		
			#five-footer-left{
			width:auto;
			height:54px;
			padding-top:37px;
			padding-bottom:37px;
			float:left;
			margin:auto;
			}
			
			#five-footer-right{
			width:auto;
			height:54px;
			padding-top:37px;
			padding-bottom:37px;
			float:right;
			margin:auto;
			}
	
	
	
/*----CLASS---- */
		.three-title-01 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-style: normal;
		line-height: normal;
		font-weight: normal;
		color: #333433;
		text-decoration: none;
		}
		
		.three-title-02 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
		line-height: normal;
		font-weight: bold;
		color: #333433;
		text-decoration: none;
		}
		
		.three-title-02A {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
		line-height: normal;
		font-weight: bold;
		color: #0088cb;
		text-decoration: none;
		}
		
		.title-form{
		font-family:Arial, Helvetica, sans-serif;
		font-size:32px;
		font-style: normal;
		font-weight: normal;
		color: #6c6e6c;
		text-decoration: none;
		}
		
/*----CLASS-A-LINK---- */

		a:link, a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-variant: normal;
		text-decoration: none;
		color:#0088cb;
		border:none;
		
		}
		
		a:hover, a:active {
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-variant: normal;
		text-decoration: none;
		color:#ff7e00;
		border:none;
		} 

/*----CLASS MENU NORMAL---- */
		a.menu:link, a.menu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	width:183px;
	height:53px;
	padding-top:13px;
	padding-right:21px;
	color: #0088CB;
	display:block;
	vertical-align:middle;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	margin:0 auto;
		}
		
		a.menu:hover, a.menu:active {
		font-family: Arial, Helvetica, sans-serif;
		font-size:20px;
		width:183px;
		height:53px;
		padding-top:13px;
		padding-right:21px;
		color: #FFF;
		display:block;
		vertical-align:middle;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;
		text-align: right;
		background-image:url(../images/menu-bg.jpg);
		margin:0 auto;
		}
		
/*----CLASS MENU ACTIVE---- */		
		a.menuActive:link, a.menuActive:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size:20px;
		width:183px;
		height:53px;
		padding-top:13px;
		padding-right:21px;
		color: #FFF;
		display:block;
		vertical-align:middle;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;
		text-align: right;
		background-image:url(../images/menu-bg.jpg);
		margin:0 auto;
		}
		
		a.menuActive:hover, a.menuActive:active {
		font-family: Arial, Helvetica, sans-serif;
		font-size:20px;
		width:183px;
		height:53px;
		padding-top:13px;
		padding-right:21px;
		color: #FFF;
		display:block;
		vertical-align:middle;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;
		text-align: right;
		background-image:url(../images/menu-bg.jpg);
		margin:0 auto;
		}
		
		
/*----CLASS MENU NESTED COLOR---- */

		a.menu span
		{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #6c6e6c;
	text-decoration: none;
		}
	
		a.menu:hover span
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #FFF;
		text-decoration: none;
		}
		
		a.menuActive span
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #FFF;
		text-decoration: none;
		}
	
		a.menuActive:hover span
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #FFF;
		text-decoration: none;
		}

/*----HORIZONTAL DOTTED LINE---- */

		#line
		{
		border-bottom: 1px dotted #333433;
		width: 183px;
		} 
		
		#line2
		{
		border-bottom: 1px dotted #333433;
		width: 100%;
		} 

/*----WORKS---- */

		.latestworks {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 44px;
		font-style: normal;
		line-height: normal;
		font-weight: normal;
		color: #FFF;
		text-decoration: none;
		}

		.works-title-01 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-style: normal;
		font-weight: normal;
		color: #FFF;
		text-decoration: none;
		line-height: 22px;
		text-align: center;
		padding: 15px;
		}
		
		.works-title-02 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color: #FFF;
		text-decoration: none;
		line-height: 22px;
		text-align: center;
		padding: 5px;
		}
		
		a.works-title-02:link, a.works-title-02:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-variant: normal;
		color: #FFF;
		text-decoration: none;
		}
		
		a.works-title-02:hover, a.works-title-02:active {
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-variant: normal;
		color: #FFF;
		text-decoration: underline;
		}
		
/*----CLASS-WELCOME---- */
	
		.welcome {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 38px;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		color: #FFF;
		text-decoration: none;
		}
		


		.welcome-title {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		color: #333433;
		text-decoration: none;
		text-align: right;
		padding-right: 35px;
		}
.title-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #333433;
	text-decoration: none;
}

	
		.welcome-more {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: bold;
		font-variant: normal;
		color: #0088cb;
		text-decoration: none;
		text-align: right;
		padding-right: 0px;
		}
		
		.view-more {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-style: normal;
		font-weight: normal;
		color: #FFF;
		text-decoration: none;
		}

	
/*----CLASS-WELCOME-MORE---- */

		a.welcome-more:link, a.welcome-more:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: bold;
		font-variant: normal;
		color: #0088cb;
		text-decoration: none;
		text-align: right;
		padding-right: 0px;
		}
		
		a.welcome-more:hover, a.welcome-more:active {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: bold;
		font-variant: normal;
		color: #0088cb;
		text-decoration: none;
		text-align: right;
		padding-right: 0px;
		}
		

		.video-title01 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 32px;
		font-style: normal;
		line-height: 38px;
		font-weight: normal;
		color: #6c6e6c;
		text-decoration: none;
		}
		
		.video-title02 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 32px;
		font-style: normal;
		line-height: 38px;
		font-weight: normal;
		color: #333433;
		text-decoration: none;
		}
		

/*----CLASS-FOOTER---- */
		.footer {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color: #FFF;
		text-decoration: none;
		line-height: 24px;
		}
		
		a.footer:link, a.footer:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-variant: normal;
		color: #FFF;
		text-decoration: none;
		}
		
		a.footer:hover, a.footer:active {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-variant: normal;
		color: #F90;
		text-decoration: none;
		}
		
		
		
.wedid-title-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
.wedid-title-02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #a1a1a1;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}