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

body { background: #FFFFFF; font-family:Rockwell, Georgia, "Palatino Linotype", serif; font-size:12px; color:#031634; margin:0 }

h1 { color:#274d7d; font-size:24px; margin:0; }

h2 { color:#333333; font-size:14px; font-weight:200; }

.centre { width:950px; margin:0 auto; }

@font-face {
    font-family: 'Rockwell';
    src: url('../fontface/rockwell-webfont.eot');
    src: url('../fontface/rockwell-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontface/rockwell-webfont.woff') format('woff'),
         url('../fontface/rockwell-webfont.ttf') format('truetype'),
         url('../fontface/rockwell-webfont.svg#Rockwell') format('svg');
    font-weight: normal;
    font-style: normal;

}

.nav { height:50px; background:url(../images/nav_bg.png) top left repeat-x; margin:0 auto; }
	.nav .divider { width:2px; height:14px; background:url(../images/divider.png) top left no-repeat; float:right; margin:18px 0px 0px 0px; }
	.nav .btn { color:#FFF; font-size:14px; letter-spacing:-0.01em; text-decoration:none; margin:15px 15px 0px 15px; float:right; }
	.nav .btn:hover { color:#80deff; text-decoration:underline; } 

.top { height:390px; background:url(../images/header_bg.jpg) top center no-repeat; }

.bottom { min-height:300px; background:#FFF; }

.header { width:950px; margin:0 auto; }
	.header .logo { width:347px; height:107px; background:url(../images/logo.png) top left no-repeat; float:left; border:0; margin:0px 0px 0px 0px; }
	.header .contact {  width:221px; height:50px; float:right; margin:35px 0px 0px 0px; }
	.header .twitter { width:50px; height:52px; float:right; margin:35px 0px 0px 7px; }
	.header .facebook { width:51px; height:52px; float:right; margin:35px 0px 0px 7px; }
	
.thumbnails { width:468px; height:236px; float:left; margin:25px 0px 0px 20px; }
	.thumbnails .thumb { margin:0px 7px 7px 0px; float:left; }

.topText { width:360px; height:189px; background:url(../images/speech_bubble.png) top right no-repeat; font-size:18px; color:#887773; text-align:center; font-weight:normal; letter-spacing:-0.45px; line-height:22px; float:right; padding:32px 36px 42px 36px; }
	.topText .link { color:#a63e2e; text-decoration:none; }
	.topText .link:hover { text-decoration:underline; }
	
.portfolioText { width:360px; height:189px; background:url(../images/speech_bubble.png) top right no-repeat; font-size:16px; color:#887773; text-align:left; font-weight:normal; letter-spacing:-0.45px; float:left; padding:42px 36px 42px 36px; }
		.portfolioText .title { font-size:24px; font-weight:bold; color:#274d7d; margin:0px; }
		.portfolioText p { margin:5px 0px 5px 0px; }

.bullets { width:950px; height:193px; background:url(../images/bullets_bg.png) top center no-repeat; margin:20px 0px 0px 0px; font-size:14px; color:#555555; }
	.bullets .left { width:510px; height:193px; float:left; text-align:left; letter-spacing:0.025px; line-height:22px; margin:0px; }
		.bullets .left .title { font-size:18px; color:#953829; padding:0px 0px 0px 25px; }
		.bullets .left ul { margin:0px; }
	.bullets .right { width:430px; height:193px; float:right; text-align:left; letter-spacing:0.025px; line-height:22px; margin:0px; }
		.bullets .right .title { font-size:18px; color:#324b69; letter-spacing:0.025px; padding:0px 0px 0px 25px; }
		.bullets .right ul { margin:0px; }
		
.contactTop { width:934px; height:259px; background:url(../images/contact_top.png) bottom center no-repeat; margin:0px 8px 0px 8px; }
	.contactTop .speechBubble { width:365px; height:195px; margin:30px 0px 0px 30px; float:left; text-align:left; font-size:14px; }
		.contactTop .speechBubble .title { font-size:24px; font-weight:bold; color:#274d7d; margin:0px; }
		.contactTop .speechBubble p { margin:5px 0px 5px 0px; }
	.contactTop .list { width:470px; height:195px; margin:30px 30px 0px 0px; float:right; font-size:16px; letter-spacing:0.025px; color:#FFF; }
		.contactTop .list .title { font-size:22px; color:#74dcff; margin:0px; }
		.contactTop .list ul { padding:0px 0px 0px 13px; margin:5px 0px 0px 0px; line-height:22px; }

.contactDetails { width:200px; float:left; padding:20px; line-height:20px; margin:20px; font-size:14px; }

.enquiryForm { width:610px; height:270px; background:url(../images/contact_form_bg.png) top left no-repeat; float:right; margin:20px 20px 20px 0px; padding:20px; }
	.enquiryForm .title { color:#973829; font-size:24px; letter-spacing:-0.25px; font-weight:bold; margin:0px 0px 10px 0px; }
	.enquiryForm .btn { width:140px; height:35px; }
	.enquiryForm .field { font-family:Rockwell, Georgia, "Palatino Linotype", serif; width:170px; }
	.enquiryForm .messagefield { font-family:Rockwell, Georgia, "Palatino Linotype", serif; }

.content { width:620px; float:left; padding:30px; line-height:20px; font-size:14px; }

.btn { margin:0px 10px 0px 0px; }
		
.quickEnquiry { width:230px; height:240px; background:url(../images/contact_bg.png) top left no-repeat; float:right; margin:20px 0px 20px 0px; padding:20px; }
	.quickEnquiry .title { color:#973829; font-size:24px; letter-spacing:-0.25px; font-weight:bold; margin:0px 0px 10px 0px; }
	.quickEnquiry .btn { width:140px; height:35px; }
	
.portfolio { width:910px; height:230px; background:url(../images/portfolio_bg.png) top left no-repeat; font-size:14px; padding:10px; margin:20px 0px 0px 0px; }
	.portfolio .image { width:400px; height:230px; float:left; border:0px; margin:0px 20px 0px 0px; }
	.portfolio .text { width:470px; text-align:left; font-size:14px; float:left; }
	.portfolio .title { font-size:22px; color:#274d7d; font-weight:bold; margin:10px 0px 0px 0px; }
	.portfolio .description { font-size:16px; margin:10px 0px 0px 0px; }
	.portfolio .blue { color:#274d7d; font-weight:bold; }
	.portfolio p { margin:10px 0px 0px 0px; }

.footer { height:30px; background:url(../images/footer_bg.jpg) bottom center no-repeat; color:#222; font-size:12px; padding:15px; }
	.footer .middle { width:950px; margin:0 auto; }
	.footer .validation { float:left; margin:0px 5px 0px 0px; }
	.footer .middle .copyright { float:left; margin:7px 0px 0px 0px; }
	.footer .middle .link { float:right; margin:7px 0px 0px 0px; text-decoration:none; color:#222; font-size:12px; }
	.footer .middle .link:hover { text-decoration:underline; }

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

.clearRight {clear:right; }
.clearLeft {clear:left; }
.clearBoth {clear:both; }