body {
	background-color: #fffdf8;
	font-family: "Century";
	font-size: 12px;
	color: #544b18;
	margin: 0px;
}

a {text-decoration: none; color:#a6870a;}
h1, h2, h3 {font-family: font-family: "Myriad Pro"; color: #544b18;}


#wrapper {
	width: 95em;
	margin: 0 auto;
	margin-top: 0em;
	margin-bottom: 1em;
	overflow: hidden;
}

#header {
	background: url(/content/images/twe/top_main_bg.jpg); height: 267px; width: 1131px;
}


/* BODY */
#frame_body {
	background: url(/content/images/twe/frame_body.png) no-repeat;
	height: 495px;
	text-align: left;
	background-position: 35px 0;
	font-size: 14px;
	padding-top: 30px;
}

#our-vision{width: 400px; margin: 180px 0 50px 520px;}
#our-vision ul { list-style: none; margin: 20px 0 20px -40px;}
#our-vision a img {border: none; margin-bottom: 10px;}

./content/images/twe/slide/home-left-title{
	padding: 100px 0 0 50px;
	
}
#commingsoon {
background:url("/content/images/twe/moustache.png") no-repeat scroll center 135px transparent;
font-size:17px;
height:110px;
padding:150px 0 20px 255px;
}

#front-left-ul {
	margin-right: 40px;
	text-align: center;
}

#front-left-ul ul {
	list-style: none;
	line-height: 30px;
}

#mycustomscroll {
/* Typical fixed height and fixed width example */
	width: 450px;
	float:right;
	height: 280px;
	overflow: auto;
	text-align: justify;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0px 0 0 0px;
	padding: 0px 15px 0 0;
}

#mycustomscroll_off {
/* Typical fixed height and fixed width example */
	width: 450px;
	height: 150px;
	overflow: auto;
	text-align: justify;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 10px 0 0 40px;;
	padding: 0px 5px 0 0;
}
#mycustomscroll_passion {
/* Typical fixed height and fixed width example */
	width: 540px;
	height: 130px;
	overflow: auto;
	text-align: justify;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0px auto;
	padding: 0px 0px 0 0;
}

#mycustomscroll_person {
/* Typical fixed height and fixed width example */
	width: 450px;
	height: 300px;
	overflow: auto;
	text-align: justify;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 20px 0 0 30px;;
	padding: 0px 15px 0 0;
}

#mycustomscroll_ms {
/* Typical fixed height and fixed width example */
	width: 600px;
	min-height: 320px;
	overflow: auto;
	text-align: justify;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0px auto;
	padding: 0px 0px 0 0;
}

#mycustomscroll_ms2 {
/* Typical fixed height and fixed width example */
	width: 600px;
	min-height: 300px;
	overflow: auto;
	text-align: justify;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0px auto;
	padding: 0px 0px 0 0;
}

#mycustomscroll_media {
/* Typical fixed height and fixed width example */
	width: 550px;
	float:right;
	height: 280px;
	overflow: auto;
	text-align: justify;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0px 0 0 0px;
	padding: 0px 15px 0 0;
}

.lipsum p{margin-top: 0;}
.fans-page {float: right; text-align: right; margin-top: 40px;}
.fans-page img {vertical-align: middle; line-height: 10px;}
.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	width: 550px;
	height: auto;
	position: relative;
	color: black;
	padding: 1px;
}

/* MENU NAV */
.menu_nav{
	*float: left;
	*margin-left: -15px;
}
.menu_nav ul{
	margin-top: 173px;
	padding: 0px;
	float: left;
	position: relative;
	left: 8%;
}
.menu_nav div.left ul {
	margin: 0px;
	padding: 0px;
}

.menu_nav em { display: none; margin: 0; padding: 0; line-height: 0px;}
.menu_nav li { float: left; padding: 0px; margin: 0px; list-style-type: none; display: inline; position: relative; right/**/: 2%; min-height: 2%; }
.menu_nav li a.m1 { background: url(/content/images/twe/btn_home.png) no-repeat top; width: 94px; padding-left: 20px; padding-right: 20px; display: block; height: 29px;}
.menu_nav li a.m1_active { background: url(/content/images/twe/btn_home_active.png) no-repeat top; width: 94px; padding-left: 20px; padding-right: 20px; display: block; height: 29px;}
.menu_nav li a.m2 { background: url(/content/images/twe/btn_vision.png) no-repeat top; width: 94px; padding-left: 30px; padding-right: 20px; display: block; height: 29px;}
.menu_nav li a.m2_active { background: url(/content/images/twe/btn_vision_active.png) no-repeat top; width: 94px; padding-left: 30px; padding-right: 20px; display: block; height: 29px;}
.menu_nav li a.m3 { background: url(/content/images/twe/btn_passion.png) no-repeat top; width: 94px; padding-left: 30px; display: block; height: 29px;}
.menu_nav li a.m3_active { background: url(/content/images/twe/btn_passion_active.png) no-repeat top; width: 94px; padding-left: 30px; display: block; height: 29px;}
.menu_nav li a.mspace {background: url(/content/images/twe/blank.png) no-repeat top; width: 150px; padding-left: 15px; display: block; height: 29px}
.menu_nav li a.m4 { background: url(/content/images/twe/btn_milestones.png) no-repeat top; width: 94px; padding-left: 10px; display: block; height: 29px;}
.menu_nav li a.m4_active { background: url(/content/images/twe/btn_milestones_active.png) no-repeat top; width: 94px; padding-left: 10px; display: block; height: 29px;}
.menu_nav li a.m5 { background: url(/content/images/twe/btn_media.png) no-repeat top; width: 94px; padding-left: 20px; display: block; height: 29px;}
.menu_nav li a.m5_active { background: url(/content/images/twe/btn_media_active.png) no-repeat top; width: 94px; padding-left: 20px; display: block; height: 29px;}
.menu_nav li a.m6 { background: url(/content/images/twe/btn_careers.png) no-repeat top; width: 78px; padding-left: 0px; display: block; height: 29px;}
.menu_nav li a.m6_active { background: url(/content/images/twe/btn_careers_active.png) no-repeat top; width: 78px; padding-left: 0px; display: block; height: 29px;}
.menu_nav li a.m7 { background: url(/content/images/twe/btn_contact.png) no-repeat top; width: 94px; padding-left: 10px; padding-right: 15px; display: block; height: 29px;}
.menu_nav li a.m7_active { background: url(/content/images/twe/btn_contact_active.png) no-repeat top; width: 94px; padding-left: 10px; padding-right: 15px; display: block; height: 29px;}
.menu_nav li:hover { background-position: left -53px; }

/*.menu_nav li:hover div.left { display: block; }*/

.menu_nav li div.left a:hover {text-decoration: none; color: #dbc188;}


/* HOME */
#front_left {
	float: left;
	margin-top: 0px;
	margin-left: 80px;
	height: 382px; width: 420px;
	overflow: hidden;
}
#front_right {
	float: right;
	width: 425px;
	margin: 30px 140px 0 0;
	font-family: "Myriad Pro";
	font-size: 14px;
	text-align: left;
}
#front_right_vision {
	float: right;
	width: 600px;
	margin: 40px 150px 0 0;
	font-family: "Myriad Pro";
	font-size: 14px;
	text-align: left;
}
#person_left {
	float: left;
	margin-top: 0px;
	margin-left: 80px;
	height: 382px; width: 255px;
	overflow: hidden;
}
#nav_left {
	float: left;
	margin-top: 110px;
	margin-left: 60px;
	height: 290px; width: 265px;
	overflow: hidden;
	vertical-align: baseline;
}
#nav_left ul {list-style: none; margin: 0px;}
#nav_left li {margin-top: 10px;}
#nav_left li img {border: none;}

#milestone_left {
	float: left;
	margin-top: 80px;
	margin-left: 60px;
	height: 310px; width: 265px;
	overflow: hidden;
	vertical-align: baseline;
}
#milestone_left ul {list-style: none; margin: 0px;}
#milestone_left li {margin-top: 10px;}
#milestone_left li img {border: none;}
.slogan {
	float: right;
	font-family: "Myriad Pro";
	margin-right: 10px;
	margin-top: 30px;
}

#right_content_title {
	font-size: 17px;
}

#caroline_right {
	float: right;
	width: 600px;
	margin: 20px 120px 0 0;
	font-family: "Myriad Pro";
	font-size: 14px;
	text-align: left;
}

/* SLIDESHOW */
#slide {
	height: 422px; width: 426px;
	margin: 0px 0px 0px auto;
	overflow: hidden;
	}
	
	.fade-box {
		width: 275px;
		*width: 412px;
		position: absolute;
		text-align:center;
	}
	

#image-container {
width: 268px;
height: 412px;
background: url(/content/images/twe/fade-image-bg.gif);
background-position:center;
background-repeat:no-repeat;
margin-top: 60px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 20px;						
}


/* CONTENT */
#content {
	padding-top: 30px;
	padding-left: 500px;
	font-size: 17px;
	background-position: center 235px;
	padding-bottom: 20px;
}

#gallery {
	width:1000px;
	height: 320px;
	margin:5px 0 10px 30px;;
}

#gallery-content{height: 300px;}

#mycustomscroll_media p a{
	width:100px;

/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */

	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin: 10px 5px 0 30px;
}

/* OUR VISION */

#theperfection {
	float: right;
	width: 788px;
	height: 370px;
}
#theperfection ul {list-style: none;}
#theperfection li{
	

/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	width:400px;
	margin:10px 0 0 0;
	text-align:left;
	position:relative;
	float:left;
	display:inline;
}
#theperfection li a img{
  	padding: 2px;
   	border:1px solid #939b9e;
   	background-color:#fff;
}

#theperfection_content {
	float: right;
	width: 680px;
	margin: 30px 110px 0 0;
	}
#theperfection_content a img {padding: 2px; border:1px solid #939b9e; background-color:#fff;}
.weddingplanner_photo {
	float: left;
	width: 50px;
	text-decoration: none;
	}
.weddingplanner_desc {
	float: left;
	width: 300px;
	margin: 10px 0 0 20px;
	}

/* End of THE PERFECTION */



#fullplate-navigation{
	list-style:none;
	margin:5px 0 0 45px;

}

#fullplate-navigation li{

		
}

#previous{
	text-align:left;
}

#next{
	text-align:right;
}


#fullplate-navigation li a{
	display:block;
	width:190px;
	padding:10px;
}

#fullplate-navigation li a:hover{
	color:#333;
}



#fullplate-photo{
}


#btn_nav {height: 65px; width: 400px; margin-left: 65px; text-align: justify;}
#btn_nav li{
	width:150px;

/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */

	padding:0px 50px 0 50px;
	text-align: justify;
	position:relative;
	display:inline;
	float: left;
}


#btn_nav_scroll {height: 100px; width: 550px; text-align: center; margin: 0 0 0 -50px;}
#btn_nav_scroll li{
	width:150px;

/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */

	padding:0px 8px 0 8px;
	position:relative;
	display:inline;
	float: left;
}

#btn_nav_scroll li img{ border:none}
#btn_nav_scroll2 {height: 100px; width: 550px; text-align: center; margin: 0 0 0 40px;}
#btn_nav_scroll2 li{
	width:150px;

/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */

	padding:0px 8px 0 8px;
	position:relative;
	display:inline;
	float: left;
}

#btn_nav_scroll2 li img{ border:none}



#btn_nav_scroll4 {height: 100px; width: 550px; margin: 30px 0 0 -50px;}
#btn_nav_scroll4 li{
	width:150px;

/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */

	padding:0px 8px 0 8px;
	position:relative;
	display:inline;
	float: left;
}
#btn_nav_scroll4 li img{ border:none}

#btn_nav_scroll3 {height: 100px; width: 550px; margin: 0px 0 0 -50px;}
#btn_nav_scroll3 li{
	width:150px;

/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */

	padding:0px 8px 0 8px;
	position:relative;
	display:inline;
	float: left;
}
#btn_nav_scroll3 li img{ border:none}

#bottom_nav_scroll {height: 65px; width: 800px; margin-left: 300px;}
#bottom_nav_scroll li{width:150px; padding:0px 8px 0 8px; position:relative; display:inline; float: left;}
#bottom_nav_scroll li img{border:none}


#milestones_left {margin: 90px 10px 0 10px;}
#milestones_left ul {margin-top: 10px;}
#milestones_left li {list-style:none; margin: 10px 0 0 0;}
#milestones_left li a img {text-decoration: none; padding-top: 0px; line-height: 5px; border: none;}

#milestone_right { float: right; width: 600px; margin: 10px 200px 0 0; height:auto;}
.milestone_front {margin: 0px 0 0 30px;}
#milestones_content {width: 600px; text-align:left;}
#milestones_content li {	
	padding:0px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px 10px 0 0px;
}
#milestones_content a {margin: 0 3px 10px 3px; bottom: 5px;}
#milestones_content a img {padding: 2px; border:1px solid #939b9e; background-color:#fff;}
#stationery_content { width: 800px; margin: 20px 0 0 160px;}
#stationery_content li {	
	padding:0px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px 10px 0 0px;
}
#stationery_bottom {height: 100px; width: 1200px; margin: 280px 0 0 230px;}
#stationery_bottom li{
	width:150px;

/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */

	padding:0px 8px 0 8px;

	position:relative;
	display:inline;
	float: left;
}
#stationery_bottom li img{ border:none}

#distinctive_bottom {height: 100px; width: 300px; margin: -20px 0 0 50px;}
#distinctive_bottom li{
	width:150px;

/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */

	padding:0px 8px 0 8px;

	position:relative;
	display:inline;
	float: left;
}
#distinctive_bottom li img{ border:none}
#distinctive_right { float: right; width: 600px; margin: 10px 150px 0 0; height:auto;}

.point {margin: 5px 5px -4px 0; width: 23px; height: 18px;}

/* TITLE */
#center_title {	
	margin: 30px 80px 0px 0px;
	*margin: 30px 80px 0px 540px;
	padding-top: 0px;
	float:left;
}

#front_title {
	margin: 90px 80px 0px 250px;
	*margin: 90px 80px 0px 200px;
	padding-top: 0px;
	float:left;

	/* background-position: center 30px; */
}

#front_title_scroll {
	margin: 30px 80px 0px 230px;
	padding-top: 0px;
	float:left;

	/* background-position: center 30px; */
}

#right_title{
	margin: 30px 80px 0px 200px;
	*margin: 30px 80px 0px 540px;
	padding-top: 0px;
	float:left;
}
#contact_title {
	margin: 0px 150px 0px 170px;
	padding-top: 30px;
	background: url(/content/images/twe/title_contact.png) no-repeat; width: 800px; height: 52px;
	background-position: center 30px;
}
#coverage_title {
	margin: 0px 150px 0px 170px;
	padding-top: 20px;
	background: url(/content/images/twe/title_coverage.png) no-repeat; width: 800px; height: 52px;
	background-position: center 20px;
}
#media_title {
	margin: 0px 150px 0px 350px;
	padding-top: 20px;
	width: 800px; height: 52px;
	background-position: center 20px;
}
#bridal_title {
	padding-top: 20px;
	margin-left: 20px;
}
#interior_title {
	margin: 0px 150px 0px 170px;
	padding-top: 20px;
	background: url(/content/images/twe/title_interior.png) no-repeat; width: 800px; height: 52px;
	background-position: center 20px;
}
#stationery_title {
	margin: 0px 150px 0px 170px;
	padding-top: 20px;
	background: url(/content/images/twe/title_stationery.png) no-repeat; width: 800px; height: 52px;
	background-position: center 20px;
}

#theperfection_title {
	margin: 0px 150px 0px 170px;
	padding-top: 20px;
	background: url(/content/images/twe/title_theperfection.png) no-repeat; width: 800px; height: 52px;
	background-position: center 20px;
}

#caroline_title {
	margin: 30px 80px 0px 210px;
	*margin: 30px 80px 0px 540px;
	padding-top: 0px;
	float:left;
	background: url(/content/images/twe/title_caroline.png) no-repeat; width: 500px; height: 45px;
	/* background-position: center 30px; */
}
#priscilla_title {
	margin: 30px 80px 0px 210px;
	padding-top: 0px;
	float:left;
	background: url(/content/images/twe/title_priscilla.png) no-repeat; width: 500px; height: 45px;
	/* background-position: center 30px; */
}
#yvonne_title {
	margin: 30px 80px 0px 210px;
	padding-top: 0px;
	float:left;
	background: url(/content/images/twe/title_yvonne.png) no-repeat; width: 500px; height: 45px;
	/* background-position: center 30px; */
}
#jasper_title {
	margin: 30px 80px 0px 210px;
	padding-top: 0px;
	float:left;
	background: url(/content/images/twe/title_jasper.png) no-repeat; width: 500px; height: 45px;
	/* background-position: center 30px; */
}
#careers_title {
	float: right;
	margin: 30px 130px 0px 0;
	padding-top: 20px;
	background: url(/content/images/twe/title_careers.png) no-repeat; width: 459px; height: 46px;
	background-position: center 20px;
}
#ourvision_title {
	margin: 30px 0 0px 180px;
	*margin: 30px 80px 0px 540px;
	padding-top: 0px;
	float:left;
	background: url(/content/images/twe/title_ourvision.png) no-repeat; width: 500px; height: 45px;
	/* background-position: center 30px; */
}


/* PERSONAL */
#personal_right {
	float: right;
	width: 480px;
	margin: 10px 145px 0 0;
	font-family: "Myriad Pro";
	font-size: 14px;
	text-align: left;
}
#personal_right h3{ font-size: 15px; margin-bottom: -15px;}
#personal_right h4{ font-size: 12px; margin: 0px 0 -15px 0;}



/* CAREERS */
#careers_left {
	float: left;
	margin: -70px 0 0 190px;
	text-align: right;
	font-style: normal;
	font-family: "Myriad Pro";
	font-size: 14px;
	text-decoration: none;
}

#careers_form {
	float: right;
	width: 450px;
	font-family: "Myriad Pro";
	font-size: 14px;
	margin: 0px 120px 0 0;
	text-align: left;
}

#careers_thanks {
	float: right;
	width: 450px;
	font-family: "Myriad Pro";
	font-size: 14px;
	margin: 20px 100px 0 0;
	text-align: left;
}

#careers_left a {
	font-family: "Myriad Pro";
	font-size: 14px;
}


/* CONTACT */

#contact_address {
	float: left;
	margin: 90px 0 0 160px;
	text-align: right;
	font-style: normal;
	font-family: "Myriad Pro";
	font-size: 14px;
	text-decoration: none;
}
#contact_form {
	float: right;
	width: 450px;
	font-family: "Myriad Pro";
	font-size: 14px;
	margin: 20px 100px 0 0;
	text-align: left;
}

#contact_thanks {
	float: right;
	width: 450px;
	font-family: "Myriad Pro";
	font-size: 14px;
	margin: 20px 100px 0 0;
	text-align: left;
}

#contact_address a {
	font-family: "Myriad Pro";
	font-size: 14px;
}
#line_v {
	float: left;
	background: url(/content/images/twe/v_line.png) repeat-y; height: 305px; width: 9px;
	margin: 30px 0 0 120px;
}


/* FORM */
form {margin:0;padding:0;}
fieldset {margin:1em 0;border:none;}
label{float:left; width:150px; padding:0 1em; text-align:left;}
fieldset div{margin-bottom:.3em;padding:0;display:block;}
fieldset div input,fieldset div textarea{width:210px;padding:1px;color:#333; font-family: "Myriad Pro";}
fieldset div select{padding:1px;}
div.fm-multi div{margin:5px 0;}div.fm-multi input{width:1em;}
div.fm-multi label{display:block;width:200px;padding-left:5em;text-align:left;}
#fm-submit{margin-left: 210px; margin-top: -25px;}
.fm-submit {background:url(/content/images/twe/btn_send.png); width: 104px; height: 52px;}
#fm-comments {font-size: 12px;}
#fm-upload { width: 100px;}
input:focus,textarea:focus{background:#efefef;color:#000;}
fieldset div.fm-req{}
fieldset div.fm-req label:after{content:" * ";}
p#fm-intro{margin:0;}

/* FOOTER */
#footer {
	background: url(/content/images/twe/footer.png) no-repeat; _height: 80px; min-height:103px;
	background-position: 192px 0;
}
.copyright { margin: 25px 0 0 255px; padding: 10px 0 0 145px; width: 500px; height: 30px; background: url(images/twe_footer.png) no-repeat scroll 0 50% transparent;
float:left;
text-align:left;}
.copyright a {color: #544b18}

