/*  
Description: BMG CSS style sheet
Author: phar fetched designs
uthor URL: http://www.pharfetched.co.uk/
*/
 
 
 
 /* main content */


#container {
background : #ffffff none repeat scroll 0% 0%;
margin : 0 auto;
position : relative;
text-align : left;
width : 72.73em;
}
#mastheadwrapper {
background : #ffffff none repeat scroll 0% 0%;
height : 10em;position : relative;
}
#masthead {
margin : 0 auto;
padding : 0 0 0 1em;
position : relative;
text-align : center;
width : 780px;
}

body.fourcol div.c1, body.fourcol div.footc1, body.fourcol div.c2, body.fourcol div.footc2, body.fourcol div.c3, body.fourcol div.footc3, body.fourcol div.c4, body.fourcol div.footc4 {
float : left;
margin : 0 1em;
padding : 0;
width : 22.2em;
}

body#about #maincontent h2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
display:block;
height:65px;
margin:1em 0 1.5em;
text-indent:-999em;
width:550px;
}


* {
margin : 0;
padding : 0;
}
body {
color : #4f4e4e;
text-align : center;
}


body#about #maincontent div.promo.nature div#promoimage {
float:left;
}

body#about #maincontent h3 {
border-top:3px solid #495470;
font-family:Plantin,"Plantin std","Plantin","Baskerville",Georgia,"Times New Roman",serif;
font-size:2.5em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.6em;
margin:0 0 0.5em;
text-transform:lowercase;
}


 /* page titles */
 
body #home #about #maincontent div.promo.nature h2#homepageheadline {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url() repeat scroll 0 0;
display:block;
height:64px;
margin:5em 0 1em;
text-indent:-999em;
width:352px;
}

#homepageheadline{
background:transparent url(http://www.bmg-website.com/bmgwebsite/images/welcome.gif) no-repeat scroll 0 0;
}

#aboutpageheadline{
background:transparent url(http://www.bmg-website.com/bmgwebsite/images/about.gif) no-repeat scroll 0 0;
}

#clientpageheadline{
background:transparent url(http://www.bmg-website.com/bmgwebsite/images/clients.gif) no-repeat scroll 0 0;
}

#servicespageheadline{
background:transparent url(http://www.bmg-website.com/bmgwebsite/images/services.gif) no-repeat scroll 0 0;
}

#contactpageheadline{
background:transparent url(http://www.bmg-website.com/bmgwebsite/images/contact.gif) no-repeat scroll 0 0;
}

#marketingpageheadline{
background:transparent url(http://www.bmg-website.com/bmgwebsite/images/marketing.gif) no-repeat scroll 0 0;
}

#presspageheadline{
background:transparent url(http://www.bmg-website.com/bmgwebsite/images/media.gif) no-repeat scroll 0 0;
}

#designpageheadline{
background:transparent url(http://www.bmg-website.com/bmgwebsite/images/webdev.gif) no-repeat scroll 0 0;
}

#thankyoupageheadline{
background:transparent url(http://www.bmg-website.com/bmgwebsite/images/thankyou.gif) no-repeat scroll 0 0;
}

#errorpageheadline{
background:transparent url(http://www.bmg-website.com/bmgwebsite/images/oopps.gif) no-repeat scroll 0 0;
}

body#about #maincontent h3 {
border-top:3px solid #495470;
font-family:Plantin,"Plantin std","Plantin","Baskerville",Georgia,"Times New Roman",serif;
font-size:2.5em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.6em;
margin:0 0 0.5em;
text-transform:lowercase;
}

 /* colunms */


.leftcol {
float:left;
font-family:Plantin,"Plantin std","Plantin","Baskerville",Georgia,"Times New Roman",serif;
font-size:1.5em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
margin:0 1em 2em 12px;
width:25.222em;
}
.rightcol{
float: left;
width: 100px;
padding: 30px 0 0 0;
margin-bottom: 5px;
}



 /* footer and page contact details */

#footer {
float: left;
position: relative;
display: block;
padding : 10px; 50px 10px 50px;
position:relative;
background-color: #48536F;
color: #FFFFFF;
height: 20px;
color : #FFFFF;
text-align: left;
width : 100%;
margin-top: 50px;
}


#contact{
background-color: #48536F;
color: #FFFFFF;
padding: 0px 20px;
height: 20px;
}

 /* links` */


a, a:active, a:link {
border-bottom : none;
color : #48536f;
text-decoration : none;
}

a:visited {
text-decoration : none;
}
a:hover {
border-bottom : 1px solid;
color : #a29e9d;
}

img, a:hover {
border-bottom : 0px solid;
}

 /* lists */


ul {
list-style-image : none;
list-style-position : outside;
list-style-type : none;
}

ul.italic {
color : #666666;
font-style : italic;
margin : 1.5em 0 0;
}
div.c2 ul, div.c3 ul {
margin : 0 0 2em;
}

li {
font-size : 120%;
line-height : 1.4em;
margin : 0.5em 0 0;
}

#nav ul li{
display: block;
padding : 0px 25px 10px 0;
position:relative;
color : #48536f;
float : right;
margin : 0px 0px 0 0;
}


 /* logo */

#branding {
margin : 50px 0 10px 0;
border: 0px;
}

#branding h1 {
border-bottom : medium none;
height : 100px;
width : 200px;
}


 /* typography */


body {
font-family : Georgia, "Times New Roman", serif;
font-size : 68.75%;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : 1.7em;
}
h1, h2, h3, h4, h5, h6 {
font-family : "Thesis Sans", "Myriad Pro", "Lucida sans", Verdana, sans-serif;
font-size : 1.2em;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : 1.6em;
}
body#home h1, body#home h2, body#home h3, body#home h5, body#home h6 {
font-family : Plantin, "Plantin std", "Plantin", "Baskerville", Georgia, "Times New Roman", serif;
font-size : 1em;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : 1.6em;
}
p {
font-size : 100%;
line-height : 1.7em;
margin : 0.8em 0 0;
}
p.tags, p.reg {
color : #999999;
font-size : 110%;
font-style : italic;
line-height : 1.6em;
margin : 1em 0 2em;
}
p.caption {
color : #999999;
font-size : 110%;
font-style : italic;
line-height : 1.6em;
margin : 0 0 2em;
padding : 0;
}
h1 {
font-size : 3em;
line-height : 1.3em;
}
h2 {
font-size : 1.8em;
line-height : 1.4em;
margin : 0;
padding : 0;
}
h2#sectionheader {
color : #546d78;
font-size : 1.8em;
margin : 0;
padding : 0;
}
h3 {
font-size : 1.5em;
line-height : 1.8em;
margin : 0;
padding : 0;
}
.c3 p + h3, .c1 p + h3, .c2 p + h3 {
margin : 1em 0 0;
}
h3#inbrief {
background : transparent url("") no-repeat scroll 0% 0%;
padding : 5px 0 5px 38px;
}
h3#indepth {
background : transparent url("") no-repeat scroll 0% 0%;
padding : 5px 0 15px 38px;
}
h4 {
font-size : 1.5em;
line-height : 1.8em;
margin : 0;
padding : 0;
}

 /* written content for all pages except index */

.copy {
float:left;
font-family:Plantin,"Plantin std","Plantin","Baskerville",Georgia,"Times New Roman",serif;
font-size:1em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5em;
margin:0 1em 2em 12px;
width:100%;
}
.copy-top {
float:left;
font-family:Plantin,"Plantin std","Plantin","Baskerville",Georgia,"Times New Roman",serif;
font-size:1.5em;
line-height:1.5em;
margin:0 10px 50px 12px;
width:100%;
}

 /* about page image */


.aboutphoto img{
padding: 5px 10px 10px;
float: left;
}

 /* contact form */


form.webform-client-form input {
height:auto;
margin-top:5px;
padding:10px;
}
input[type="text"], input[type="password"], input[type="select"], input[type="search"] {
border:1px solid #CCCCCC;
display:block;
height:30px;
padding:1px 2px;
}
input, textarea {
font-size:12px;
}
input, select, button {
cursor:pointer;
}
textarea, input, select {
font-family:inherit;
font-size:100%;
font-style:normal;
font-weight:normal;
margin:0;
padding:0;
text-align:left;
white-space:normal;
}

textarea {
border:1px solid #CCCCCC;
display:block;
line-height:20px;
padding:0 2px;
}
#contact-form{
margin-top: 30px;
}
form.webform-client-form input.form-submit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:25px;
-moz-border-radius-bottomright:25px;
-moz-border-radius-topleft:25px;
-moz-border-radius-topright:25px;
background:#CBCAC4 none repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
margin:15px 7px 10px 0;
padding:5px 17px;
}
input[type="submit"], input[type="reset"], input[type="button"] {
margin: 25px 0 0 0;
}