/*-----------------------

Orbit Pumps

----------------------*/

@import url("nav.css");
@import url("cmxform.css");
@import url("thickbox.css");


* {
	padding: 0;
	margin: 0;
} /* this will reset all elements to margin/padding = 0 */


/*-----------------------
Body
----------------------*/
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url('../images/core/bg.gif') center top repeat-x;
	color: #737373;
}


/*-----------------------
Standard
----------------------*/
h1 { 
	font-size: 1.6em;
	font-weight: bold;
	color: #484848;
}

h2 { 
	font-size: 1.4em;
	color: #be0c0c;
}

h3 { 
	font-size: 1.2em; 
	color: #2c4b9c;
}

h4 { 
	font-size: 1.1em; 
	color: #3e3d3c;
	font-weight: normal; 
}

h5 { 
	font-size: 1em; 
	color: #3e3d3c;
	font-weight: bold;
}

p { 
	font-size: 1.3em;
	line-height: 2em;
}

h1, h2, h3, h4, h5, p, ul, ol { margin-bottom: 15px; }

img.left {
	float: left;
	margin: 0 15px 15px 0;
	border: 0;
	clear: left;
}

img.right {
	float: right;
	margin: 0 0 15px 15px;
	border: 0;
	clear: right;
}

ul { 
	list-style-type: square;
	margin-left: 30px; 
	font-size: 1.2em;
}

ul li { 
	line-height: 1.6em;
}

ul.no-list { 
	list-style-type: none;
}

ul.list-pdf {
	list-style-type: none;
}

ul.list-pdf li {
	background: url('../images/core/icon-pdf.gif') no-repeat;
	padding-left: 26px;
	line-height: 1.6em;
}

ol { 
	margin-left: 40px; 
	font-size: 1.2em;
}

ol li {
	line-height: 1.6em;
}

a { 
	color: #41705d; 
	text-decoration: none; 
}

a:hover { 
	color: #41705d; 
	text-decoration: underline; 
}

a.back {
	display: block;
	text-align: right;
	border-top: 1px dashed #cccccc;
	padding: 4px 0;
}

a:hover.back {
	color: #41705d; 
	text-decoration: underline; 
}

hr {
	border: 0;
	height: 0;
	border-bottom: 1px solid #E7EBEF;
	margin-bottom: 20px;
}

.clear {
	display: block;
	clear: both;
}


/*-----------------------
Container
----------------------*/
div#container {
	width: 856px;
	margin: 0 auto;
}


/*-----------------------
Header
----------------------*/
div#header {
	height: 147px;
	position: relative;
}

/* ---- Logo ---- */
div#logo {
	width: 176px;
	height: 76px;
	display: block;
	position: absolute;
	top: 40px;
	left: 61px;
}

div#logo img {
	border: 0;
}
div#header h2#phone {
	width: 226px;
	height: 43px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/core/telephone.gif') 0 0 no-repeat;
	position: absolute;
	top: 75px;
	right: 44px;
}


/*-----------------------
Banner
----------------------*/
div#banner {
	height: 310px;
	position: relative;
}

div#banner-box {
	background: #222222;
	height: 241px;
}

div#banner-image {
	width: 770px;
	height: 297px;
	position: absolute;
	top: 50px;
	left: 43px;
}

/* ---- Nav (see nav.css) ----- */

/* -- Banner Inner -- */
div#banner-inner {
	height: 241px;
	position: relative;
}

div#banner-image-inner {
	width: 770px;
	height: 191px;
	position: absolute;
	top: 50px;
	left: 43px;
}

body#profile #banner-image-inner { background: url('../images/core/banner-profile.jpg') no-repeat; }
body#orbit #banner-image-inner { background: url('../images/core/banner-orbit.jpg') no-repeat; }
body#spare #banner-image-inner { background: url('../images/core/banner-spare.jpg') no-repeat; }
body#projects #banner-image-inner { background: url('../images/core/banner-projects.jpg') no-repeat; }
body#contact #banner-image-inner { background: url('../images/core/banner-contact.jpg') no-repeat; }


/*-----------------------
Content
----------------------*/
div#content {
	width: 746px;
	padding: 20px 43px 0 67px ;
}

div#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* ---- Content Left ---- */
div#content-left {
	width: 425px;
	float: left;
	margin-right: 63px;
}

/* ---- Content Right ---- */
div#content-right {
	width: 258px;
	float: left;
}

/* -- CTA -- */
div#cta { 
	border-bottom: 1px solid #e3e8ec;
	margin-bottom: 25px;
}

div#cta a img {
	border: 0;
	margin-bottom: 15px;
}

div#cta h2 {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #be0c0c;
	margin-bottom: 2px;
}
 
div#cta p {
	font-size: 1.1em;
	line-height: 1.6em;
	margin-bottom: 0;
}

div#cta-button {
	padding: 15px 0 15px 200px;
}

div#cta-button a {
	width: 45px;
	display: block;
	padding: 0 4px;
	background: #fff url('../images/core/arrow.gif') 43px 4px no-repeat;
	line-height: 1.5em;
	text-transform: uppercase;
}

div#cta-button a:hover {
	background: #b0cdc1 url('../images/core/arrow-on.gif') 43px 4px no-repeat;
	text-decoration: none;
}

/*-----------------------
Projects
----------------------*/
div#item {
	width: 425px;
}

div#item ul {
	list-style-type: none;
	margin: 0;
	font-size: 1em;
}

div#item ul li {}

div#image {
	width: 120px;
	height: 90px;
	float: right;
	padding: 0 0 20px 20px;
}

div#image img {
	border: 4px solid #cccccc;
}


/*-----------------------
Employment
----------------------*/
div.employment-form table td {
	padding: 5px 15px 5px 0;
	font-size: 1.3em;
}

div.employment-form table td input.field,
div.employment-form table td textarea.field {
	border-top: 1px solid #D3D7D5; 
	border-left: 1px solid #D3D7D5; 
	border-right: 1px solid #919191; 
	border-bottom: 1px solid #919191;
	padding: 5px;
	width: 250px;
	color: #000;
}

div.employment-form table td input.button {
	border: 0;
	width: 80px;
	padding: 3px;
	text-align: left;
	color: #FFF;
	text-transform: uppercase;
	background: #000 url('../images/core/arrow-black.gif') 68px center no-repeat;
}


/*-----------------------
Links
----------------------*/
/*div#links {
	width: 425px;
}

div#links:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#links ul li {
	float: left;
	width: 75px;
	height: 85px;
	padding: 0 0 15px 15px;
}

div#links ul li img {
	border: 0;
}

div#links-image {
	width: 100px;
	float: left;
	border: 5px solid #E7EBEF;
}

div#links-image img {
	border: 0;
}

div#links-content {
	width: 280px;
	float: left;
	margin-left: 20px;
}

div#links-content h3 {
	margin-bottom: 3px;
	color: #3f3f3f;
}

div#links-content p {
	margin-bottom: 10px;
	line-height: 1.3em;
	font-size: 1em;
}*/


/*-----------------------
Contact
----------------------*/
div#contact-box h2 {
	font-size: 1.8em;
	color: #be0c0c;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

div#enquiry-form {
	margin-bottom: 20px;
}

/* ---- Enquiry form (see cmxform.css) ----- */

/* -- Map -- */
div#map {
	margin-bottom: 30px;
}

div#map h2 {
	text-transform: uppercase;
	margin-bottom: 10px;
}

div#map img {
	border: 5px solid #E7EBEF;
}

/* -- Links -- */ 
div#links1 {
	width: 258px;
}

div#links1 h2 {
	text-transform: uppercase;
}

div#links1 img {
	border: none; 
	padding: 5px;
}


/*-----------------------
Footer
----------------------*/
div#footer {
	background: url('../images/core/bg-footer.gif') center top no-repeat;
	padding: 25px 0;
	position: relative;
}

div#footer p {
	font-size: 1.1em;
	margin-left: 66px;
}

div#footer a {
	color: #7f8084;
	text-decoration: none;
	padding: 0 1px;
}

div#footer a:hover {
	color: #7f8084;
	text-decoration: underline;
}

div#footer em {
	font-style: normal;
	padding-left: 5px;
}

div#footer a img#wflogo {
	width: 70px;
	height: 17px;
	position: absolute;
	top: 25px;
	right: 132px;
	border: 0;
}