﻿body { font-family: Arial, Helvetica, sans-serif; color: #616168; }

p, label, input, select { font-size: 1.2em;margin-bottom: 10px; color: #616168; }

#centre { position: relative; width: 940px; margin: 10px auto 0 auto; }
#header { position: relative; width: 940px; float: left; height: 120px; }
#page   { position: relative; width: 940px; float: left; margin-top: 15px; }
#footer { position: relative; width: 940px; float: left; border-top: 1px solid #e2e3e3; margin-top: 20px; }
#banner { position: relative; width: 940px; float: left; background-color: #616168; margin-top: 5px; }

/* ----------------------------------------------------------------------------------------------------
 * Header specific
 * ---------------------------------------------------------------------------------------------------- */

#bbk-logo { position: absolute; right: 0; }
#contact-info { position: absolute; top: 15px; }

#menu-top { Display:none; }


#bar { position: absolute; bottom: 0; width: 940px; height: 30px; background-color: #d1be7b; }
#menu-areas { Display:none; }

#search {  Display:none;}

.criteria { width: 125px; height: 17px; padding: 5px 0 0 5px; border: 0px; }
.submit { width: 27px; height: 22px; }

/* ----------------------------------------------------------------------------------------------------
 * Banner specific
 * ---------------------------------------------------------------------------------------------------- */
#banner img {Display:none; }
#banner h1 {Display:none;}

.banner-home { Display:none; }
.banner-home h1 { position: absolute; top: 25px; }
.banner-home p { position: absolute; top: 75px; left: 15px; width: 430px; }
.banner-home #flash { position: absolute; right: 0; }

.banner-normal{Display:none;}
.banner-service {Display:none;}
.banner-about { Display:none;}
.banner-news {Display:none;}
.banner-team { Display:none;}

.banner-service img { width: 280px; position: absolute; right: 60px; }
.banner-about img { width: 260px; position: absolute; right: 255px; }
.banner-news img { width: 505px; position: absolute; right: 190px; }
.banner-team img { width: 335px; position: absolute; right: 100px; }
/* ----------------------------------------------------------------------------------------------------
 * Side menu specific
 * ---------------------------------------------------------------------------------------------------- */

#menu-side { Display:none; }


/* ----------------------------------------------------------------------------------------------------
 * Page specific
 * ---------------------------------------------------------------------------------------------------- */

.left { float: left; }
.right { float: right; }

#page-content { float: right; width: 700px; }
#page-middle { float: left; width: 400px; margin-left:16px; }
#page-aside { float: right; width; 280px; }

#small-side { position: relative; float: left; width: 220px; }
#small-aside { width: 200px; }

.aside-box { float: right; clear: both; background-color: #e2e3e3; padding: 10px; margin-bottom: 10px; width: 260px; }
.aside-box li { margin-bottom: 5px; }
.info-box img { float: left; margin-right: 10px; }

.image-box { padding: 0; width: 280px; }
.image-box img { border-top: 1px solid #a89011; }
.image-box p { padding: 10px; }

.team-box .profile { position: absolute; right: 10px; width: 260px; top: 30px; display: none; }
.team-box #profile0 { display: block; } /* for none javascript browsers */
.team-box img { float: left; border-top: 1px solid #a89011; margin: 0 10px 10px 0; }
.team-box h3 { float: left; width: 100px; }
.team-box p { float: left width: 260px; clear: both; }
.team-box ul { float:left; width: 260px; clear: both; border-top: 1px solid #d1be7b; padding-top: 10px; margin-top: 150px; }
.team-box li { position: relative; float: left; width: 120px; height:15px; }

.team-box-small p { float: left; clear: none; width: 80px; }
.team-box-small ul { margin-top: 110px; }
.team-box-small li { width: auto; height: auto; }

/* on the "Our Team" page */
.team-profile-box { float: left; width: 220px; margin-bottom: 10px; }
.team-profile-box-divider { padding-right: 20px; }
.team-profile-box img { margin-bottom: 5px; border-top: 1px solid #a89011; }

/* on the "Our Sevices" page */
.service-box { float: left; width: 220px; margin-bottom: 15px; }
.service-box-small { float: left; width: 185px; margin-bottom: 10px; }
.service-box-divider { margin-right: 9px; border-right: 1px solid #e2e3e3; padding-right: 10px; }
.service-box p, .service-box-small p { margin-bottom: 0; }

.check-list { float: left; margin: 10px 0 0 0; }
.check-list li { width: 280px; padding: 0 20px 10px 30px; 
	background-image: url('../images/quality-tick.png'); background-repeat: no-repeat; background-position: 0 0; }


.blog-item { float: left; width: 700px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e2e3e3; }
.blog-item h2 { margin-bottom: 5px; }
.blog-item p { margin-bottom: 5px; }
.blog-item-text { width: 460px; float: left; }
.blog-item-profile { width: 220px; float: right; }
.blog-item-profile p { margin-bottom: 5px; }
.blog-item-profile img { border-top: 1px solid #a89011; }



.news-item { float: left; width: 460px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e2e3e3; }
.news-item h2 { margin-bottom: 5px; }
.news-item p { margin-bottom: 5px; }
.news-item-text { width: 460px; float: left; }


.page-form .item { width: 190px; }
.page-form label { float: left; clear: both; margin-bottom: 5px; }
.page-form input { float: left; padding: 2px; clear: both; width: 180px; }
.page-form #submit { width: 100px; float: right; }
.page-form select { float: left; padding: 2px; clear: both; width: 180px; }
.page-form textarea { float: left; padding: 2px; clear: both; width: 390px; height: 100px; margin-bottom: 10px; } 
#page-content .clear { clear: both; }

/*-----Add-*/
.campaign-item { float: right; width: 700px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e2e3e3; }
.campaign-item h2 { margin-bottom: 5px; }
.campaign-item p { margin-bottom: 5px; }
.campaign-item-text { width: 540px; float: right; }
.campaign-item-profile { width: 150px; float: left; }
.campaign-item-profile p { margin-bottom: 5px; }
.campaign-item-profile img { border-top: 1px solid #a89011; }
/*-----end add---*/
/* ----------------------------------------------------------------------------------------------------
 * Home page specific
 * ---------------------------------------------------------------------------------------------------- */

#testimonials { position: relative; width: 940px; float: left; margin-bottom: 20px; }
#testimonials li { float: left; width: 290px; padding-left: 11px; }
#testimonials .divider { border-right: 1px solid #e2e3e3; padding-right: 11px; }
#testimonials .small { margin-bottom: 0; }

#features { position: relative; width: 940px; float: left; background-color: #e9e9ec; }
.feature-box { float: left; width: 289px; padding: 12px; }
.feature-box img { float: left; margin-right: 10px; }
.feature-box li { margin-bottom: 5px; }

/* ----------------------------------------------------------------------------------------------------
 * Footer specific
 * ---------------------------------------------------------------------------------------------------- */
 
#menu-footer {  Display:none; }


 
