File: //home/roofmagazine.org.uk/public_html/css/stylesheet.css
body{ padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:#fff;}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr,acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img{border:none; outline:none; padding:0px; margin:0px;}
a:link{border:none; outline:none;}
a:hover{border:none; outline:none;}
.content a{color:#0094fc; text-decoration:underline;}
.cl {
clear:both;
}
.container {
height:auto;
width:100%;
}
.header-wrapper {
width:100%;
height:701px;
background:url(../images/header_bg.png) repeat-x;
}
.header {
width:980px;
margin:0px auto;
}
.top-section {
height:196px;
}
.logo {
float:left;
width:298px;
height:103px;
background:url(../images/logo.png) no-repeat;
}
.right-section {
float:right;
padding-top:10px;
}
.social-icon {
float:right;
}
.social-icon li{
list-style:none;
margin:0px;
display:inline;
}
.social-icon li a {
display:block;
float:left;
height:35px;
width:35px;
margin-left:5px;
}
.fb {
background:url(../images/facbook.png) no-repeat;
}
.rss {
background:url(../images/rss.png) no-repeat;
}
.lin {
background:url(../images/linkdin.png) no-repeat;
}
.tw {
background:url(../images/tuter.png) no-repeat;
}
.nav {
float:left;
padding-top:41px;
}
.nav ul {
margin:0px;
padding:0px;
}
.nav ul li{
margin:0px;
padding:0px;
list-style:none;
display:inline;
}
.nav ul li a{
display:block;
float:left;
color:#606060;
background:#fff;
height:34px;
background:url(../images/nav-bg.jpg) repeat-x;
text-decoration:none;
padding:17px 14px 0px 14px;
margin:0px 2px 0px 2px;
border-top-left-radius:6px;
border-top-right-radius:6px;
}
.nav ul li a:hover {
background:url(../images/nav-bg-h.jpg) repeat-x;
color:#fff;
}
.slogan2 {
float:left;
padding:15px;
background:url(../images/banner-slogan-bg.png) repeat-y;
color:#fff;
width:350px;
margin-top:340px;
}
.text-box {
height:28px;
width:206px;
margin-bottom:4px;
border:1px #ffbb5b;
padding:0px 6px 0px 6px;
}
.textbox1 {
width:135px;
font-size:12px;
}
.text-area {
height:60px;
width:206px;
margin-bottom:4px;
border:1px #ffbb5b;
padding:6px 6px 0px 6px;
}
.button {
padding:7px 10px 7px 10px;
border:none;
float:right;
background:url(../images/button-bg.jpg) repeat-x;
}
.heading {
padding:10px 40px 10px 40px;
border-top:1px #c8c8c8 solid;
border-left:1px #c8c8c8 solid;
border-right:1px #c8c8c8 solid;
float:left;
color:#f78500;
}
.content-box {
padding:15px;
border:1px #c8c8c8 solid;
color:#8e8e8e;
line-height:20px;
}
.list li{
list-style:none;
margin:5px 0px 5px 0px;
}
.list li a {
color:#868686;
text-decoration:none;
}
.list li a:hover {
color:#ff6a00;
}
.testimonials-box p {
font-style:italic;
}
.client-name {
color:#ff6a00;
}
.footer-wrapper {
background:#101010;
width:100%;
margin-top:15px;
}
.footer {
width:980px;
margin:0px auto;
padding:30px 0px 30px 0px;
color:#fff;
}
.f-right {
float:right;
}
.f-left {
float:left;
}
.f-left a {
color:#fff;
text-decoration:none;
float:left;
margin-right:10px;
}
.main {
width:980px;
margin:0px auto;
}
.nav {
float:left;
padding-top:41px;
}
.banner {
float:left;
width:660px;
background:url(../images/banner.png) no-repeat;
height:505px;
background-position:bottom;
}
.quote-box {
float:right;
width:229px;
height:488px;
background:url(../images/form.png) no-repeat;
position:relative;
top:-27px;
padding:26px 35px 0px 35px;
color:#fff;
}
.content {
width:980px;
margin:0px auto;
padding:20px 0px 20px 0px;
}
.boxes {
width:980px;
margin:0px auto;
}
.services-box {
width:306px;
float:left;
}
.testimonials-box {
width:306px;
float:left;
margin-left:30px;
}
.text-box {
border-radius:4px;
}
.text-area {
border-radius:4px;
}
.button {
border-radius:4px;
}
.slogan2 {
border-radius:6px;
}
.heading {
border-top-left-radius:6px;
border-top-right-radius:6px;
}
.content-box {
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
border-top-right-radius:6px;
}