File: //home/seochester.co.uk/public_html/stylesheets/style.css
/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
body { font:12px Arial, Helvetica, sans-serif; color:#a7a6a6; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.bg { background: url(../images/body_bg.jpg) top repeat-x #030106; }
.bg1 { background: url(../images/body_bg1.jpg) top repeat-x #030106; }
/* ### GLOBAL CLASSES ### */
.clear { clear: both; margin:0px; padding:0px; }
a{ color:#fff; text-decoration:underline;}
a:hover{ text-decoration:none;}
/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }
/* ### MAIN CONTAINER ### */
#mainCntr { position:relative; width: 980px; margin: 0 auto;}
/* ### HEADER CONTAINER ### */
#headerCntr {
position: relative;
width: 980px;
height: 128px;
overflow:hidden;
background: url(../images/header_bg.jpg) top left no-repeat;
font-size: 18px;
color: #FFF;
}
#headerCntr h1 { padding:26px 0px 44px 0px; overflow: hidden; float:left;}
#wrapper #mainCntr #headerCntr h1 a {
text-decoration: none;
}
/* ### MENU CONTAINER ### */
#menuCntr {
padding-top:68px;
overflow:hidden;
float:right;
width: 600px;
}
#menuCntr ul{ margin: 0px;}
#menuCntr li{ padding-left:1px; list-style: none; float:left;}
#menuCntr li a {
text-decoration: none;
text-align:center;
display:block;
color:#fff;
line-height:60px;
font-family: "Myriad Pro";
font-size: 13px;
background-color: #00A7D3;
background-repeat: no-repeat;
background-position: left top;
padding-right: 9px;
padding-left: 9px;
}
#menuCntr li a:hover { color:#333333;}
/* ### BANNER CONTAINER ### */
#bannerCntr { width:980px; height:366px; overflow: hidden; background: url(../images/banner_bg.jpg) left top no-repeat;}
/* ### TEXT BOX ### */
.textBox{ padding-top:124px; float: left; width: 475px; overflow: hidden; }
.textBox p{font-family:Myriad Pro; color:#fff; font-size:28px;}
/* ### BANNER BOX ### */
.bannerBox{ padding:50px 0px 0px 50px; float: left; width: 428px; overflow: hidden; }
/* ### HEADING BOX ### */
.headingBox { width: 980px; overflow: hidden; height: 176px; }
.headingBox h2 { padding-top: 69px; font-size: 36px; color: #fff; font-weight: normal; float: left; }
.headingBox img { padding-top: 15px; float: right; }
/* ### CONTENT CONTAINER ### */
#contentCntr { overflow: hidden; width:980px; margin:0 auto;}
/* ### LEFT CONTAINER ### */
#leftCntr{ padding-bottom: 80px; width: 555px; overflow:hidden; float:left}
/* ### WELCOME BOX ### */
.welcomeBox{ padding:57px 0px 27px 0px; width:556px; overflow:hidden;background:url(../images/welcome_bg.jpg) left top no-repeat;}
.welcomeBox h2 { font-weight:normal; font-family: Myriad Pro; font-size:24px; color:#fff;}
.welcomeBox p{
font-size:12px;
color:#a7a6a6;
line-height:20px;
padding-top: 11px;
padding-right: 0px;
padding-bottom: 11px;
padding-left: 0px;
}
#wrapper #mainCntr #contentCntr #leftCntr .welcomeBox p a {
text-decoration: none;
}
/* ### ABOUT BOX ### */
.aboutBox { padding:40px 0px 27px 0px; width: 556px; overflow: hidden; background:url('../images/welcome_bg.jpg') left top no-repeat; }
.aboutBox h2 { padding: 20px 0 0 70px; height: 60px; font-weight:normal; font-family: Myriad Pro; font-size:24px; color:#fff; background: url(../images/about-icon.png) left top no-repeat; }
.aboutBox h3 { padding: 20px 0 0 65px; height: 49px; font-weight:normal; font-family: Myriad Pro; font-size:24px; color:#fff; background: url(../images/service-icon.png) left top no-repeat; }
.aboutBox h4 { padding: 20px 0 0 65px; height: 56px; font-weight:normal; font-family: Myriad Pro; font-size:24px; color:#fff; background: url(../images/portfolio-icon.png) left top no-repeat; }
.aboutBox p{ padding:5px 0px 0px 0px; font-size:12px; color:#a7a6a6; line-height:20px;}
.aboutBox img { margin: 0 30px 30px 0; border: #323232 solid 4px; float: left; }
.aboutBox a{ font-size:12px; width:80px; float: right; color:#000; display:block; line-height:31px; text-decoration:none; text-align:center; background:url(../images/more_button.jpg) left top no-repeat;}
.aboutBox a:hover{ background:url(../images/more_botton_h.jpg) left top no-repeat;}
/* ### CONTACT BOX ### */
.contactBox { padding:40px 0px 27px 0px; width: 556px; overflow: hidden; background:url('../images/welcome_bg.jpg') left top no-repeat; }
.contactBox h2 { padding: 20px 0 0 65px; height: 47px; font-weight:normal; font-family: Myriad Pro; font-size:24px; color:#fff; background: url(../images/contact-icon.png) left top no-repeat; }
.contactBox p{ padding:5px 0px 10px 0px; font-size:12px; color:#a7a6a6; line-height:20px;}
.contactBox form { border: 0px; padding-top: 60px;}
.contactBox fieldset { border: none; }
.contactBox input.filed{ padding:7px; background: url(../images/contact-bar.jpg) 0px 0px no-repeat; width:422px; height:22px; display: inline-block; border:none; color: #888888; font-size: 12px; }
.contactBox label{ width:115px; height:46px; font:14px Arial, Helvetica, sans-serif; color:#fff; display:inline-block; text-align:left; vertical-align:top; }
.contactBox textarea{ padding: 10px; background: url(../images/text-area.jpg) 0px 0px no-repeat; width:416px; height:126px; border:none; color: #888888; font-size: 12px;}
.contactBox input.send{ padding-left: 16px; background: url(../images/send-button.jpg) 0px 0px no-repeat; width:148px; height:37px; border:none; margin:21px 0px 0px 120px; cursor:pointer; font-size: 12px; color: #000000; text-decoration: none; line-height: 37px; text-align: left; }
.contactBox input.send:hover { text-decoration: underline;}
/* ### MISSION BOX ### */
.missionBox { width:556px; overflow:hidden; background:url(../images/cross_bg.jpg) left top no-repeat;}
.missionBox h2 { padding: 20px 0 14px 0; font-weight:normal; font-family: Myriad Pro; font-size:24px; color:#fff;}
.missionBox p{ padding-top:25px; font-size:12px; color:#a7a6a6; line-height:20px;}
.missionBox img{ margin: 0 30px 30px 0; float: left; border: solid 4px #323232;}
.missionBox a{ font-size:12px; width:80px; float: right; color:#000; display:block; line-height:31px; text-decoration:none; text-align:center; background:url(../images/more_button.jpg) left top no-repeat;}
.missionBox a:hover{ background:url(../images/more_botton_h.jpg) left top no-repeat;}
/* ### DESIGN BOX ### */
.designBox { padding-top: 10px; width: 556px; overflow: hidden; background:url(../images/cross_bg.jpg) left top no-repeat; border-bottom: #333333 solid 1px; }
.designBox h2 { padding: 20px 0 30px 0; font-weight:normal; font-family: Myriad Pro; font-size:24px; color:#fff;}
.designBox p { padding-bottom: 25px; width: 453px; font-size: 12px; color: #a7a6a6; line-height: 20px; float: right; }
.designBox img { margin-top: 18px; float: left; }
.designBox a{ margin-top: 20px; font-size:12px; width:80px; float: left; color:#000; display:block; line-height:31px; text-decoration:none; text-align:center; background:url(../images/more_button.jpg) left top no-repeat;}
.designBox a:hover{ background:url(../images/more_botton_h.jpg) left top no-repeat;}
.designBox .last { border: none; }
/* ### PORTFOLIO BOX ### */
.portfolioBox { padding-top: 10px; width: 556px; overflow: hidden; background:url(../images/cross_bg.jpg) left top no-repeat; border-bottom: #333333 solid 1px; }
.portfolioBox h2 { padding: 20px 0 30px 0; font-weight:normal; font-family: Myriad Pro; font-size:24px; color:#fff;}
.portfolioBox p { padding-bottom: 20px; width: 294px; font-size: 12px; color: #a7a6a6; line-height: 20px; float: right; }
.portfolioBox img { border: #323232 solid 4px; float: left; }
.portfolioBox a{ margin-top: 20px; font-size:12px; width:80px; float: left; color:#000; display:block; line-height:31px; text-decoration:none; text-align:center; background:url(../images/more_button.jpg) left top no-repeat;}
.portfolioBox a:hover{ background:url(../images/more_botton_h.jpg) left top no-repeat;}
.portfolioBox .last { border: none; }
/* ### CROSS BOX ### */
.crossBox{ width:556px; overflow:hidden; background:url(../images/cross_bg.jpg) left top no-repeat;}
.crossBox h2 { padding-bottom:34px; font-weight:normal; font-family: Myriad Pro; font-size:24px; color:#fff;}
.crossBox p{ padding-top:24px; font-size:12px; color:#a7a6a6; line-height:20px;}
.crossBox img{ border: solid 4px #323232;}
.crossBox a{ font-size:12px; width:80px; float: right; color:#000; display:block; line-height:31px; text-decoration:none; text-align:center; background:url(../images/more_button.jpg) left top no-repeat;}
.crossBox a:hover{ background:url(../images/more_botton_h.jpg) left top no-repeat;}
.crossBox .inthebox{ padding-right:60px; width:238px; float:left; overflow:hidden;}
.crossBox .cross{ width:238px; float:left; overflow:hidden;}
.crossBox .sco{ padding:46px 60px 0px 0px; width:238px; float:left; overflow:hidden;}
.crossBox .cross1{ padding-top: 46px; width: 238px; float: left; overflow: hidden; }
/* ### RIGHT CONTAINER ### */
#rightCntr { padding-top: 46px; width: 366px; overflow: hidden; float:right; }
/* ### GET BOX ### */
.getBox{ margin-bottom:31px; width: 366px; overflow: hidden; background: url(../images/get_bg.jpg) repeat-y;}
.getBox .top{ width: 366px; overflow: hidden; background: url(../images/get_top.jpg) left top no-repeat;}
.getBox .bottom{ padding:11px 23px 30px 23px; width: 320px; overflow: hidden; background: url(../images/get_bottom.jpg) left bottom no-repeat;}
.getBox h3 { background: url(../images/icon.jpg) left top no-repeat; }
.getBox h3 span{ padding: 6px 0px 19px 70px;font-weight:normal; font-size:36px; color:#6d6b6b; display:block; background: url(../images/h3_border.jpg) bottom repeat-x; }
.getBox p{ padding-top:13px; font-size:12px; color:#676666; line-height:20px;}
/* ### BLOG BOX ### */
.blogBox{ width: 366px; overflow: hidden; background: url(../images/get_bg.jpg) repeat-y;}
.blogBox .top{ width: 366px; overflow: hidden; background: url(../images/get_top.jpg) left top no-repeat;}
.blogBox .bottom{ padding:11px 23px 30px 23px; width: 320px; overflow: hidden; background: url(../images/get_bottom.jpg) left bottom no-repeat;}
.blogBox h3 { padding: 10px 0px 26px 70px;font-weight:normal; font-size: 24px; color:#6d6b6b; display:block; background: url(../images/icon1.jpg) left top no-repeat;}
.blogBox p{ padding-bottom:14px;font-size:12px; color:#676666; line-height:20px; background: url(../images/h3_border.jpg) bottom repeat-x;}
#wrapper #mainCntr #contentCntr #rightCntr .getBox .top .bottom h3 span a {
font-size: 18px;
text-decoration: none;
color: #CCC;
}
.blogBox span{font-size:12px; text-align:right; display:block; color:#a7a6a6; font-style:italic;}
.blogBox .last{ padding:24px 0px 0px 0px ; background:none;}
/* ### EVENT BOX ### */
.eventBox{ padding:29px 0px 40px 0px; width:366px; overflow:hidden;}
.eventBox h3 { padding-bottom:27px; font-weight:normal; font-size:24px; color:#fff; }
.eventBox p{ font-size:12px; color:#a7a6a6; line-height:20px;}
.eventBox img{margin-right:19px; border: solid #323232 4px; float:left}
/* ### FOOTER CONTAINER ### */
#footerCntr {width:100%; overflow: hidden; background:url(../images/footer_bg.jpg) center top no-repeat;}
#footerCntrinner{ padding-top:53px; height: 80px; width: 980px; margin:0px auto;}
/* ### FOOTER MENU ### */
.footermenu {
width:700px;
float:left;
overflow:hidden;
}
.footermenu ul { width:370px;}
.footermenu ul li{ padding:0px 18px; list-style: none; float:left; background:url(../images/footer_line.jpg) left 4px no-repeat;}
.footermenu ul li a {color:#fff; font-size:12px; text-decoration:none;}
.footermenu ul li a:hover { text-decoration: underline;}
.footermenu ul li.first{ padding-left:0px; background:none;}
.footermenu p{
padding-top:14px;
color: #fff;
font-size: 12px;
}
.footermenu p a { color: #fff; text-decoration: none; }
.footermenu p a:hover { text-decoration: underline; }
/* ### TWITTER BOX ### */
.twitterbox { width:150px; float: right; overflow:hidden; }
.twitterbox .big{ float:left; border:none; background:no-repeat;}
.twitterbox .small{ margin:7px 0px 0px 10px; float:left; border:none; background:no-repeat;}
#gallery {
position:relative;
height:360px
}
#gallery a {
float:left;
position:absolute;
}
#gallery div {
float:left;
position:absolute;
}
#gallery a img {
border:none;
}
#gallery a.show, #gallery div.show {
z-index:500; position: a
}
#gallery .caption {
z-index:-500;
background-color:#000;
color:#ffffff;
height:100px;
width:100%;
position:absolute;
bottom:0;
}
#gallery .caption .content {
margin:5px
}
#gallery .caption .content h3 {
margin:0;
padding:0;
color:#1DCCEF;
}