/* COPYRIGHT DOOR4 2007 */

/* -- COLOUR SCHEME -----

BACKGROUND BLUE #779db4;
MASTER PINK #a2426e;


*/

* {margin: 0; padding: 0;}

body {
	font-size: 95%;
	font-family: Calibri, Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top: 0em;
	padding: 0px;
	background: #779db4 url(../../images/body-bg.gif) no-repeat center top;
}

p {margin: 0;}

a:link {color: #a2426e; text-decoration:none;}
a:visited {color:#bf407a;text-decoration:none; }
a:hover {text-decoration: underline;}
a:active {}


#container {
	width: 981px;
	padding:0;
	
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;


}/*hold site centered



/**********************--------------------------clearfix*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

/***************************************************************************************/
/*Hold Header area*/
/***************************************************************************************/
#topsection{
	height: 313px; /*Height of header section*/
	margin-top: 0px;
	background: url(../../images/header-bg.png) no-repeat center top;

}

#topsection-youngs{
	height: 313px; /*Height of header section*/
	margin-top: 0px;
	background: url(../../images/youngs-header-bg.png) no-repeat center top;

}


#topsection h1{
text-align:left;
margin-top:0.75em;
margin-bottom:0.75em;
font-size: 1em;

}
#topsection p{
	text-align:left;
	color:#d5b294;
	font-size: 0.80em;
}
#topsection a{text-decoration:underline;}
#topsection h4{
color:#d5b294;
font-size: 1em;
}
/***************************************************************************************/
/*navigation*/
/***************************************************************************************/



body.home li.home a  {display: block; background:url(../../images/home.png) no-repeat left bottom; width:93px;}
body.services li.services a {display: block; background:url(../../images/services.png) no-repeat left bottom; width:109px;}
body.about li.about a {display: block; background:url(../../images/about.png) no-repeat left bottom; width:95px;}
body.payment li.payment a {display: block; background:url(../../images/payment.png) no-repeat left bottom; width:111px;}
body.contact li.contact a {display: block; background:url(../../images/contact.png) no-repeat left bottom; width:111px;}





ul#navigation {float:left; list-style: none;  height: 48px; padding: 238px 0 0 424px;}

ul#navigation li {float: left; text-indent: -9999px;}

ul#navigation li a {display: block; height: 48px; position: relative;}



/**styles for image swap menu**/
li.home a {display: block; background:url(../../images/home.png) no-repeat left top; width:93px;}

li.services a {display: block; background:url(../../images/services.png) no-repeat left top; width:109px;}

li.about a {display: block; background:url(../../images/about.png) no-repeat left top; width:95px;}

li.payment a {display: block; background:url(../../images/payment.png) no-repeat left top; width:111px;}

li.contact a {display: block; background:url(../../images/contact.png) no-repeat left top; width:111px;}


li.home a:hover {background:url(../../images/home.png) no-repeat left bottom;}

li.services a:hover {background:url(../../images/services.png) no-repeat left bottom;}

li.about a:hover {background:url(../../images/about.png) no-repeat left bottom;}

li.payment a:hover {background:url(../../images/payment.png) no-repeat left bottom;}

li.contact a:hover {background:url(../../images/contact.png) no-repeat left bottom;}





/***************************************************************************************/
/*Hold Main content area*/
/***************************************************************************************/


		


#contentwrapper{
	float: left;
	width: 100%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	background: url(../../images/body-bg.png) repeat-y center top;


}


.bottom-half {height: 172px; background: url(../../images/lower-main-bg.png) no-repeat right bottom;
}






#contentcolumn{

	padding-left: 335px; /*left column width*/
	
		background: url(../../images/left-lower-bg.png) no-repeat left bottom;

}



#leftcolumn{
	float: left;
	width: 335px; /*Width of left column*/
	
	margin-left: -981px;
	vertical-align: top;
	padding:0;	


}


#left-flower {
	background: url(../../images/left-flowers.png) no-repeat top;
	width:100%;
	clear:both;
	display:block;
	min-height:600px;
}


ul.left-speeches-list {
	list-style: none;
	width: 285px;
	float:right;
	position:relative;
	right:10px;
	text-align:left;
	margin:20px 0px 0px 0px;
}

ul.left-speeches-list li{
	height:95px;
	margin:0px 0px 5px 0px;
	color:#fff;
	display:block;
	padding:5px 0px 0px 0px;
}

ul.left-speeches-list li p{
	width:165px;
	font-size:14px;
	display:block;
	letter-spacing:-0.4px;
	padding: 0;
}

.left-speeches-one {
	background-image:url('../../images/left-buttons-no-1.gif');
	background-repeat:no-repeat;
}

.left-speeches-two {
	background-image:url('../../images/left-buttons-no-2.gif');
	background-repeat:no-repeat;
}

.left-speeches-three {
	background-image:url('../../images/left-buttons-no-3.gif');
	background-repeat:no-repeat;
}
.left-speeches-four {
	background-image:url('../../images/left-buttons-no-4.gif');
	background-repeat:no-repeat;
}

.left-speeches-one p {
	margin:15px 0px 0px 45px;
}

.left-speeches-three p {
	margin:15px 0px 0px 45px;
}

.left-speeches-four p {
	margin:15px 0px 0px 105px;
}

.left-speeches-two p {
	margin:15px 0px 0px 105px;
}


ul.left-speeches-list img {
	margin: 5px 0px;
}




.side-emphasis {font-weight: bold; font-style:italic;}	
	
/******style content*****/
.innertube{

	margin-top: 0;
	text-align:left;
	padding:1em 0 5px 0;
	background: url(../../images/top-main-bg.png) no-repeat right bottom;




}
.home .innertube p{
	font-size: 0.80em;
	line-height:150%;
	padding:0 17em 5px 3.5em;
	color: #666;
}


.innertube p{
	font-size: 0.80em;
	line-height:150%;
	padding:0 4em 5px 3.5em;
	color: #666;
}

.innertube h1{
	/*font-size: 1em;*/
	color: #a2426e;
	font-weight: bold;
	padding:0 0 15px 2.6em;
}
.innertube h2{
	/*font-size: 1em;*/
	color: #bd8c61;
	padding:0 10em 5px 3.5em;
	font-weight: bold;
}
.innertube h3{
	/*font-size: 0.80em;*/
	color: #bd8c61;
	margin-bottom:1em;
	font-weight:bold;
	padding:0 0 5px 3.5em;
}
.innertube h4{
	/*font-size: 0.85em;*/
	line-height:100%;
	padding:0 0 5px 3.5em;
	color: #9A9B9D;
	border-bottom:1px solid #98999B;
	margin-bottom: 5px;
}
.innertube h5 {
	/*font-size: 0.90em;*/
	color: #bd8c61;
	margin-top:0em;
	font-size: 2em;
}
.innertube ul{
	margin-left: 2em;
	list-style-type: circle;
}
.innertube li{
	font-size: 0.80em;
	color: #bd8c61;
	font-weight:normal;
}




/***************************************************************************************/
/*service boxes*/
/***************************************************************************************/



#service-options {width:570px; margin-left: 30px; background: url(../../images/middle-service.gif) repeat-y;}
#service-repeat {width:570px;  background: url(../../images/top-service.gif) no-repeat}
div.service-bottom {width:570px; display: block; height: 31px; background: url(../../images/lower-service.gif) no-repeat center bottom;}

#service-repeat ul {padding:0;}


li#gold {float: left; list-style:none; margin: 30px 0 0 55px; padding: 0 0 20px 0; width: 230px;}
li#platinum {float: left; list-style:none; margin: 30px 0 0 -10px; padding: 0 0 20px 0; width: 230px;}


#gold li {font-size: 1.2em; color:#FFFFFF;}

#platinum li {font-size: 1.2em; color:#FFFFFF; }


ul.service-links li  {float: left; width: 260px; height: 30px; list-style:none;}

ul.service-links li a {display: block; height: 40px; width: 260px; text-indent: -9999px;}


li#gold ul.bullet-points li {background: url(../../images/plat-tick.gif) no-repeat left center; margin-top: 10px; list-style:none; padding: 0 0 5px 30px;}

li#platinum ul.bullet-points li {background: url(../../images/gold-tick.gif) no-repeat left center; margin-top: 10px; list-style:none; padding: 0 0 5px 30px;}





/***************************************************************************************/
/*Hold footer*/
/***************************************************************************************/
#space-footer{
	
	clear: both;
}

#footer{
padding-top: 0px;
	width: 100%;
	color: #FFF;
	text-align: center;
	background: url(../../images/footer-bg.png) no-repeat center top;
	margin-top: 0px;
	padding-right: 0;
	height: 48px;
	padding-left: 0;
}
#footer p{
	font-size: 0.65em;
	line-height:140%;
	padding: 45px 0 10px 30px ;
	text-align:left;

}

#footer a {color:#496289;}

/*****************************************************************************************/
/*Miscellaneous Styles*/
/*****************************************************************************************/
.hold-left{
float: left;
}
.hold-right{
float: right;
}
/*****************************************************************************************/
/*Hold Home Boxes*/
/*****************************************************************************************/
.box-father {
	float: left;
	width: 150px;
	height: 172px;
	cursor:pointer;
}
.box-father p{
	text-align:right;
	color:#FFFFFF;
	font-size:8.5pt;
	margin-right: 9px;
	margin-left: 4px;
}
.box-groom{
	padding-top: 0;
	float: left;
	width: 145px;
	height: 172px;
	cursor:pointer;
}
.box-groom p{
	text-align:right;
	color:#FFFFFF;
	font-size:8.5pt;
	margin-right: 9px;
	margin-left: 4px;
}
.box-bestman {
	float: left;
	width: 145px;
	height: 172px;
	cursor:pointer;
}
.box-bestman p{
	text-align:right;
	color:#FFFFFF;
	font-size:8.5pt;
	margin-right: 9px;
	margin-left: 4px;
}
.box-bride {
	float: left;
	width: 145px;
	height: 172px;
	cursor:pointer;
}
.box-bride p{
	text-align:right;
	color:#FFFFFF;
	font-size:8.5pt;
	margin-right: 9px;
	margin-left: 4px;
}

.hold-link-right {
	position: relative;
	top: -120px;
	font-size: 0.8em;
	text-align: right;
}


.hold-link-right a{
	color: #FFFFFF;
}

.hold-link-right a:visited{
	color: #FFFFFF;
}

.txt-white {
	color: #FFFFFF;
}
.txt-large {
	font-size: xx-large;

}




address {font-style:normal; padding-left: 40px;  color: #666; }


/*****************************************************************************************/
/*Form Styles*/
/*****************************************************************************************/






.formCentered {width: 420px; border: 1px dotted #ccc; padding: 20px;}
.details {
	overflow:visible;
	height: 300px; width: 400px;
}
.pulldown {
	width: 400px;
	height: 70px;
	overflow:visible;
}


/* form styles */



form {
	text-align: left;
	color: #666;

	padding-top: 0;
	padding-right: 4em;
	padding-bottom: 1em;
	padding-left: 4em;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	
}

legend {
	display: none;
}

form h3 {
	
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form label {
	width: 400px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input {
	margin-top: 0px;
	border: 1px #666 solid;
}

form select {
	float: left;
	display: block;
	color: #9A9B9C;
	
}

form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email {
	clear: left;
	
	
}


form label.field-first,
form label.field-last,
form label.field-city,
form label.field-email,
form label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 190px;
	
	
}

form label.field-first input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input {
	border: none;
	float: left;
	width: 190px;
	padding: 0px;
	background-color: #FAF4F1;
	border: 1px #ccc solid;
}

form label.field-state {
	float: left;
	margin-right: 10px;
	width: 80px;
}

form label.field-state select {
	float: left;
	margin-top: 3px;
	
}

form label.field-zip {
	float: left;
	width: 100px;
}

form label.field-zip input {
	float: left;
	width: 100px;
	border: 1px #ccc solid;
	background-color:#FAF4F1;
}

form label.field-address, form label.field-question {
	float: left;
	width: 400px;
	margin: 0px 0px 0px 0px;
	
	
}

form label.field-address input, form label.field-question input {
	
	float: left;
	width: 400px;
	padding: 0px;
	border: 1px #666 solid;

}



form label.field-question {
	
font-size: 10px;

}


form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

textarea {
	display: block;
}

/*form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
	clear: both;
	padding: 0px;
	margin: 0px;
	float: left;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}*/

form textarea {
	margin-top: 3px;
	border: none;
	background-color: #FAF4F1;
	border: 1px #ccc solid;
}





/************************************************************************/
/* style list items on site map page - apply class to innertube id*/
/****************************************************************************/
.sitemapdetail ul li {list-style:none; border-bottom: 1px solid #ccc;}
.sitemapdetail ul li ul li {padding: 3px 0 3px 10px; border-bottom: none;}

.sitemapdetail ul li ul {margin: 6px 0 3px 0;}


/************************************************************************/
/* hold testimonials box */
/****************************************************************************/

.hold-flashbox {
	position: absolute;
	z-index:100;
	left: auto;
	right: auto;
	top: 308px;
}


div.flashbox
  {
	width: 150px;
	margin-left: 24px;
	text-align: left;
	padding: 5px;
	position: absolute;
	left: 420px;
  }

.hold-transbox {
	position: absolute;
	z-index:50;
	left: auto;
	right: auto;
	top: 490px;

}


div.transbox
  {
	width: 150px;
	margin-left: 24px;
	text-align: left;
	padding: 5px;
	position: absolute;
	left: 420px;
  }
  
  
div.transbox p
  {
  
  font-family:Georgia, "Times New Roman", Times, serif;
	margin: 15px 10px 15px 15px;

  *margin: 20px 10px 15px 15px;
	
	color: #a2426e;
  }
  
div.transbox p.blurbbodycopy {
	margin-top: -5px;
	color: #a2426e;
	font-size: 13px;
	margin-bottom: 5px;
	line-height: 125%;
	font-style:italic;
	
}

div.transbox p.clientname {
	color: #666;
	font-size: 12px;
	margin-top: 0px;
}

span.speechmar-top {position: relative; top: 10px; width: 43px; height: 35px; display: block;  background: url(../../images/speech-top.png) no-repeat center top;
}

span.speechmar-btm {position: relative; bottom: 30px; left: 90px; width: 43px; height: 35px; display: block; background: url(../../images/speech-btm.png) no-repeat center top;
}




.side-client-testimonial {position: relative; width: 240px; padding-left: 10px; margin: 20px 0 0 50px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; border-bottom: 1px dotted #FFFFFF; line-height: 140%;}

span.side-speechmar-top {position: absolute; left: 0; top: -10px; width: 43px; height: 35px; display: block;  background: url(../../images/speech-top.png) no-repeat left top;
}

p.side-testimonials {color: #ffffff; text-align:left;}

.side-testimonials-clientname {text-align: right; color: #666666; font-weight:700; margin: 0; font-size: 12px; line-height: 130%; padding: 10px 0; }

span.side-speechmar-btm {position: absolute; bottom: 40px; left: 200px; width: 43px; height: 35px; display: block; background: url(../../images/speech-btm.png) no-repeat right top;
}


.side-links {width: 265px; color: #ffffff; text-align: left; margin: 10px 0 10px 50px;}

.side-links ul {list-style: none; margin-bottom: 10px;}

.side-links li {padding: 5px 0;}


.side-links ol li  {float: left; margin-left: 30px; padding: 10px 10px 10px 0; width: 70px; }

.side-links ol li a {display: block; text-decoration: underline;}

.side-links ol li a:hover {text-decoration: none; color:#ffffff;}


h1.speeches {color: #000000;}


/*----- END TRANSPARANCY EFFECT ---------*/






h1 {color:#496289; padding-left: 40px;}

h2 {color:#496289; padding-left: 40px;}
	
h4 {color:#ffffff; padding-left: 50px;}
	
h5.answer {color:#ffffff;}		
	

h5 {color:#ffffff;}		
	

h6 {color: #496289; padding-left: 40px;}



.innertube h1 {color:#496289; padding-left: 40px;}

.innertube h2 {color:#496289; padding-left: 40px;}
	
.innertube h4 {color:#ffffff; padding-left: 50px;}
	
.innertube h5.answer {color:#ffffff;}		
	

.innertube h5 {color:#ffffff;}		
	

.innertube h6 {color: #496289;}


#mdr-logo { position: relative; top: 80px; left: 50px; width: 250px; height: 170px; display: block; text-indent:-9999px; }

h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#leftcolumn h4 {
	text-align: left;
	padding-left: 50px;
	font-size: 24px;
	padding-top: 10px;
}
#leftcolumn h5 {
	text-align: left;
	padding-left: 50px;
	font-style: italic;
	font-size: 22px;
	padding-top: 5px;
}
h1 {
	font-size: 20px;
}
h6 {
	font-size: 16px;
}

#Layer1 {
	position:absolute;
	width:200px;
	height:159px;
	z-index:0;
	left: 17px;
	top: 16px;
}
#Layer2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 23px;
	top: 22px;
}
.style3 {font-size: xx-small}

ol.ordered-list { padding-right: 4em; margin: 5px 0 10px 4.3em;}
ol.ordered-list li {line-height: 160%; color: #666; margin:0;}