/* CORE HTML STYLES*/

body {margin: 0px; padding: 0px; background-image: url(../images/template/bodyBackgroundPixel.jpg); font-size: 0.8em; }
body, div {font-family:"Century Gothic", Helvetica, Arial; }
p {padding: 0px; margin: 0px; padding-bottom: 5px;}
img {border: none;}
h1 {margin: 0px; padding:0px; font-size: 1.2em;}

/* ID STYLES */

/* master page */
#container {background-image: url(../Images/Template/ContainerBackground.jpg); background-position:top; background-repeat: repeat-x; width: 100%; text-align: center;}
#template {width: 760px; margin: auto; }
#banner {width: 100%;}
#logo {float: left; height: 95px; width: 239px;}
#mainmenu {padding-top:74px; text-align: right; color:#FFFFFF;}

#mainmenu a {color: #FFFFFF; text-decoration: none; font-family:Georgia;}
#content {background-color: #FFFFFF; padding: 5px; color: #666666;}
#footer, #footer a {color: #999999;}

/* home page */
#homepageHeader {}
#homepageContent {background-image : url(../images/template/HomePageContentBackground.jpg); background-position:bottom; background-repeat: repeat-x; }
#homepageMugshot {float:left;}
#homepageIntro{text-align: left;}
#homepageIntro h1 {padding:0.5em 0em;}
#homepageIntro p {padding-bottom: 0.7em;}

/* page heading and navigation */
#pageHeadingNavContainer{background-image: url(../images/Template/greyPixel.jpg);padding:0.2em; margin-top: 5px;}
#pageHeadingNavContainer a.breadcrumb {float:left; font-size: 1.2em; color: black; text-decoration:none; font-weight:bold;}
#pageHeadingNavContainer a.breadcrumb:hover {color: #AAAAAA;}
#pageHeadingNavContainer h1 {float:left;}
#pageHeadingNavContainer .pageNav {text-align:right;}

/* service page */
#serviceIntro {padding: 0.5em 0.2em 0.5em 0.2em; text-align:left; border-bottom: dotted 1px black; font-size: 0.9em;}
#serviceQuoteMarks {float:left; margin-top:-5px; padding-right:3px;}
#serviceImagePreview, #serviceImagePreview2 {text-align:left;padding: 0.5em 0.2em 0.5em 0.2em; text-align:center; background-image: url(../images/Template/greyPixel.jpg); border-bottom: dotted 1px black; }
#serviceImagePreview img.imagePreview, #serviceImagePreview2 img.imagePreview {width:150px;height:150px; border: solid 5px #FFFFFF; margin: 0px 43px; }
#serviceImagePreview div.imagePreviewCaption, #serviceImagePreview2 div.imagePreviewCaption {padding-left: 43px; text-align:left; font-size: 0.8em;}
#serviceImagePreview div.imagePreviewLink, #serviceImagePreview2 div.imagePreviewLink {padding-right: 40px; text-align:right; }
#serviceImagePreview div.imagePreviewSide, #serviceImagePreview div.imagePreviewCenter, #serviceImagePreview2 div.imagePreviewSide, #serviceImagePreview2 div.imagePreviewCenter{float:left;} 
#serviceImagePreview div.imagePreviewCenter, #serviceImagePreview2 div.imagePreviewCenter {border-left: dotted 1px black;border-right: dotted 1px black;}
#serviceFooter {text-align:left; background-image: url(../images/Template/greyPixel.jpg); padding:10px 3px 3em 6px; }

/* CLASS STYLES */

div.pageNav a {color: green; text-transform:lowercase; text-decoration:none;}

.validator, .success, .failure {margin: 0px;padding: 0px 0px 5px 0px;}
.success {color:green;}
.failure {color:red;}

input.submitButton {vertical-align:middle;}

/* clearing fix */
div.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */