@charset "utf-8";

/* 

	File Description & Change Log
	-------------------------------------------------------

	Details
	-------

	Title: 		layout.css
	Author: 	Richard Assar
	Of:			Tsuko
	Creation:	15/08/08

	Note:		This is the StyleSheet 
				that define's site 
				style.

	Edits
	-----

	Author: 	Richard Assar
	Date:		15/08/08

	Note:		Initial work on CSS and markup foundations, 
			followed single implementation with naive 
			confidence - resulting in time leakage. 
			
			Lesson learned.

	-------------------------------------------------------

	Author: 	Andy Smith
	Date:		18/08/08

	Note:		Additions of charset and reset CSS pages, 
				split CSS file into layout and style.
				
				Addition of IE6 fixes for borders

	-------------------------------------------------------


	Author: 	Richard Assar
	Date:		20/08/08

	Note:		+Refinements to paragraph styling.
			+Home page button styling
			+IE6 bug fixes for menus.
			+Changed measurements to ems.
			+1,2,3 and 4 column layouts
			+Menu active|hover fixed
			+Search result page styles
			+Page break
			

	-------------------------------------------------------

	Author: 	Richard Assar
	Date:		22/08/08

	Note:		+Changed menu ID name
			+Adjustments for CMS, including improved 
			naming of menu IDs, search form styling.
			X+Search page styling.			

	-------------------------------------------------------


	Author:		Richard Assar
	Date:		1/09/08
	Note:	
			+Wedding Enquiry form styling
			+Gallery page styling
			+Browser compatibility issues

	-------------------------------------------------------


	Author:		Mark Muetzelfeldt (markmuetz@gmail.com)
	Date:		16/09/11
	Note:	
			+socialMedia buttons in footer
*/

*{
	/*font-family:Verdana, Helvetica, Arial, sans-serif;*/
}

/*
 *  H1
 */

h1
{
    float:left;
    font-size:13px;
    color:#fff;
    margin-left:2em;
    margin-top:0.5em;
}

/*
 *  Form styling
 */


div#breadCrumb
{
    float:right;

    top:0;
}

div#breadCrumb a
{
    float:left;

    margin-top:10px;
    margin-right:100px;

    text-decoration:none;
    color:#fff;

    font-family:Verdana;
    font-size:10px; 
}

div#breadCrumb a:hover
{
    border-bottom:dotted 1px #fff;
}

div#breadCrumb form
{

	float:left;

	margin-top:4px;
        margin-bottom:4px;
        margin-right:2px;

        width:222px;
	
	height:1.1em;	
}

div#breadCrumb p input.text
{
	float:left;
        height:1.5em;
        font-size:10px;
        width:15em;
}

div#breadCrumb p input.button
{ 
	float:left;
        width:5em;
        font-family:Verdana;
        font-size:12px;

        margin-top:1px;
	color:#fff;
	border:none;
	background-color:transparent;
}



/*
 * Header Styling
 */


#logo
{
	float:left;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:1px;
	padding-right:2px;
	background-image:url(../images/seam-border-d.green.gif);
	background-repeat:repeat-y;
	background-position:right;
}

div#sectionTitle
{
	color:#fff;
	text-align:center;
}

#sectionTitle h2
{
        text-transform:uppercase;
	color:#fff;
        margin-top:80px;
	font-size:14px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/*
 * Menu Container
 */


div#menuContainer
{
	float:right;
	overflow:hidden;
	margin-top:8px;
	margin-bottom:8px;
	margin-right:2px;
}


/*
 * Main Menu
 */


ul#menu-level-1
{
	background-image:url(../images/seam-border-d.green.gif);
	background-repeat:repeat-y;
	background-position:left;

	float:left;
	height:16.5em;

	list-style:none;
	font-size:11px;	

	line-height:8px;

	text-transform:uppercase;
}

ul#menu-level-1 li
{
	display:inline;
}

ul#menu-level-1 li a
{
	padding-left:16px;
	padding-right:16px;
	padding-bottom:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	display:block;
	color:#637065;
}

ul#menu-level-1 li a.activeItem
{
	color:#fff;
}

ul#menu-level-1 li a.activeItem:hover
{
	color:#fff;
}


ul#menu-level-1 li a:hover
{
	color:#eee;
}


/*
 * Sub Menu 1
 */


ul#menu-level-2
{
	float:left;
	background-image:url(../images/seam-border-d.green.gif);
	background-repeat:repeat-y;
	background-position:left;

	height:18em;
	width:15em;

	list-style:none;

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10px;	

	line-height:9px;

	text-transform:uppercase;
}

ul#menu-level-2 li
{
	display:inline;
}

ul#menu-level-2 li a
{
	padding-left:16px;
	padding-right:0px;
	padding-bottom:8px;

	text-decoration:none;
	display:block;
	
}

ul#menu-level-2.activeList li a
{
	color:#637065;
}

ul#menu-level-2.inactiveList li a
{
	color:#fff;
}


ul#menu-level-2.activeList li a.activeItem
{
	color:#fff;
}

ul#menu-level-2.inactiveList li a:hover
{
	color:#637065;
}

ul#menu-level-2.activeList li a.activeItem:hover
{
	color:#fff;
}

ul#menu-level-2.activeList li a:hover
{
	color:#eee;
}


/*
 * Sub Menu 2
 */


ul#menu-level-3
{
	float:left;
	
	background-image:url(../images/seam-border-d.green.gif);
	background-repeat:repeat-y;
	background-position:left;

	height:16em;
	width:10em;

	list-style:none;

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10px;	

	line-height:10px;

	text-transform:uppercase;
}

ul#menu-level-3 li
{
	display:inline;
}

ul#menu-level-3 li a
{
	padding-left:16px;
	padding-right:0px;
	padding-bottom:8px;

	text-decoration:none;
	display:block;
}

ul#menu-level-3.activeList li a
{
	color:#637065;
}

ul#menu-level-3 li a.activeItem
{
	color:#fff;
}

ul#menu-level-3.activeList li a:hover
{
	color:#fff;
}

ul#menu-level-3.inactiveList li a
{
	color:#fff;
}


ul#menu-level-3.inactiveList li a:hover
{
	color:#637065;
}

/*
 * Splash Image
 */

img#pageSplash
{
	margin-left:24px;
	margin-top:8px;
	margin-bottom:5px;
}


/*
 * Main Content Styling
 */


div#mainContent, div.galleryContent
{
    margin-bottom:8px;
    padding-top:8px;
    padding-left:24px;
    padding-right:24px;
    font-family:Verdana;	
}

div#mainContent p{

	font-size:12px;
	line-height:18px;
}

div#mainContent h2
{
    font-size:12px;   
    text-transform:uppercase;
    margin-bottom:12px;
}

div#mainContent h3
{
    color:#EEEEEE;
    font-size:13px;   
    text-transform:uppercase;
    margin-top:1em;
    margin-bottom:1em;
}
	
div#mainContent p a{
	color:#FFF;
	}

.fullWidth
{
	line-height:24px;
	float:left;
	width:100%;
	font-size:13px;
	margin-bottom:1em;
}

.halfWidth 
{
	float:left;
	font-size:12px;
	line-height:18px;
	padding-right:1.5em;
	width:47%;
	display:block;
	
}

.news-article p,
.halfWidth p 
{
	margin-bottom:1em;
	
}

.thirdWidth
{
    float:left;
	width:33.333333%;
	font-size:12px;
	display:block;
	line-height:1.5em;
}

.thirdWidth img
{
        margin-top:2em;
}

.thirdWidth p
{
	padding-right:2em;
    margin-top:1em;
	
}

.quarterWidth
{
    float:left;
    width:25%;
    font-size:12px;
    line-height:1.5em;
}

.twoThirdsWidth
{
    float:left;
    width:66.66666%;
	display:block;
}


/*
 * Footer
 */


div#footer
{
	font-family:Verdana;
}


div#footer
{
	position:relative;

	margin-left:auto;
	margin-right:auto;

	width:945px;
	height:70px;

}

div#footer ul
{
	float:left;
	position:relative;

	margin-top:8px;
	margin-left:16px;

	list-style:none;
}

div#footer ul li
{
	float:left;
	position:relative;

	margin-top:4px;
	margin-right:8px;

	border-right:1px solid #fff;
}

div#footer ul li a
{
	float:left;
	position:relative;

	color:#fff;

	font-size:9px;

	text-decoration:none;

	padding-right:8px;
}

div#footer ul li.lastItem
{
	border-right: none;
}

div#footer ul li.socialMedia
{
	border-right:0px;
	margin-top:0px;
	margin-right:0px;
}

div#footer img
{
	float:right;
	margin-right:24px;
	margin-top:8px;
}

div#footer img.socialMedia
{
       border-right:0px;
       margin-top:0px;
       margin-right:0px;
}


/*
 * Headers
 */


h1
{
/*	width:20em;*/
}

/*
h3
{
	font-size:14px;
}*/

/*
 * Page Element Styles
 */


.homePageButton
{
	float:left;
	width:25%;
	margin-top:16px;
	margin-bottom:8px;	
}

.homePageButton img
{
	margin-right: 8px;
	float:left;
	padding-bottom:20px;
}

.homePageButton h3
{
    color:#fff !important;
    font-size:12px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    float:left;
    font-weight:400;
}

div#mainContent .homePageButton p{
	width:45%;
	float:left;
	font-size:9px;
	margin-top:8px;
	height: 78px;
	line-height:9px;
}

div#mainContent .homePageButton p a{
	font-size:9px;
	
	}

.homePageButton a
{
	float:left;
	color:#fff;
	text-decoration:none;
	margin-top:8px;
	font-size:11px;
	font-weight:bolder;
}

div.pageBreak
{
	width:100%;
	height:8px;
	background-image:url(../images/seam-border-bottom-repeat.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:16px;
	margin-bottom:8px;
}


/*
 * Search Prompt Form & Results
 */


form.searchPrompt
{
	float:left;
    
        margin-top:6px;
        margin-bottom:8px;
        margin-right:2px;

        width:250px;
}

form.searchPrompt p input.text
{
	float:left;
        height:1.5em;
        font-size:10px;
        width:15em;
}

form.searchPrompt p input.button
{ 
    margin-left:4px;
}

ul#searchResults 
{
    width:50%;
    font-family:Verdana;
}

ul#searchResults li a 
{
    color:#FFFFFF;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
}

ul#searchResults li p 
{
    font-size:12px;
    width:100%;
    margin-top:4px;
    margin-bottom:24px;
}

div.searchNav
{
    width:50%;
    text-align:right;
    font-size:12px;
}

div.searchNav a
{
    text-decoration:none;    
    color:#fff;
    margin-right:0.5em;
}

div.searchNav a.onThisPage
{
    font-weight:bold;
    border-bottom:solid 1px #fff
}


/*
 * Gallery Page
 */


div.galleryItem
{
    float:left;
    width:12.6%;
    margin-right:2.2em;
}

div.galleryItem.lastItemOfRow
{
    margin-right:0em;
}

div.galleryItem a
{
    font-size:12px;
    text-decoration:none;
    color:#fff;
}

div.galleryItem img
{
    margin-top:0.5em;
}


/*
 * Contact us page styles.
 */


div#contactDetails
{
    float:left;
    font-size:16px;
    margin-left:24px;
    margin-top:16px;
    line-height:1.5em;
}

div#dundasMap
{
    float:right;
    margin-top:16px;
    margin-right:24px;
    margin-bottom:16px;
}

div.contactUsItem
{
    float:left;
    width:33%;
    margin-left:0.5em;
    margin-top:1em;
    margin-bottom:0.5em;
}

div.contactUsItem.lastItemOfRow
{
    width:30%;
}

div.contactUsItem img
{
    float:left;

}

div.contactUsItem div.link
{
    float:left;
    position:relative;
    top:1.5em;
    margin-left:1em;
}

div.contactUsItem div.link a
{ 
    font-size:12px;
    color:#FFF;
}

/*
 *  Enquiry form page.
 */

div#rightHandImages img
{
    margin-left:0.25em;
    margin-bottom:1em;
}

div#log_res
{
    float:left;
    width:560px;
}

p.error
{
   font-size:12px;
}

span.error
{    
    float:left;

    width:45em;
    height:1.43em;

    margin-top:2px;
    margin-bottom:2px;

    padding-left:1.6em;
    padding-top:0.3em;
    padding-bottom:0.0em;

    font-size:12px;

    background:#708073 url(../images/exclamation-small.gif) no-repeat top left;
    color:#fff;
}

form#registerForm
{
    float:left;
    margin-top:1em;
    margin-bottom:2em;
}

form#registerForm p
{
  float:left;
  width:29.19em;
}

form#registerForm textarea,
form#registerForm input
{
    
    float:left;
    border:none;
    height:1.43em;
    width:23.25em;
    margin-bottom:8px;

    background:#ced3cf;
 
}

form#registerForm textarea{
	height:auto;
	width:24em;
}

form#registerForm input#captcha{
	width:10em;
}

form#registerForm input#mail{
	background-color:transparent;
	width:15em;
}

form#registerForm input.highlightedInput
{    
    background:#708073 url(../images/exclamation-small.gif) no-repeat top left;    
    padding-left:1.5em; 
    width:21.7em;
    color:#fff;
}

form#registerForm label
{
    float:left;
    font-size:12px;
    width:20em;
}


form#registerForm p.checkBox label
{
    float:left;
    width:34.1em;
    margin-bottom:16px;
    margin-right:1em;
}

form#registerForm p.checkBox input#brochure
{
	float:left;    
	width:10px;
	height:10px;
}

form#registerForm p.captcha 
{
    float:left;
    margin-left:25em;
    font-size:10px;
    width:32em;
}

form#registerForm p.captcha img
{
    float:left;
    margin-right:8px;

    width:97px;
    height:20px;
}

form#registerForm p.captcha input
{
    float:left;
    width:15.4em;    
}

form#registerForm p.captcha input.highlightedInput
{
    float:left;
    width:13.9em;    
}


form#registerForm input.submit-button
{
    float:right;
    width:4em;
    height:1.6em;
    margin-top:8px;
    padding-bottom:2px;
    background-color:#8b988d;
    color:#fff;

}

form#registerForm input.submit-button:hover
{
    background-color:#a2b3a5;
}

/*
 * Profile Page Styles
 */ 

div#profilePage 
{
    padding-left:15px;
    width:245px;
}

div#profilePage p
{
    line-height:1em;
    font-family:Verdana;
    font-size:12px;
    float:left;
}

div#profilePage a.profileNavPrev
{
    color:#aaa;
    padding-right:0.5em;
    background:url(../images/profile-nav-prev-rounded-corner.png);
    line-height:2em;
    position:absolute;
    text-decoration:none;
    margin-top:25px;
    left:0px;
    z-index:1;
}

div#profilePage a.profileNavNext
{
    color:#aaa;
    background:url(../images/profile-nav-next-rounded-corner.png);
    padding-left:0.5em;
    line-height:2em;
    position:absolute;
    text-decoration:none;
    margin-top:25px;
    left:230px;
    z-index:1;
}

div#profilePage p.profileIndex
{
    float:left;
    line-height:1.3em;
    padding-left:2em;
    padding-top:0.25em;
    padding-bottom:0.25em;
    margin-top:4px;
    margin-bottom:4px;
    background:#cecece;
    width:16.7em;
}

div#profilePage p.profilePosition
{   
    font-weight:bold;
    margin-top:1em; 
}


div#profilePage p.profileContactInfo
{
    margin-top:0.75em;
    margin-bottom:1.5em;
}

div#profilePage p.profileText{

}

/*
 * gallery Page Styles
 */
 
div#virtualPage 
{
    padding-left:15px;
    width:1024px;
}

div#virtualPage p.virtualIndex
{
    float:left;
    line-height:1.3em;
    padding-left:2em;
    padding-top:0.25em;
    padding-bottom:0.25em;
    margin-top:4px;
    margin-bottom:4px;
    background:#cecece;
    width:1024px;
}

div#virtualPage p.virtualText {
	width:700px;
}


/*
 * Sitemap Code
 */
 
ul.LSM_0 li a{
color:#CCC;
font-size:14px;
 
}

ul.LSM_0 ul{
	margin-left:15px;
}

ul.LSM_0 ul li a{
	font-size:12px;
}

/*
 * History images
 */
.historyimage{
	margin: 10px;
	float:right;
}

div#mainContent h3.topborder{
	border-top:1px solid #FFF;
	padding-top:35px;
}

div#mediablock{
	margin-left:16em;
}