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

body{
	font-family:Tahoma, Arial, sans-serif;
	font-size:0.9em;
	background-color:#fafafa;
	color:#575757;
}

h1{
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
	text-indent:-999em;
	width:323px;
	height:64px;
	float:left;
	margin-bottom:18px;
}
h1 a{
	display:block;
	width:306px;
	height:58px;
}

h2, h3{
	font-weight:normal;
}

.highlighted-text{
	font-weight:bold;
}
a:link, a:visited, a:hover, a:active{
	color:#74afd9;
	text-decoration:none;
}

.clearboth{
	clear:both;
}

#container{
	width:960px;
	margin:0 auto;
	padding-top:30px;
}

#header-contact{
	float:right;
	text-align:right;
	font-size:1.1em;
}

#header-contact p{
	margin-bottom:6px;
}

#main-nav{
	float:left;
	width:921px;
	height:38px;
	background-image:url(../images/main-nav-back.jpg);
	background-repeat:no-repeat;
	padding-left:39px;
}

#main-nav li{
	float:left;
	width:112px;
	height:29px;
	text-align:center;
	padding-top:10px;
	margin-right:12px;
	
	
}
#main-nav li a{
	display:block;
	width:112px;
	height:39px;
	color:#858585;
	background-image:url(../images/large-down-arrows.jpg);
	background-repeat:no-repeat;
}
.no-sub-menu a{
	background-image:none !important;
}

#main-nav-home a, #main-nav-about a{
	background-position:82px 5px;
}
#main-nav-services a{
	background-position:87px 5px;
}
#main-nav-portfolio a{
	background-position:87px 5px;
}

.main-nav-selected{
	background-image:url(../images/main-nav-selected.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
}

.meet-team-main-nav-selected-no-sub{
	background-image:url(../images/meet-team-selected.jpg) !Important;
	width:152px !Important;
	background-repeat:no-repeat;
	font-weight:bold;
	text-align:center;

}

.meet-team-main-nav-selected-no-sub a{
	width:152px !Important;
	color:#74afd9 !important;
}
.main-nav-selected a{
	background-image:url(../images/large-down-arrows-selected.jpg) !Important;
	background-repeat:no-repeat;
	color:#74afd9 !important;
}

.main-nav-selected-no-sub{
	background-image:url(../images/main-nav-selected.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
}

.sub-menu-selected{
	display:block !Important;
}
.main-nav-selected-no-sub a{
	color:#74afd9 !important;
}

.sub-menu{
	width:945px;
	height:40px;
	float:left;
	background-image:url(../images/sub-menu-back.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
}

.sub-menu li{
	padding:13px 27px 0 0;
	float:left;
	color:#74afd9;
	cursor:pointer;	
}

.sub-menu-li-selected{
	text-decoration:underline;
}

#home-sub-menu,#about-sub-menu, #meet-the-team-sub-menu, #services-sub-menu, #portfolio-sub-menu, #contact-sub-menu, #close-intro-button{
	display:none;
}


#home-content{
	width:636px;
	float:left;
	margin-top:15px;	
}

#home-portfolio-container{
	margin-top:15px;
}

#home-content-container{

}

#taking-design-briefs-now-button{
	margin:40px 0 0 20px;
}

#main-content{
	clear:both;
	float:left;
}
#main-content p{
	line-height:1.4em;
	margin-bottom:20px;
}
#main-content ul li{
	line-height:1.4em;
	
}

#main-content .page-heading{
	color:#527ca3;
	font-size:1.1em;
	border-bottom:1px solid #d5d5d5;
	padding-bottom:15px;
	margin-bottom:15px;
	font-weight:normal;
}

#main-content h2{
	color:#527ca3;
	margin-bottom:10px;
	line-height:1.2em;
}
.padding-top{
	padding-top:15px;
}

#content-wide{
	width:635px;
	float:left;
}
.indv-portfolio-containers{
	width:308px;
	height:198px;
	border:1px solid #d5d5d5;
	float:left;
	margin:0 15px 15px 0;
}
.right-invd-portfolio{
	margin:0 0 15px 0;
}

.inner-indv-portfolio-containers{
	width:300px;
	height:190px;
	border:1px solid #d5d5d5;
	margin:3px 0 0 3px;
}

.portfolio-rollover{
	position:absolute;
	margin-top:-84px;
	opacity:0.9;filter:alpha(opacity=90);
	width:300px;	
	height:82px;
	background-color:#436584;
	display:none;
}

.portfolio-rollover p{
	color:#FFFFFF;
	display:block;
	width:270px;
	height:32px;
	padding:50px 30px 0 0;
	background-image:url(../images/rollover-arrow.png);
	background-repeat:no-repeat;
	background-position:275px 54px;
	text-align:right;
	font-size:1.1em;
	cursor:pointer;
	
}

#footer{
	float:left;
	border:1px solid #d5d5d5;
	width:958px;
	height:238px;
	margin-bottom:40px;
}

#bottom-nav{
	float:left;
	border-right:1px solid #d5d5d5;
}
#bottom-nav li{
	width:224px;
	height:28px;
	border-bottom:2px solid #d5d5d5;
	background-image:url(../images/bottom-nav-back.jpg);
	background-repeat:no-repeat;
	padding:10px 0 0 14px;
}

#bottom-nav li a{
	display:block !important;
	width:238px;
	height:37px;
	color:#858585;
}

.bottom-nav-li{
	float:left;
	padding-right:5px;
}



.bottom-nav-arrow{
	background-image:url(../images/large-right-arrows.jpg);
	background-repeat:no-repeat;
	background-position:0 7px;
	padding-bottom:8px;
	float:left;
	width:11px;
	height:10px;
}


#bottom-nav{
	float:left;
	border-right:1px solid #d5d5d5;
	width:238px;
}
#footer-contact-li{
	border-bottom:0 !important;
}
#interested-in-container{
	float:left;
	height:170px;
	margin-top:2px;
}
.checkbox-containers{
	width:260px;
	float:left;
}
.checkbox-containers input{
	width:15px !Important;
	border:0 !important;
}
.checkbox-containers label{
	width:180px !Important;
	line-height:1.2em;
	font-weight:normal !Important;
}

#enquiry-container{
	margin-top:5px;
	float:left;
}
#inner-footer{
	background-color:#f4f4f4;
	float:right;
	border:1px solid #FFFFFF;
	width:717px;
	height:236px;
}

#inner-footer h3{
	font-size:1.05em;
	margin:10px 0 12px 0;
}

#where-to-find-us-container{
	float:left;
	width:234px;
	padding-left:13px;
	
}

#where-to-find-us-container p{
	margin-bottom:6px;
}

#where-to-find-us-container #talk-in-person-heading{
	font-size:1.05em;
	margin-bottom:10px;
}

#meet-the-team-container{
	width:154px;
	margin-left:12px;
	float:left;
}

#meet-the-team-container p{
	margin-bottom:8px;
}
#meet-the-team-container .team-name{
	float:left;
	padding-right:5px;
}

#meet-the-team-container .team-name-arrow{
	background-image:url(../images/small-right-arrows.jpg);
	background-repeat:no-repeat;
	background-position:0 7px;
	padding-bottom:10px;
	float:left;
	width:10px;
	height:8px;
}
#footer #terms-container{
	width:290px;
	float:left;
	text-align:right;
	margin-right:10px;
}

#footer #terms-container p{
	margin-bottom:5px;
}

#footer-logo{
	margin:12px 0 18px 0;
}

#facebook-icon{
	margin-bottom:7px;
}

/*About Page*/
#content-thin{
	width:481px;
	float:left;
}
#latest-news-column{
	width:225px;
	float:left;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	margin-left:12px;
	min-height:721px;
}

#latest-news-column h2{
	padding-left:15px;
}


.latest-news-container{
	padding:0 15px 10px 15px;
	border-bottom:1px solid #d5d5d5;
	margin-bottom:15px;
	
}
.latest-news-container h3{
	margin-bottom:5px;
}

.latest-news-container p{
	margin-bottom:5px !important;
}

.latest-news-container .read-more-news-button{
	background-image:url(../images/small-right-arrows.jpg);
	background-repeat:no-repeat;
	background-position:right 7px;
	width:80px;
}

#read-all-news-button{
	margin-left:15px;
}

#page-numbers{
	float:right;
	
}
#page-numbers ul li{
	float:left;
	margin:0 5px 0 0;
	padding:0 2px 0 2px;
	background-image:none !Important;
}
#page-numbers  ul li a{
	color:#575757;	
	
}
#active_page a{
	color:#74afd9 !important;
	font-weight:bold;
}
#previous-button, #next-button{
	border:0 !important;
}
#previous-button a, #next-button a{
	color:#74afd9 !important;
	
}

#previous-button a{
	background-image:url(../images/small-left-arrow.png);
	background-repeat:no-repeat;
	padding-left:15px;
	background-position:left 5px;
}
#next-button a{
	background-image:url(../images/small-right-arrow.png);
	background-repeat:no-repeat;
	background-position:right 5px;
	padding-right:15px;
}

#portfolio-previews-column{
	float:right;
	width:225px;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	background-color:#f4f4f4;
	min-height:731px;
}

#portfolio-previews-column h2{
	text-align:center;
	border-bottom:0;
	font-size:1.1em;
}

.portfolio-preview-container{
	border:1px solid #e6e6e6;
	width:184px;
	height:118px;
	margin:0 0 15px 18px;
}

.portfolio-preview-container img{
	border:1px solid #e6e6e6;
	margin:1px 0 0 1px;
}

/* Meet the Team Page */
#our-process-container{
	width:310px;
	float:right;
	padding-bottom:20px;
}

.team-titles{
	color:#74afd9;
	cursor:pointer;
}
.team-titles span{
	font-size:1.6em;
	float:left;
	margin:-2px 5px 0 0;
}

.team-container{
	margin-bottom:20px;
}

.team-container span{
	font-weight:bold;
}

.close-team-container, .team-container{
	display:none;
}

.team-container p{
	margin-bottom:5px !Important;
}
.team-descriptions  p{
	margin-bottom:20px !Important;
}

.team-descriptions img{
	border:1px solid #d5d5d5;
	float:left;
	margin:0 10px 0 0;
}

.process-container{
	width:308px;
	height:98px;
	border:1px solid #cfcfcf;
	background-color:#f4f4f4;
}

.inner-process-container{
	width:306px;
	height:96px;
	border:1px solid #FFFFFF;
	background-repeat:no-repeat;
	background-position:right;
}

.inner-process-container h3{
	color:#527ca3;
	font-size:1.9em;
	margin:3px 0 5px 4px;
	font-weight:normal;
}

.inner-process-container p{
	color:#74afd9;
	font-size:0.75em;
	margin:0 0 0 4px;
	line-height:1.7em !important;
}

#process-plan{
	background-image:url(../images/plan-process.jpg);
}
#process-design{
	background-image:url(../images/design-process.jpg);
}
#process-develop{
	background-image:url(../images/develop-process.jpg);
}
#process-market{
	background-image:url(../images/market-process.jpg);
}

.process-arrows{
	background-image:url(../images/process-arrow.jpg);
	background-repeat:no-repeat;
	width:31px;
	height:15px;
	margin:0 auto;
	
}

#meet-team-header{
	margin-bottom:10px;
}

/*Services Page*/
#services-column{
	width:225px;
	float:left;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	margin-left:12px;
	min-height:731px;
}

.services-page #services-column{
	border:0;
}

#services-column h2{
	padding-left:15px;
}

#inner-services-column{
	width:200px;
	margin:0 0 0 15px;
}

#inner-services-column p{
	clear:both;
	width:205px;
	float:left;
	margin-bottom:15px;
}
#inner-services-column .related-service-link{
	float:left;
	padding-right:5px;
}

#inner-services-column .related-service-arrow{
	float:left;
	background-image:url(../images/small-right-arrow.png);
	background-repeat:no-repeat;
	width:10px;
	height:8px;
	padding-bottom:10px;
	background-position:0 7px;
}

/* Portfolio Page*/
#portfolio-outer-container{
	margin-top:15px;
}

.outer-portfolio-container{
	width:310px;
	float:left;
	margin-right:15px;
}

#last-outer-portfolio-container{
	margin-right:0;
}

.portfolio-container{
	width:308px;
	height:198px;
	float:left;
	border:1px solid #d5d5d5;
	margin:0 0 12px 0;
	background-color:#FFFFFF;
}

.inner-portfolio-container{
	width:300px;
	height:190px;
	border:1px solid #d5d5d5;
	margin:3px 0 0 3px;
}
.outer-portfolio-container h2{
	float:left;
	width:308px;
}
.outer-portfolio-container .portfolio-title{
	float:left;
	padding-right:5px;
}

.outer-portfolio-container .portfolio-title-arrow{
	background-image:url(../images/large-right-arrow.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	float:left;
	padding-bottom:4px;
	width:11px;
	height:10px;
}

/*Portfolio Inner Page*/
.portfolio-inner-container{
	width:960px;
	float:left;
	border-bottom:1px solid #d5d5d5;
	margin-bottom:30px;
	padding-bottom:30px;
}

.portfolio-column-1{
	width:224px;
	float:left;
}

.portfolio-inner-container h2{
	border-bottom:0 !important;
	margin-bottom:0px !Important;
	padding-bottom:5px !Important;
}

.bottom-border{
	border-bottom:1px solid #d5d5d5;
	margin-bottom:10px;	
	padding-bottom:10px;	
}

.portfolio-column-1 p, .portfolio-column-3-top p{
	margin-bottom:0px !important;
}

.portfolio-column-1 .project-included-title{
	margin-bottom:10px !important;
}

.portfolio-column-2{
	width:480px;
	height:480px;
	float:left;
	border:1px solid #cfcfcf;
	margin-left:15px;
}

.portfolio-column-2 img{
	margin:3px 0 0 3px;
	border:1px solid #cfcfcf;
}

.portfolio-column-3{
	width:224px;
	float:right;
}

.portfolio-column-3-top p{
	color:#74afd9;
}
.portfolio-column-3-top span{
	color:#74afd9;
	font-size:1.6em;
}

.portfolio-column-3 .client-brief{
	min-height:362px;
}

.portfolio-column-3 .client-testimonial{
	border-top:1px solid #d5d5d5;
	margin-top:10px;
	padding-top:10px;
	display:none;
}

.close-testimonial{
	display:none;
}


.close-testimonial, .open-testimonial{
	cursor:pointer;
}
.portfolio-column-3 .client-testimonial p{
	color:#575757;
	font-style:italic;
}

.navigation-buttons{
	float:left;
	font-size:0.75em;
	text-align:center;
	margin-right:5px;
}
.navigation-buttons p{
	margin-bottom:3px !Important;
}

.navigation-buttons p a{
	color:#9c9c9c;
}

/*Contact Page*/

#large-map-container{
	border:1px solid #d5d5d5;
	margin:15px 0 0 0;
	width:958px;
	height:198px;
}

#large-map-container img{
	margin:1px 0 0 1px;
}
#contact-container{
	width:713px;
	float:left;
	margin-bottom:20px;
}
#contact-container h3, #contact-details-container h3{
	font-weight:bold;
	margin-bottom:10px;
}
#contact-container #contact-intro{
	border-bottom:1px solid #d5d5d5;
	margin-bottom:15px;
}
#contact-form{
	width:365px;
}
#contact-form label{
	font-weight:bold;
	font-size:0.9em;
	width:96px;
	float:left;
	clear:left;
	margin-top:2px;
}

#contact-form input{
	border:1px solid #d5d5d5;
	width:261px;
	padding:2px;
	margin-bottom:5px;
}

#contact-form textarea{
	border:1px solid #d5d5d5;
	width:261px;
	height:115px;
	padding:2px;
	margin-bottom:5px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:0.9em;
}

#contact-form #submit-button{
	width:82px;
	height:22px;
	border:0;
	float:right;
}

#contact-details-container{
	width:225px;
	float:right;
}

#main-office-details{
	border-bottom:1px solid #d5d5d5;
	margin-bottom:20px;
	padding-bottom:10px !Important;
}

.contact-info{
	margin-bottom:10px !Important;
}

.contact-info span{
	font-weight:bold;
}

/* News Page*/
.indv-news-container{
	border-bottom:1px solid #d5d5d5;
	margin-bottom:20px;
}
.indv-news-container h3{
	font-weight:bold;
	margin-bottom:10px;
}
.indv-news-container h3 span{
	font-size:0.9em;
}

#player{
	padding-top:15px;
	float:left;
}

#services-header-image{
	margin-top:15px;
	display:block;
}


#home-news{
	width:310px;
	float:right;
	padding-top:15px;
}

#home-news .page-heading img{
	float:right;
}

#home-news h3{
	margin-bottom:10px;
}

#home-news h3 a{
	color:#527ca3;
}