@charset "utf-8";
/* CSS Document */



/* ===================== */
/* ======= SETUP ======= */
/* ===================== */

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

html, body, * {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
}



/* ===================== */
/* ======= FONTS ======= */
/* ===================== */


/* === LOADING === */

@font-face {
	font-family: 'AlexBOI';
	src: url('../type/alexandriaflf-bolditalic-webfont.eot');
	src: local('?'), url('../type/alexandriaflf-bolditalic-webfont.woff') format('woff'), url('../type/alexandriaflf-bolditalic-webfont.ttf') format('truetype'), url('../type/alexandriaflf-bolditalic-webfont.svg#webfontu2bQv9s1') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AlexBOL';
	src: url('../type/alexandriaflf-bold-webfont.eot');
	src: local('?'), url('../type/alexandriaflf-bold-webfont.woff') format('woff'), url('../type/alexandriaflf-bold-webfont.ttf') format('truetype'), url('../type/alexandriaflf-bold-webfont.svg#webfontu2bQv9s1') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AlexITA';
	src: url('../type/alexandriaflf-italic-webfont.eot');
	src: local('?'), url('../type/alexandriaflf-italic-webfont.woff') format('woff'), url('../type/alexandriaflf-italic-webfont.ttf') format('truetype'), url('../type/alexandriaflf-italic-webfont.svg#webfontu2bQv9s1') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AlexREG';
	src: url('../type/alexandriaflf-webfont.eot');
	src: local('?'), url('../type/alexandriaflf-webfont.woff') format('woff'), url('../type/alexandriaflf-webfont.ttf') format('truetype'), url('../type/alexandriaflf-webfont.svg#webfontu2bQv9s1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RockREG';
	src: url('../type/rock-webfont.eot');
	src: local('?'), url('../type/rock-webfont.woff') format('woff'), url('../type/rock-webfont.ttf') format('truetype'), url('../type/rock-webfont.svg#webfontCnQBBkVi') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RockITA';
	src: url('../type/rocki-webfont.eot');
	src: local('?'), url('../type/rocki-webfont.woff') format('woff'), url('../type/rocki-webfont.ttf') format('truetype'), url('../type/rocki-webfont.svg#webfontCnQBBkVi') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* === USAGE === */

a.block-3col h1,
div.lead-block,
div#nav,
div#quote p,
div#footer-details,
span.readmore,
div.main h1,
div.main h2,
div.main h3,
div.main h4,
div#sub-nav {
	font-family: "RockREG", Arial, Helvetica, sans-serif;
	font-weight: normal !important;
}


/* ====================== */
/* ======= LAYOUT ======= */
/* ====================== */

div#container {
	width: 988px;
	margin: 0 auto;
}

a#branding {
	margin-top: 20px;
	margin-left: 40px;
	height: 110px;
	display: block;
	width: 325px;
	float: left;
}




/* =================== */
/* ======= NAV ======= */
/* =================== */

div#nav {
	padding-left: 30px;
	position: relative;
	height: 60px;
	background: url('../images/nav-bg.gif') top left repeat-x;
}
div#nav li {
	display: inline;
	float: left;
	margin-right: 10px;
}
div#nav li strong {
	display: block;
	float: left;
	height: 60px;
}
div#nav li strong a {
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
	height: 26px;
	display: block;
	float: left;
	padding: 10px 15px 0px 15px;
	font-weight: normal;
}
div#nav li strong a:hover {
	background: #7c7e80;
}
div#nav li.on strong {
	background: #009adb;
}
div#nav li.on strong a:hover {
	background: #009adb;
}


/* ======================= */
/* ======= SUB-NAV ======= */
/* ======================= */

div#sub-nav {
	margin: 10px 30px 20px 30px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 6px;
}
div#sub-nav ul {
	list-style-type: none;
}
div#sub-nav ul li {
	display: inline;
	color: #666666;
}
div#sub-nav a {
	color: #666666;
}
div#sub-nav a.on {
	color: #000000;
}
div#sub-nav a:hover {
	color: #009adb;
}




/* ======================= */
/* ======= CONTENT ======= */
/* ======================= */

div.main {
	margin: 0px 30px 20px 30px;
}
div.main p {
	margin-bottom: 4px;
}
div.main h2 {
	margin: 10px 0px 12px 0px;
	font-size: 20px;
	color: #666666;
}
div.main h3 {
	margin: 10px 0px 6px 0px;
	font-size: 16px;
	color: #009adb;
}
div.main h4 {
	margin: 0px 0px 6px 0px;
	font-size: 14px;
	color: #009adb;
}
em.grey {
	color: #666666;
}

/* ORDERED LISTS */
div.main ol {
	list-style-position: outside;
	margin-left: 22px;
}
div.main ol li {
	margin-bottom: 3px;
	margin-left: 3px;
	color: #898a8c;
}
div.main ol li span {
	color: #000000;
}

/* BULLETPOINTS */
div.main ul {
	list-style-type: none;
}
div.main ul li {
	margin-bottom: 3px;
	margin-left: 3px;
	padding-left: 13px;
	background: url('../images/body-bulletpoint.gif') 0px 4px no-repeat;
}

/* HORIZONTAL RULE */
div.hr {
	clear: both;
	height: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}

/* PULLOUT */
div.article-pullout.no-border {
	border: 0px;
	margin-bottom: 0px;
}
div.article-pullout {
	padding: 10px;
	margin: 0px 0px 10px 20px;
	float: right;
	border: 1px solid #CCCCCC;
	font-style: italic;
	color: #999999;
	text-align: center;
}
div.article-pullout p {
	margin-top: 8px;
	text-align: center;
}

/* === ABOUT US === */

div.main#main-about-us {
	margin: -20px 0px 20px 0px;
}

div.about-us-details {
	width: 247px;
	height: 223px;
	float: left;
}

div.about-us-details div {
	margin: 127px 55px 0px 24px;
}

div.about-us-details h4 {
	font-size: 16px;
	margin: 0px;
}
div.about-us-details h5 {
	font-size: 12px;
	font-weight: normal;
	color: #999;
	font-style: italic;
	margin-bottom: 5px;
}
div.about-us-details h6 {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 5px;
}

div.about-us-details a {
	font-family: "RockREG",Arial,Helvetica,sans-serif;
	font-weight: normal !important;
}

div.about-us-details#about-tony { background: url('../images/body-about-us-tony-mcdonald.jpg') 0px 0px; }
div.about-us-details#about-christian { background: url('../images/body-about-us-christian-redgewell.jpg') 0px 0px; }
div.about-us-details#about-daniel { background: url('../images/body-about-us-daniel-foster.jpg') 0px 0px; }
div.about-us-details#about-andrea { background: url('../images/body-about-us-andrea-mcdonald.jpg') 0px 0px; }



/* === ABOUT US FULL VIEW PAGES === */

div#about-us-fullview {
	width: 600px;
}

div.main#about-us-fullview h1 {
	color: #009ADB;	
}
div.main#about-us-fullview h1 span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
}

div.about-us-fullview-sidebar {
	width: 317px;
	height: 460px;
	float: right;
	margin-bottom: 10px;	
}

div.about-us-pic-details {
	margin: 332px 30px 0px 30px;
}

div.about-us-pic-details h4 {
	font-family: "RockREG",Arial,Helvetica,sans-serif;
	font-weight: normal !important;
	color: #009ADB;
	font-size: 18px;
	margin-bottom: 8px;
}
div.about-us-pic-details p {
	margin-bottom: 5px;
}
div.about-us-pic-details p span {
	width: 45px;
	display: block;
	float: left;
	color: #999;
	font-style: italic;
	text-align: right;
	margin-right: 8px;
}
div.about-us-social-media-icons {
	margin-left: 53px;
}
div.about-us-social-media-icons a {
	display: block;
	float: left;
	height: 26px;
	margin-right: 8px;
	margin-top: 10px;
	width: 26px;
}
div.about-us-fullview-sidebar a.twitter { background: url("../images/about-us-social-media-twitter.gif") 0px 0px no-repeat; }
div.about-us-fullview-sidebar a.linkedin { background: url("../images/about-us-social-media-linkedin.gif") 0px 0px no-repeat; }


div.about-us-fullview-sidebar#tony-mcdonald { 
	background: url('../images/about-us-fullview-tony-mcdonald.jpg') 0px 0px no-repeat;
}
div.about-us-fullview-sidebar#christian-redgewell { 
	background: url('../images/about-us-fullview-christian-redgewell.jpg') 0px 0px no-repeat;
}
div.about-us-fullview-sidebar#daniel-foster {
	background: url('../images/about-us-fullview-daniel-foster.jpg') 0px 0px no-repeat;
}


/* SOCIAL MEDIA ICONS */
a.body-social-media-icons {
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	margin-top: 10px;
	display: block;
}
a#body-social-media-icon-facebook {
	background: url('../images/body-icon-facebook.png') 0px 0px no-repeat;
}
a#body-social-media-icon-twitter {
	background: url('../images/body-icon-twitter.png') 0px 0px no-repeat;
}
a#body-social-media-icon-linkedin {
	background: url('../images/body-icon-linkedin.png') 0px 0px no-repeat;
}


/* ======= HEAD QUOTE ======= */

div#quote {
	width: 300px;
	height: 102px;
	float: right;
	padding-bottom: 28px;
	position: relative;
}
div#quote div#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

div#quote div#slideshow div.last-active {
    z-index:9;
}
div#quote em {
	color: #009adb;
	font-style: italic;
}
div#quote p {
	color: #696a6c;
	font-size: 16px;
	padding-bottom: 5px;
}

div#quote div#slideshow div {
	position: absolute;
	top: 26px;
	left: 0px;
	height: 79px;
	vertical-align: middle;
	width: 300px;
	opacity: 0.0;
	background-color: #FFFFFF;
	cursor: hand;
	cursor: pointer;
}

/* ======= LEADING BLOCKS ======= */

div.lead-block {
	color: #FFFFFF;
	font-size: 26px;
	height: 123px;
	padding: 30px 0px 0px 30px;
	background: url('../images/body-lead-block.gif');
}
div.lead-block#lead-block-home {
	background: url('../images/body-lead-block-home.gif');
}
div.lead-block#lead-block-about-us {
	background: url('../images/body-lead-block-about-us.gif');
}
div.lead-block#lead-block-testimonials {
	background: url('../images/body-lead-block-testimonials.gif');
}
div.lead-block#lead-block-contact-us {
	background: url('../images/body-lead-block-contact-us.gif');
}
	
span.readmore {
	font-size: 14px;
}
	
/* 3-col */
a.block-3col h1 {
	font-size: 20px;
	margin-bottom: 10px;
}
a.block-3col.seperate {
	margin-right: 15px;
}
a.block-3col p {
	padding-bottom: 6px;
	color: #666666;
}
a.block-3col {
	cursor: hand;
	cursor: pointer;
	padding: 40px 30px 10px 37px;
	display: block;
	float: left;
	height: 134px;
	width: 252px;
	background: url('../images/body-block-3col.gif') 0px 0px no-repeat;
}
a.block-3col:hover {
	color: #FFFFFF;
	background-position: -319px 0px;
}
a.block-3col:hover p {
	color: #FFFFFF;
}
a.block-3col span.readmore {
	margin-top: 5px;
}


/* ======= LINKS ======= */

a {
	color: #009adb;
	text-decoration: none;
	border: 0px;
}
a:hover {
	color: #000000;
}

div#quote-prev,
div#quote-next {
	background-color: #e4e4e4;
	color: #FFFFFF;
	font-size: 10px;
	width: 80px;
	display: block;
	padding: 3px;
	text-align: right;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
}

div#quote-prev:hover,
div#quote-next:hover {
	background-color: #cdcdcd;
}

div#quote-prev {
	margin-bottom: 10px;
}
div#quote-next {
	margin-top: 10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}


/* === CONTACT FORM === */

div#contact-details {
	text-align: left;
	font-style: normal;
	width: 260px;
	border: 0px;
	background: #ebebeb;
	padding: 15px;
	padding-bottom: 5px;
}
div#contact-details p {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
}
span.error {
	color: #F00;
}
input#contactName {
	width: 420px;
}
input#contactPhone,
input#contactEmail {
	width: 196px;
}
textarea#contactMessage {
	width: 420px;
	height: 100px;
}
input#contactName,
input#contactPhone,
input#contactEmail,
textarea#contactMessage,
#contactSubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 5px;
	padding: 3px;
	border: 1px solid #CCCCCC;
}
input#contactName:focus,
input#contactPhone:focus,
input#contactEmail:focus,
textarea#contactMessage:focus,
#contactSubmit:focus {
	border: 1px solid #009ADB;
}
div#contact-element-phone {
	float: left;
	margin-right: 20px;
}
div#contact-element-phone,
div#contact-element-email {
	height: 30px;
}

/* ====================== */
/* ======= FOOTER ======= */
/* ====================== */

div#call-to-action {
	padding-top: 25px;
	padding-left: 335px;
	height: 78px;
	background: url('../images/footer-group-shot.jpg') 0px 3px no-repeat;
}

div#call-to-action p {
	margin-top: 4px;
	margin-left: 5px;
	float: left;
	text-align: right;
	font-size: 14px;
	color: #666;
	width: 308px;
}

a#button-book-consultation em {
	display: none;
}
a#button-book-consultation {
	cursor: pointer;
	cursor: hand;
	width: 256px;
	height: 58px;
	background: url('../images/button-obligation-free-consultation.gif') 0px 0px no-repeat;
	float: right;
	margin-right: 62px;
}
a#button-book-consultation:hover {
	background-position: 0px -60px;
}

div#footer {
	background-color: #696a6c;
	padding: 30px 30px 0px 30px;
	color: #8f8f8f;
	text-align: center;
}


/* freshbooks button */
a#button-freshbooks {
	width: 85px;
	float: left;
	display: block;
}


/* footer contact details */

div#footer-details,
div#footer-details a {
	color: #BBBBBB;
	font-weight: normal;
	font-size: 14px;
}
div#footer-details a {
	color: #FFFFFF;
}
div#footer-details a:hover {
	color: #009ADB;
}
div#footer-details span {
	color: #8f8f8f;
}

/* footer terms */
div#footer-terms {
	font-size: 11px;
	margin-top: 5px;
}
div#footer-terms,
div#footer-terms a {
	color: #8f8f8f;
}
div#footer-terms a:hover {
	color: #FFFFFF;
}



/* social media icons */
div#social-media-icons-block {
	float: right;
	width: 120px;
}
a.footer-social-media-icons {
	width: 30px;
	height: 30px;
	float: right;
	margin: 5px;
	background: url('../images/footer-social-media-icons.gif') no-repeat;
}
a#social-linkedin {
	background-position: 0px 0px;
}
a#social-twitter {
	background-position: -70px 0px;
}
a#social-facebook {
	background-position: -35px 0px;
}
a#social-linkedin:hover {
	background-position: 0px -35px;
}
a#social-twitter:hover {
	background-position: -70px -35px;
}
a#social-facebook:hover {
	background-position: -35px -35px;
}

/* plasticstudio tag */
div#plastic-studio-tag {
	width: 165px;
	height: 40px;
	margin: 0 auto;
	padding: 10px 80px 20px 0px;
}