/* CSS Document */


body {
	padding: 0;
	margin: 0;
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	color: #666666;	
	text-decoration:none;
	background-image: url(image/bg_body.gif);
	background-repeat: repeat;
}

.clear { 
	clear: both; 
	font-size: 0; 
	height: 0; 
	line-height: 0; 
}

html { 
	margin:0; 
	padding:0; 
	overflow: -moz-scrollbars-vertical;
}

img { 
	border: 0; 
}


a {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #FF00FF;
	text-decoration: underline;
}


#animation01 {
        position:absolute;
        top:50%;
        left:50%;
        margin:-325px 0 0 -325px;
        width:650px;
        height:650px;
        }
#wrap {
        margin:0 auto; width: 100%; 
		height:500px;
		min-height:500px;
        }
html>body #wrap {
	height: auto;
}

	
#topframe {
        float:left; margin:0 auto; width: 100%; height:399px; background:url(image/top_repeat.gif); background-repeat:repeat-x;
        }
#top {
        position:relative; margin:0 auto; height:399px; width: 920px; background:url(image/bg_top.gif); 
        }
#top_wedding {
        position:relative; margin:0 auto; height:399px; width: 920px; background:url(image/bg_top_wedding.gif); 
        }
#topleft {
        position:absolute; top:0px; left:0px; height:399px; width:149px;  
        }

#nav_left {
        float:left; height:399px; width:10px;
		}
#nav_frame {
        float:left; height:399px; width:139px;
		}
		
		
#navframe01 {
        float:left; border-width:0px;  margin: 235px 5px 0px 0px; height:59px; width:134px;
		}
#navframe02 {
        float:left; margin: 31px 5px 0px 0px; height:59px; width:134px; 
		}
.top_nav {
	margin:5px auto; 
	border-width:0px; 
	height:46px;
	width:134px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#FFFFFF;
	text-align: center;
	line-height:23px;
	text-decoration:none;
}
.top_nav:hover {
	margin:5px auto; 
	height:46px;
	width:134px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#333333;
	text-align: center;
	line-height:23px;
	text-decoration:none;
}

#topright {
        position:absolute; top:5px; left: 154px; height:399px; width:771px;  
        }
#logoleft {
		float:left;
		height:77px; width: 243px;		
		}

#2gether_logo {
        float:left; margin:0px 392px 0px 0px;
		height:77px; width: 136px;		
		}
#hotlineframe {
        float:left; height:77px; width: 771px;		
		}			
#hotline{
	float: left;
	margin:0px 10px 0px 0px;
	height:34px;
	width:761px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#009933;
	text-align: right;
	text-decoration:none;
	font-weight: bold;
	font-style:italic;
}
#flashframe {
    float: left; margin:0px 15px 5px 0px; width: 756px; height:284px; background:url(image/bg_flash.jpg)
}
#middleframe {
        margin:0 auto; 
		width: 100%;	
		height:450px;
		min-height:450px;

        }
html>body #middleframe {
	height: auto;
}
#middlebg {
        margin:0 auto; width: 920px; background-color:#FFFFFF;
		height:450px;
		min-height:450px;	
        }
html>body #middlebg {
	height: auto;
}
#leftframe {
        float:left; padding-left:10px; width: 134px; background-color:#FFFFFF; height:615px; min-height:615px;
        }

html>body #leftframe {
	height: auto;
}	
 
#gallerybrowse {
	float:left;
	margin:60px 0px 0px 0px;
	width: 134px; height: 89px;
    background:url(image/bg_nav04.gif); 
}
.browsecontent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#FFFFFF;
	text-align: center;
	line-height:15px;
	text-decoration:none;
}
.browsecontent:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#ec008c;
	text-align: center;
	line-height:15px;
	text-decoration:none;
}
#brochure {
	float:left;
	margin:10px 0px 0px 0px;
	width: 134px; height: 190px;
}

#downloadframe {
	float:left;
	margin:10px 0px 10px 0px;
	width: 134px; height: 50px;
    background:url(image/bg_nav05.gif);
	background-repeat:no-repeat;
}
.download {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#FFFFFF;
	text-align: center;
	line-height:15px;
	text-decoration:none;
}
.download:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#ec008c;
	text-align: center;
	line-height:15px;
	text-decoration:none;
}

#rightframe {
        float: right; width: 766px; background-color:#FFFFFF;
        }
html>body #rightframe {
	height: auto;
}
		
.navframe {
        float:left; margin:20px 0px 0px 0px; width: 766px; height:40px;
        }
#weddingcars_left {
       float:left; width:25px; height:18px;
}
#weddingcars {
       float:left; width:170px; height:18px;
}
#imagegallery {
       float:left; width:144px; height:18px;
}
#rates {
       float:left; width:164px; height:18px;
}
#testimonials {
       float:left; width:131px; height:18px;
}
#booking {
       float:left; width:95px; height:18px;
}
#separtor {
       float:left; width:1px; height:18px;
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:16px;
	   color: #DFDFDF;
	   text-align:center;
	   text-decoration: none;
	   line-height: 16px;
}

#photography {
       float:left; width:140px; height:18px;
}
#videos {
       float:left; width:80px; height:18px;
}
#packages {
       float:left; width:180px; height:18px;
}
#Contact {
       float:left; width:120px; height:18px;
}

.mainnav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #666666;
	text-align:center;
	text-decoration: none;
	line-height: 18px;
          }
.mainnav:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #ec008c;	
	text-align:center;
	text-decoration: none;
	line-height:18px;
          }
.mainnav_selected {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #ec008c;
	text-align:center;
	text-decoration: none;
	line-height: 18px;
          }
.mainnav_selected:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #ec008c;	
	text-align:center;
	text-decoration: none;
	line-height:18px;
          }
.titleframe {
        float:left; margin:0 auto; width: 766px; height:91px; background:url(image/bg_subnav.gif);
        }
.titleframe_car {
        float:left; margin:0 auto; width: 766px; height:91px; background:url(image/bg_subnav_car.gif);
        }
h1 {
	margin:8px auto; width:766px;
	float:left; 
	font: normal 22px/36px "Century Gothic";
	color: #FF66CC;	
	text-align:center;
	text-decoration: none;
}

#contentframe {
        float:left;
		padding-left:26px;
		padding-right:20px;
		padding-top:20px;
		padding-bottom:20px;
		width: 720px;
		height:400px;
		min-height:400px;
        }
html>body #contentframe {
	height: auto;
}

#contentframe_photo {
        float:right;
		padding-top:20px;
		padding-bottom:20px;
		width: 766px;
		height:400px;
		min-height:400px;
        }
html>body #contentframe_photo {
	height: auto;
}

#contentframe_flower {
        float:left;
		padding-top:20px;
		padding-bottom:20px;
        width: 766px;
		height:400px;
		min-height:400px;
		background:url(image/bg_whole.gif);
		background-repeat:repeat-y;
        }
html>body #contentframe_flower {
	height: auto;
}

#celebrant_left {
        float:left;
		padding-top:10px;
		padding-left:25px;
		padding-bottom:20px;
        width: 230px;
		height:400px;
		min-height:400px;
        }
html>body #celebrant_left {
	height: auto;
}


#contentframe_photo {
        margin:0 auto; width: 766px;

        }
html>body #contentframe_photo {
	height: auto;
}
.content{
	margin:0 auto;
	width: 546px;
	padding: 20px 20px 0px 200px;
	font-family:Arial;
	font-size:14px;
	color: #666666;
	text-align:justify;
	line-height:20px;
        }

html>body .content {
	height: auto;
}

.content_weddinggallery{
	margin:0 auto;
	width: 560px;
	padding: 20px 20px 0px 186px;
	font-family:Arial;
	font-size:14px;
	color: #666666;
	text-align:justify;
	line-height:20px;
        }
html>body #content_weddinggallery {
	height: auto;
}

#content_photography {
	margin:0 auto;
	width: 716px;
	height:200px;
	min-height:200px;
	padding: 20px 20px 0px 20px;
	font-family:Arial;
	font-size:14px;
	color: #666666;
	text-align:justify;
	line-height:20px;
        }
html>body #content_photography {
	height: auto;
}

.content_small{
	font-family:Arial;
	font-size:12px;
	color: #999999;
	text-align:justify;
	line-height:16px;
        }
.content_special{
	font-family:Arial;
	font-size:16px;
	color: #FF9900;
	text-align:justify;
	line-height:20px;
	font-weight: bold;
	}

.contentbold{
	margin:0 auto;
	width: 556px;
	font-family:Arial;
	font-size:17px;
	color: #ec008c;
	font-weight: bold;
	text-align:left;
        }
.contentbold_1300{
	font-family:Arial;
	font-size:24px;
	color: #0ea41b;
	font-weight: bold;
	text-align:left;
        }
.Subtitle{
	margin:0 auto;
	font-family:Arial;
	font-size:20px;
	color: #ec008c;
	text-align:left;
        }

/* =make Up Code
----------------------------------------------------------------------*/	
#makeup_frame {
	float:left;
	position: relative;
	margin-top:25px;
	border:1px double #FFF;	
	width: 718px;
	height: 400px;
	font: normal 12px/18px Simsun, Arial, Helvetica, sans-serif;
	color: #5e5d5d;
    background-color:#FFF;
	overflow:hidden;
}

#makeup01 {
     position:absolute;
     left:0px;
     top:3px;
     width:2650px;
     height:400px;
 }
#makeup02 {
     position:absolute;
     left:900px;
     top:3px;
     width:2650px;
     height:400px;
 }
 
 
#makeup03 {
     position:absolute;
     left:0px;
     top:3px;
     width:3696px;
     height:400px;
 }
#makeup04 {
     position:absolute;
     left:900px;
     top:3px;
     width:3696px;
     height:400px;
 }
 
#makeup_intro {
     float: left;
	 padding:15px;
	 margin-top:30px;
	 margin-bottom:30px;
	 background:#EFEFEF;
	 border: 2px solid #f7f7f7;
}
		
/* footer */
		
.footframe {
        clear:both; margin:0 auto; width: 100%; height:210px; background: url(image/bg_footerframe.gif);
        }
.footbg {
         margin:0 auto; width: 920px; height:160px; background:url(image/bg_footer.jpg);
        }
.footer{
	margin:0 auto;
	width: 920px;
	margin: 30px 20px 0px 0px;
	font-family:Arial;
	font-size:12px;
	color: #666666;
	text-decoration:none;
        }
.footerlink{
	margin:0 auto;
	font-family:Arial;
	font-size:12px;
	color: #666666;
	text-decoration:none;
        }
.footerlink:hover{
	margin:0 auto;
	width: 920px;
	font-family:Arial;
	font-size:12px;
	color: #ec008c;
	text-align:center;
	text-decoration:none;
        }
		
.content_quote{
	margin:0 auto;
	width: 546px;
	padding: 20px 20px 0px 200px;
	font-family:Arial;
	font-size:14px;
	color: #666666;
	text-align:justify;
	line-height:25px;
        }
.inputfield-contact
{ 
 border-width:1px;
 border-style:solid;
 border-left-color:#FF9966;
 border-top-color:#FF9966;
 border-right-color:#FF9966;
 border-bottom-color:#FF9966;
 padding:1px 2px 2px 2px;
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
 width: 280px;
 padding:1px 2px 2px 2px;
 background-image:url(image/bg_nav05.gif);
 background-repeat:repeat;
}

.inputfield_drop
{ 
 border-width:1px;
 border-style:solid;
 border-left-color:#FF9966;
 border-top-color:#FF9966;
 border-right-color:#FF9966;
 border-bottom-color:#FF9966;
 padding:1px 2px 2px 2px;
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
 width: 255px;
 padding:1px 2px 2px 2px;
background-image:url(image/bg_nav05.gif);
}

/* =gallery Code
----------------------------------------------------------------------*/
#contentframe_gallery {
        margin:0 auto; width: 766px;
        }

#gallerycontainer
{
	cursor: default;
	list-style: none;
	position: relative;
	left: 0px;
	width: 736px;
	padding: 20px 15px 15px 30px;
	color: #FDE3B3;
}

.thumbnail{
	padding: 10px 10px 10px 10px;
	background: url(images/bg_thumb.gif); 
	float: left;
	margin-right: 4px;
	margin-bottom: 5px;
	}	

.thumbnail02 {
	padding: 10px 10px 10px 10px;
	background: url(images/bg_thumb02.gif); 
	float: left;
	margin-right: 4px;
	margin-bottom: 5px;
	}	

.caption{ font-size: 0.9em; padding-top: 0.2em ;	
}

/*
----------------------------------------------------------------------------- 
MAIN NAVIGATION MENU
-----------------------------------------------------------------------------*/
/* -- Top Menu Sucker Fish 4 Level -- */


#navbar {
	width: 752px;
	float:left;
	height: 40px;
	padding-top:20px;
	padding-left:10px;
	font: mornal 16px/32px Arial, Helvetica, sans-serif;
	color:#666;
	display:block;
	z-index: 500;
}


#nav, #nav ul {
	width: 752px;
	height: 40px;
	padding: 0;
	margin: 0;
	list-style: none;
	}

#nav li {
	float: left;
	padding: 0;
	height: auto;
	margin: 0;
	}

#nav li.selected { 
	color: #FFF;
	text-decoration: none;
	background:url(image/bg_nav.gif);
	background-repeat:repeat-x;
	}

#nav li.separate { 
	text-decoration: none;
	height:32px;
	width:1px;
	background: #EFEFEF;
	}

#nav li a {
	color: #666;
	font: bold 16px/32px Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	padding: 0 6px;
	}
		
#nav li a:hover { 
	color: #FFF;
	text-decoration: none;
	background:url(image/bg_nav.gif);
	background-repeat:repeat-x;
	}

#nav li.selected a { 
	color: #FFF;
	text-decoration: none;
	background:url(image/bg_nav.gif);
	background-repeat:repeat-x;
	}
	
#nav li.selected a:hover { 
	color: #FFF;
	text-decoration: none;

	}
	
#nav li:hover, #nav li.hover {
    position: static;
}

/* -------- Drop down menu -------- */	

#nav li ul a, #nav li ul a:visited {
	font: normal 14px/17px Arial, Verdana, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	text-transform:none;
	text-align: left;
	padding: 7px 4px 7px 5px;
	color: #000;
	width: auto;
	background:url(image/bg_dropdown.gif);
	background-repeat:repeat-x;
	}
	
#nav li ul a:hover { 
		text-decoration: none;
		color: #ec008c;
		background:url(image/bg_dropdown.gif);
	    background-repeat:repeat-x;
		}

#nav li.selected ul a, #nav li.selected ul a:visited {
	font: normal 14px/18px Arial, Verdana, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	text-align: left;
	padding: 7px 4px 7px 5px;
	color: #333333;
	width: auto;
	background:url(image/bg_dropdown.gif);
	background-repeat:repeat-x;
	}
	#nav li.selected ul a:hover { 
		background-color: #EEE;
		text-decoration: none;
		color: #ec008c;
		}

#nav li ul li { 
	background-color: #ccc;
	}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 180px;
	margin: 0;
	padding: 0;
	}

#nav li li {
	width: 180px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #FFFFFF;
	}

#nav li ul ul {
	margin: -1.90em 0 0 150px;
	}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul {
	left: -999em;
	}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
	left: auto;
	z-index: 500;
	}


/* wedding studio flash */	

#wrapper_studio {
        height:600px; 
		width:1000px; 
		background: url(image/bg_body.gif); 
        position:absolute;
        top:50%;
        left:50%;
        margin:-300px 0 0 -500px;
		}
#wrapper_in_studio {
		float:left;
		padding:20px;  
        }

#top_studio {
        height:95px; 
		width:920px; 
		float:left;
}

#slide_studio_frame {
	float:left;
	position: relative;
	margin-top:20px;
	width: 960px;
	height: 393px;
	font: normal 12px/18px Simsun, Arial, Helvetica, sans-serif;
	color: #5e5d5d;
    background:#FFF;
	overflow:hidden;
}

#slide_studio01 {
     position:absolute;
     left:0px;
     top:0px;
     width:8040px;
     height:393px;
 }
#slide_studio02 {
     position:absolute;
     left:960px;
     top:0px;
     width:8040px;
     height:393px;
 }

#navbar_studio {
	width: 960px;
	float:left;
	height: 32px;
	background:url(image/bg_nav.gif);
	background-repeat:repeat-x;
	margin-top:20px;
	font: bold 14px/32px Arial, Helvetica, sans-serif;
	color:#FFF;
	display:block;
	z-index: 500;
}

#nav_S, #nav_S ul {
	width: 960px;
	height: 40px;
	padding: 0;
	margin: 0;
	list-style: none;
	}

#nav_S li {
	float: left;
	padding: 0;
	height: auto;
	margin: 0;
	}

#nav_S li.selected { 
	color: #666;
	text-decoration: none;
	background:url(image/bg_dropdown.gif);
	background-repeat:repeat-x;
	}

#nav_S li.separate { 
	text-decoration: none;
	height:32px;
	width:1px;
	background: #EFEFEF;
	}

#nav_S li a {
	color: #FFF;
	font: bold 14px/32px Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	padding: 0 6px;
	}
		
#nav_S li a:hover { 
	color: #666;
	text-decoration: none;
	background:url(image/bg_dropdown.gif);
	background-repeat:repeat-x;
	}

#nav_S li.selected a { 
	color: #666;
	text-decoration: none;
	background:url(image/bg_dropdown.gif);
	background-repeat:repeat-x;
	}
	
#nav_S li.selected a:hover { 
	color: #666;
	text-decoration: none;

	}
	
#nav_S li:hover, #nav li.hover {
    position: static;
}