body {
	border: 0px;
	margin: 0px;
	background: #FFFFFF;
}
#all {
	width: 100%;
	overflow:hidden;
}
#top {
	height: 59px;
	background: url(../images/top.gif) repeat-x;
	border-top: 1px solid #FFF;
}
#byline {
	position: absolute;
	color:#56472E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	vertical-align: bottom;
	top: 40px;
	left: 10px;
}
#shellcarbon {
	width: 100%;
	height: 152px;
	background: url(../images/shellcarbon.jpg) no-repeat left;
	border-top: 1px solid #FFF;
}
#nav {
	background: #18AE08;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF !important;
	text-decoration: none;
	border-top: 1px solid #FFF;
}
A.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	text-decoration: none;
}
A.nav:visited {
	color: #CCC;
}
A.nav:hover {
	background: #FFF;
	color: #18AE08;
	padding:5px;
}
#content {
	border-top: 1px solid #FFF;
	text-align: left;
}
#contenttext{
	padding: 20px 10px 20px 10px;
	background: url(../images/bottom.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 2;
}
#contenttextcontactus{
	background: url(../images/bottom.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding:0px 0px;
}
#contentlinks{
	background: url(../images/bottom.gif) repeat-x;
	
	padding: 20px 10px 20px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 2;
}
A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration:underline;
	padding: 5px;
}
A:visited {
	color: #AAA;
}
A.contentlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #18AE08;
	text-decoration:none;
	padding: 5px;
}
A.contentlinks:visited {
	color: #CCC;
}
A.contentlinks:hover, A:hover {
	background: #18AE08;
	color: #FFF;
	text-decoration: none;
}
#contenttext2{
	background: white;
	border-left:1px solid #ccc;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 2;
	padding: 20px 10px 20px 10px;
	text-align:justify;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px !important;
	font-weight: bold !important;
	color: #18AE08 !important;
	margin-bottom:36px !important;

}
h2{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #18AE08 !important;	
	
}
a.anchor {
	width:0px;
	height:0px;
	visibility: hidden;
}
#logo {
	top: 0px;
	right: 0px;
	width:120px;
	height:59px;
	position: absolute;
	background: url(../images/shellcarbon.gif) no-repeat;

}

.contact-office {
    margin-top: 12%;
 
}
.contact-image-right {
    padding-top: 12%;
}
@media (min-width: 240px) and (max-width: 767px) {
.navbar-collapse {
padding-left: 15px !important;
   }
   #logo{background-positionleft; position:relative !important; width:30% !important; float:right;}
   #byline {
       margin-right: 5%;
    position: relative !important;
     text-align: left !important;
    top: 12px !important;
    width: 55% !important;
	float:left;
	
}
#contenttextcontactus{ padding:0px 10px;}
.contact-office {
    text-align: center;
}
}