/* reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.35; padding : 0px;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
html { height : 100.2%; }




/* general */

body { font-family: Arial, Helvetica; color: #333; background: #333 url(../images/design/body-bg.png) repeat-x; }
.fixedWrap { margin: 0 auto; width: 970px; }

a { color: #BE1542; text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }

.left { float: left; }
.right { float: right; }




/* top */

#header { overflow: hidden; }

	#header #logo { float: left; }

	#header #nav { float: right; padding-top: 40px; }
	#header #nav ul { list-style: none; }
	#header #nav ul li { float: left; padding: 0 8px 0 0; }
	#header #nav ul li.on { background: url(../images/design/nav-bg-left.png) no-repeat left; }
	#header #nav ul li.on span { background: url(../images/design/nav-bg-right.png) no-repeat right; display: block;  }
	#header #nav ul li.on span a { background: url(../images/design/nav-bg.png) no-repeat center; }
	#header #nav ul li a { color: #666; text-decoration: none; font-size: 0.8em; font-weight: normal; display: block; padding: 9px 5px 0; height: 32px; margin: 0 4px; }
	#header #nav ul li a:hover { color: #BE1542; }
	#header #nav ul li.on a { color: #fff; }
	#header #nav ul li.on a:hover { color: #fff; }

#banner { background: url(../images/design/content-bg-repeat.png) repeat-y top center; height: 250px; }
#banner.inside { height: 165px; }
	
	#banner #homeBanner { background: transparent url(../images/design/content-bg-top.png) no-repeat center -5px; height: 260px; overflow: hidden; }
	#banner #homeRibbon { z-index: 5000; position: absolute; color: #fff; background: url(../images/design/ribbon.png) no-repeat; width: 450px; height: 103px; margin: 160px 0 0 545px; text-align: center; padding: 32px 0 0 0; font-weight: bold; font-size: 0.9em;  }	
	#banner #insideBanner { background: transparent url(../images/design/content-bg-top.png) no-repeat center -5px; height: 175px; overflow: hidden; }
	#banner #insideRibbon { z-index: 5000; position: absolute; color: #fff; background: url(../images/design/ribbon-inside.png) no-repeat; width: 450px; height: 87px; margin: 90px 0 0 545px; text-align: center; padding: 24px 0 0 0; font-weight: bold; font-size: 0.9em;  }	
	#banner img { margin: 7px 5px 0; }




/* middle */

#contentWrap { background: url(../images/design/content-bg-repeat.png) repeat-y top center; overflow: hidden; }

	#contentWrap #contentHomeWrap { overflow: hidden; height: 320px; }
	#contentWrap #content { padding: 5px 20px 15px; font-size: 0.9em; float: left; width: 600px; overflow: hidden;  }

	#contentWrap #content #breadCrumbs { color: #ccc; font-size: 0.9em; font-weight: normal; padding: 3px 0 8px; }
	#contentWrap #content #breadCrumbs a { text-decoration: none; color: #ccc; }
	#contentWrap #content #breadCrumbs a:hover { text-decoration: none; color: #999; }

	#contentWrap #content h1 { font-size: 1.8em; color: #7274A9; padding: 15px 0 0 0; font-weight: normal; }
	#contentWrap #content h2 { font-size: 1.6em; color: #BE1441; padding: 25px 0 0 0; font-weight: normal; }
	#contentWrap #content h3 { font-size: 1.4em; color: #999; padding: 45px 0 0 0; font-weight: normal; }

	#contentWrap #content .teamWrap { overflow: hidden; padding-top: 20px; padding-bottom: 20px; min-height: 250px; }
	#contentWrap #content .teamWrap .teamLeft { float: left; width: 492px; }
	#contentWrap #content .teamWrap .teamLeft p { padding-right: 10px; }
	#contentWrap #content .teamWrap .teamRight { float: right; width: 108px; }
	#contentWrap #content .teamWrap div.btt { overflow: hidden; padding: 10px 6px; height: 44px; text-align: center; float: left; width: 96px; }
	#contentWrap #content .teamWrap div.btt img { border: 0; margin: 0; padding: 0; }
	#contentWrap #content .teamWrap img { margin: 45px 0 0 0; float: left; }

	#contentWrap #content h3.teamHeading { font-size: 1.2em; color: #999; padding: 45px 0 5px 0; font-weight: normal; border-bottom: 1px solid #ededed; }
	#contentWrap #content h3.teamHeading span.teamName { color: #666; font-weight: bold; }
	#contentWrap #content p.teamTitle { padding: 5px 0 0 0; color: #ccc; }
	#contentWrap #content p.teamContact { font-size: 0.9em; }
	#contentWrap #content p.teamContact span { font-weight: bold; }
	
	#contentWrap #content #errorBox { padding: 10px; background: #BE1441; color: #fff; border: 2px solid #800B2A; }
	#contentWrap #content #errorBox p { padding: 5px 0; line-height: 140%; }

	#contentWrap #content img { border: 1px solid #ccc; padding: 3px; margin: 5px 10px 5px 10px; background: #fff; }
	#contentWrap #content img.noBorder { border: 0; padding: 0; margin: 0;  }
	#contentWrap #content img.left { margin-left: 0; }
	#contentWrap #content img.right { margin-right: 0; }

	#contentWrap #content p { line-height: 160%; padding: 10px 0;  }
	#contentWrap #content p.btt { overflow: hidden; padding: 0 6px; height: 44px;  }
	#contentWrap #content p.btt img { border: 0; margin: 0; padding: 0; }
	#contentWrap #content p.intro { font-weight: bold; }

	#contentWrap #content ul, #contentWrap #content ol { margin: 5px 25px; }
	#contentWrap #content ul li, #contentWrap #content ol li { padding: 5px 0; }

	#contentWrap #content ul#servicesList { margin: 5px 0 0 0; list-style: none; }
	#contentWrap #content ul#servicesList li { padding: 10px 0; }
	#contentWrap #content ul#servicesList li a { text-decoration: none; }
	#contentWrap #content ul#servicesList li a:hover img { border: 2px solid #BE1441; padding: 2px; }
	#contentWrap #content ul#servicesList li a h4 { font-size: 1.1em; margin: 0; padding: 3px 0 0 0; }
	#contentWrap #content ul#servicesList li a p { font-size: 0.9em; color: #333; padding: 5px 0; }

	#contentWrap #content .colWrap { overflow: hidden; }
	#contentWrap #content .col2Wrap { width: 50%; float: left; }

	#contentWrap #content #map { padding: 50px 0 0 0; }
	#contentWrap #content #map img { background: transparent; }

	#contentWrap #content ul#tocTeam { list-style: none; padding: 10px 0 80px; margin: 0; overflow: hidden; }
	#contentWrap #content ul#tocTeam li { padding: 0 6px; margin: 0; float: left; }
	#contentWrap #content ul#tocTeam li img { margin: 0; }
	
	#contentWrap #content ol.legal { margin-left: 25px; }
	#contentWrap #content ol.legal li { padding: 10px 0; line-height: 160%; }
	
	#contentWrap #content .post { margin-bottom: 100px; }
	#contentWrap #content .post h2 { margin: 20px 0 0 0; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
	#contentWrap #content .post h2 a { text-decoration: none; }
	#contentWrap #content .post h2 a:hover { text-decoration: none; }

	#contentWrap #content .post .post_date { color: #999; padding: 10px 0 10px 2px; }
	#contentWrap #content .post .blogImgMain { width: 600px; text-align: center; padding: 0 0 0 0; color: #999; font-style: italic; font-size: 0.9em; margin: 10px 0; }
	#contentWrap #content .post .blogImgMain img { margin: 0; }
	#contentWrap #content .post .blogImgWrap { width: 316px; text-align: center; padding: 0 0 8px 0; color: #999; font-style: italic; font-size: 0.9em; margin: 10px 10px; }
	#contentWrap #content .post .blogImgWrap2 { width: 316px; text-align: center; padding: 0 0 8px 0; color: #999; font-style: italic; font-size: 0.9em; margin: 10px 10px; background: #ededed; border: 1px solid #ccc; }
	#contentWrap #content .post .blogImgWrap img { border: 1px solid #ccc; padding: 2px; background: #fff; }

	#contentWrap #content .post .right { float: right; margin-right: 0; }
	#contentWrap #content .post .right img { margin-right: 0; }
	#contentWrap #content .post .left { float: left; margin-left: 0; }
	#contentWrap #content .post .left img { margin-left: 0; }

	#contentWrap #content .post .post_body { margin: 0 0 30px 0; }
	#contentWrap #content .post .postsharelinks { background: #ededed; padding: 8px 5px; text-align: center; }
	#contentWrap #content .post .postsharelinks a { color: #666; }
	#contentWrap #content .post .postmetadata { background: #e3e3e3; padding: 8px 5px; text-align: center; border-top: 1px solid #fff; }
	#contentWrap #content .post .postmetadata a { color: #666; }
	
	#contentWrap #content .post #subHeaderWrap { overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 40px;  }
	#contentWrap #content .post #subHeaderWrap h3 { float: left; width: 400px; padding: 80px 0 0 0; }
	#contentWrap #content .post #subHeaderWrap p { float: right; width: 180px; padding: 85px 0 0 0; text-align: right; font-size: 0.9em; font-weight: bold; }
	
	#contentWrap #content .post .comment_list { overflow: hidden; }
	#contentWrap #content .post .comment_list .comment { overflow: hidden; padding: 0; margin-bottom: 20px; }
	#contentWrap #content .post .comment_list .alt {  }
	#contentWrap #content .post .comment_list .comment .comment_author { overflow: hidden; background: #e4e4e4; padding: 0; margin-bottom: 2px; height: 50px; }
	#contentWrap #content .post .comment_list .comment .comment_author .comment_gravatar img { padding: 3px; margin: 0; border: 2px solid #e2e2e2; }
	#contentWrap #content .post .comment_list .comment .comment_author .comment_author_name { float: left; padding: 14px 6px; margin: 0; font-weight: bold; }
	#contentWrap #content .post .comment_list .comment .comment_author .comment_date { float: right; font-size: 0.8em; padding: 18px 8px; }
	#contentWrap #content .post .comment_list .comment .comment_author .comment_date a { color: #999; text-decoration: none; }
	#contentWrap #content .post .comment_list .comment .comment_author .comment_date a:hover { color: #BE1542; text-decoration: none; }
	#contentWrap #content .post .comment_list .comment .comment_body { padding: 0 10px; background: #ededed; font-size: 0.9em; }
	
	#contentWrap #content .post #respond  { overflow: hidden; }
	#contentWrap #content .post #respond .form_property { float: left; width: 150px; }
	#contentWrap #content .post #respond .form_value { font-size: 0.9em; color: #999; }
	#contentWrap #content .post #respond .form_value img { margin: 0; }
	#contentWrap #content .post #respond .form_value .button { background: url(../images/design/button-bg-white.png) no-repeat; border: 0; color: #fff; text-align: center; width: 164px; height: 50px; padding-bottom: 14px; float: left; margin: 0 0 0 145px; cursor: pointer; font-size: 12px; }
	
	

	#contentWrap #sideBar { width: 300px; float: right; padding: 0 20px 0 10px; margin: 30px 0 0 0; }
	#contentWrap #sideBar .sideBarPicWrap { border: 1px solid #ccc; padding: 3px; }
	#contentWrap #sideBar .sideBarPicWrap .sideBarPic { padding: 0 0 3px; height: 204px; }
	#contentWrap #sideBar .sideBarPicWrap .sideBarCaption { color: #fff; background: #BA1540; text-align: center; font-size: 0.8em; padding: 6px 0; }
	#contentWrap #sideBar #enquiryForm { width: 292px; height: 310px; background: url(../images/design/enquiry-bg.png) no-repeat; padding: 50px 13px 0 13px; margin: 20px 0; }
	#contentWrap #sideBar #enquiryForm #enquiryRealName { display: none; }
	#contentWrap #sideBar #enquiryForm #enquiryResponse { }
	#contentWrap #sideBar #enquiryForm #enquiryResponse h4 { padding: 0 0 10px 3px; font-weight: bold; color: #333; font-size: 0.9em; }
	#contentWrap #sideBar #enquiryForm #enquiryResponse p { padding: 0 30px 0 5px; color: #666; font-size: 0.8em; line-height: 160%; }
	#contentWrap #sideBar #enquiryForm #enquiryResponse p em { font-style: italic; }
	#contentWrap #sideBar #enquiryForm #enquiryLoading { background: url(../images/design/ajax-loader.gif) no-repeat; padding: 4px 0 4px 35px; font-size: 0.9em; color: #333; font-weight: bold; }
	#contentWrap #sideBar #newsletterForm { width: 292px; height: 50px; background: url(../images/design/newsletter-bg.png) no-repeat; padding: 30px 13px 20px 13px; margin: 10px 0; }
	#contentWrap #sideBar #newsletterForm label { float: left; color: #999; font-weight: normal; width: 200px; }
	#contentWrap #sideBar #newsletterForm input.textbox { margin-top: 10px; }
	
	#contentWrap #sideBar .lineWrap { overflow: hidden; padding: 5px 0; }
	#contentWrap #sideBar .lineWrap .colWrap1 { overflow: hidden; float: left; width: 210px; }
	#contentWrap #sideBar .lineWrap .colWrap2 { overflow: hidden; float: right; width: 80px; }
	#contentWrap #sideBar label { width: 56px; float: left; font-size: 0.75em; font-weight: normal; color: #666; padding: 4px 0 4px 4px; border-left: 3px solid #ededed; }
	#contentWrap #sideBar label.error { font-weight: bold; color: #BE1542; border-left: 3px solid #BE1542; }
	#contentWrap #sideBar input.textbox { background: url(../images/design/input-bg.png) no-repeat; border: 0; width: 195px; height: 14px; padding: 4px 5px; color: #666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
	#contentWrap #sideBar textarea { background: url(../images/design/textarea-bg.png) no-repeat; border: 0; width: 195px; height: 120px; padding: 4px 5px; color: #666; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 160%; }
	#contentWrap #sideBar input.button { background: url(../images/design/button-enquiry.png) no-repeat; border: 0; color: #fff; text-align: center; width: 164px; height: 50px; padding-bottom: 14px; float: right; margin: 0 20px 0 0; cursor: pointer; font-size: 12px; }
	#contentWrap #sideBar input.buttonSmall { background: url(../images/design/button-newsletter.png) no-repeat; border: 0; color: #fff; text-align: center; width: 64px; height: 50px; padding-bottom: 14px; float: right; margin: 0 20px 0 0; cursor: pointer; font-size: 12px; }
	#contentWrap #sideBar #newsletterForm label { padding: 4px 0 4px 0; }


	#contentWrap #homePanels { background: #e3e3e3 url(../images/design/panel-bg-top.png) repeat-x top center; margin: 0 5px; overflow: hidden; padding: 20px 0 0 0;  }
	#contentWrap #homePanels #homePanelWrap { background: url(../images/design/panel-bg-bottom.png) repeat-x bottom center; overflow: hidden; padding: 0 0 20px 0;  }
	#contentWrap #homePanels #homePanelWrap .panel { float: left; width: 220px; padding: 0 10px; cursor: pointer;  }
	#contentWrap #homePanels #homePanelWrap .panel h2 { color: #BE1542; font-size: 1.1em; font-weight: bold; padding: 5px 2px; background: #e3e3e3; }
	#contentWrap #homePanels #homePanelWrap .panel img { padding: 5px 0; }
	#contentWrap #homePanels #homePanelWrap .panel p { font-size: 0.75em; line-height: 160%; color: #333; padding: 5px 2px; background: #e3e3e3; height: 100px; }
	#contentWrap #homePanels #homePanelWrap .panel a.button { display: block; background: url(../images/design/button-bg-grey.png) no-repeat; color: #fff; text-decoration: none; font-size: 0.75em; text-align: center; width: 164px; height: 39px; padding: 11px 0 0 0; margin: 5px 0 0 -5px; }

	#contentWrap #homeTestimonials { text-align: center; padding: 30px 40px 10px; height: 110px; overflow: hidden; }
	#contentWrap #homeTestimonials ul { list-style: none; background: #fff; }
	#contentWrap #homeTestimonials .testQuote { font-size: 1.1em; color: #999; line-height: 160%; display: block; }
	#contentWrap #homeTestimonials .testName { font-size: 0.8em; font-weight: bold; padding: 10px 0; display: block; }
	#contentWrap #testimonialLink { text-align: center; }
	#contentWrap #testimonialLink a { font-size: 0.8em; text-decoration: none; font-weight: bold; font-style: italic; text-align: center; }
	#contentWrap #testimonialLink a:hover { text-decoration: underline; }



/* bottom */

#footer { background: url(../images/design/content-bg-bottom.png) repeat-x center top; padding: 40px 0 20px; overflow: hidden; color: #595959; font-size: 0.75em; }
	
	#footer a { color: #595959; text-decoration: none; }
	#footer a:hover { color: #999; text-decoration: none; }
	
	#footer #footerLeft { float: left; padding-left: 10px; }

	#footer #footerRight { float: right; padding-right: 10px; }
	#footer #footerRight ul { list-style: none; }
	#footer #footerRight ul li { float: left; padding-left: 10px; }
	#footer #footerRight ul li span { padding: 0 10px; }