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

Title : Joanna McGowan  Stylesheet
Author : Andy Holmes - AndyHolmes.net

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

/* COMMON AND GLOBAL */
body {  margin:0; padding:0; background-color: #ebebe9; font-family: 'Trebuchet MS'; color: #919191; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.3em; font-size: 0.85em; }
td, textarea, input, select { font:100% Trebuchet MS; }
p { font-size: 20px; background-color: #FFF; line-height: 30px; padding: 6px; display: inline; color: #000; }
span { font-size: 20px; background-color: #FFF; line-height: 30px; padding: 6px; color: #000;}
img { border:none; }

#maincontent { position: absolute; top: 0; left: 0; z-index: 50; width: 100%; }
.fullBg { position: relative; top: 0; left: 0; overflow: hidden; }

/* CLASSES */
.Clear { clear: both; }
.Float_Right { float: right !important; }
.Float_Left { float: left !important; }

/* CONTENT */
#Container { width: 960px; margin: auto; min-height: 300px; }
#Container #environmental { width: 700px; margin: auto; margin-top: 30px; }
#Container #environmental span { font-size: 20px; background-color: #FFF; line-height: 30px; padding: 6px; display: inline; color: #000; }
#Container #news { width: 700px; margin: auto; margin-top: 180px; background-color: #FFF; padding-top: 6px; padding-bottom: 6px; }
#Container #news span { font-size: 20px; background-color: #FFF; line-height: 30px; padding: 6px; display: inline; color: #000; }
#Container .contenttext { width: 660px; color: #000; font-family:Arial, Helvetica, sans-serif; margin-top: 300px; float: right; margin-right: 200px; }
#Container .contenttextsubpage { width: 660px; color: #000; font-family:Arial, Helvetica, sans-serif; float: right; margin: auto; }
#Container .contenttextservices { width: 440px; color: #000; font-family:Arial, Helvetica, sans-serif; float: right; margin: auto; }

#Container #newsitem { width: 700px; margin: auto; margin-top: 50px; height: auto; background-color: #FFF; padding: 5px; }
#Container #newsitem h1 { font-size: 24px; color:#000; padding-top: 10px; padding-left: 6px; }
#Container #newsitem .text { padding: none; margin: none; }
#Container #newsitem span { font-size: 20px; background-color: #FFF; line-height: 30px; padding: 6px; display: inline; color: #000; }

#Container #ContactFormholder { padding: 6px; margin: 0px; float: left; background-color: #FFF; margin-left: 200px; color: #000; margin-top: 100px; position: relative;  }
#Container #ContactFormholder table { margin: 0px; padding: 0px; }

#Container table { margin-top: 180px; }
#Container table span { font-size: 20px; background-color: #FFF; line-height: 30px; padding: 6px; display: inline; color: #000; font-family:Arial, Helvetica, sans-serif; margin-top: 0px;}
#Container span { font-size: 20px; background-color: #FFF; line-height: 30px; padding: 6px; display: inline; }
#Line { height: 5px; background-color: #000000; width: auto; }
#Logo { width: 30%; height: 132px; background-color:#FFF; position: absolute; top: 30px; right: 0px; border-bottom-color: #000; border-bottom-style: solid; border-bottom-width: 3px; }
#MP3 { width: 30%; height: 32px; position: absolute; top: 164px; right: 0px; }
#MP3 p {}

#product { position: relative; }
#product #pdf { position: absolute; top: 20px; right: 20px; width: 100px; height: 100px; }

/* BOXES */
.BoxHolder { width: 700px; height: 300px; background-color: #FFF; margin: 270px auto 0px auto; position: relative; overflow: hidden; } 
.BoxHolder img { margin: none; padding: none; } 
.BoxHolder .bx-prev {
	position: absolute;
	top: 130px;
	left: 0px;
	width: 31px;
	height: 31px;
	text-indent: -999999px;
	background: url(../images/icon_arrow_left.png) no-repeat 0 -31px;
	z-index: 997;
}

.BoxHolder .bx-next {
	position: absolute;
	top: 130px;
	right: 0px;
	width: 31px;
	height: 31px;
	text-indent: -999999px;
	background: url(../images/icon_arrow_right.png) no-repeat 0 -31px;
	z-index: 996;
}

.BoxHolder .bx-next:hover,
.BoxHolder .bx-prev:hover {
	background-position: 0 0;
}

#Navigation { width: 300px; height: 100%; position: absolute; top: 200px; left: 0px; padding: 0px; }
ul { list-style:none; left: 0px; padding: 0px;}
li { margin-bottom:3px; left: 0px; }
a {
	border:none;
	color:#FFF;
	font-weight: bold;
}
.size { width: 210px; height: 45px; }