/* ------ elements ------ */

body {
	margin: 0;
	padding: 0;
	background: #FFF url('../images/body_bg0.jpg') repeat-x;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #555555;
	/* Force IE to center containers */
	text-align:center;
}

h3 {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background-color: transparent;
}

h2 {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background-color: transparent;
}

h1 {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background-color: transparent;
}

p {
	line-height: 16px;
	text-align: justify;
	margin: 0 0 10px 0;
}

a, a:visited, a:hover, a:active {
	color:#000;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 1px #000 solid;
}

a:hover img {
	border: 2px #000 solid;
}

img {
	border-style: none;
}

/* ========================== classes =========================================================================== */

.lh_normal {
	line-height: normal
}

.lineheight14 {
	line-height: 14px;
}

.lineheight16 {
	line-height: 16px;
}

.title {
	font-size: 22px;
	color: #A5313A;
}

.subtitle {
	font-size: 18px;
	color: #000;
}

.emphasise {
	font-weight: bold;
}

.centre_item {
	text-align: center;
}

.extrastitle {
	width: 650px;
	text-align: justify;
}

.transporttitle {
	width: 650px;
}

.transporttitle p {
	text-align: center;
}

.noimageborder img, a img, a:hover img {
	border: 0 none;
}

/* Horizontal line <hr> style to ensure IE and FF display the same */
.linestyle1 {
	color: #FF0000;
	background-color: #FF0000;
	height: 3px;
	border: none;
}

/* ========================== main wrapper ====================================================================== */

#mainwrapper {
	width: 770px;
	margin: 0 auto;
	background: #FFF;
	border: 1px #B2B2B2 solid;
}

/* ============================= header ========================================================================= */

#main_header {
	width: 770px;
	height: 220px;
	margin: 0 auto;
	background: #fff url('../images/page_banner_alt.jpg') no-repeat;
}

/* ------ header no script navigation links ------*/

#headernav {
	position: inherit;
	top: 0px;
	height: 22px;
	background: #000;
}

#header_navlist {
	position: relative;
	top: 4px;
	width: 600px;
	height: 22px;
	margin: 0px auto;
}

#header_navlist li {
    list-style-type: none;
    padding-right: 20px;
	display: inline;
}

#header_navlist a {
	color: #FFF;
    text-decoration: none;
}

#header_navlist a:hover {
	color: #FFF;
}

/* ------ main title text with drop shadow ------ */

/* holding container main title*/
#main_title {
	position: relative;
	float: left;
	top: 22px;
	left: 40px;
	width : 300px;
	height : 57px;
}

/* holding container subtitle */
#main_subtitle {
	position: relative;
	float: left;
	top: 54px;
	left: -260px;
	width : 170px;
	height : 40px;
}

/* main title - absolutely position the shadow text npx from upper left, depending on shadow depth */
#main_title h1 {
	position : absolute;
	font-size : 46px;
	font-weight: bold;
	color: #000;
	top : 3px;
	left : 3px;
}

/* main title - absolutely position the top text -npx from the shadow text, match the px size */
#main_title h1 span {
	position : absolute;
	color : #FFF;
	top : -3px;
	left : -3px;
}

/*  subtitle - absolutely position the shadow text npx from upper left, depending on shadow depth */
#main_subtitle h2 {
	position : absolute;
	font-size : 30px;
	font-weight: bold;
	color: #000;
	top : 2px;
	left : 2px;
}

/* subtitle - absolutely position the top text -npx from the shadow text, match the px size */
#main_subtitle h2 span {
	position : absolute;
	color : #FFF;
	top : -2px;
	left : -2px;
}

/* content for callout section in header */
#callout {
	position: relative;
	float: right;
	top: 10px;
	right: 10px;
	width : 300px;
	height : 100px;
}

#callout h1 {
	font-size: 20px;
	color: #000;
}

#callout h2 {
	font-size: 16px;
	color: #fff;
}

#callout a {
	color: #000;
    text-decoration: none;
}

#callout a:hover {
	color: #FFF;
}

/* image content for callout section in header */

#callout_img {
	position: relative;
	float: right;
	top: 5px;
	right: 46px;
	width : 132px;
	height : 132px;
}

/* ============================ container ======================================================================= */

#container {
	margin: 0px auto 0px auto;
	padding: 0px 20px 20px 20px;
	background: #FFF /*url('../images/cont_bg0.jpg') repeat-x left bottom;*/
/* Force IE to left align text again after forcing centering of containers in body element */
	text-align: left;
}

/* ============================= content ==================================================================== */ 

#content {
	width: 480px;
	float: left;
	text-align: justify;
	/*padding: 0 15px;*/
}

/* ------ content (brides.htm only)  ------ */

#brides_content {
	width: 520px;
	text-align: justify;
	margin: auto;
}

#brides_frame {
	width: 520px;
	height: 600px;
}

.bridestitle {
	width: 500px;
	margin: auto;
	text-align: center;
}

.bridestitle strong {
	color: #000;
}

/* ------ Wedding Packages (packages.htm) ------ */

/* ------ List Container ------ */

#listcontainer {
	width: 400px;
}

#listcontainer ul {
	text-align: left;
	font-weight: bold;
	line-height: 16px;
}

#listcontainer h2 {
	text-align: center;
	font-size: 16px;
	color: #A5313A;
}

#listcontainer .packagetitle {
	color: #000;
	font-size: 18px;
}

#listcontainer .price {
	color: #000;
}

#listcontainer a img {
	border:none;
}

#listcontainer a:hover img {
	border:none;
}

.picktick {
	text-align: left;
	font-weight: bold;
	list-style:none;
}

#leftcolumn_title {
	width: 300px;
	height: 45px;
	float: left;
	margin-left: 70px;
	position: absolute; top: 210px;
}

#leftcolumn_title .subtitle {
	color: #000;
}

/* ------ holding container main title packages pages only ------ */

#main_title_packages {
	position: relative;
	float: left;
	top: 4px;
	left: 40px;
	width : 300px;
	height : 57px;
}

/* absolutely position the shadow text npx from upper left, depending on shadow depth */
#main_title_packages h1 {
	position : absolute;
	font-size : 46px;
	font-weight: bold;
	color: #000;
	top : 3px;
	left : 3px;
}

/* absolutely position the top text -npx from the shadow text, match the px size */
#main_title_packages h1 span {
	position : absolute;
	color : #FFF;
	top : -3px;
	left : -3px;
}

/* ------------------ Extra Items (extras.htm) ------------------ */

#extras_content {
	width: 650px;
	text-align: justify;
	margin: auto;
}

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

#extras_gallery_container {
	float: left;
	width: 521px;
	margin-left: 68px;
}

#gallery {
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

#gallery ul {
    display: block;
    margin: 0px;
    padding: 0px;
}

#gallery li {
	display: block;
	list-style: none;
	float: left;
	margin: 0 0.5em 0.5em 0;
	padding: 0px;
	border: solid 1px #000;
	background: #D8D8D8;
}

#gallery li p {
    text-align: center;
    margin: 0px;
    padding: 0.5em;
    color: #000;
    font-weight: bold;
}

#gallery hr {
    clear: both;
    visibility: hidden;
    margin: 0px;
    padding: 0px;
    height: 1px;
}

/* ------------ form (contact.htm) ------------ */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 170px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
}

.cssform_textblock{
width: 473px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 0px;
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -170px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align: left;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 200px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* ------ wedding date form field popup calendar ------ */

table.calendar {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: white;
	border: solid #999999 1px;
	background-color: white;
	width: 200px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
}
table.calendar input, table.calendar select {
	font-size: 10px;
}
table.calendar td {
	border: 0;
	font-size: 10px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
table.caldayheading {
	border-collapse: collapse;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
table.caldayheading td {
	border: solid #CCCCCC 1px;
	text-align: left;
	color: #0054E3;
	font-weight: bold;
	width: 22px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
	border-right: double #CCCCCC 3px;
}
table.calcells {
	border-collapse: collapse;
	cursor: pointer;
	margin: 0 6px 0 6px;
}
table.calcells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	width: 22px;
	height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
	padding: 1px;
	margin: 0;
}
table.calcells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
table.calcells td.wkday {
	background-color: #DDDDDD;
}
table.calcells td.wkend {
	background-color: #DDDDDD;
}
table.calcells td.curdate {

}
table.calcells td.cell_selected {
	background-color: #99CCFF;
	color: black;
}
table.calcells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.calcells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.calcells td.hover {
	background-color: #999999;
}

/* ================================ right column ================================================================ */

#links {
	float: right;
	width: 218px;
	padding-left: 16px;
	padding-top: 12px;
	margin-bottom: 0px;
	/*border: 1px #A0522D dotted;*/
	text-align: left;
}

#links.contact {
	width: 220px;
}

#links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#links li ul {
	padding: 5px 0 10px 0;
}

#links li li {
	padding: 7px 10px 0px 0px;
}

#links li a {
	text-decoration: none;
}

#links a img {
	border:none;
}

#links a:hover img {
	border:none;
}

#links li a:hover {
	text-decoration: underline;
}

#links li i {
	font-style: normal;
	font-size: 9px;
}

#links li h2 {
	font-size: 14px;
	color: #000;
}

#linkspic {
	float: right;
	width: 218px;
	height: 180px;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 0px;
}

#linkspic2 {
	float: right;
	width: 218px;
	height: 180px;
	margin-top: 28px;
	padding-left: 0px;
	padding-top: 0px;
}

#block_header {
	display: block;
	width: 218px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding: 3px 0 4px 0;
	margin: 0 auto;
	background-color: #000;
}

#block_header.single {
	display: block;
	width: 218px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding: 12px 0 12px 0;
	margin: 0 auto;
	background-color: #000;
}

#block_header strong {
	color: #FFF;
}

#block_body {
	display: block;
	width: 206px;
	/*height: 100px;*/
	color: #000;
	font-size: 12px;
	text-align: center;
	padding: 8px 6px 12px 6px;
	margin: 0 auto;
	background-color: #D8D8D8;
}

#block_body.contactpage {
	display: block;
	width: 204px;
	/*height: 100px;*/
	color: #000;
	font-size: 12px;
	text-align: left;
	padding: 8px 6px 12px 8px;
	margin: 0 auto;
	background-color: #D8D8D8;
}

/* ================================ footer ====================================================================== */

#footer {
	height: 35px;
	padding: 5px 0 0 0;
	background: #000;
}

#footer2 {
	height: 20px;
	padding: 5px 0 0 0;
	background: #FFF;
}

#footer2 h4 {
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

#footer2 h4 a {
  color: #FFF;
}

/* ------ footer navigation links ------*/

#footer_navlist {
	width: 600px;
	height: 20px;
	margin: 0px auto;
}

#footer_navlist li {
    list-style-type: none;
    padding-right: 20px;
	display: inline;
}

#footer_navlist a {
	color: #FFF;
    text-decoration: none;
}

#footer_navlist a:hover {
	color: #FFF;
}

#navactive a{
    color: #FFF;
    text-decoration: none;
}

/* ------ footer seo links ------ */

#footer_seo {
	font-size: 9px;
	color: #888;
}

#footer_seo a {
	color: #888;
    text-decoration: none;
}

#footer_seo a:hover {
	color: #888;
    text-decoration: underline;
    text-decoration: none;
	cursor: default;
}