/* CSS Document */

/* Body and Universal Reset */

* {
	margin: 0;
	padding: 0;
}

html, body, .onCanvas {
  background: #FFF;
  width:      100%;
}

.onCanvas {
	background:#fff;
	background-image: url(images/backgrounds/main-bg.jpg);
  background-repeat:  repeat-x;
  background-position: top left;
	text-align:justify;
}

#container {
	margin:0 auto;
	width: 970px;
}

#popupWindowCaller {
	display:none;
}

.clear {
	clear:both;
	height:1px;
}

img {
	border: none;
  max-width: 100%;
}

.blogImage {
	float: left;
	padding: 0px 18px 18px 0px;

}

/* Typography */


/* Header */

#header {
	margin: 0 auto;
	background: url(images/backgrounds/header-bg.jpg) no-repeat;
	padding:26px 0 0 0;
	width: 970px;
	height:149px;
}

.headerDetails{
	float:right; color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:14px; line-height:21px; padding:85px 0 0 0; text-align:right; font-weight:bold; text-shadow:#431a4b 0px 1px 3px; letter-spacing:1px;
}

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


.headerDetails a:hover {
  color: #FFF;
}


/* Main Navigation */

#mainNav {
	font-size:18px;
	color:#983A4D;
	font-weight:bold;
	font-style:italic;
	list-style:none;
	letter-spacing:0.5px;
	line-height:20px;
	margin:0 0 60px;
	float:right;
}

#mainNav li{
	list-style:none;
	text-align:right;
}

#mainNav li a{
	padding:12px 15px 12px 0;
	width:200px;
	list-style:none;
	text-decoration:none;
	float:right;
	text-shadow:#FFF 0px 1px 0px;
}

#mainNav li a:hover {
	padding:12px 19px 12px 0;
	color:#7c2739;
}

.down a{
	padding:12px 19px 12px 0 !important;
	color:#7c2739;
}

#sidebarContent{
	font-size:11px; line-height:22px; font-family:'Times New Roman', Times, serif; padding:0 0 20px;
}

#sidebarContent span{
	font-size:12px; color:#983A4D;
}

#sidebarContent .mobile{
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #983A4D;
}

#sidebarContent a{
	text-decoration:none;
	color:#3D171F;
}

#sidebarContent a:hover{
	text-decoration:underline;
}

/* Sidebar */

#sidebar {
	background:url(images/backgrounds/nav-backgrounds.jpg) no-repeat top left;
	float: left;
	width: 220px;
	padding:0 30px 0 0;
}


/* Content */

#content {
	background:url(images/backgrounds/content-backgrounds.jpg) no-repeat top left;
	float:right;
	width:720px;
	padding:0 0 20px;
}

#content .homeBanner{
	padding:6px 6px 33px;
	background:url(images/backgrounds/main-image-holder.jpg) no-repeat top left;
}

#content .contactBanner{
	padding:6px 6px 30px;
	background:url(images/backgrounds/pages-image-bg.jpg) no-repeat top left;
}

#content p, #content table, #content ul, #content ol {
	margin:0 0 18px 0;
}

#content ul, #content ol {
	margin-left:18px;
}

#clients{
	width:720px;
	margin:10px 0 ;
}

#clients img{
	border:#c896a0 3px solid;
	float:left;
	margin:0 20px 0 0;
}

.clientQuote{

	float:left;
	margin:20px 0 10px;
}

.clientText{
	padding:3px 0 0 0; float:left; width:595px;
}

#clients p{
	line-height:20px;
}

#content ul{
	margin-left:40px;
}

.noBullet{
	list-style:none;
}

#content ul li a{
	font-style:italic;
	font-size:16px;
	line-height:32px;
	font-weight:bold;
}


/* Footer */

#footerWrapper{
	border-top:#feedf8 27px solid;
	margin:0px auto;
	background-color:#363636;
}

#footer {
	clear: both;
	margin:-30px auto;
	width:970px;
	text-align:center;
	background-color:#363636;
	color: #999;
	padding:0 0 20px;
	font-size:10px;
}

#footerContent{
	margin:0 0 10px;
	text-align:left;
	padding:12px 0 0 0;
	color:#FFF;
	font-size:12px;
}

#footerContent p {
	float:left;
}

#footerContent img{
	float:right;
}

#footer a {
	color:#999;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer ul{
	background: url(images/backgrounds/footer-bg.jpg) top right repeat-y; background-color:#feedf8; text-align:left; font-style:italic;	height:27px;
}

#footer li {
	display: inline;
	list-style: none;
	margin:0 10px 0 0;
}

#footer ul li a{
	font-size:10px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	border-right:#333 1px solid;
	padding:0 10px 0 0;
}

#footer  a.noRightBorder {
	border-right:none;
}

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


/*Buttons*/


	.button {
	font-family: Georgia;
	font-style:italic;
	color: #ffffff !important;
	text-align:center;
	font-size: 16px;
	line-height:18px;
	padding: 14px;
	display: block;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
	text-decoration: none;
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	text-shadow: 1px 1px 3px #666666;
	background: #7c2739;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
	.button:hover {
	background: #8a2b3f;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

	.button:active {

   background: #8a2b3f;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


	.button-small {
	font-family: Georgia;
	color: #ffffff !important;
	font-style:italic;
	text-align:center;
	width: 240px;
	font-size: 16px;
	line-height:18px;
	padding: 14px;
	display: block;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
	text-decoration: none;
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	text-shadow: 1px 1px 3px #666666;
	background: #7c2739;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
	.button-small:hover {
	background: #8a2b3f;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

	.button-small:active {

   background: #8a2b3f;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


/* Online Enquiry Form */

.onlineEnquiryTable td {
	padding-bottom:5px;
}

.yourDetails {
	padding:7px 0 0 0;
	height:30px;
	font-weight:bold;
	font-size:13px;
}

.requiredFields {
	text-align:right;
	padding:4px 0 0 0;
	font-size:11px;
}

.required {
	text-align:center;
	vertical-align:middle;
	padding-left:15px;
	padding-right:5px;
}

input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.onlineEnquiryTable input.textinput, .onlineEnquiryTable input.textinputhover, .onlineEnquiryTable textarea {
	width:440px;
}

.textinput {
	border:1px solid #BABABA;
	padding:3px;
}

.textinputhover {
	border:1px solid #983A4D;
	padding:3px;
}

.submit {
	text-align:right;
}

.errorText {
	color:#FF0000;
}

input.hintText {
	color: #999999;
}

/***** Error / Info / Caution Boxes *****/

.error_box, .info_box {
	margin:0 0 15px 0;
	padding:15px;
	border-width: 3px;
	border-style: solid;
}

.error_box {
	border-color: #CC0000;
	background-color: #f3d8d8;
	color:#CC0000;
}

.info_box {
	border-color: #7F8F13;
	background-color: #E0E6B6;
	color:#7F8F13;
	clear:both;
}

#content .error_box ul {
	margin-bottom:0;
}


/* Classes Reserved for the TinyMCE Editor  */

.editor {
	width: 100%;
}

.mini_editor {}