/* CSS Document */


#preLoadImages {
  width: 0px;
  height: 0px;
  background:url(../images/banner.gif);
  background:url(../images/bg_about.gif);  
  background:url(../images/bg_contact.gif);
  background:url(../images/bg_gallery.gif);
  background:url(../images/bg_gift.gif);
  background:url(../images/bg_design.jpg);
  background:url(../images/bg_partner.gif);
  background:url(../images/bg_print.jpg);
  background:url(../images/bg_shoot.jpg);
  background:url(../images/bg_website.jpg);
  display:inline;    
}


body{
	padding:0;
	margin:0;	
	font-family: Arial,Tahoma, Verdana, Lucida, sans-serif;
	color: #908B8C;
	font-size: 11px;
	line-height:16px;
	clear:both;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}


.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
a {
text-decoration: none;
cursor: hand;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
}

/*------------------------------------------------container--------------------*/

#container {
	width:1003px;
	background-color:#000000;
	height:auto;	
}

/*------------------------------------------------home-------------------*/

#home {
	width:1003px;
	height:528px;
	background:url(../images/banner.gif) no-repeat;	
}


/*------------------------------------------------about-------------------*/

#about {
	width:1003px;
	height:528px;	
	background:url(../images/bg_about.gif) no-repeat;		
}

#about-1 {
	width:350px;
	height:100px;	
	font-family:  Arial, Tahoma, Verdana, Lucida, sans-serif;
	font-size: 17px;
	text-align:left;
	line-height:20px;		
	color: #908B8C;	
	float:left;			
}

#about-2 {
	width:80px;
	height:340px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:13px;		
	color: #908B8C;	
	float:left;		
}

#about-3 {
	width:90px;
	height:340px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:13px;		
	color: #908B8C;	
	float:left;		
}

#about-4 {
	width:80px;
	height:340px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:13px;		
	color: #908B8C;	
	float:left;		
}

/*------------------------------------------------shoot-------------------*/

#shoot {
	width:1003px;
	height:528px;
	background:url(../images/bg_shoot.jpg) no-repeat;	
}

#shoot-1 {
	width:145px;
	height:160px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:13px;		
	color: #908B8C;	
	float:left;		
}

#shoot-2 {
	width:145px;
	height:160px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:13px;		
	color: #908B8C;	
	float:left;		
}

#shoot-3 {
	width:340px;		
	font-family: Tahoma, Arial,  Verdana,  Lucida, sans-serif;
	font-size: 11px;
	text-align:center;
	line-height:13px;		
	color: #008000;	
	float:left;		
}


/*------------------------------------------------design-------------------*/

#design {
	width:1003px;
	height:528px;	
	background:url(../images/bg_design.jpg) no-repeat;		
}

#design-1 {
	width:260px;
	height:190px;	
	font-family:  Arial, Tahoma, Verdana, Lucida, sans-serif;
	font-size: 17px;
	text-align:left;
	line-height:20px;		
	color: #908B8C;	
	float:left;			
}

#design-2 {
	width:80px;
	height:250px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:13px;		
	color: #908B8C;	
	float:left;		
}

#design-3 {
	width:70px;
	height:250px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:13px;		
	color: #908B8C;	
	float:left;		
}

#design-4 {
	width:100px;
	height:250px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:13px;		
	color: #908B8C;	
	float:left;		
}

/*------------------------------------------------print-------------------*/

#print {
	width:1003px;
	height:528px;	
	background:url(../images/bg_print.jpg) no-repeat;		
}


#print-1 {
	width:120px;
	height:250px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:13px;		
	color: #908B8C;	
	float:left;		
}

#print-2 {
	width:75px;
	height:250px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:center;
	line-height:13px;		
	color: #908B8C;	
	float:left;		
}

#print-3 {
	width:90px;
	height:250px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:right;
	line-height:13px;		
	color: #908B8C;	
	float:left;		
}

/*------------------------------------------------website------------------*/

#website {
	width:1003px;
	height:528px;	
	background:url(../images/bg_website.jpg) no-repeat;		
}


#website-1 {
	width:105px;
	height:200px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:13px;		
	color: #FFF;	
	float:left;		
}

#website-2 {
	width:78px;
	height:200px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:13px;		
	color: #FFF;	
	float:left;		
}

#website-3 {
	width:95px;
	height:200px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:13px;		
	color: #FFF;	
	float:left;		
}

/*-----------------------------------------------gift------------------*/

#gift {
	width:1003px;
	height:528px;	
	background:url(../images/bg_gift.gif) no-repeat;		
}


#gift-1 {
	width:110px;
	height:220px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:13px;		
	color: #908B8C;	
	float:left;		
}

#gift-2 {
	width:110px;
	height:220px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 10px;
	text-align:left;
	line-height:13px;		
	color: #908B8C;	
	float:left;		
}

/*-----------------------------------------------gallery------------------*/

#gallery {
	width:1003px;
	height:528px;	
	background:url(../images/bg_gallery.gif) no-repeat;	
}


#gallery-1 {	
	width:415px;		
	font-family: Tahoma, Arial, Verdana,   Lucida, sans-serif;
	font-size: 11px;
	text-align:left;		
	color: #FFF;	
	float:left;
}


#full_img {	
	height:480px;
	width:480x;
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 11px;
	text-align:left;		
	color: #FFF;	
	float:right;
	background:url(../images/frame.gif) bottom left no-repeat;	
			
}

.stepcarousel{
float:left;
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 267px; /*Width of Carousel Viewer itself*/
height: 45px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
/*-------------------------*/

.stepcarousel1{
float:left;
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 267px; /*Width of Carousel Viewer itself*/
height: 45px; /*Height should enough to fit largest content's height*/
}

.stepcarousel1 .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
/*-------------------------*/




.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top: 0; /*margin around each panel*/
margin-left: 0; /*margin around each panel*/
padding:0 4px;
width: 45px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .belt1{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel1{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top: 0; /*margin around each panel*/
margin-left: 0; /*margin around each panel*/
padding:0 4px;
width: 45px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top: 0; /*margin around each panel*/
margin-left: 0; /*margin around each panel*/
padding:0 4px;
width: 45px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .belt3{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel3{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top: 0; /*margin around each panel*/
margin-left: 0; /*margin around each panel*/
padding:0 4px;
width: 45px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.stepcarousel .belt4{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel4{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top: 0; /*margin around each panel*/
margin-left: 0; /*margin around each panel*/
padding:0 4px;
width: 45px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .belt5{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel5{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top: 0; /*margin around each panel*/
margin-left: 0; /*margin around each panel*/
padding:0 4px;
width: 45px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*-----------------------------------------------partner------------------*/

#partner {
	width:1003px;
	height:528px;			
	background:url(../images/bg_partner.gif) no-repeat;		
}

#logo-partner {
	width:957px;	
	text-align:left;			
}


/*-----------------------------------------------contact-------------------*/

#contact {
	width:1003px;
	height:528px;	
	background:url(../images/bg_contact.gif) no-repeat;		
}

#contact-area {
	width: 380px;
	height:auto;
	padding:70px 0 0 0;			
}

#contact-area input, #contact-area textarea {
	padding: 1px;
	width: 310px;
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 11px;
	color:#000;	
	margin: 0px 0px 5px 0px;
	border: 1px solid #908B8C;
}

#contact-area textarea {
	height: 180px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #908B8C;
}

#contact-area input.submit-button {
	width: 70px;
	float: left;
	margin:5px 0 0 63px;
}

#contact-area input.reset-button {
	width: 70px;
	float: left;
	margin:5px 0 0 10px;	
}

label {
	float: left;
	text-align:left;	
	width: 60px;	
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 11px;
	color:#908B8C;	
}

#contact-text {
	width: 200px;
	height:auto;
	font-family: Verdana, Arial, Tahoma,  Lucida, sans-serif;
	font-size: 12px;
	color:#908B8C;
	float:left;	
}

/*------------------------------------------------language--------------------*/

#language {		
	width:1003px;
	height:25px;
	background-color:#1B1A19;		
}


/*------------------------------------------------menu--------------------*/

#menu {		
	padding-top:20px;
	width:1003px;
	height:105px;	
}

/*------------------------------------------------logo--------------------*/

#logo {		
	width:1003px;
	height:120px;
	clear:both;	
}

/*-----------------------------------------------color-------------------*/

.color_1
	{	
	font-family:  Tahoma, Arial, Verdana, Lucida, sans-serif;
	font-size: 11px;		
	color: #908B8C;		
	}
a:link.color_1 {
	color: #908B8C;
	text-decoration: none;
	}
a:visited.color_1 {
	color: #908B8C;
	text-decoration: none;
	}
a:hover.color_1 {
	color: #A70E13;	
	}
	

.color_2
	{	
	font-family:  Arial,Tahoma, Verdana, Lucida, sans-serif;
	font-size: 11px;	
	color: #FF0000;		
	}
a:link.color_2 {
	color: #FF0000;
	text-decoration: none;
	}
a:visited.color_2 {
	color: #FF0000;
	text-decoration: none;
	}
a:hover.color_2 {
	color: #FF0000;
	text-decoration:underline;	
	}
	
.color_3
	{	
	font-family:  Arial,Tahoma, Verdana, Lucida, sans-serif;
	font-size: 11px;	
	color: #A70E13;		
	}

.color_4
	{	
	font-family:  Arial, Tahoma, Verdana, Lucida, sans-serif;
	font-size: 17px;
	text-align:left;
	line-height:20px;		
	color: #908B8C;	
	}
	
.color_5
	{	
	font-family:  Verdana, Arial,Tahoma, Lucida, sans-serif;
	font-size: 10px;	
	color: #908B8C;
	line-height:14px;		
	}
	
.color_6
	{	
	font-family:  Arial,Tahoma, Verdana, Lucida, sans-serif;
	font-size: 13px;	
	color: #FFB922;		
	}
a:link.color_6 {
	color: #FFB922;
	text-decoration: none;
	}
a:visited.color_6 {
	color: #FFB922;
	text-decoration: none;
	}
a:hover.color_6 {
	color: #FFB922;
	text-decoration:underline;	
	}

/*------------------------------------------------Form-------------------*/

/*-----------------------------------------------menu--------------------*/
#vertical-menu{			
	position: absolute;	
	z-index:999;		 
}

#menu ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;		
	width: 140px; /* Width of Menu Items */
	float:left; 	 
} 

#menu ul li { 
	position: relative;	 
} 

#menu li ul { 
	position: absolute; 
	left: 140px; /*Set 1px less than menu width */ 
	top: 0;
	text-align:left;
	display: block;
} 

#menu li:hover ul {
	display: block; 
} 

#menu li:hover>ul { 
	visibility:visible; 
} 

#menu ul ul {
	visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #menu ul li { float: left; height: 1%; } 
* html #menu ul li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 

#menu ul, li { 
	margin: 0 0 0 0; 
} 

/* Styles for Menu Items */ 
#menu ul a { 
	display: block; 
	text-decoration: none; 
	color: #FFFFFF; 
	background: #556265; /* IE6 Bug */ 
	padding: 19px 0;
	text-align:left;
	padding-left:20px; 	
} 

/* Hover Styles */ 
#menu ul a:hover { 
	color: #33CC00; 
	background: #404B4E; 
} 

/* Sub Menu Styles */ 
#menu li ul a { 
	text-decoration: none; 
	color: #FFFFFF; 
	background: #4C5A5D; /* IE6 Bug */ 
	padding: 5px 0 6px 7px; 
} 

/* Sub Menu Hover Styles */ 
#menu li ul a:hover { 
	color: #33CC00; 
	background: #404B4E; 
} 
/*-----------------------------------------------menu--------------------*/


/*------------------------------------------------footer--------------------*/

#footer {		
	width:1003px;
	height:50px;			
	font-family: Arial, Tahoma, Verdana, Lucida, sans-serif;
	font-size: 11px;		
	color: #908B8C;
	word-spacing:2px;		
}