/* template - Default */
body {
background:#ffffff repeat-x;
}
#banner {
background:url(https://s3-eu-west-1.amazonaws.com/s3.spanglefish.com/2/img/b/environment/40.jpg);
}
#nav {
background:#272727;
border-bottom:2px solid #272727;
}
#nav li ul {
background:#272727;
}
#nav li a {
font-style:italic;
background:#fff;
}
#nav li a:hover, #nav li a.on {
background:#e2dccc;
}

.vmenu #nav, .omenu #nav {
border-top:1px solid #fff;
}
.vmenu #nav li ul {
border-bottom:2px solid #272727;
}
.hmenu #nav {
background:#fff;
border-top:2px solid #272727;
}
.hmenu #nav ul {
border-left:2px solid #272727;
border-right:2px solid #272727;
}

#a1 {
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}

#banner {background-image: url('https://s3-eu-west-1.amazonaws.com/s3.spanglefish.com/s/35167/images/topbars/top bar3.jpg');height:250px;}
.hmenu #nav, #nav a, #blogfloat a {}
#nav a:hover, #nav a.on, #blogfloat a:hover, #blogfloat a.on {background-color:#ebb7a8 !important;}
/*Increasing Site Width to 1200px*/
@media (min-width:1200px) {
#a1,#c1,#main,#content,#menu,#nav {width:1200px !important;} #banner {background-repeat:no-repeat;}
}
#bimg {display:none;}

/* add a background image and set the height of the banner box */
#banner {background-image:url(documents/private/website/top-bar4.jpg);height:250px;}
/* hide the normal banner image which is placed on top of the banner */
#bi img {display:none;}


.twocolumns1 {
width:100%;
overflow:auto;
}

.twocolumns1 div {
float:left;
width:35%;
padding-left:70px;
}

@media (max-width: 450px)  {
.twocolumns1 div {
float:none;
width:100%;
padding-left:0px;
}
}
//==========================================
.twocolumns2 {
width:100%;
overflow:auto;
}

.twocolumns2 div {
float:left;
width:35%;
padding-left:70px;
}

@media (max-width: 450px)  {
.twocolumns2 div {
float:none;
width:100%;
padding-left:0px;
}
}

//==========================================

